@charset "utf-8";

/** SCSS 문법 사용을 위해 분리함 20230222 (Front의 scss 컴포넌트 시스템 사용 안 함) **/

@import url(../Front/_inc/css/pages/apply.css); /* 수강신청 */
@import url(../Front/_inc/css/pages/studySupport.css); /* 학습지원센터 */
@import url(../Front/_inc/css/pages/login.css); /* 로그인 */
@import url(../Front/_inc/css/pages/memberJoin.css); /* 회원가입 */
@import url(../Front/_inc/css/pages/introduce.css); /* 평생교육원 소개 */
@import url(../Front/_inc/css/pages/creditBank.css); /* 학점은행제 소개 */
@import url(../Front/_inc/css/pages/myPage.css); /* 내강의실 소개 */

/* 2014/01 son@ubion */
/* 학점은행 */


/*151217 해더 메뉴바 수정 시작*/
.header_wrap {
    width: 100%;
    margin: 0 auto;
    background: url("../Images/jo_img/menubar_bg_gray2.jpg") repeat-x 0 76px;
}

.jo_header {
    height: 120px;
    width: 1000px;
    margin: 0 auto;
}

.jo_header h1 {
    margin: 0 !important;
    padding: 6px 0 7px 0;
    float: left;
}

.jo_rolling_img {
    float: left;
    margin: 26px 0 0 0
}

.jo_header_aside {
    float: right;
}

.jo_header_favor {
    float: right;
    background: url("../Images/jo_img/jo_header_favor_back.png") no-repeat 0 0;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 177px;
    height: 27px
}

.jo_header_favor span {
    display: inline-block;
    padding: 8px 0 5px 20px;
    font-size: 12px;
}

.jo_header_favor_btn {
    background: url(../Images/jo_img/jo_header_favor_01.png) no-repeat 0 0;
}

.jo_header_start_btn {
    background: url(../Images/jo_img/jo_header_favor_02.png) no-repeat 0 0;
}

.jo_header_aside_nav {
    clear: both;
    padding: 23px 0 0 0
}

.jo_header_aside_login {
    background: url("../Images/jo_img/jo_header_nav_bar.png") no-repeat right 4px;
    *text-align: right
}

.jo_header_aside_login li {
    display: inline-block;
    *display: inline;
    zoom: 1
}

.jo_header_aside_login li a {
    display: inline-block;
    padding: 5px 7px 3px 10px;
    margin: 0;
    word-spacing: 0;
    font-size: 12px;
    color: #333;
    letter-spacing: -1px;
    background: url("../Images/jo_img/jo_header_nav_bar.png") no-repeat 0 4px;
}

.jo_main_menu {
    clear: both;
    height: 44px;
    width: 1000px;
    /*background:url("../Images/jo_img/jo_top_menu_back.png") no-repeat 0 0;*/
    position: relative;
    z-index: 998
}

.jo_top_nav_ul {
    clear: both;
    height: 44px;
    width: 1000px
}

.jo_top_nav_li {
    float: left;
    position: relative;
    width: 44px;
    width: 138px;
    text-align: center;
    padding: 1px 0 0 0
}

.jo_top_nav_li_a {
    display: block;
    width: 138px;
    height: 27px;
    padding: 14px 0 0 0;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
}

.jo_top_nav_li_a:hover {
    color: #fff;
}

.jo_top_nav_li_last {
    width: 170px
}

.jo_top_nav_li_last .jo_top_nav_li_a {
    width: 155px;
    padding-right: 15px
}

.jo_sub_menu {
    display: none;
    position: absolute;
    top: 46px;
    left: 0;
    z-index: 1000;
    width: 138px;
    height: 300px;
    padding: 10px 0;
    text-align: left !important;
    zoom: 1;
    *background: #f9f9f9
}

.jo_top_nav_li_last .jo_sub_menu {
    width: 170px;
}

.jo_sub_menu ul li {
    _padding: 0;
    _margin: 0;
    _height: 16px
}

/*ie8 hack*/
@media \0screen {
    .jo_sub_menu ul li {
        margin-bottom: 2.5px;
        _margin: 0;
    }
}

.jo_sub_menu ul li a {
    display: block;
    color: #333;
    font-weight: bold;
    padding: 5px 0 2px 20px;
    _padding: 4px 0 2px 20px;
}

.jo_sub_menu ul li a:hover {
    background: #ccc
}

.jo_sub_menu ul li .curr {
    background: #ccc
}

.jo_menu_bg {
    display: none;
    background: #f9f9f9;
    *background: none;
    border: 2px solid #dfdfdf;
    width: 996px;
    height: 320px;
    position: absolute;
    top: 44px;
    left: 0;
    z-index: 999;
    zoom: 1
}

/*151217 해더 메뉴바 수정 끝*/
.jo_container_main {
    width: 1000px;
    margin: 0 auto;
    text-align: left
}

.jo_container_main:after {
    content: "";
    display: block;
    clear: both;
}

.jo_main_visual {
    width: 1000px;
    height: 300px;
    margin: 6px 0;
}

.jo_main_day_info {
    border: 8px solid #d9d9d9;
    float: left;
}

.jp_main_visual_img_box {
    width: 796px;
    padding: 8px;
    background: #d9d9d9;
    float: right;
    z-index: 100
}

.jp_main_visual_img {
    float: left;
    width: 617px;
}

.jp_main_visual_img a {
    display: none;
}

.jp_main_visual_img .curr {
    display: block !important;
}

.jp_main_visual_ol {
    float: right;
    width: 170px;
    margin: 0;
    padding: 0;
    height: 285px;
    background: #f9f9f9
}

.jp_main_visual_ol li {
    margin: 0 !important;
    list-style: none;
    width: 172px;
    border-bottom: 1px solid #d9d9d9
}

.jp_main_visual_ol li a {
    height: 28px;
    width: 152px;
    padding: 18px 10px 0 10px;
    display: inline-block;
    color: #818181;
}

.jp_main_visual_ol li .curr {
    border: 5px solid #c71a20;
    margin: -1px 0 0 -9px;
    padding: 18px 10px 0 14px;
    background: #ffffff;
    width: 153px;
    font-weight: bold;
    color: #333
}

.jo_left {
    width: 180px;
    border: 1px solid #d6d6d6;
    float: left;
    background: #f9f9f9
}

.jo_login_out {
    position: relative;
    height: 194px;
    border-bottom: 1px solid #d9d9d9
}

.jo_login_ul {
    height: 142px;
}

.jo_login_ul li {
    float: left;
}

.jo_login_in_01_btn {
    width: 76px;
    border-bottom: 1px solid #d9d9d9;
    height: 27px;
    padding: 15px 0 0 0;
    text-align: center;
    cursor: pointer;
    background: #eeeeee;
    font-size: 12px;
    color: #989898
}

.jo_login_in_02_btn {
    width: 101px;
    border-left: 1px solid #d9d9d9;
    height: 27px;
    padding: 15px 0 0 0;
    border-bottom: 1px solid #d9d9d9;
    text-align: center;
    cursor: pointer;
    background: #eeeeee;
    font-size: 12px;
    color: #989898
}

.jo_login_in_x {
    display: none;
    position: absolute;
    top: 53px;
    left: 0
}

.jo_login_in_x label {
    display: inline-block;
    padding: 5px 0 0 5px
}

.jo_login_in_x label .jo_input_txt {
    width: 115px;
    height: 15px;
    border: 1px solid #999
}

.jo_label2 {
    margin-left: 4px
}

.jo_login_in_x label .jo_input_txt2 {
    width: 157px;
    height: 15px;
    border: 1px solid #999;
    margin-left: 4px
}

.jo_login_btn {
    float: left;
    margin: 0 0 0 5px;
    width: 45px
}

.jo_login_in_x .fl {
    width: 117px
}

.jo_login_ul .curr .jo_login_in_x {
    display: block
}

.jo_login_ul .curr .jo_login_in_01_btn {
    border-bottom: none;
    background: none;
    color: #666666 !important
}

.jo_login_ul .curr .jo_login_in_02_btn {
    border-bottom: none;
    background: none;
    color: #666666 !important
}

.jo_login_out a {
    display: inline-block;
    color: #333;
    padding: 3px 10px 2px 11px;
    background: url("../Images/jo_img/jo_more_arrow.png") no-repeat 6px 4px;
}

.jo_login_out2 {
    position: relative;
    background: url(../Images/jo_img/jo_login_out2_back.png) no-repeat -9px 15px;
    padding: 50px 10px 40px 10px;
    border-bottom: 1px solid #ccc
}


.jo_login_out2 p {
    float: left;
    width: 78px;
    height: 31px;
    padding: 6px 10px 4px 10px;
    border: 1px solid #d9d9d9;
    border-right: none;
    background: #ffffff;
    font-size: 12px;
    line-height: 140%
}

.jo_logout_btn {
    float: left;
    display: block;
}

.jo_log_btn {
    background: url(../Images/jo_img/jo_more_arrow.png) no-repeat 0 center;
    display: inline-block;
    padding: 0 0 0 10px;
    font-size: 13px;
    color: #666;
    margin: 10px 5px 10px 0;
    vertical-align: middle;
}


.lecture_list {
    position: absolute;
    top: 170px;
    left: 11px;
    padding-left: 10px;
    font-size: 13px;
    color: #1969D2;
    font-weight: bold;
    background: url(../Images/jo_img/jo_more_arrow.png) no-repeat 0 center
}

.jo_login_out2.verWA {
    position: relative;
    background: transparent;
    padding: 15px;
    border-bottom: 1px solid #ccc;
    box-sizing: border-box;
}

.jo_login_out2.verWA a,
.jo_login_out2.verWA button {
    margin: 5px 10px 0 0;
}

.jo_login_out2.verWA h3,
.jo_login_out2.verWA h4 {
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
}

.jo_login_out2.verWA h3 {
    padding: 0 0 3px 0;
    font-size: 16px;
    border-bottom: 1px solid #b2b7be;
    color: #4e5663;
}

.jo_login_out2.verWA h4 {
    font-size: 14px;
    font-weight: 400;
    padding: 10px 0 8px;
    word-break: keep-all;
}

.jo_login_out2.verWA .jo_logout_btn,
.jo_login_out2.verWA .jo_myroom_btn {
    float: none;
    display: block;
    width: 100%;
    margin: 5px auto 0;
    text-align: center;
    border-radius: 6px;
    box-sizing: border-box;
}


.jo_login_out2.verWA .jo_logout_btn {
    padding: 5px 0;
    font-size: 12px;
    border: 1px solid #838b96;
    color: #353b42;
    background: transparent;
}

.jo_login_out2.verWA .jo_logout_btn:hover {
    background: #585f68;
    color: #FFF;
}

.jo_login_out2.verWA .jo_myroom_btn {
    margin-top: 12px;
    padding: 10px 0;
    color: #FFF;
    background: #c71a20;
}

.jo_login_out2.verWA .jo_myroom_btn i.fa-graduation-cap {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    vertical-align: top;
    background: url(/_Resources/Front/images/common/icon_graduation-cap.svg) no-repeat left center;
    background-size: 100% auto;
    /* IE10+ */
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .jo_login_out2.verWA .jo_myroom_btn i.fa-graduation-cap {
        background: url(/_Resources/Front/images/common/icon_graduation-cap.png) no-repeat 0 0;
    }
}

.jo_login_out2.verWA .jo_myroom_btn:hover {
    background: #b40006;
}

.jo_login_out2.verWA .lecture_list {
    position: static;
    display: block;
    width: 100%;
}

.jo_left_banner {
    border-bottom: 1px solid #d9d9d9
}

.jo_left_bottom {
    background: url("../Images/jo_img/jo_left_guide_03.png") no-repeat right center;
    height: auto;
    padding: 25px 10px 10px !important;
}

.jo_left_bottom h4 {
    background: url("../Images/jo_img/jo_bullet_t1.png") no-repeat 0 10px;
    padding: 0 0 7px 5px !important;
    font-size: 15px;
    letter-spacing: -0.025em;
    font-weight: 600;
    margin: 0;
    box-sizing: border-box;
}

.jo_left_bottom ul {
    padding: 0 0 8px 0
}

.jo_left_bottom ul li {
    background: url("../Images/jo_img/jo_bullet_t3.png") no-repeat 0 5px;
    padding: 0 0 5px 9px;
    margin-left: 10px;
    box-sizing: border-box;
}

.jo_left_bottom ul li a {
    color: #555;
}

.jo_main_con {
    width: 812px;
    float: right
}

.jo_top_btn_box {
    padding: 0 0 6px 0;
    width: 821px;
    _width: 823px;
    height: 73px;
    overflow: hidden;
    margin-left: -9px;
    position: relative;
}

.jo_top_btn_box .jo_layerban {
    position: absolute;
    background: url(../Images/banner/150304_rayerban.png) no-repeat 0 0;
    width: 813px;
    height: 73px;
    margin-left: 9px;
}

.jo_top_btn_box a {
    display: inline-block;
    float: left;
    margin-left: 9px;
    padding: 0;
    _height: 75px;
}

.jo_notice {
    border: 5px solid #c71a20;
    background: url("../Images/jo_img/jo_notice_back.png") no-repeat 0 0;
    height: 240px;
    margin-bottom: 8px
}

.jo_notice_ul {
    padding: 10px 20px;
    position: relative;
    height: 220px;
    width: 460px;
    float: left
}

.jo_notice_ul_li {
    float: left;
}

.jo_notice_ul_li h4 {
    width: 114px;
    height: 18px;
    padding: 8px 0 0 0 !important;
    border: 1px solid #ccc;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
    font-size: 13px;
}

.jo_notice_ul .curr h4 {
    width: 116px;
    height: 19px;
    padding: 9px 0 0 0 !important;
    border: none !important;
    color: #fff !important;
    background: #c71a20;
    margin-bottom: 15px;
}

.jo_notice_ul_ul {
    display: none;
    position: absolute;
    top: 55px;
    left: 20px;
    *width: 500px;
}

.jo_notice_ul .curr .jo_notice_ul_ul {
    display: block !important
}

.jo_notice_more {
    display: none;
    position: absolute;
    padding: 2px 7px 0 0;
    top: 15px;
    right: 25px;
    color: #666;
    font-size: 12px;
    background: url("../Images/jo_img/jo_more_arrow.png") no-repeat right center;
}

.jo_notice_ul .curr .jo_notice_more {
    display: inline-block !important
}

/*ie8 hack*/
@media \0screen {
    .jo_notice_ul_ul li {
        padding: 0 0 8px 6px;
    }
}

.jo_notice_ul_ul li {
    padding: 0 0 4px 6px;
    *padding: 0 0 10px 6px;
    _padding: 0 0 8px 6px;
    background: url("../Images/jo_img/jo_bullet_t1.png") no-repeat 0 5px
}

.jo_notice_ul_ul li .ell {
    width: 390px;
    *display: inline !important;
    zoom: 1;
}

.jo_notice_ul_ul li div a {
    color: #444;
}

.jo_notice_ul_ul li span {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
    color: #999
}

.jo_cs_center {
    float: right;
    width: 230px;
    padding: 14px 0 0 0
}

.jo_cs_center h3 {
    padding: 17px 0 25px 30px !important
}

.jo_cs_center label {
    margin: 0 0 5px 0
}

.jo_cs_center label span {
    display: inline-block;
    width: 55px;
}

.jo_cs_center label select {
    width: 178px
}

.jo_cs_center_btn {
    width: 178px;
    padding: 7px 0 0 0;
    text-align: center;
    margin-top: 5px;
}

.jo_cs_center_btn a {
    display: inline-block;
    margin: 0 5px
}

.jo_course_info {
    width: 808px;
    border: 3px solid #d9d9d9 !important;
    border-left: 2px solid #d6d6d6;
    height: 196px;
}


.Edu_list {
    float: left;
    width: 94px;
}

.Edu_list select {
    width: 85px !important;
}

.interest_list {
    width: 230px;
}

.interest_list select {
    width: 150px !important;
}

.interest_list :after {
    clear: both;
}

/*빠른상담-희망시간 정렬변경-161104*/
.cs_time {
    padding-top: 3px;
}

.cs_time select {
    width: 205px !important;
    margin-top: 3px;
}
/*--------------*/

.jo_course_info #tabs {
    width: 158px;
    background: #ededed;
    float: left
}

.jo_course_info #tabs li {
    height: 32px;
    padding: 0;
    border: 1px solid #d9d9d9;
    border-right: 3px solid #d9d9d9;
    margin-top: -1px;
    width: 154px;
    background: #ededed;
}

.jo_course_info #tabs li span {
    cursor: pointer;
    display: inline-block;
    padding: 9px 0 0 20px;
    height: 23px;
    width: 138px;
    _width: 135px
}

.jo_course_info #tabs .current {
    border-right: none !important;
    background: #f9f9f9 url("../Images/jo_img/jo_bullet_t2.png") no-repeat 10px 10px !important;
    font-weight: bold;
    padding-left: 20px;
    width: 138px;
    _width: 135px
}

.jo_course_info #output {
    float: left;
    position: relative
}

.jo_course_info #output li {
    position: absolute;
    top: 0;
    left: 0;
}

.jo_recommend_course {
    float: left;
    margin: 8px 0 0 0;
    width: 625px;
    position: relative
}

.jo_recommend_course h3 {
    margin: 4px 0 7px 0 !important
}

.jo_recommend_course .curr {
    display: block !important
}

.jo_recommend_course_out {
    display: none;
    width: 624px;
    height: 158px
}

.jo_recommend_course_out div {
    float: left;
    width: 143px;
    height: 118px;
    border: 1px solid #d9d9d9;
    margin-left: -1px;
    padding: 40px 0 0 12px;
    background: url("../Images/jo_recommend_course_back.png") no-repeat 0 0
}

.jo_recommend_course_out div a {
    display: block;
    width: 80px;
    color: #333;
    font-size: 12px;
    margin-bottom: 4px;
    letter-spacing: -1px
}

.jo_recommend_course_num {
    position: absolute;
    top: 6px;
    right: 15px
}

.jo_recommend_course_num span {
    display: inline-block;
    background: url("../Images/jo_img/jo_recommend_course_num_off.png") no-repeat 0 0;
    font-weight: bold;
    width: 13px;
    text-align: center;
    color: #fff;
    padding: 1px 0 0 0;
    cursor: pointer;
    font-size: 11px
}

.jo_recommend_course_num .curr {
    display: inline-block !important;
    background: url("../Images/jo_img/jo_recommend_course_num_on.png") no-repeat 0 0 !important;
}

/*추천강의 슬라이더 형식 변경*/
.skdslider {
    position: relative;
    width: 625px;
    margin: 0;
}

.skdslider .slide-navs {
    position: absolute;
    top: -20px;
    left: 467px;
    list-style-type: none;
    margin: 0;
    margin-left: -100px !important;
    padding: 0;
}

.skdslider .slide-navs li {
    float: left;
    background: #aaa;
    color: #fff;
    font-size: 12px;
    text-align: center;
    font-weight: bold;
    width: 15px;
    height: 13px;
    margin-right: 1px;
    cursor: pointer;
    padding-top: 1px;
}

.skdslider .slide-navs li.current-slide {
    background: #f00;
}

.skdslider ul.slides {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.skdslider ul.slides li {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: none;
    list-style-type: none;
    clear: both;
    overflow: hidden;
}

.paging {
    width: 625px;
}

.banner {
    width: 143px;
    height: 98px;
    float: left;
    border-right: 1px solid #d9d9d9;
    padding: 60px 0 0 12px;
}

.banner a {
    display: block;
    font-size: 12px;
    margin-bottom: 4px;
    color: #333;
    text-decoration: underline;
    letter-spacing: -1px;
}


.jo_right_bottom {
    float: right;
    width: 180px;
    margin: 8px 0 7px 0;
}

.jo_right_bottom h3 {
    margin: 4px 0 0 0 !important
}

.jo_right_bottom h3 a {
    display: inline-block
}

.jo_right_bottom h3 img {
    margin: 0 !important
}

.jo_right_bottom img {
    margin-top: 7px
}

.jo_famliy_site {
    clear: both;
    border-top: 4px solid #999;
    background: url("../Images/jo_img/jo_ubion_famliy_back.png") no-repeat 0 center;
    padding: 0 0 0 200px
}

.jo_famliy_site a {
    display: inline-block;
    margin: 0 30px
}

/* 서브메뉴*/
.jo_sub_left_box {
    float: left;
    width: 180px;
    margin-bottom: 9px;
    margin-top: 3px
}

.jo_sub_nav {
    width: 180px;
    border: 1px solid #333;
    margin-bottom: 9px;
}

.jo_sub_nav h2 {
    padding: 25px 0 8px 18px !important;
    margin: 0;
    height: auto;
    min-height: 60px;
    background: #4f504f url(../Images/jo_img/jo_ubion_left_back.png) no-repeat 0 2px;
    font-size: 20px;
    line-height: 160%;
    font-weight: 800;
    color: #fff !important;
    box-sizing: border-box;
}

.jo_sub_nav>ul {
    width: 178px
}

.jo_sub_nav>ul>li {
    width: 178px
}

.jo_sub_nav>ul>li>a {
    display: block;
    width: 100%;
    height: auto;
    padding: 10px 0 10px 20px;
    font-size: 15.5px;
    line-height: 140%;
    color: #111;
    border-top: 1px solid #d9d9d9;
    box-sizing: border-box;
}

.jo_sub_nav>ul>li>a.menu_more {
    background: url(../Images/member/icon_arrow_btm.png) no-repeat 150px 19px;
    background-size: 11px auto;
}

.jo_sub_nav>ul>li .curr {
    font-weight: 600;
    background: #f0f0f0 url(../Images/jo_img/jo_sub_menu_bull.png) no-repeat 13px center;
    color: #111;
}

/* 서브 depth 추가 - 김민형 2014.08.13 */
.jo_sub_nav ul li a.menu_depth {
    width: 100%;
    padding-left: 30px;
    font-size: 14px;
    color: #222;
    background: #f2f2f2 url(../Images/jo_img/jo_sub_menu_bull2.png) no-repeat 20px 22px;
    box-sizing: border-box;
}

.jo_sub_nav ul li a.curr2 {
    font-weight: 600;
    color: #222;
    background: #e3e2e2 url(../Images/jo_img/jo_sub_menu_bull2.png) no-repeat 20px 22px
}

/* //서브 depth 추가 - 김민형 2014.08.13 */
/* //서브메뉴 */



.container {
    position: relative;
    width: 1000px;
    margin: 0 auto;
    text-align: left;
    background: url("../Images/common/BLOCK_LEFT/background.jpg") repeat-y 0 0;
}

.container_main {
    position: relative;
    width: 1000px;
    margin: 0 auto;
    text-align: left
}

.top_header {
    width: 1000px;
    height: 145px;
}

.top_header_left {
    float: left;
    width: 430px;
    height: 64px;
}

.top_header_right {
    float: right;
    width: 570px;
    height: 64px;
}

.top_header_right_favor {
    float: right;
    width: 300px;
    height: 20px;
    background: url('../Images/common/BLOCK_TOP/n_utility_bg.gif') no-repeat 0 0;
    margin: 0;
    text-align: center;
    padding-right: 15px;
    font-size: 12px;
    font-weight: bold;
    line-height: 160%
}

.top_header_right_favor_btn {
    display: inline-block;
    cursor: hand;
    margin: 0 5px 0 4px
}

.top_header_right_favor a {
    display: inline-block;
}

.top_header_right_login {
    float: right;
    height: 14px;
    clear: both;
    width: 440px;
    margin: 14px 0px 0 0;
    text-align: right;
}

.top_header_right_login li {
    float: left
}

.top_nav {
    clear: both;
    width: 1000px;
    height: 82px;
    _height: 64px;
    padding: 17px 0 0 0;
    background: url('../Images/common/BLOCK_TOP/nav_back.png') no-repeat 0 0
}

.top_nav_ul {
    margin: 0;
    padding: 0;
    width: 1000px;
    list-style: none;
    position: relative;
    font-size: 13px;
}

.top_nav_ul .top_nav_li {
    float: left;
    margin: 0;
    padding: 0;
    background: url('../Images/common/BLOCK_TOP/nav_back_bar.png') no-repeat right 8px;
}

.top_nav_ul .top_nav_li a {
    padding: 10px 15px 20px 15px;
    width: 130px;
    display: block;
    color: #fff;
    font-weight: bold;
    text-align: center;
    white-space: nowrap
}

.top_nav_ul .top_nav_li a:hover {
    background: url('../Images/common/BLOCK_TOP/arrow_top.png') no-repeat center bottom;
}

.top_nav_ul .top_nav_li .sub_menu {
    display: none;
    padding: 0;
    position: absolute;
    top: 40px;
    width: auto;
    color: #fff;
    font-size: 12px;
    text-align: left;
    background: url("../Images/common/BLOCK_TOP/nav_sub_back.png") no-repeat right 0;
}

.top_nav_ul .top_nav_li .sub_menu ul {
    background: url("../Images/common/BLOCK_TOP/nav_sub_back.png") no-repeat 0 0;
    padding: 7px 20px 2px 20px;
    width: auto;
    margin-right: 7px;
    display: block;
    height: 15px
}

.top_nav_ul .top_nav_li .sub_menu ul li {
    float: left
}

.top_nav_ul .top_nav_li:hover .sub_menu ul {
    display: block;
}

.top_nav_ul .top_nav_li .sub_menu a {
    display: inline;
    color: #333;
    padding: 4px 8px 2px 8px;
    *padding: 2px 8px 1px 8px;
    line-height: 120%;
    *line-height: 160%
}

.top_nav_ul .top_nav_li .sub_menu a:hover {
    background: #bcd7ec !important;
    color: #000
}

.top_nav_ul .top_nav_li .sub_menu .main_nav_curr {
    background: #bcd7ec !important;
    color: #000
}

.top_nav_li .sub_menu_01 {
    left: 20px;
    _width: 380px !important
}

.top_nav_li .sub_menu_01 ul {
    _width: 380px !important
}

.top_nav_li .sub_menu_02 {
    left: 180px;
    _width: 500px !important
}

.top_nav_li .sub_menu_02 ul {
    _width: 500px !important
}

.top_nav_li .sub_menu_03 {
    left: 345px;
    _width: 330px !important
}

.top_nav_li .sub_menu_03 ul {
    _width: 330px !important
}

.top_nav_li .sub_menu_04 {
    left: 300px;
    _width: 470px !important
}

.top_nav_li .sub_menu_04 ul {
    _width: 470px !important
}

.top_nav_li .sub_menu_05 {
    left: 50px;
    _width: 800px !important
}

.top_nav_li .sub_menu_05 ul {
    _width: 800px !important
}

.top_nav_li .sub_menu_06 {
    right: 29px;
    _width: 580px !important
}

.top_nav_li .sub_menu_06 ul {
    _width: 580px !important
}

.top_nav_ul .top_nav_li2 {
    float: left;
    margin: 0;
    padding: 0;
    background: url('../Images/common/BLOCK_TOP/nav_back_bar.png') no-repeat right 8px;
}

.top_nav_ul .top_nav_li2 a {
    padding: 10px 15px 20px 15px;
    width: 103px;
    display: block;
    color: #fff;
    font-weight: bold;
    text-align: center;
    white-space: nowrap
}

.top_nav_ul .top_nav_li2 a:hover {
    background: url('../Images/common/BLOCK_TOP/arrow_top.png') no-repeat center bottom;
}

.top_nav_ul .top_nav_li2 .sub_menu {
    padding: 0;
    position: absolute;
    top: 40px;
    display: none;
    width: auto;
    color: #fff;
    font-size: 12px;
    text-align: left;
    background: url("../Images/common/BLOCK_TOP/nav_sub_back.png") no-repeat right 0
}

.top_nav_ul .top_nav_li2 .sub_menu ul {
    background: url("../Images/common/BLOCK_TOP/nav_sub_back.png") no-repeat 0 0;
    padding: 7px 20px 2px 20px;
    width: auto;
    margin-right: 7px;
    display: block;
    height: 15px
}

.top_nav_ul .top_nav_li2 .sub_menu ul li {
    float: left
}

.top_nav_ul .top_nav_li2:hover .sub_menu ul {
    display: block;
}

.top_nav_ul .top_nav_li2 .sub_menu a {
    display: inline;
    color: #333;
    padding: 4px 8px 2px 8px;
    *padding: 2px 8px 1px 8px;
    line-height: 120%;
    *line-height: 160%
}

.top_nav_ul .top_nav_li2 .sub_menu a:hover {
    background: #bcd7ec !important;
    color: #000
}

.top_nav_ul .top_nav_li2 .sub_menu .main_nav_curr {
    background: #bcd7ec !important;
    color: #000
}

.top_nav_li2 .sub_menu_01 {
    left: 6px;
    _width: 380px !important
}

.top_nav_li2 .sub_menu_01 ul {
    _width: 380px !important
}

.top_nav_li2 .sub_menu_02 {
    left: 139px;
    _width: 500px !important
}

.top_nav_li2 .sub_menu_02 ul {
    _width: 500px !important
}

.top_nav_li2 .sub_menu_03 {
    left: 279px;
    _width: 330px !important
}

.top_nav_li2 .sub_menu_03 ul {
    _width: 330px !important
}

.top_nav_li2 .sub_menu_04 {
    left: 206px;
    _width: 470px !important
}

.top_nav_li2 .sub_menu_04 ul {
    _width: 470px !important
}

.top_nav_li2 .sub_menu_05 {
    left: 40px;
    _width: 830px !important
}

.top_nav_li2 .sub_menu_05 ul {
    _width: 830px !important
}

.top_nav_li2 .sub_menu_06 {
    right: 29px;
    _width: 580px !important
}

.top_nav_li2 .sub_menu_06 ul {
    _width: 580px !important
}

.top_nav_li2 .sub_menu_07 {
    right: 36px;
    _width: 820px !important
}

.top_nav_li2 .sub_menu_07 ul {
    _width: 820px !important
}

.top_nav_li2 .sub_menu_07 ul li a {
    padding: 4px 6px 2px 6px !important;
    *padding: 2px 6px 1px 6px !important;
}

.top_arrow {
    background: url('/_Resources/Images/common/BLOCK_TOP/arrow_top.png') no-repeat center bottom !important;
    _background: url('/_Resources/Images/common/BLOCK_TOP/arrow_top.gif') !important
}

.global_footer {
    clear: both;
    position: relative;
    width: 1000px;
    height: 174px;
    background: url("../Images/common/BLOCK_FOOTER/n_footer_180321.gif") no-repeat 0 0 #fff;
}

.global_footer_menu {
    list-style: none;
    height: 50px;
    margin-left: 200px;
    padding-top: 16px;
    width: 700px;
}

.global_footer_menu li {
    display: inline-block;
    *display: inline;
    font-size: 12px;
    color: #666;
}

.global_footer_menu li a {
    font-size: 13px;
    color: #666;
}

.global_footer_select {
    position: absolute;
    right: 20px;
    top: 55px;
    font-size: 11px
}

.global_footer_select select {
    border: 1px solid #b3b3b3;
}

.sub_aside {
    position: absolute;
    top: 160px;
    right: -115px;
    width: 110px;
    height: 900px;
    z-index: 100;
    *zoom: 1
}

.aside_select {
    padding: 80px 0 0 0;
    background: url('../Images/main/NEO/n_sky_01_back.png') no-repeat 0 0;
    margin: 5px 0 0 0;
}

.aside_select_p {
    font-size: 12px;
    letter-spacing: -1px;
    margin: 4px 0;
    padding: 0 5px
}

.aside_select_p_span {
    display: inline-block;
    width: 35px;
    background: url('../Images/main/NEO/aside_arrow.gif') no-repeat 0 center;
    padding-left: 5px;
}

.aside_select_p_span2 {
    display: inline-block;
    width: auto;
    background: url('../Images/main/NEO/aside_arrow.gif') no-repeat 0 center;
    padding-left: 5px;
}

.aside_select_p input {
    height: 10px;
    width: 55px;
    border: 1px solid #ccc;
    vertical-align: middle
}

.aside_select select {
    width: 99px;
    height: 17px;
    font-size: 12px;
    border: 1px solid #ccc;
}

.aside_btn {
    background: #ffffff;
    border: 1px solid #ccc;
    padding: 0 0 5px 3px
}

.aside_btn a {
    margin-right: 3px
}

.sub_aside img {
    margin-top: 5px
}

/*admin*/
.admin_container {
    position: relative;
    width: 1000px;
    margin: 0 auto;
    text-align: left;
}

.admin_container2 {
    position: relative;
    text-align: left;
    margin: 0 10px;
}

.admin_container3 {
    position: relative;
    text-align: left;
    margin: 24px 10px 0 10px;
}

.top_header2 {
    height: 65px;
}

.top_header3 {
    height: 24px;
    position: fixed;
    margin: 0;
    top: 0;
    left: 0;
    padding: 0 0 2px 0;
    width: 100%;
    border-bottom: 1px solid #ccc;
    background: #fff;
    overflow: hidden
}

.top_header3 .top_header_left {
    float: left;
    width: 430px;
    height: 64px;
    margin-left: 10px;
}

.top_header3 .top_header_right {
    float: right;
    width: 570px;
    height: 64px;
    margin-right: 10px
}

.admin_logo2 {
    display: none
}

.top_menu {
    min-height: 30px;
    margin-top: 30px;
}

.top_nav_admin {
    clear: both;
    width: 1000px;
    height: 82px;
    _height: 64px;
    padding: 17px 0 0 0;
    background: url('../Images/common/BLOCK_TOP/nav_back_admin.png') no-repeat 0 0
}

.top_nav_admin2 {
    clear: both;
    padding: 0;
}

.top_nav_admin .top_nav_ul .top_nav_li2 {
    float: left;
    margin: 0;
    padding: 0;
    background: url('../Images/common/BLOCK_TOP/nav_back_bar_admin.png') no-repeat right 8px;
}

.top_nav_admin .top_nav_ul .top_nav_li2 a {
    padding: 10px 15px 20px 15px;
    width: 94px;
    display: block;
    color: #fff;
    font-weight: bold;
    text-align: center;
    white-space: nowrap
}

.top_nav_admin .top_nav_ul .top_nav_li2 a:hover {
    background: url('../Images/common/BLOCK_TOP/arrow_top.png') no-repeat center bottom;
}

.top_nav_admin .top_nav_ul .top_nav_li2 .sub_menu {
    padding: 0;
    position: absolute;
    top: 40px;
    display: none;
    width: auto;
    color: #fff;
    font-size: 12px;
    text-align: left;
    background: url("../Images/common/BLOCK_TOP/nav_sub_back.png") no-repeat right 0
}

.top_nav_admin .top_nav_ul .top_nav_li2 .sub_menu ul {
    background: url("../Images/common/BLOCK_TOP/nav_sub_back.png") no-repeat 0 0;
    padding: 7px 20px 2px 20px;
    width: auto;
    margin-right: 7px;
    display: block;
    height: 15px
}

.top_nav_admin .top_nav_ul .top_nav_li2 .sub_menu ul li {
    float: left
}

.top_nav_admin .top_nav_ul .top_nav_li2:hover .sub_menu ul {
    display: block;
}

.top_nav_admin .top_nav_ul .top_nav_li2 .sub_menu a {
    display: inline;
    color: #333;
    padding: 4px 8px 2px 8px;
    *padding: 2px 8px 1px 8px;
    line-height: 120%;
    *line-height: 160%
}

.top_nav_admin .top_nav_ul .top_nav_li2 .sub_menu a:hover {
    background: #bcd7ec !important;
    color: #000
}

.top_nav_admin .top_nav_ul .top_nav_li2 .sub_menu .main_nav_curr {
    background: #bcd7ec !important;
    color: #000
}

.top_nav_admin .top_nav_li2 .sub_menu_01 {
    left: 6px;
    _width: 380px !important
}

.top_nav_admin .top_nav_li2 .sub_menu_01 ul {
    _width: 380px !important
}

.top_nav_admin .top_nav_li2 .sub_menu_02 {
    left: 130px;
    _width: 150px !important
}

.top_nav_admin .top_nav_li2 .sub_menu_02 ul {
    _width: 150px !important
}

.top_nav_admin .top_nav_li2 .sub_menu_03 {
    left: 242px;
    _width: 180px !important
}

.top_nav_admin .top_nav_li2 .sub_menu_03 ul {
    _width: 180px !important
}

.top_nav_admin .top_nav_li2 .sub_menu_04 {
    left: 379px;
    _width: 110px !important
}

.top_nav_admin .top_nav_li2 .sub_menu_04 ul {
    _width: 110px !important
}

.top_nav_admin .top_nav_li2 .sub_menu_05 {
    left: 70px;
    _width: 800px !important
}

.top_nav_admin .top_nav_li2 .sub_menu_05 ul {
    _width: 800px !important
}

.top_nav_admin .top_nav_li2 .sub_menu_06 {
    right: 29px;
    _width: 580px !important
}

.top_nav_admin .top_nav_li2 .sub_menu_06 ul {
    _width: 580px !important
}

.top_nav_admin .top_nav_li2 .sub_menu_07 {
    right: 80px;
    _width: 110px !important
}

.top_nav_admin .top_nav_li2 .sub_menu_07 ul {
    _width: 110px !important
}

.top_nav_admin .top_nav_li2 .sub_menu_08 {
    right: 10px;
    _width: 130px !important
}

.top_nav_admin .top_nav_li2 .sub_menu_08 ul {
    _width: 130px !important
}

.top_header_right_admin_ico {
    float: right;
    width: 300px;
    height: 20px;
    margin: 0;
    text-align: right;
    font-size: 12px;
    font-weight: bold;
    line-height: 160%
}

.top_header_right_admin_ico2 {
    display: none;
    float: right;
    width: 300px;
    height: 20px;
    margin: 0;
    text-align: right;
    font-size: 12px;
    font-weight: bold;
    line-height: 160%
}

.top_header_right_admin {
    float: right;
    height: 14px;
    clear: both;
    width: 440px;
    margin: 2px 0 0 0;
    text-align: right;
}

.top_header_right_admin p {
    margin-top: 3px
}

.top_header_right_admin_p {
    display: none
}

.admin_section {
    width: 1000px;
    padding: 20px 0;
    min-height: 300px
}

.admin_top_navi {
    padding: 0px 0 5px 5px;
    min-height: 10px
}

.admin_section2 {
    padding: 5px 0;
    min-height: 300px;
    height: 100%;
}

.admin_depth {
    background: url('../Images/admin/bullet.gif') no-repeat 0 0;
    padding: 1px 0 0 20px;
    font-size: 12px;
}

.admin_depth span {
    font-size: 14px;
    font-weight: bold
}

.admin_login_out {
    background: #23558e;
    text-align: center;
    padding: 100px 0 0 0
}

.admin_login_section {
    width: 700px;
    margin: 0 auto;
    height: 500px;
    background: url(../Images/son_img/admin_login_back.png) no-repeat 0 0
}

.admin_login_box {
    margin: 0 auto;
    width: 300px;
    padding: 195px 0 0 0;
    text-align: left;
}

.admin_login_box_left {
    width: 220px;
    float: left;
}

.admin_login_box_left input {
    width: 150px;
    height: 18px;
    margin-bottom: 6px
}

.admin_login_box_left span {
    display: inline-block;
    width: 60px;
    font-size: 13px;
    *vertical-align: middle;
    font-weight: bold
}

.admin_login_btn {
    float: left;
    display: inline-block
}

.admin_login_bottom {
    clear: both;
    text-align: right;
    padding: 50px 50px 0 0
}

.admin_login_bottom a {
    display: inline-block;
}

.chrome_recomm {
    margin-top: 55px;
    color: #fff
}

.chrome_recomm p {
    margin-bottom: 10px;
    line-height: 180%
}

.chrome_recomm p a {
    color: #fff;
    font-size: 12px;
}


/*admin*/
/* global */

/*main*/
.main_visual {
    clear: both;
    width: 1000px;
    height: 270px;
    overflow: hidden;
    background: url("../Images/main/NEO/n_topvisual_bg_imsi.jpg") no-repeat 0 0;
    position: relative
}

.main_visual h3 {
    position: absolute;
    top: -5px;
    left: 445px;
    width: 97px;
    height: 127px;
    padding: 13px 0 0 0;
    background: url('../Images/son_img/main_banner_title.png') no-repeat 0 0;
    text-align: center;
    z-index: 100;
    font-size: 20px;
    font-weight: bold;
    color: #fff !important;
}

.main_visual h3 span {
    display: block;
    line-height: 1em;
    padding: 4px 0 0 0;
    margin: 0
}

.main_visual h3 .yellow_txt {
    font-size: 14px;
    letter-spacing: -2px;
    line-height: 100%;
}

.main_visual h3 .white_txt {
    padding: 8px 0 0 0
}

#carousel1 {
    width: 400px;
    height: 250px;
    overflow: scroll;
    border: 2px solid #999;
    position: absolute;
    top: 23px;
    left: 510px;
    z-index: 90
}

.main_visual .thumb_out {
    position: absolute !important;
    top: 222px;
    left: 510px;
    z-index: 91;
    overflow: auto;
    text-align: left;
    padding-top: 5px;
    text-align: right !important
}

.main_visual .thumb_out .thumb {
    cursor: pointer;
    display: inline-block;
    *display: inline;
    padding: 0;
    overflow: hidden;
    text-align: center;
    border: 2px solid #ccc;
    margin-right: 4px;
    font-family: Arial;
    color: #000;
    text-shadow: 0 0 3px #fff;
    background: #fff
}

.main_center {
    float: left;
    padding: 20px 0 0 15px
}

.main_notice {
    float: left;
    background: url('../Images/main/NEO/n_notice_tab_bg.gif') no-repeat 0 0;
    width: 315px;
    height: 165px;
    padding-right: 15px
}

.main_notice_ul {
    padding: 3px 0 0 3px;
}

.main_notice_li {
    position: relative;
    float: left;
    margin-right: 3px
}

.main_notice_title {
    display: block;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    width: 110px;
    height: 22px;
    padding: 5px 0 0 0;
    text-align: center;
    cursor: pointer
}

.main_notice_curr .main_notice_title {
    color: #000;
    background: url('../Images/main/NEO/n_notice_tab_on.gif') no-repeat 0 0;
    height: 21px;
    padding: 7px 0 0 0;
}

.main_notice_div {
    position: absolute;
    width: 315px;
}

.main_notice_div1 {
    top: 30px;
    left: 0;
}

.main_notice_div2 {
    top: 30px;
    left: -113px;
}

.main_notice_more {
    position: absolute;
    top: -24px;
    left: 265px;
    font-size: 12px;
    color: #fff;
}

.main_notice_more:hover {
    color: #ffe400
}

.main_center_ad {
    float: left;
    background: url('../Images/main/NEO/main_center_ad_back.png') no-repeat 0 0;
    width: 315px;
    height: 165px;
    position: relative
}

.main_center_ad ul {
    position: relative;
    height: 315px;
    height: 25px
}

.main_center_ad ul li {
    float: left;
}

.main_center_ad ul li span {
    clear: both;
    display: block;
    width: 105px;
    height: 18px;
    padding: 7px 0 0 0;
    text-align: center;
    color: #000;
    font-size: 13px;
    font-weight: bold;
    cursor: pointer
}

.main_center_ad_curr {
    background: url('../Images/main/NEO/main_center_ad_curr.png') no-repeat 0 0;
    color: #fff !important
}

.main_center_ad ul li div {
    position: absolute;
    top: 25px;
    left: 0;
    width: 315px;
    height: 138px;
    z-index: 1000;
}

.main_study_class {
    clear: both;
    *margin-top: -18px;
    _margin-top: -8px
}

.main_step h3 {
    margin: 0 !important;
    padding: 0;
    line-height: 100%
}

.main_teacher h3 {
    margin: 16px 0
}

ul.recentlist {
    position: absolute;
    top: -20px;
    right: 0;
    list-style: none;
    z-index: 2;
}

ul.recentlist li {
    margin: 0;
    padding: 0;
    display: inline;
}

ul.recentlist li a,
ul.recentlist li a:visited {
    display: block;
    float: left;
    background: #e5e5e5;
    padding: 0 4px 2px 4px;
    margin-left: 2px;
    color: #000;
    cursor: pointer;
    font-size: 10px;
    font-family: Verdana
}

ul.recentlist li a:hover,
ul.recentlist li a:visited:hover {
    background: #666;
    color: #fff;
}

ul.recentlist li a.current {
    background: #f00;
    color: #fff;
}

.teacher_box {
    width: 646px;
    height: 227px;
}

.teacher_unit {
    width: 110px;
    padding: 13px 10px 10px 9px;
    float: left;
    text-align: center
}

.teachers_class {
    width: 110px;
    height: 14px;
    padding: 7px 0 3px 0;
    font-size: 12px;
    font-weight: bold;
    color: #f27022
}

.teachers_photo {
    margin-top: 6px
}

.teachers_name {
    padding: 5px 0
}

.main_aside {
    float: right;
    width: 140px;
    padding-top: 20px
}

.aside_select_m {
    padding: 70px 0 0 0;
    width: 140px;
    background: url('../Images/main/NEO/n_sky_advice_m.gif') no-repeat 0 0;
    margin: 4px 0 0 0;
}

.aside_select_m_p {
    font-size: 12px;
    letter-spacing: -1px;
    margin: 4px 0;
    padding: 0 5px
}

.aside_select_m_p_span {
    display: inline-block;
    width: 35px;
    background: url('../Images/main/NEO/aside_arrow.gif') no-repeat 0 center;
    padding-left: 5px;
}

.aside_select_m_p_span2 {
    display: inline-block;
    width: auto;
    background: url('../Images/main/NEO/aside_arrow.gif') no-repeat 0 center;
    padding-left: 5px;
}

.aside_select_m_p input {
    height: 10px;
    width: 80px;
    border: 1px solid #ccc;
    vertical-align: middle
}

.aside_select_m select {
    width: 124px;
    height: 17px;
    font-size: 12px;
    border: 1px solid #ccc;
}

.aside_btn_m {
    background: #ffffff;
    border: 1px solid #ccc;
    padding: 3px 0 3px 6px
}

/*main*/

/*sub*/
/*left*/
.left_side {
    width: 185px;
    float: left;
    *margin-top: 20px;
    margin-bottom: 20px;
    position: relative
}

.left_login_box {
    background: url('../Images/common/BLOCK_LEFT/login/bg_login.gif') no-repeat 0 bottom;
    height: 140px
}

.left_login_box_ul {
    background: url('../Images/common/BLOCK_LEFT/login/login_bg.gif') no-repeat 0 0;
    height: 105px
}

.left_login_tab_btn1,
.left_login_tab_btn2 {
    float: left;
    cursor: pointer
}

.left_login_tab_btn2 {
    *margin-top: -16px
}

.left_login_type1,
.left_login_type2 {
    position: absolute;
    top: 34px;
    left: 0;
    height: 72px;
}

.left_login_type1_input_box {
    float: left;
    width: 120px;
    height: 70px;
    overflow: hidden;
    margin-left: 12px;
    _margin-left: 6px;
    line-height: 260%
}

.left_login_type2_input_box {
    margin-left: 12px;
    height: 23px;
    line-height: 23px;
}

.left_login_form {
    line-height: 20px;
}

.left_login_form span {
    position: relative;
    top: 0px;
}

.left_login_form span input {
    font-size: 12px;
    width: 85px;
    height: 15px;
    background-color: #fff;
    border: 1px solid #b8b8b8;
}

.left_login_form2 {
    line-height: 20px;
}

.left_login_form2 span {
    position: relative;
    top: 0px;
}

.left_login_form2 span input {
    font-size: 12px;
    width: 134px;
    height: 15px;
    background-color: #fff;
    border: 1px solid #b8b8b8;
}

.left_login_id {
    margin-top: -2px
}

.left_login_pw {
    margin-top: 4px
}

.left_login_secu {
    color: #666666;
    padding-left: 23px;
    padding-top: 4px;
    font-size: 12px;
    line-height: 150%
}

.left_login_secu label input {
    vertical-align: middle
}

.left_login_btn {
    float: left;
    margin-left: -3px;
    margin-top: 0px;
}

.left_login_btn2 {
    display: inline-block;
    margin-left: 12px;
    margin-top: 5px;
    cursor: pointer
}

.left_login_join {
    clear: both;
    margin-left: 13px;
    height: 40px;
    overflow: hidden;
    margin-top: 3px
}

.left_login_join_btn {
    display: inline-block;
    height: 19px;
    float: left;
    margin-right: 4px
}

.left_title_h3 {
    font-size: 18px;
    padding: 25px 0 0 0;
    height: 30px;
    color: #333;
    margin: 0;
    border-bottom: 2px solid red;
    width: 180px
}

.left_menu ul {
    width: 18x
}

.left_menu ul li {
    padding: 3px 0 4px 0;
    border-bottom: 1px solid #ccc
}

.left_menu ul li a {
    color: #666;
    font-weight: bold;
    font-size: 13px;
    display: block;
    padding: 4px 0 0 10px;
    _padding: 2px 0 2px 10px;
}

.left_nav_curr {
    background: url(../Images/son_img/left_menu_curr.png) no-repeat 0 3x;
    _background-position: 0 5px
}

.left_nav_curr a {
    color: #fff !important
}

.left_btn_set {
    width: 185px;
    height: auto;
    margin-top: 7px
}

.left_btn_set a {
    display: inline-block
}

.left_login_box2 {
    background: url('../Images/common/BLOCK_LEFT/login/bg_login.gif') no-repeat 0 bottom;
    height: 134px;
    margin-bottom: 2px
}

.left_login_box_ul2 {
    clear: both;
    background: url('../Images/common/BLOCK_LEFT/login/login_bg.gif') no-repeat 0 0;
    height: 70px
}

.after_login_txt_box {
    float: left;
    width: 120px;
    height: 33px;
    overflow: hidden;
    padding-top: 2px;
    line-height: 110%
}

.after_login_txt {
    display: inline-block;
    line-height: 15px;
    color: #666666;
    font-size: 12px;
    width: 116px;
    padding: 15px 0 0 10px
}

.logout_btn {
    float: right;
    margin-top: 5px;
    margin-right: 5px
}

.left_login_box_ul2_box {
    clear: both;
    padding-left: 10px;
    height: 30px;
    overflow: hidden;
    background: url('../Images/common/BLOCK_LEFT/login/login_bg.gif');
}

#CC_Object_id {
    height: 0
}

/*left end*/
/*sub_con_area*/
.sub_con_top {
    float: right;
    width: 800px;
    margin-top: 12px;
}

.sub_con {
    float: right;
    width: 800px;
    padding-bottom: 40px;
}

.con_type_01 {
    width: 700px;
    margin: 20px auto;
}

.con_type_01 article {
    padding-bottom: 10px
}


.con_type_01_bull_01 {
    padding: 0;
    font-size: 16px;
    color: #262626;
    font-weight: bold;
    margin: 10px 0;
    letter-spacing: -1px;
}

.con_type_01_bull_01 span {
    margin-left: 20px;
    font-size: 12px;
    color: #696969;
    font-weight: normal;
}

.con_type_01_bull_02 {
    background: url('../Images/son_img/bull_blue_arrow2.png') no-repeat 0 0;
    padding: 0 0 3px 20px;
    color: #0857b1;
    margin: 10px 0 0 0
}

.con_type_01_bull_03 {
    padding: 0;
    font-size: 13px;
    color: #0857b1;
    margin: 10px 0 5px 0
}

.sub_con_title_h2 {
    font-size: 22px;
    font-weight: 600;
    padding: 0 0 12px 5px;
    height: auto;
    border-bottom: 1px solid #cccccc;
    text-align: left;
    box-sizing: border-box;
}

.sub_con_title_h3 {
    margin: 20px 0 0 0;
    padding: 0 0 5px 0;
    text-align: left
}

.sub_con_title_h4 {
    font-size: 14px;
    font-weight: bold;
    padding: 20px 0 0 0;
    margin: 0
}

.page_depth {
    margin: -40px 0 40px 0;
    padding: 0 5px 0 0;
    text-align: right;
    font-size: 13px;
    box-sizing: border-box;
}

.page_depth a {
    color: #333;
}

.con_type_01_bull_print {
    padding: 0;
    font-size: 16px;
    color: #262626;
    font-weight: bold;
    margin: 10px 0 0 0;
    letter-spacing: -1px;
}

.con_type_02 {
    width: 780px;
    margin: 0 0 40px 20px;
}

.con_type_02_p {
    padding: 0 0 20px 0;
    line-height: 170%
}

.con_type_02_p2 {
    width: 430px;
    float: left;
    padding: 10px 0 10px 20px;
    line-height: 170%
}

.con_type_02_p3 {
    padding: 10px 20px 0 20px;
    line-height: 170%;
    color: #0857b1;
    font-weight: bold
}

.con_type_02_p4 {
    padding: 10px 0;
    line-height: 170%;
    text-align: justify;
    font-weight: normal
}

.con_type_02_ul li {
    list-style-type: disc;
    padding: 5px 0 0 0;
    margin-left: 20px;
    line-height: 140%;
}

.con_type_02_ul li em {
    color: #cc0000;
    font-style: normal;
}

.con_type_02_ul li ul li {
    list-style: circle;
    background: none;
    padding: 0;
    margin: 5px 0 0 10px
}

.con_type_02_ul2 li {
    background: url('../Images/sub/cdbank/t_sub01_bullet.gif') no-repeat 0 7px;
    padding: 0 0 0 10px !important;
    margin: 0 !important;
    font-weight: normal !important;
    color: #494949 !important
}

.con_type_02_ul3 li {
    background: url('../Images/sub/cdbank/t_sub01_bullet.gif') no-repeat 20px 5px;
    padding: 5px 0 0 30px;
    margin-top: 10px;
    line-height: 150%
}

.con_type_02_ul4 {
    padding: 10px 0 0 0;
    line-height: 150%;
    font-weight: normal
}

.con_type_02_ul4 li {
    list-style: circle;
    padding: 0;
    margin: 0 0 0 28px !important;
    line-height: 150%
}

.con_type_02_ol {
    padding: 0;
    margin: 0;
}

.con_type_02_ol li {
    line-height: 170%;
    margin: 0 0 15px 20px;
}

.con_type_02_ol2 li {
    line-height: 170%;
    margin-bottom: 5px
}

.con_type_02_ol3 li {
    line-height: 170%;
    color: #0857b1;
    font-weight: bold;
    padding-bottom: 40px
}

.con_type_02_ol4 {
    margin: 0
}

.con_type_02_ol4 li {
    line-height: 170%;
    margin-top: 5px
}

.con_type_process_ul:after {
    content: '';
    display: block;
    clear: both;
}

.con_type_process_ul li {
    list-style: none;
    float: left;
    width: 30%;
    position: relative;
}

.con_type_process_ul li:after {
    content: '';
    position: absolute;
    top: 10px;
    right: 7px;
    display: block;
    width: 30px;
    height: 30px;
    background: url('../images/sub/curriculum/icon_next.png') no-repeat center top;
}

.con_type_process_ul li:nth-child(3n+0):after {
    display: none;
}

.con_type_process_ul li:nth-child(n+4) {
    margin-top: 25px;
}


.con_type_process_ul li span {
    display: inline-block;
    width: 80%;
    height: auto;
    padding: 15px 0;
    text-align: center;
    border: 2px solid #0496cd;
    color: #1a1e1f;
    font-weight: bold;
    letter-spacing: -0.075em;
}

.board_list_type_01 { /*강의실 타이틀*/
    width: 780px;
    border-top: 2px solid #212d3d;
    table-layout: fixed;
    margin-top: 15px;
}

.board_list_type_01 thead th {
    height: 50px;
    text-align: center;
    background: #eff1f3;
    border-bottom: 1px solid #e5e5e5;
    padding: 0 5px;
}

.board_list_type_01 td {
    /* vertical-align: middle; */
    height: 42px;
    text-align: center;
    color: #333;
    background: #ffffff;
    border-bottom: 1px solid #e5e5e5;
    padding: 4px 5px;
    line-height: 150%;
}

.btn_into_span {
    display: inline-block;
    cursor: pointer;
    vertical-align: top;
    line-height: 0;
    padding: 0;
}

.btn_into_span img {
    cursor: pointer;
}

/* 출석현황 */
.title_01_descrip {
    display: block;
    width: auto;
    margin: 10px 0 20px 20px;
    padding: 15px 20px 10px;
    background-color: #f2f6f8;
}

.title_01_descrip .noti {
    display: inline-block;
    width: 100%;
    height: auto;
    margin: 0 auto;
    color: #cc0c0c
}

.title_01_descrip li {
    display: block;
    width: 100%;
    padding: 3px 0;
    line-height: 160%;
    font-weight: 400;
}

.title_01_descrip li .btn_sml_blue,
.title_01_descrip li .btn_sml_green {
    margin-right: 3px;
    padding: 1px 10px;
    font-size: 11px;
    line-height: 100%;
}

.board_list_type_01 .table_attend {
    width: 100%;
    margin: 0 auto 10px;
}

.board_list_type_01 .table_attend .table_attend_red {
    background: #FFE9E9;
    color: #cc0c0c
}

.attendance {
    padding: 5px 5px 3px;
    line-height: 120%;
    color: #378609;
    background: transparent;
}

.attendance:hover,
.attendance:focus {
    border: 1px solid #49a712;
}

.attendance:before {
    display: inline-block;
    content: '';
    width: 8px;
    height: 8px;
    margin-right: 5px;
    border-radius: 100%;
    background: #5eeb0c;
    vertical-align: 1px;
}

.attendance.warning {
    color: #8b6d0b;
}

.attendance.warning:hover,
.attendance.warning:focus {
    border: 1px solid #a79112;
}

.attendance.warning:before {
    background: #ebc20c;
}

.attendance.danger {
    color: #8b0b0b;
}

.attendance.danger:hover,
.attendance.danger:focus {
    border: 1px solid #a71212;
}

.attendance.danger:before {
    background: #eb0c0c;
}

.attendance.drop {
    color: #353535;

}

.attendance.drop:hover,
.attendance.drop:focus {
    border: 1px solid #474747;
}

.attendance.drop:before {
    background: #000000;
}

.semester {
    display: inline-block;
    width: auto;
    height: auto;
    margin-bottom: 2px;
    padding: 1px 6px;
    border-radius: 3px;
    background: #f7efef;
    color: #212d3d;
}

.major {
    font-weight: bold;
    color: #990000;
}

.board_list_type_02 {
    width: 100%;
    table-layout: fixed;
    border-top: 2px solid #212d3d;
}

.board_list_type_02 thead th {
    height: 36px;
    padding: 5px 0;
    text-align: center;
    background: #eff1f3;
    font-weight: bold;
    line-height: 100%
}

.board_list_type_02 td {
    height: 70px;
    border-bottom: 1px solid #ccc;
    vertical-align: middle;
    line-height: 120%;
    text-align: center;
    white-space: nowrap;
    padding: 5px 0;
}

.board_list_type_02 td .course_name {
    padding: 0 0 10px 0;
    font-size: 16px;
    font-weight: bold;
    color: #000;
    letter-spacing: -0.015em;
}

.board_list_type_02_notice {
    height: 33px !important;
    background: #fef0e5 !important;
    border-bottom: 2px solid #fce8d8 !important;
    height: 10px;
    font-weight: bold;
    padding: 5px 0 !important;
}

.board_list_type_02_notice .learning_period {
    color: #cc0c0c;
    letter-spacing: 1.5px;
}



.board_write_type_01 {
    padding: 20px 0 40px
}

.board_write_type_01_table {
    width: 760px;
    border-top: 2px solid #212d3d;
    background: #eff1f3;
    height: 38px;
}

.board_write_type_01_table th {
    border-top: 1px solid #ccc !important;
    border-bottom: 1px solid #ccc !important;
    padding: 5px 5px 5px 10px;
    height: 38px;
}

.board_write_type_01_table td {
    border-top: 1px solid #ccc !important;
    border-bottom: 1px solid #ccc !important;
    padding: 5px 5px 5px 5px;
    background: #fff;
}

.board_write_type_01_bottom {
    width: 720px;
    height: 32px;
    padding: 5px 20px 0 20px;
    background: #f7f8f9;
    border-top: 1px solid #ebeced;
    border-bottom: 2px solid #212d3d;
    text-align: center
}

.sub_con_tab_notice {
    width: 100%;
    background: url('../Images/icon/title/icon_title_h4.png') no-repeat left 1px;
    padding: 0 0 0 10px;
    margin: 0 0 20px 0;
    font-size: 13px;
    color: #2c3035;
}

.sub_con_tab_notice em {
    font-style: normal;
    color: #9b4110;
}

.sub_con_tab {
    width: 100%;
    height: 50px;
    padding: 0;
    margin: 0 0 18px 0;
    border-bottom: 1px solid #a8a8a8;
    box-sizing: border-box;
}

.sub_con_tab:after {
    content: '';
    display: block;
    clear: both;
}

.sub_con_tab li,
.sub_con_tab button,
.sub_con_tab>a {
    float: left;
    display: table;
    height: 48px;
    min-width: 80px;
    max-width: 150px;
    margin-right: -1px;
    text-align: center;
    color: #666666;
    box-sizing: border-box;
    line-height: 120%;
}

.sub_con_tab button,
.sub_con_tab>a {
    position: relative;
    display: block;
    padding: 0 15px;
    word-break: keep-all;
    border: 1px solid #cdcdcd;
    border-bottom: 0;
    background-color: #FFF;
}

.sub_con_tab button:focus,
.sub_con_tab>a:focus {
    /* 웹접근성 포커싱 */
    /* outline: 2px dotted #000; */
    outline: 2px dotted #ff00f6;
    position: relative;
    z-index: 1;
}

.sub_con_tab li a {
    display: table;
    width: 100%;
    margin-top: 1px;
    padding: 0 15px;
    border: 1px solid #cdcdcd;
    border-bottom: 0;
    color: #666666;
    box-sizing: border-box;
    vertical-align: middle;
    word-break: keep-all;
}

.sub_con_tab>a {
    display: table;
    word-break: keep-all;
}

.sub_con_tab>a>span {
    display: table-cell;
    vertical-align: middle;
}

.sub_con_tab button span.cell,
.sub_con_tab>a span.cell {
    border: 0;
}

.sub_con_tab li a:hover,
.sub_con_tab button:hover,
.sub_con_tab>a:hover {
    color: #222;
    text-decoration: underline;
}

.sub_con_tab li a>em,
.sub_con_tab button span.cell>em,
.sub_con_tab>a span.cell>em {
    font-weight: normal;
    text-decoration: none;
    font-style: normal;
    font-size: 12px;
    line-height: 100%;
}

.sub_con_tab li a.sub_con_tab_curr {
    position: relative;
    border-color: #a8a8a8;
    border-top: 3px solid #0d1218;
    color: #0d1218;
    font-weight: 600;
}

.sub_con_tab button.sub_con_tab_curr,
.sub_con_tab>a.sub_con_tab_curr {
    position: relative;
    color: #0d1218;
    font-weight: 600;
}

.sub_con_tab button.sub_con_tab_curr:before,
.sub_con_tab>a.sub_con_tab_curr:before {
    content: '';
    position: absolute;
    top: -1px;
    left: 0;
    width: 100%;
    height: 3px;
    background: #0d1218;
}

.sub_con_tab li a.sub_con_tab_curr:after,
.sub_con_tab button.sub_con_tab_curr:after,
.sub_con_tab>a.sub_con_tab_curr:after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #FFF;
}


.tab_side_img {
    position: absolute;
    top: 10px;
    left: 140px
}

.sub_con_tab2 {
    background: url('../Images/son_img/sub_con_tab_bottom.jpg') no-repeat 0 bottom;
    padding: 0 0 15px 15px;
    height: 34px;
    margin-top: 10px
}

.sub_con_tab2 li {
    float: left;
    background: url('../Images/son_img/sub_con_tab_off.png') no-repeat 0 0;
}

.sub_con_tab2 li a {
    display: inline-block;
    width: 130px;
    height: 18px;
    padding-top: 16px;
    margin-right: 1px;
    text-align: center;
    color: #666;
    font-weight: bold;
    text-decoration: none;
    letter-spacing: -1px
}

.sub_con_tab2 .sub_con_tab_curr {
    background: url('../Images/son_img/sub_con_tab_on.png') no-repeat 0 0;
    height: 34px;
    color: #0066CC
}

.sub_con_tab2 .sub_con_tab_curr a {
    height: 22px;
    padding-top: 12px;
    color: #0066CC
}

.btn_sample_course {
    border: 0px;
    width: 83px;
    height: 21px;
    background: url('../Images/sub/register/btn_sample2.gif') no-repeat;
    cursor: hand;
}

/*회원가입*/
.join_txt_01 {
    width: 680px;
    height: 250px;
    color: #666666;
    line-height: 20px;
    overflow-x: hidden;
    overflow-y: scroll;
    border: 1px solid #cccccc;
    padding: 10px;
    letter-spacing: -0.5px
}

.check_label {
    padding: 10px 0;
    font-weight: bold
}

.check_label input {
    vertical-align: middle;
}

.join_txt_02 {
    width: 680px;
    height: auto;
    color: #666666;
    line-height: 20px;
    border: 1px solid #cccccc;
    padding: 10px 10px 0 10px;
}

.join_txt_02 ol {
    padding-left: 20px
}

.join_txt_02 ol li span {
    text-indent: -10px;
    display: block;
    padding: 3px
}

.join_txt_02 table {
    width: 100%;
    border: 1px solid #ccc;
    margin-bottom: 10px
}

.join_txt_02 table th {
    padding: 5px;
    background-color: #cce6f2;
    border: 1px solid #ccc
}

.join_txt_02 table td {
    padding: 7px;
    border: 1px solid #ccc;
    text-align: center
}

.join_s2_table {
    width: 630px;
    margin-left: 30px
}

.join_s2_table th {
    background: url("../Images/son_img/dot_bull_02.png") no-repeat 0 15px;
    color: #0066a6;
    text-align: left;
    padding: 13px 0 10px 10px;
    width: 130px;
    vertical-align: top
}

.join_s2_table td {
    vertical-align: top;
    padding: 10px 0
}

.td_radio_box {
    line-height: 180%
}

.td_radio_box label {
    padding-right: 10px
}

.td_radio_box input {
    vertical-align: middle;
    margin-top: -3px
}

.join_s2_table_line {
    border-top: 1px solid #ccc;
    padding-top: 23px !important;
}

th.join_s2_table_line {
    background: url("../Images/son_img/dot_bull_02.png") no-repeat 0 30px;
    padding: 28px 0 10px 10px !important;
}

.join_s2_table_txt1 {
    color: #007dac;
    padding: 10px 0 5px 0;
}

.join_s2_table_txt2 {
    color: #007dac;
}

.join_s2_table_txt3 {
    color: #007dac;
    padding: 5px 0 0 15px;
}

.join_s2_table_txt4 {
    color: #666;
    padding: 0 0 0 15px;
}

.join_s2_table_txt5 {
    color: #007dac;
    padding: 0 0 10px 0;
}

.join_s2_table_label {
    display: block;
    margin-top: 5px
}

.join_s2_table_label input {
    vertical-align: middle;
}

/*회원가입end*/
/*로그인 페이지*/
.page_login_box {
    width: 750px;
    height: 323px;
    background: url("../Images/son_img/login_back.png") no-repeat 0 0;
    margin: 50px 20px
}

.page_login_in_left {
    letter-spacing: -0.5px;
    float: left;
    margin: 120px 50px 70px 35px;
    _margin-left: 20px;
    width: 280px;
}

.page_login_in_left img {
    float: right;
}

.page_login_in_left .input_box input.input_style_07 {
    width: 155px;
}

.page_login_in_left .input_box input[type="checkbox"] {
    position: static !important;
    width: auto;
    vertical-align: -webkit-baseline-middle;
    vertical-align: middle;
    margin-bottom: 0;
}

.page_login_in_left .input_box span {
    vertical-align: -webkit-baseline-middle;
    vertical-align: middle;
}

.page_login_in_left .input_box.txt_right input.input_style_07.txt_left {
    width: 149px;
}

.input_box {
    width: 215px;
    float: left;
}

.login_title {
    display: inline-block;
    width: 55px;
    margin-bottom: 6px;
    font-weight: bold;
    vertical-align: -webkit-baseline-middle;
    vertical-align: middle;
}

.input_box input {
    display: inline-block;
    width: auto;
    height: 24px;
    margin-bottom: 6px;
    vertical-align: -webkit-baseline-middle;
    vertical-align: middle;
}

.login_page_btn_01 {
    float: left;
    margin-left: 3px;
    *margin-top: 2px
}

.page_login_join {
    clear: both;
    margin: 0 0 0 35px;
}

.login_join_title {
    display: inline-block;
    width: 250px;
    background: url("../Images/son_img/dot_bull_02.png") no-repeat 0 2px;
    padding-left: 10px
}

/*로그인 페이지 end*/
/*아이디 비번찾기*/
.lost_unit_box {
    background: url("../Images/son_img/lost_unit_back.png") no-repeat 0 0;
    height: 77px;
    width: 630px;
    margin-top: 10px;
    padding: 23px 30px 0 30px
}

.lost_unit_box2 {
    background: url("../Images/son_img/lost_unit_back.png") no-repeat 0 0;
    height: 95px;
    width: 630px;
    margin-top: 10px;
    padding: 23px 30px 0 30px
}

.lost_unit_box3 {
    background: url("../Images/son_img/lost_unit_back2.png") no-repeat 0 0;
    height: 140px;
    width: 700px;
    margin-top: 10px;
    padding: 20px 0 0 30px;
}

.lost_title {
    background: url("../Images/son_img/dot_bull_02.png") no-repeat 0 2px;
    display: inline-block;
    width: 100px;
    margin-bottom: 15px;
    font-weight: bold;
    color: #0066a6;
    padding: 0 0 0 10px
}

/*아이디 비번찾기 end*/
/*sub_con_area end*/
/*sub end*/

@media print {
    .sw_contents_2 {
        padding: 30px 0;
        width: 100%;
    }
}



/*study_window*/
.sw_body {
    background: #202b4a;
    text-align: center
}

.sw_container {
    width: 1000px;
    margin: 0 auto;
    text-align: left
}

.sw_close_box {
    text-align: right;
    padding: 3px 20px 3px 0
}

.sw_main_nav {
    width: 1000px;
    height: 148px;
    background: url('../Images/son_img/sw_top.png') no-repeat 0 0
}

.sw_main_nav ul {
    padding: 17px 10px 0 16px;
    *padding: 17px 10px 0 16px;
    height: 46px
}

.sw_main_nav ul li {
    float: left;
}

.sw_main_nav ul li a {
    display: inline-block;
    padding: 10px 10px 10px 9px;
    *padding: 10px 8px 10px 9px;
    height: 18px;
    font-size: 15px;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    letter-spacing: -1px;
}

.sw_nav_curr {
    background: url('../Images/son_img/sw_nav_curr.png') repeat-x 0 0;
    color: #FFFF00 !important
}

.sw_path {
    clear: both;
    padding: 14px 0 20px 20px
}

.sw_section {
    height: 560px;
    padding: 10px 0 0 0;
    background: #fff;
    text-align: center
}

.sw_top_course {
    height: 45px;
    background: url('../Images/sub/classroom/course_top_bar.gif') no-repeat 0 0;
    margin: 0 auto;
    width: 926px;
    text-align: left;
    padding: 0
}

.sw_top_course h2 {
    display: inline-block;
    float: left;
    padding: 9px 5px 0 100px;
    width: 470px;
    font-size: 16px;
    margin: 0
}

.sw_top_course h3 {
    display: inline-block;
    float: left;
    padding: 9px 5px 0 100px;
    width: 470px;
    font-size: 16px;
    margin: 0
}

.sw_top_course p {
    display: inline-block;
    float: right;
    text-align: right;
    padding: 11px 20px 0 0 !important;
    width: 320px;
    margin: 0;
    font-weight: bold;
    color: #0066CC;
    vertical-align: top
}

.sw_contents {
    height: 550px;
    width: 926px;
    overflow-y: auto;
    overflow-x: hidden;
    border-bottom: 1px solid #ccc;
    margin: 0 auto;
    text-align: left;
    position: relative
}

.sw_contents h1 {
    font-size: 20px;
    padding: 2px 0 8px 0;
    margin: 0
}

.sw_contents h2 {
    font-size: 20px;
    padding: 2px 0 8px 0;
    margin: 0
}

.sw_contents_in {
    width: 900px;
    overflow: hidden;
}

.sw_contents_in_01 {
    width: 866px;
    height: 150px;
    background: url('../Images/son_img/sw_info_block_back.png') no-repeat 0 0;
    padding: 60px 20px 35px 20px;
}

.sw_photo_box {
    border: 4px solid #70AADA;
    width: 159px;
    height: 141px;
    float: left
}

.sw_contents_in_01_table {
    float: right;
    width: 690px;
    border-bottom: 2px solid #98b9de;
    border-top: 2px solid #98b9de
}

.sw_contents_in_01_table th {
    padding: 7px 3px 6px 3px;
    border-bottom: 1px solid #ccc;
    font-weight: normal;
    text-align: left
}

.sw_contents_in_01_table td {
    padding: 7px 3px 6px 3px;
    border-bottom: 1px solid #ccc
}

.td_arrow {
    background: url("../Images/sub/classroom/ing_arrow2.gif") no-repeat 0 7px;
    white-space: nowrap;
    padding-left: 6px !important
}

.btn_week {
    cursor: pointer
}

.sw_contents_in_02 {
    clear: both;
    width: 906px;
    height: auto;
    background: url('../Images/son_img/sw_contents_in_02_back.png') repeat-x 0 0;
    padding: 0 0 10px 0;
}

.sw_contents_in_02 h4 {
    font-size: 16px;
    font-weight: bold;
    background: url("../Images/son_img/sw_contents_in_02_h4_bull.png") no-repeat 0 0;
    padding: 0 0 0 20px;
    margin: 10px 0 25px 0
}

.sw_contents_in_02_in {
    float: left;
    padding: 0 0 0 30px;
    width: 600px
}

.sw_contents_in_02_in table {
    width: 600px;
    border-top: 2px solid #98b9de;
}

.sw_contents_in_02_in table th {
    height: 25px;
    background: #f2fcfc;
    border-bottom: 1px solid #ccc;
    text-align: center
}

.sw_contents_in_02_in table td {
    text-align: center;
    height: 35px;
    vertical-align: middle;
    border-bottom: 1px solid #ccc;
}

.sw_contents_in_02_in table td span {
    font-weight: bold;
    font-size: 15px;
}

.sw_contents_in_02_in p {
    background: url("../Images/sub/classroom/ing_arrow.gif") no-repeat 0 0;
    padding: 0 0 0 10px;
    display: inline-block
}

.sw_contents_in_02_in p span {
    font-weight: bold
}

.sw_contents_ratio {
    float: right;
    margin: 0 0px 15px 0px;
    float: right;
    width: 250px;
    background: url("../Images/sub/classroom/graf_number.gif") no-repeat 0 0;
    padding: 20px 0 0 0
}

.sw_contents_ratio_back {
    width: 224px;
    height: 30px;
    background: url('../Images/son_img/graf_big_bg.png') no-repeat;
    padding: 0 0 0 12px
}

.sw_contents_ratio_back img {
    height: 30px;
}

.sw_contents_ratio_per {
    display: inline-block;
    color: #ff6600;
    font-size: 20px;
    font-weight: bold;
    margin: 10px 0 0 15px
}

.sw_contents_right {
    float: right;
    margin: 0 0px 15px 0px;
    float: right;
    width: 180px;
    padding: 30px 0 0 80px;
    min-height: 50px;
    _height: 50px;
    line-height: 170%
}

.sw_contents_right span {
    color: #ea7400;
    font-weight: bold
}

.sw_contents_right_img01 {
    background: url("../Images/sub/classroom/ing_img_01.gif") no-repeat 0 0
}

.sw_contents_right_img02 {
    background: url("../Images/sub/classroom/ing_img_02.gif") no-repeat 0 0
}

.sw_contents_right_img03 {
    background: url("../Images/sub/classroom/ing_img_03.gif") no-repeat 0 0;
    padding-top: 10px
}

.sw_contents_right_img04 {
    background: url("../Images/sub/classroom/ing_img_04.gif") no-repeat 0 0
}

.sw_board_view {
    padding: 0 0 0 0
}

.sw_board_view h1 {
    background: url("../Images/board/sw_view_title_back.png") no-repeat 0 0;
    height: 20px;
    padding: 6px 0 0 20px;
}

.sw_board_contributor {
    width: 860px;
    height: 22px;
    padding: 5px 20px 0 20px;
    background: url("../Images/board/sw_view_name_back.png") repeat-x 0 0;
}

.sw_board_contributor dt {
    font-size: 13px;
    display: block;
    float: left;
    padding-right: 40px
}

.sw_board_contributor dt img {
    vertical-align: top
}

.sw_board_contributor dd {
    font-size: 13px;
    display: block;
    float: left;
    padding-right: 20px
}

.sw_board_view p {
    clear: both;
    padding: 10px 20px;
    line-height: 160%
}

.sw_board_con_bottom {
    width: 860px;
    height: 31px;
    padding: 5px 20px 0 20px;
    background: url("../Images/board/sw_view_bottom_back.png") repeat-x 0 0;
    text-align: center
}

.sw_contents_2 {
    padding: 30px 0 30px 42px;
    width: 800px;
}

.sw_contents_2 h1 {
    padding: 20px 0;
    margin: 0;
    border: 5px solid #4a6e93;
    text-align: center;
    font-size: 20px;
    color: #214162;
    font-weight: bold;
}

.sw_contents_2 h2 {
    padding: 20px 0 20px 90px;
    margin: 0;
    background: url("../Images/teacher/subject/t_bg_plan_head.gif") no-repeat 0 0;
    font-size: 20px;
    color: #0066CC
}

.sw_page_print {
    text-align: right;
    padding: 5px 0
}

.sw_contents_article {
    padding: 0 0 20px 0
}

.sw_contents_2 h3 {
    color: #262626;
    font-weight: bold;
    background: url('/_Resources/Images/icon/title/icon_title_h3.png') left 4px no-repeat; /*강의계획서 타이틀 정렬 - 기존 left 1px */
    padding-left: 12px;
    letter-spacing: -1px;
}

.sw_info {
    margin-top: -30px;
    margin-bottom: 10px;
    text-align: right
}

.sw_info p {
    display: inline-block;
    background: url('../Images/son_img/sw_info_bull.png') no-repeat 0 0;
    padding: 0 0 0 15px
}

.sw_info p span {
    color: #C24E00;
}

.sw_table_02 {
    width: 100%;
    max-width: 800px;
}

.sw_table_02 th {
    padding: 7px 5px 5px 5px;
    color: #0066CC;
    background-color: #ebf6ff;
    border: 1px solid #98b9de;
    letter-spacing: -0.075em;
}

.sw_table_02 th.ta_c {
    text-align: center;
}

.sw_table_02 th.sw_table_02_td01 {
    padding: 15px;
}

.sw_table_02 td {
    padding: 7px 5px 5px 5px;
    border: 1px solid #98b9de
}

.sw_study_info {
    border-top: 1px solid #bfbfbf;
    padding: 15px 20px;
    background: url('../Images/teacher/subject/plan_img_01.gif') no-repeat right;
    line-height: 180%
}

.sw_study_info p {
    background: url('../Images/son_img/dot_bull_01.png') no-repeat 0 3px;
    padding: 0 10px
}

.sw_refresh {
    text-align: right;
    color: #cc0000;
    width: 905px;
    padding: 0;
}

.sw_refresh span {
    cursor: pointer
}

.sw_refresh span img {
    vertical-align: middle
}

.sw_table_01 {
    padding: 0 0 30px 0
}

.sw_table_01 h3 {
    background: url("../Images/sub/classroom/bullet01.gif") no-repeat 0 0;
    font-size: 19px;
    padding: 5px 0 10px 35px;
    margin: 0
}

.sw_table_01 h3 span {
    display: inline-block;
    background: url("../Images/sub/classroom/icon_tip.gif") no-repeat 0 0;
    padding: 2px 0 0 25px;
    margin-left: 10px;
    font-size: 13px;
    font-weight: bold;
    color: #0066CC
}

.sw_table_01 table {
    width: 909px
}

.sw_table_01 table thead {
    background: url("../Images/board/sw_table_01_thead.png") no-repeat 0 0;
    *background-position-x: center;
}

.sw_table_01 table thead th {
    height: 26px;
    text-align: center
}

.sw_table_01 table td {
    height: 28px;
    border-bottom: 1px solid #ccc;
    vertical-align: middle;
    line-height: 120%;
    text-align: center;
    background: #f5f8fa;
    padding: 4px 0
}

.sw_table_03 {
    padding: 0 0 30px 0
}

.sw_table_03 h3 {
    background: url("../Images/sub/classroom/bullet01.gif") no-repeat 0 0;
    font-size: 19px;
    padding: 5px 0 10px 35px;
    margin: 0
}

.sw_table_03 h3 span {
    display: inline-block;
    background: url("../Images/sub/classroom/icon_tip.gif") no-repeat 0 0;
    padding: 2px 0 0 25px;
    margin-left: 10px;
    font-size: 13px;
    font-weight: bold;
    color: #0066CC
}

.sw_table_03 table {
    width: 909px
}

.sw_table_03 table thead {
    background: url("../Images/board/sw_table_01_thead.png") no-repeat 0 0;
    *background-position-x: center;
}

.sw_table_03 table thead th {
    height: 26px;
    text-align: center
}

.sw_table_03 table td {
    height: 25px;
    border-bottom: 1px solid #ccc;
    vertical-align: middle;
    line-height: 120%;
    text-align: center;
    padding: 4px 0
}

.sw_table_03 table td a {
    text-decoration: none
}

.sw_tab_ul_01 {
    border-bottom: 1px solid #bfbfbf;
    height: 40px
}

.sw_tab_ul_01 li {
    float: left;
    cursor: pointer
}

.sw_tab_ul_02 {
    height: 42px;
    border-bottom: 1px solid #cdcdcd;
}

/*학습창 탭 신규디자인*/
.sw_tab_ul_02>li {
    float: left;
    min-width: 140px;
    height: 40px;
    border-top: 2px solid #c9c9d0;
    border-bottom: 1px solid #cdcdcd;
    border-left: 1px solid #cdcdcd;
    border-right: 1px solid #cdcdcd;
    text-align: center;
    color: #707070;
    font-size: 13px;
    font-weight: bold;
    line-height: 40px;
    cursor: pointer;
}

.sw_tab_ul_02>li.on {
    border-top: 2px solid #212d3d;
    border-bottom: 1px solid #fff;
    color: #212d3d;
}

.sw_tab_div_01 {
    clear: both
}

.sw_tab_div_02,
.sw_tab_div_03 {
    clear: both;
    display: none
}

.sw_contents_article_p {
    padding: 20px;
    border-top: 2px solid #212d3d;
    border-bottom: 1px solid #212d3d;
    line-height: 170%
}

.sw_contents_article_p ul.map_info {
    width: 100%;
    margin: 15px 0 0 0;
    padding: 0;
}

.sw_contents_article_p ul.map_info>li {
    width: 100%;
    margin-left: 15px;
    list-style: disc;
    line-height: 155%;
    color: #212d3d;
    text-align: left;
}

.search_box_01 {
    text-align: right;
    padding: 20px 0;
    width: 909px
}

.search_box_02 {
    text-align: right;
    padding: 0 0 20px 0;
    width: 909px
}

.search_box_03 {
    text-align: right;
    margin: 0 auto;
    padding: 0 0 20px 0;
    width: 760px
}

.search_box_04 {
    text-align: right;
    margin: -40px auto 0;
    padding: 20px 0 0 0;
    width: 760px
}

.sw_footer {
    text-align: right;
    background: #fff;
}

.sw_footer p {
    text-align: right;
    padding: 10px;
    height: 10px;
    font-size: 11px;
    color: #0066CC;
    font-weight: bold;
    font-family: Verdana
}

.sw_board_write {
    padding: 0 0 40px
}

.sw_board_write_table {
    width: 900px
}

.sw_board_write_table th,
.sw_board_write_table td {
    border: 1px solid #ccc !important;
    padding: 5px
}

.sw_con_notice_ol {
    margin: 5px 0 10px 0;
    padding: 10px 0 0 5px;
    border-top: 1px dotted #ccc;
    width: 904px
}

.sw_con_notice_ol_li {
    background-repeat: no-repeat;
    background-position: 0 0;
    padding: 3px 0 5px 23px;
    margin: 0;
    list-style: none;
}

.sw_con_notice_ol_li1 {
    background-image: url(../Images/son_img/sw_ol_back_01.png)
}

.sw_con_notice_ol_li2 {
    background-image: url(../Images/son_img/sw_ol_back_02.png)
}

.sw_con_notice_ol_li3 {
    background-image: url(../Images/son_img/sw_ol_back_03.png)
}

.sw_con_notice_ol_li4 {
    background-image: url(../Images/son_img/sw_ol_back_04.png)
}

.sw_con_notice_btn {
    background: url('../Images/son_img/sw_notice_table_view.png') no-repeat 0 0;
    padding: 4px 26px 4px 9px;
    color: #fff;
    cursor: pointer;
    display: inline-block
}

.sw_con_notice_ol span {
    font-weight: bold;
}

.sw_con_notice_table {
    margin-bottom: 10px
}

.sw_con_notice_table td {
    padding: 10px
}

.sw_con_notice_ul {
    margin: 10px 0 5px 10px;
}

.sw_con_notice_ul li {
    list-style: circle;
    padding: 2px 0
}

.sw_info_b {
    padding: 7px 0;
    text-align: right;
}

.sw_info_b p {
    display: inline-block;
    background: url('../Images/son_img/sw_info_bull.png') no-repeat 0 0;
    padding-left: 15px
}

.sw_test_main_unit {
    clear: both;
    background: url('../Images/son_img/sw_test_back2.png') no-repeat 0 0;
    padding: 10px 20px;
    width: 882px;
    height: 142px;
    margin-bottom: 7px;
}

.sw_test_main_unit h4 {
    margin: 0;
    padding: 3px 0 6px 0;
    font-size: 18px;
    font-weight: bold
}

.sw_test_main_unit img {
    width: 90px;
    margin: 4px 20px 4px 0;
}

.sw_test_main_unit dl {
    float: left;
    margin-top: 8px;
}

.sw_test_main_unit dd {
    padding: 1px 0 3px 0
}

.sw_test_intro_box {
    float: left;
    padding: 0 40px 0 0
}

.sw_test_intro_box2 {
    float: left;
    padding: 0 0 0 0
}

.sw_test_intro_box2 ol {
    float: left;
    margin: 0 0 0 10px;
    padding: 7px 0 0 0;
    width: 760px
}

.sw_test_intro_box2 ol li {
    margin: 0;
    padding: 0
}

.sw_test_intro_box2 ol h5 {
    margin-left: -20px;
    padding-bottom: 5px
}

.sw_test_intro_ttest_btn {
    display: inline-block;
    float: left;
}

.sw_test_main_unit span {
    font-weight: bold
}

.sw_test_main_unit dt {
    font-weight: bold;
    color: #00619f;
    margin: 5px 0
}

.sw_test_main_unit h5 {
    font-weight: bold;
    color: #00619f;
    margin: 0;
    padding: 0
}

.sw_12_top {
    background: url("../Images/board/sw_table_01_thead.png") no-repeat 0 0;
    height: 26px;
    text-align: center;
    font-weight: bold
}

.sw_12_top_p1 {
    width: 70px;
    float: left;
    height: 19px;
    padding: 7px 0 0 0
}

.sw_12_top_p2 {
    width: 825px;
    float: left;
    height: 19px;
    padding: 7px 0 0 0
}

.sw_12_unit {
    clear: both;
    border-bottom: 1px solid #ccc;
    width: 909px;
}

.sw_12_unit_p1 {
    width: 70px;
    float: left;
    height: 25px;
    padding: 12px 0 0 0;
    text-align: center;
}

.sw_12_unit_p2 {
    width: 745px;
    float: left;
    height: 25px;
    padding: 12px 0 0 0;
}

.sw_12_trig {
    float: right;
    margin: 7px 12px 0 0;
    cursor: pointer
}

.sw_12_ans {
    display: none;
    clear: both;
    background: rgb(229, 255, 250);
    padding: 30px
}

/*study_window end*/

/* 07 나의 강의실 */
.homework_btn {
    display: inline-block;
    padding: 3px 5px 5px 5px;
    height: 12px;
    width: 30px;
    border: 1px solid #ccc;
    font-weight: bold;
    color: #b10000 !important
}

.homework_bottom {
    border: 1px solid #d0ba00;
    text-align: center;
    padding: 10px 5px;
    margin: 20px 0;
    width: 750px
}

.td_gray {
    background: #eeeeee;
    font-weight: bold;
    padding: 0 20px;
    text-align: left !important
}

.td_gray2 {
    background: #eeeeee;
    font-weight: bold;
    text-align: center !important
}

.old_pop_section {
    padding: 10px;
    width: 790px
}

.old_pop_section h1 {
    text-align: left;
}

.old_pop_table {
    width: 790px;
}

.old_pop_table th {
    background: #ededed;
    text-align: center;
    padding: 5px;
    border: 1px solid #ccc
}

.old_pop_table td {
    text-align: center;
    padding: 5px;
    border: 1px solid #ccc
}

.memo_open_btn {
    cursor: pointer
}

.memo_td td {
    background: #f3fcff;
    padding: 10px 20px;
    *border-bottom: none !important
}

.table_p_question {
    padding: 0 0 8px 27px;
    background: url('../Images/board/n_icon_qna_q.gif') no-repeat 0 0;
    border-bottom: 1px solid #75a2a0
}

.table_p_date {
    display: block;
    font-size: 13px;
    color: #0084d8
}

.table_p_answer {
    display: block;
    padding: 8px 0 8px 27px;
    background: url('../Images/board/n_icon_qna_a.gif') no-repeat 0 10px;
}

.table_td_question {
    padding: 0 0 0 30px;
    background: url('../Images/board/n_icon_qna_q.gif') no-repeat 0 1px;
}

.sub_07_notice {
    border: 4px solid #bdd7e8;
    display: block;
    width: 47.5%;
    padding: 0;
    float: left;
    box-sizing: border-box;
}

.sub_07_notice_header {
    border-bottom: 2px solid #bdd7e8;
    padding: 8px 10px 6px;
    box-sizing: border-box;
}

.sub_07_notice h3 {
    color: #347ba9;
    padding: 0;
    margin: 0;
    display: inline-block;
    /* *display: inline;
    *margin-right: 265px; */
    width: 87%;
    box-sizing: border-box;
}

.sub_07_notice_ul {
    padding: 5px 5px 4px 5px;
    height: auto;
    box-sizing: border-box;
}

.sub_07_notice_ul li {
    padding: 2px 0 0 10px;
    *padding: 0 0 2px 5px;
    _padding: 0 0 0 5px;
    margin: 0;
    background: url(../Images/main/NEO/n_notice_bullet.gif) no-repeat -2px center;
    line-height: 120%;
    _line-height: 90%;
    box-sizing: border-box;
}

.sub_07_notice_quick {
    border: 1px solid #ccc;
    border-left: 0;
    float: left;
    width: 165px;
    padding: 5px;
    text-align: center
}

.sub_07_notice_quick h3 {
    margin: 0;
    padding: 3px 0 4px 0;
}


.mylecture_ban {
    clear: both;
    float: left;
    width: 100%;
    margin-left: 20px
}

.mylecture_ban a {
    margin: 0;
    padding: 0;
    display: inline-block;
}

.mylecture_ban a img {
    margin: 0;
    padding: 0;
    display: inline-block;
}

.mylecture_ban ul {
    width: 100%;
    margin: 0;
    padding: 0;
    clear: both;
}

.mylecture_ban ul li {
    width: 250px;
    margin-right: 15px;
    float: left;
}

.mylecture_ban ul li.last {
    margin-right: 0;
}

.mylecture_ban ul li.last a {
    background: #C74E3E !important;
}

.sub_07_history {
    text-align: right !important;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    padding: 0 10px
}

.sub_07_history p {
    border-bottom: 1px dotted #ccc
}

.sub_07_06_notice {
    background: url("../Images/sub/myclass/score_info_bg.jpg") no-repeat 5px 0;
    width: 763px;
    height: 326px;
    padding: 40px 0 0 30px;
    margin-bottom: 15px
}

.sub_07_06_notice dl {
    display: block !important;
    margin-bottom: 5px;
    clear: both;
    width: 750px;
    padding-bottom: 10px;
    margin-bottom: 20px
}

.sub_07_06_notice dt,
.sub_07_06_notice dd {
    float: left;
    display: block;
    margin-top: 20
}

.sub_07_06_notice dt img {
    vertical-align: top
}

.sub_07_06_notice dd {
    padding-top: 3px
}

.sub_07_06_notice dd ul {
    padding-bottom: 10px;
    list-style: circle;
    margin-left: 20px
}

.sub_07_06_notice dd ul li {
    padding: 2px 0 3px 0;
    line-height: 130%
}

.sub_07_btn_red {
    background: #AD0C00;
    display: inline-block;
    padding: 1px 3px;
    color: #fff;
    font-weight: bold
}

.sub_07_btn_green {
    background: #57a900;
    display: inline-block;
    padding: 1px 3px;
    color: #fff;
    font-weight: bold
}

.sub_07_btn_green2 {
    background: #20a900;
    display: inline-block;
    padding: 1px 3px 0 3px;
    color: #fff;
    font-weight: bold
}

.sub_07_btn_green3 {
    background: #0066ff;
    display: inline-block;
    padding: 1px 3px;
    color: #fff;
    font-weight: bold
}

.table_survey_btn {
    color: blue;
    display: inline-block;
    padding: 3px 4px 0 4px;
    border: 1px solid #ccc;
    background: #e9f6ff;
    cursor: pointer
}

.table_survey_btn:hover {
    color: red
}

.sub_07_06_notice_new {
    background: url("../Images/sub/myclass/score_info_bg2.jpg") no-repeat 5px 0;
    width: 763px;
    height: 420px;
    padding: 40px 0 0 30px;
    margin-bottom: 15px
}

.sub_07_06_notice_new dl {
    display: block !important;
    margin-bottom: 5px;
    clear: both;
    width: 750px;
    padding-bottom: 10px;
    margin-bottom: 20px
}

.sub_07_06_notice_new dt {
    display: inline-block !important;
    margin-bottom: 7px;
    padding: 5px 8px;
    background: #accce2;
    color: #002d65;
}

.sub_07_06_notice_new dt,
.sub_07_06_notice_new dd {
    display: block;
    margin-top: 20
}

.sub_07_06_notice_new dt img {
    vertical-align: top
}

.sub_07_06_notice_new dd {
    padding-top: 3px
}

.sub_07_06_notice_new ul {
    padding-bottom: 10px;
    list-style: circle;
    margin-left: 20px
}

.sub_07_06_notice_new ul li {
    padding: 2px 0 3px 0;
    line-height: 130%
}

.result_btn {
    padding: 2px 5px;
    background: #e5e5e5;
    font-size: 13px;
    border: 1px solid #d9d9d9;
    outline: none;
}

.survey_wrap {
    padding: 13px;
    background: #555;
    text-align: left;
}

.survey_header {
    background: #f3f3f3;
    border: 3px solid #ececec;
    padding: 8px;
    margin-bottom: 13px
}

.survey_header h1 {
    background: url("../Images/son_img/sw_ol_back.png") no-repeat 0 0;
    font-size: 16px;
    font-weight: bold;
    padding: 1px 0 0 20px;
    margin: 0 0 10px 0;
}

.survey_header ul {
    list-style: circle;
    margin: 0 0 0 20px
}

.survey_header ul li {
    margin: 5px 0 0 0
}

.survey_wrap section {
    background: #fff
}

.survey_table {
    width: 100%
}

.survey_table thead th {
    padding: 10px;
    background: #e3f4ff !important
}

.survey_table th {
    padding: 15px 10px 5px 10px;
    border: 1px solid #ccc;
    background: #e9e9e9
}

.survey_table td input {
    vertical-align: middle
}

.survey_table td {
    padding: 5px 10px;
    border: 1px solid #ccc
}

.survey_table td textarea {
    width: 99.5%;
    height: 40px;
    border: 1px solid #ccc
}

.survey_table .txt_center {
    background: #e9e9e9
}


/* 동의하기 버튼 fixed 때문에 div.sw_contents_2 에 넣어주는 클래스  */
div.survey_btn_fixed {
    position: relative;
    padding-bottom: 150px;
}
div.survey_btn_box {
    padding: 20px 0;
    text-align: center;
    /* 동의하기 버튼 고정 */
    position: fixed;
    bottom: 0;
    width: 100%;
    margin: 0 auto 0 -42px;
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 1px -2px 13px hsl(81deg 28% 0% / 0.25);
}

div.survey_btn_box:hover {
    background: rgba(255, 255, 255, 1);
}

div.survey_btn_box button {
    font-family: inherit;
}

p.survey_btn_box_p {
    padding: 20px 0;
    font-weight: bold;
}

p.survey_btn_box_p span {
    color: #ce0000
}

.survey_btn {
    display: inline-block;
    padding: 6px 10px 4px 10px;
    background: url('../Images/son_img/survey_btn_back.png') no-repeat 0 0;
    color: #fff;
    text-decoration: none;
    border: 1px solid #c8e1ff
}

.survey_img_box {
    text-align: center;
    margin-top: 160px
}

.past_result {
    padding: 15px;
}

.past_result h1 {
    background: url("../Images/son_img/sw_ol_back.png") no-repeat 0 0;
    font-size: 16px;
    font-weight: bold;
    padding: 1px 0 0 20px;
    margin: 0 0 10px 0;
    text-align: left
}

.past_result_table {
    width: 100%;
}

.past_result_table th {
    border: 1px solid #ccc;
    padding: 7px 0 5px 0;
    background: #eaeaea
}

.past_result_table td {
    border: 1px solid #ccc;
    padding: 7px 0 5px 0
}

.min_mylecture_present_box {
    overflow: hidden;
    margin: 0 0 5px 0;
}

.min_mylecture_present_box h5.title {
    display: block;
    color: #595a61;
    text-align: left;
    font-weight: bold;
    background: url('/_Resources/Images/icon/title/icon_title_h3.png') 2px center no-repeat;
    padding-left: 12px;
    margin: 15px 0 10px 0;
    letter-spacing: -1px;
}


.min_mylecture_present_box:after {
    content: '';
    display: block;
    clear: both;
}

.min_mylecture_present_box .w100 {
    width: 100% !important;
}

.min_mylecture_present_left {
    float: left;
    width: 450px
}


/* 강의실 - 평가항목 상세 (2023웹접근성 대응) */

div.min_mylecture_present_left span.title {
    font-weight: 600;
}

div.min_mylecture_present_left ul.eval_detail > li {
    margin: 0 0 10px 0;
    text-align: left;
}

div.min_mylecture_present_left ul.eval_detail > li:last-child {
    margin: 0;
}

div.min_mylecture_present_left ul.eval_detail > li div.eval_item {
    height: 28px;
    padding: 3px 10px;
    border-radius: 4px;
    background: #396AAC;
    color: #fff;
}

div.min_mylecture_present_left ul.eval_detail > li div.eval_item span.item_title {
    position: relative;
    display: inline-block;
    font-weight: 600;
}

div.min_mylecture_present_left ul.eval_detail > li div.eval_item span.item_title em {
    position: relative;
    display: inline-block;
    padding: 0 6px 0 6px;
    font-weight: 600;
    font-style: normal;
}


div.min_mylecture_present_left ul.eval_detail > li div.eval_item span.item_title:after {
    position: absolute;
    top: 12px;
    right: -7px;
    content: '';
    width: 7px;
    height: 1px;
    background: #fff;
}

div.min_mylecture_present_left ul.eval_detail > li div.eval_item span.item_grade {
    display: inline-block;
    padding: 0 0 0 13px;
    font-weight: 600;
}

div.min_mylecture_present_left ul.eval_detail > li div.eval_item span.item_grade em {
    display: inline-block;
    padding: 0 3px;
    font-style: normal;
}

div.min_mylecture_present_left ul.eval_detail > li dl {
    content: '';
    clear: both;
    overflow: hidden;
    padding: 2px 4px;
}

div.min_mylecture_present_left ul.eval_detail > li dl dt {
    position: relative;
    float: left;
    height: 20px;
    margin: 0 12px 0 0;
    font-weight: 600;
    line-height: 20px;
}

div.min_mylecture_present_left ul.eval_detail > li dl dt:after {
    position: absolute;
    top: -1px;
    right: -9px;
    content: ':';
}

div.min_mylecture_present_left ul.eval_detail > li dl dd {
    float: left;
    min-width: 120px;
    height: 20px;
    margin: 0 20px 0 0;
    line-height: 20px;
}

.min_mylecture_present_box table thead {
    background: none
}

.min_mylecture_present_box table td {
    height: 16px;
    padding: 5px 0;
    background: #fff
}

.min_mylecture_present_box table td span.t_red {
    color: #c71a20
}

.min_mylecture_present_right {
    float: right;
    width: 250px;
    height: 239px;
    padding: 15px;
    text-align: left;
    border: 1px solid #e6e6e6;
    background: #fff
}

.min_mylecture_present_noti {
    padding: 5px;
}

.min_mylecture_present_right p,
.min_mylecture_present_noti p {
    line-height: 19px
}

.min_mylecture_present_right span.box,
.min_mylecture_present_noti span.box {
    display: inline-block;
    padding: 2px 5px 0 5px;
    line-height: 15px;
    font-size: 13px;
    color: #fff;
    background: #6c91b5
}

.min_close {
    float: right;
    display: block;
    margin-bottom: 10px;
    padding: 3px 12px 2px 12px;
    text-align: center;
    cursor: pointer;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    background: #555
}

.min_close:focus {
    /* 웹접근성 포커싱 */
    /* outline: 2px dotted #000; */
    outline: 2px dotted #ff00f6;
}


/* 07 나의 강의실 end */



/* btn_box_set */
.btn_box_set_01 {
    text-align: right;
    padding: 20px 0
}

.btn_box_set_01 img {
    cursor: pointer;
}

.btn_box_set_02 {
    text-align: center;
    padding: 10px 0
}

/* btn_box_set01 */

/* table type */
.sub_con_table_box_01 {}

.sub_con_table_box_02 {
    padding-bottom: 30px
}

.sub_con_table_box_03 {
    padding-bottom: 30px
}

.board_notice {
    background: #feffec
}

.table_type_01 {
    width: 100%;
    border: 1px solid #ccc;
    margin-bottom: 10px
}

.table_type_01 th {
    padding: 5px;
    background-color: #cce6f2;
    border: 1px solid #ccc;
    text-align: center
}

.table_type_01 td {
    padding: 7px;
    border: 1px solid #ccc;
    text-align: center
}

.table_type_02 {
    width: 200px;
    float: right;
    border: 1px solid #ccc;
    margin: 13px 0 0 0
}

.table_type_02 th {
    padding: 8px;
    background-color: #cce6f2;
    border: 1px solid #ccc;
    text-align: center
}

.table_type_02 td {
    padding: 15px;
    border: 1px solid #ccc;
    text-align: center
}

.table_type_03 {
    width: 694px;
    border: 1px solid #ccc;
    margin: 13px 0 0 20px
}

.table_type_03 th {
    padding: 8px;
    background-color: #cce6f2;
    border: 1px solid #ccc;
    text-align: center
}

.table_type_03 td {
    padding: 15px;
    border: 1px solid #ccc;
    text-align: center
}

.table_type_04 {
    width: 694px;
    border: 1px solid #ccc;
    margin: 13px 0 0 20px
}

.table_type_04 th {
    padding: 8px;
    background-color: #cce6f2;
    border: 1px solid #ccc;
    text-align: center
}

.table_type_04 td {
    padding: 15px;
    border: 1px solid #ccc;
    text-align: center;
    line-height: 150%
}

.table_type_05 {
    width: 550px;
    border: 1px solid #ccc;
    margin: 13px 0 0 10px;
    font-weight: normal;
    color: #494949
}

.table_type_05 th {
    padding: 8px;
    background-color: #cce6f2;
    border: 1px solid #ccc;
    text-align: center
}

.table_type_05 td {
    padding: 15px;
    border: 1px solid #ccc;
    text-align: center;
    line-height: 150%
}

.table_type_06 {
    width: 760px;
    margin: 13px 0 0 0;
    font-weight: normal;
    color: #494949
}

.table_type_06 thead {
    background: url("../Images/board/thead_back_02.png") no-repeat 0 0;
}

.table_type_06 th {
    height: 28px;
    text-align: center;
}

.table_type_06 td {
    height: 30px;
    border-bottom: 1px solid #ccc;
    line-height: 150%;
    text-align: center;
}

.table_type_06 td a {
    text-decoration: none;
    color: #494949;
    letter-spacing: -0.045em;
}

.table_type_06 td a:hover {
    color: #f05502
}

.table_type_06_view {
    padding: 20px 0 0 0;
}

.table_type_06_view h1 {
    width: 780px;
    border-top: 2px solid #212d3d;
    background: #eff1f3;
    height: 50px;
    margin: 0;
    padding: 6px 0 0 20px;
    font-size: 16px;
    line-height: 38px;
}

.table_type_06_view h2 {
    width: 780px;
    background: url("../Images/board/view_title_back.png") no-repeat 0 0;
    height: 20px;
    margin: 0;
    padding: 6px 0 0 20px;
    font-size: 15px;
}

.table_type_06_contributor {
    width: 780px;
    padding: 13px 20px 13px 20px;
    background: #f7f8f9;
    border-bottom: 1px solid #ebeced;
}

.table_type_06_contributor dt {
    display: inline-block;
    *display: inline;
    padding-right: 30px;
    line-height: 170%;
}

.table_type_06_contributor dt a {
    display: inline-block;
}

.table_type_06_contributor dt img {
    vertical-align: baseline;
    *vertical-align: middle
}

.table_type_06_contributor dd {
    font-size: 13px;
    display: inline-block;
    *display: inline;
    padding-right: 20px;
    line-height: 170%;
}

.table_type_06_contributor2 {
    width: 780px;
    height: 22px;
    padding: 5px 0 0 20px;
    background: url("../Images/board/sw_view_name_back.png") repeat-x 0 0;
}

.table_type_06_contributor2 dt {
    font-size: 13px;
    display: inline-block;
    *display: inline;
    padding-right: 25px;
}

.table_type_06_contributor2 dt img {
    vertical-align: top;
    *vertical-align: middle;
}

.table_type_06_contributor2 dd {
    font-size: 13px;
    display: inline-block;
    *display: inline;
    padding-right: 20px;
}

.table_type_06_view_div {
    width: 780px;
    clear: both;
    padding: 20px 10px;
    line-height: 190%;
    min-height: 200px;
}

.table_type_06_view_div img {
    max-width: 780px;
}

.table_type_06_con_bottom {
    position: relative;
    width: 780px;
    height: 36px;
    padding: 5px 10px;
    background: #f7f8f9;
    border-top: 1px solid #ebeced;
    border-bottom: 2px solid #212d3d;
    text-align: center;
}

.table_type_06_con_bottom_edit {
    position: absolute;
    top: 5px;
    right: 10px;
}


.table_type_07 {
    width: 740px;
    color: #494949;
    border-top: 3px solid #98b9de;
}

.table_type_07 th,
.table_type_07 td {
    border: 1px solid #ccc;
}

.table_type_07 th {
    background: url(../Images/board/bullet3.gif) no-repeat 10px center rgb(238, 246, 255);
    text-align: left;
    padding: 10px 20px;
}

.table_type_07 td {
    padding: 14px 10px;
}

.table_type_08 {
    width: 680px;
    margin-left: 20px;
}

.table_type_08 th {
    text-align: center;
    padding: 7px;
    border: 1px solid #ccc;
}

.table_type_08 td {
    text-align: center;
    padding: 7px;
    border: 1px solid #ccc;
}

.table_type_09 {
    width: 760px;
    margin: 13px 0 0 0;
    font-weight: normal;
    color: #494949;
}

.table_type_09 thead {
    background: url("../Images/board/thead_back_02.png") no-repeat 0 0;
    *background-position-x: center;
}

.table_type_09 th {
    height: 28px;
    text-align: center
}

.table_type_09 td {
    height: 28px;
    border-bottom: 1px solid #ccc;
    line-height: 150%;
    text-align: left;
}

.table_type_09 td a {
    text-decoration: none;
    color: #494949;
}

.table_type_09 td a:hover {
    color: #f05502;
}

.table_type_10 {
    width: 450px;
    border: 1px solid #ccc;
    margin: 0;
    font-weight: normal;
    color: #494949;
}

.table_type_10 th {
    padding: 5px;
    background-image: none;
    background-color: #cce6f2;
    border: 1px solid #ccc;
    text-align: center;
}

.table_type_10 td {
    padding: 5px;
    border: 1px solid #ccc;
    text-align: center;
    line-height: 150%;
}

.table_type_11 {
    width: 660px;
    border: 1px solid #ccc;
    margin: 13px 0 0 0;
    font-weight: normal;
    color: #494949;
}

.table_type_11 th {
    padding: 8px;
    background-color: #e0f1f9;
    border: 1px solid #ccc;
    text-align: center;
}

.table_type_11 td {
    padding: 10px;
    border: 1px solid #ccc;
    text-align: center;
    line-height: 150%;
}

.table_attend {
    font-size: 13px;
    color: #494949;
    width: 780px;
    margin-top: 10px;
}

.table_attend thead th {
    background: #bdd7e8;
    color: #005288;
    padding: 5px 0;
    border: 1px solid #fff;
    border-bottom: 0;
    text-align: center
}

.table_attend tbody td {
    text-align: center;
    border: 1px solid #ccc;
    padding: 5px 0;
    font-weight: bold;
}

.table_attend_red {
    background: #FFE9E9;
    color: #C31212;
}

.table_attend2 {
    font-size: 13px;
    color: #494949;
    width: 780px;
    margin-top: 10px
}

.table_attend2 thead th {
    background: #bdd7e8;
    color: #005288;
    padding: 5px 0;
    border: 1px solid #fff;
    border-bottom: 0;
    text-align: center;
}

.table_attend2 tbody td {
    text-align: center;
    border: 1px solid #ccc;
    padding: 5px 0;
}

.table_attend3 {
    font-size: 13px;
    color: #494949;
    width: 780px;
    margin-top: 10px;
}

.table_attend3 thead th {
    background: #bdd7e8;
    color: #005288;
    padding: 5px 0;
    border: 1px solid #fff;
    border-bottom: 0;
    text-align: center;
}

.table_attend3 tbody td {
    text-align: center;
    border-bottom: 1px solid #ccc;
    padding: 5px 0;
}

.tr_color {
    background-color: #f7f7f7;
}

.tr_color2 {
    background-color: #f5f5f5;
}



/*코멘트*/
.cb_module {
    font-family: '돋움', Dotum, '굴림', Gulim, AppleGothic, Sans-serif;
    font-size: 13px;
    font-weight: normal;
    line-height: 14px
}

.cb_module p,
.cb_module h1,
.cb_module h2,
.cb_module h3,
.cb_module h4,
.cb_module h5,
.cb_module h6,
.cb_module ul,
.cb_module ol,
.cb_module li,
.cb_module dl,
.cb_module dt,
.cb_module dd,
.cb_module table,
.cb_module th,
.cb_module td,
.cb_module form,
.cb_module fieldset,
.cb_module legend,
.cb_module input,
.cb_module textarea,
.cb_module button,
.cb_module select {
    margin: 0;
    padding: 0
}

.cb_module img,
.cb_module fieldset {
    border: none
}

.cb_module hr,
.cb_module button img {
    display: none
}

.cb_module li {
    list-style: none
}

.cb_module em {
    font-style: normal
}

.cb_module a {
    color: #333;
    text-decoration: none
}

.cb_module a:hover,
.cb_module a:active,
.cb_module a:focus {
    text-decoration: underline
}

.cb_module textarea {
    overflow: auto;
    resize: none
}

.cb_module legend,
.cb_module .cb_blind {
    visibility: hidden;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0
}

.cb_module label {
    cursor: pointer
}

/* Define Class */
.cb_module .cb_cb {
    clear: both
}

/* Input Type */
.cb_module .cb_input_rdo,
.cb_module .cb_input_chk {
    width: 13px;
    height: 13px;
    vertical-align: middle
}

.cb_module .cb_input_txt {
    height: 19px;
    padding: 4px 0 0 6px;
    border: 1px solid #d1d1d1;
    border-right: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    background: #fff;
    color: #aaa;
    font-size: 13px;
    vertical-align: top
}

/* Comment Box paginate */
.cb_paginate {
    margin: 16px 0 20px;
    padding: 15px 0;
    text-align: center;
}

.cb_paginate a,
.cb_paginate strong {
    display: inline-block;
    min-width: 9px;
    margin: 0 1px 0 -1px;
    padding: 3px 5px 2px 5px;
    border: 1px solid #ccc;
    background: #fff;
    color: #575656;
    font-size: 13px;
    font-weight: 600;
    line-height: normal;
    text-decoration: none
}

.cb_paginate strong {
    position: relative;
    padding: 3px 7px 3px 7px;
    background: #51565e !important;
    color: #fff !important;
}

.cb_paginate strong:after {
    position: absolute;
    display: block;
    content: '';
    top: -1px;
    left: -1px;
    width: 100%;
    height: 100%;
    border: 1px solid #51565e;

}

.cb_paginate a:hover {
    background: #f7f7f7
}

.cb_paginate a.cb_pre {
    padding: 0px 8px 1px 16px;
    border: none;
    background: url(../Images/board/bu_pg1_l1.gif) no-repeat 8px 7px !important;
    font-weight: normal
}

.cb_paginate a.cb_pre_end {
    padding: 0px 8px 1px 16px;
    border: none;
    border-right: 1px solid #ccc;
    background: url(../Images/board/bu_pg1_l2.gif) no-repeat 4px 7px !important;
    font-weight: normal
}

.cb_paginate a.cb_next {
    padding: 0 16px 1px 8px;
    border: none;
    background: url(../Images/board/bu_pg1_r1.gif) no-repeat 37px 7px !important;
    font-weight: normal
}

.cb_paginate a.cb_next_end {
    padding: 0 16px 1px 8px;
    border: none;
    border-left: 1px solid #ccc;
    background: url(../Images/board/bu_pg1_r2.gif) no-repeat 37px 7px !important;
    font-weight: normal
}

.cb_paginate2 {
    overflow: hidden;
    width: 100%;
    padding: 14px 0 19px
}

.cb_paginate2 a {
    display: inline-block;
    background: url(../Images/board/bg_sprite_ico.gif) no-repeat;
    font-weight: bold
}

.cb_paginate2 a:hover {
    text-decoration: underline
}

.cb_paginate2 .pglt {
    float: left;
    margin-left: 30px;
    padding-left: 10px;
    background-position: 0 -505px;
    color: #404040
}

.cb_paginate2 .pgrt {
    display: inline-block;
    float: right;
    padding-right: 10px;
    background-position: 100% -545px;
    color: #404040
}

/* Common Selector */
.cb_module .cb_nick_name {
    display: inline-block;
    *display: inline;
    padding-left: 1px;
    color: #444
}

.cb_module .cb_nick_name a {
    display: inline-block;
    _position: relative;
    margin: -1px 0 0;
    color: #333;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: -1px
}

.cb_module .cb_nick_name2 {
    color: #858585
}

.cb_module .cb_thumb .cb_admin,
.cb_module .cb_thumbs .cb_admin {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 40px;
    height: 12px;
    background: url(../Images/board/bg_shadow_label.png) 0 0 no-repeat;
    _background: none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../Images/board/bg_shadow_label.png', sizingMethod='crop')
}

.cb_module .cb_thumb span,
.cb_module .cb_thumbs span {
    display: block;
    position: absolute;
    left: 0;
    bottom: -1px;
    _bottom: -2px;
    width: 40px;
    color: #fff;
    font-family: '돋움', dotum;
    font-size: 12px;
    letter-spacing: -1px;
    line-height: 13px;
    text-align: center
}

.cb_module .cb_usr_thumb {
    font-size: 0
}

.cb_module .cb_tmp_border {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 38px !important;
    height: 38px;
    border: 1px solid #000;
    opacity: 0.1;
    filter: alpha(opacity=10);
    cursor: hand;
    cursor: pointer
}

/* Description */
.cb_module .cb_dsc5 {
    padding: 13px 0 14px;
    _padding: 14px 0 13px 0;
    color: #aaa
}

.cb_module .cb_dsc5 .cb_bu_subnode2 {
    margin: -4px 9px 0 -24px
}

.cb_module .cb_dsc6 {
    margin-top: -3px;
    padding-bottom: 4px;
    color: #666;
    line-height: 20px;
    zoom: 1
}

.cb_module .cb_dsc6 a {
    color: #666;
    text-decoration: underline
}

.cb_module .cb_dsc6 span {
    display: block;
    margin-top: 8px
}

/* Comment Input Area */
.cb_module {
    text-align: left
}

.cb_module h5.cb_h_type {
    margin-bottom: 8px;
    color: #444;
    font-size: 14px;
    letter-spacing: -1px;
    line-height: normal
}

.cb_module h5.cb_h_type2 {
    margin-bottom: 2px;
    padding-bottom: 7px;
    border-bottom: 2px solid #7d7d7d
}

.cb_module h5.cb_h_type span {
    color: #fd2100;
    font-family: tahoma;
    font-size: 10px;
    font-weight: normal;
    letter-spacing: 0
}

.cb_module .cb_wrt {
    margin-bottom: 13px;
    border-bottom: 1px solid #f7f7f7;
    zoom: 1
}

.cb_module .cb_wrt .cb_star_grade {
    display: block
}

.cb_module .cb_wrt_box {
    border: 1px solid #ddd;
    zoom: 1
}

.cb_module .cb_wrt_box2 {
    padding-top: 10px;
    border: 1px solid #fff;
    background: #fafafa;
    zoom: 1
}

.cb_module .cb_wrts_message {
    overflow: hidden;
    margin: -10px 0;
    padding: 11px 0;
    color: #646464;
    font-size: 13px;
    _zoom: 1
}

.cb_module .cb_wrts_message p {
    float: left
}

.cb_module .cb_wrts_message p span {
    padding-right: 9px
}

.cb_module .cb_wrts_message a {
    color: #a7a7a7;
    text-decoration: underline
}

.cb_module .cb_wrts_message .cb_input_txt {
    position: relative;
    top: 2px;
    _top: 1px;
    margin-top: -2px;
    padding: 4px 0 0 6px;
    border: 1px solid #d1d1d1;
    border-right: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    background: #fff;
    color: #aaa;
    font-size: 13px;
    vertical-align: top
}

.cb_module .cb_usr_area {
    clear: both;
    position: relative;
    z-index: 30;
    padding-left: 10px;
    _zoom: 1
}

.cb_module .cb_usr_area:after {
    display: block;
    clear: both;
    content: ''
}

.cb_module .cb_usr_area .cb_profile {
    display: inline;
    float: left;
    width: 40px;
    margin: 36px 10px 0 0
}

.cb_module .cb_usr_area .cb_txt_area {
    _display: inline;
    float: left
}

.cb_module .cb_usr_area .cb_btn_area {
    _display: inline;
    float: left;
    margin-left: 5px
}

.cb_module .cb_usr_area .cb_input_area {
    position: relative;
    margin: -6px 0 -8px
}

.cb_module .cb_usr_area .cb_section {
    margin: 10px 0 8px;
    zoom: 1
}

.cb_module .cb_usr_area .cb_section:after {
    display: block;
    overflow: hidden;
    clear: both;
    content: ''
}

.cb_module .cb_usr_area button {
    width: 40px;
    padding: 2px 1px 3px 0;
    border: 0;
    background: none;
    color: #a7a7a7;
    font-size: 12px;
    text-align: center;
    cursor: pointer
}

.cb_module .cb_usr_area button span {
    padding-right: 8px;
    background: url(../Images/board/bg_sprite_ico.gif) 100% 6px no-repeat
}

.cb_module .cb_usr_area button.cb_over2 span {
    background: url(../Images/board/bg_sprite_ico.gif) 100% -464px no-repeat;
    color: #333;
    text-decoration: underline
}

.cb_module .cb_usr_area .cb_thumbs {
    position: relative
}

.cb_module .cb_usr_area .cb_thumbs img {
    vertical-align: top
}

.cb_module .cb_dsc_area {
    clear: both;
    padding: 0 80px 5px 0;
    zoom: 1
}

.cb_module .cb_dsc_area:after {
    display: block;
    clear: both;
    content: ''
}

.cb_module .cb_dsc_area .cb_dsc {
    float: left;
    color: #969696;
    font-size: 11px
}

.cb_module .cb_dsc_area .cb_dsc .cb_input_chk {
    margin: 1px 3px 0 0;
    *margin: 0 3px 0 0
}

.cb_module .cb_dsc_area .cb_dsc span {
    vertical-align: middle
}

.cb_module .cb_dsc_area .cb_dsc span a {
    color: #969696;
    text-decoration: underline
}

.cb_module .cb_dsc_area .cb_dsc span a:hover {
    color: #333
}

.cb_module .cb_dsc_area .cb_dsc2 {
    float: right;
    margin-top: 1px;
    color: #a7a7a7;
    font-size: 11px
}

.cb_module .cb_dsc_area .cb_dsc2 a {
    color: #a7a7a7;
    text-decoration: underline
}

.cb_module .cb_dsc_area .cb_dsc2 span {
    padding-right: 4px
}

.cb_module .cb_dsc_area .cb_dsc3 {
    float: left;
    position: relative;
    left: 10px
}

.cb_module .cb_dsc_area .cb_dsc3 a {
    color: #aaa;
    font-size: 12px;
    text-decoration: underline
}

.cb_module .cb_dsc_area .cb_dsc3 a:hover {
    color: #404040
}

.cb_module .cb_dsc_area .cb_dsc4 a {
    float: left;
    margin: 1px 0 0 12px;
    color: #aaa;
    font-size: 12px;
    text-decoration: underline
}

.cb_module .cb_dsc_area .cb_dsc4 a:hover {
    color: #404040
}

.cb_module .cb_txt_area {
    padding-top: 10px
}

.cb_module .cb_txt_area textarea {
    float: left;
    height: 67px;
    _height
    /**/
    : 73px;
    padding: 4px 0 0 6px;
    border: 1px solid #d1d1d1;
    border-right: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    background: #fff;
    color: #666;
    font-size: 13px;
    line-height: 20px;
    vertical-align: top
}

.cb_module .cb_txt_area textarea.cb_highlight {
    background: #fffef4
}

.cb_module .cb_txt_area .cb_notice {
    clear: both;
    padding-top: 6px;
    color: #f82000;
    letter-spacing: -1px
}

.cb_module .cb_txt_area label a,
.cb_module .cb_txt_area a:hover {
    color: #333
}

.cb_module .cb_btn_area {
    float: left
}

.cb_module .cb_btn_area input {
    display: block;
    float: left
}

.cb_module .cb_btn_area2 {
    clear: both;
    margin-top: 15px;
    padding: 10px 10px 0;
    border-top: 1px solid #eeeeec;
    text-align: center
}

.cb_module .cb_btn_area2 input {
    margin-right: 2px
}

.cb_module .cb_btn_area2 a {
    display: inline-block
}

.cb_module .cb_btn_area3 {
    float: left;
    position: relative;
    left: 6px;
    margin-top: 1px;
    *margin-top: -2px;
    zoom: 1
}

/* Comment list */
.cb_module .cb_lstcomment {
    width: 100%
}

.cb_module .cb_lstcomment li {
    position: relative;
    border-bottom: 1px solid #eeeeec;
    vertical-align: top;
    zoom: 1
}

.cb_module .cb_lstcomment .cb_bu_subnode {
    overflow: hidden;
    position: absolute;
    top: 7px;
    left: 6px;
    width: 14px;
    height: 14px;
    color: #9e9e9e;
    font-family: '돋움', dotum;
    font-size: 20px;
    vertical-align: baseline
}

.cb_module .cb_lstcomment .cb_bu_subnode2 {
    overflow: hidden;
    float: left;
    width: 14px;
    height: 14px;
    color: #9e9e9e;
    font-family: '돋움', dotum;
    font-size: 20px;
    vertical-align: baseline
}

.cb_module .cb_lstcomment .cb_thumb {
    position: absolute;
    top: 10px;
    left: 20px
}

.cb_module .cb_lstcomment .cb_thumb_on .cb_thumb {
    position: absolute;
    top: 10px;
    left: 0
}

.cb_module .cb_lstcomment .cb_thumb img {
    vertical-align: top
}

.cb_module .cb_lstcomment .cb_section span,
.cb_module .cb_lstcomment .cb_section div,
.cb_module .cb_lstcomment .cb_section a,
.cb_module .cb_lstcomment .cb_section em,
.cb_module .cb_lstcomment .cb_section input,
.cb_module .cb_lstcomment .cb_section td {
    vertical-align: middle
}

.cb_module .cb_lstcomment .cb_dsc_img {
    position: relative;
    top: -1px;
    padding: 0 3px 2px 2px
}

.cb_module .cb_lstcomment .cb_usr_id,
.cb_module .cb_lstcomment .cb_date {
    display: inline-block;
    color: #757575;
    font-family: tahoma;
    font-size: 10px
}

.cb_module .cb_lstcomment .cb_usr_id span {
    color: #444;
    font-size: 13px;
    vertical-align: middle
}

.cb_module .cb_lstcomment .cb_usr_id em {
    display: inline-block;
    padding-top: 4px;
    color: #444
}

.cb_module .cb_lstcomment .cb_usr_id a {
    color: #757575
}

.cb_module .cb_lstcomment .cb_usr_id_vary {
    color: #858585
}

.cb_module .cb_lstcomment .cb_date {
    padding-left: 4px
}

.cb_module .cb_lstcomment .cb_info_area {
    overflow: hidden;
    padding: 3px 0 5px;
    zoom: 1
}

.cb_module .cb_lstcomment .cb_info_area2 {
    position: relative;
    padding: 2px 0 10px;
    color: #757575
}

.cb_module .cb_lstcomment .cb_info_area2 span {
    color: #757575;
    font-family: tahoma;
    font-size: 10px
}

.cb_module .cb_lstcomment .cb_info_area2 a {
    display: inline-block;
    padding-right: 10px;
    background: url(../Images/board/bg_sprite_ico.gif) 100% -220px no-repeat;
    color: #404040;
    text-decoration: none;
    vertical-align: baseline
}

.cb_module .cb_lstcomment .cb_info_area2 a:hover {
    text-decoration: underline
}

.cb_module .cb_lstcomment .cb_info_area2 a.unfold {
    background-position: 100% -258px
}

.cb_module .cb_lstcomment .cb_info_area2 a span.on {
    color: #fe2200
}

.cb_module .cb_lstcomment .cb_info_area3 {
    overflow: hidden;
    position: relative
}

.cb_module .cb_lstcomment .cb_section {
    float: left;
    margin-top: 8px
}

.cb_module .cb_lstcomment .cb_section2 {
    position: absolute;
    top: 11px;
    *top: 9px;
    right: 0;
    height: 15px;
    padding-left: 6px;
    color: #757575
}

.cb_module .cb_lstcomment .cb_section2 span {
    display: inline-block;
    overflow: hidden;
    padding: 0 6px 0 9px;
    background: url(../Images/board/bg_sprite_ico.gif) 0 -388px no-repeat;
    color: #757575
}

.cb_module .cb_lstcomment .cb_section2 span.cb_nobar {
    margin-left: -6px;
    padding: 0 6px;
    background: none
}

.cb_module .cb_lstcomment .cb_section2 span.cb_first {
    background: none
}

.cb_module .cb_lstcomment .cb_section2 a {
    color: #757575
}

.cb_module .cb_lstcomment .cb_section2 a:hover,
.cb_module .cb_lstcomment .cb_section2 a:hover em {
    color: #333;
    text-decoration: underline
}

.cb_module .cb_lstcomment .cb_section2 em {
    display: inline-block;
    padding: 2px 0 2px;
    cursor: pointer;
    _cursor
    /**/
    : hand
}

.cb_module .cb_lstcomment .cb_section2 span span {
    padding: 0;
    background: none;
    color: #757575;
    font-family: tahoma;
    font-size: 10px
}

.cb_module .cb_lstcomment .cb_section2 .cb_activate_up .on {
    color: #f04a14
}

.cb_module .cb_lstcomment .cb_section2 .cb_activate_down .on {
    color: #4666b6
}

.cb_module .cb_lstcomment .cb_section2 .cb_activate_up em,
.cb_module .cb_lstcomment .cb_section2 .cb_activate_down em,
.cb_module .cb_lstcomment .cb_section2 .cb_activate_cancel em {
    display: block;
    *display: inline;
    margin-top: -2px;
    _margin-top: 0;
    padding-left: 17px;
    background: url(../Images/board/bg_sprite_ico.gif) no-repeat;
    vertical-align: top;
    *vertical-align: baseline
}

.cb_module .cb_lstcomment .cb_section2 .cb_activate_up em {
    background-position: 0 -18px
}

.cb_module .cb_lstcomment .cb_section2 .cb_activate_down em {
    background-position: 0 -138px
}

.cb_module .cb_lstcomment .cb_section2 .cb_activate_cancel em {
    padding-left: 12px;
    background-position: 0 -425px
}

.cb_module .cb_lstcomment .cb_section2 .cb_activate_up a:hover em {
    background-position: 0 -58px
}

.cb_module .cb_lstcomment .cb_section2 .cb_activate_down a:hover em {
    background-position: 0 -178px
}

.cb_module .cb_lstcomment .cb_section2 .cb_activate_cancel a:hover em {
    padding-left: 12px;
    background-position: 0 -95px
}

.cb_module .cb_lstcomment .cb_section2 .cb_activate_up a em,
.cb_module .cb_lstcomment .cb_section2 .cb_activate_down a em,
.cb_module .cb_lstcomment .cb_section2 .cb_activate_cancel a em {
    color: #757575
}

.cb_module .cb_lstcomment .cb_dsc_comment {
    overflow: hidden;
    clear: both;
    padding: 0 0 10px 1px;
    color: #555;
    line-height: 20px
}

.cb_module .cb_lstcomment li li .cb_comment_area {
    margin-top: 1px
}

/* Highlighter for the comments */
.cb_module .cb_lstcomment .cb_focus {
    background: #ffffa8
}

/* Comment Depth Control - Large Thumb */
.cb_module .cb_lstcomment li li {
    clear: both;
    position: relative;
    padding-bottom: 0;
    border: none;
    background: url(../Images/board/bg_pattern_x.gif) 0 0 repeat-x
}

.cb_module .cb_lstcomment li li.cb_thumb_on .cb_thumb {
    left: 30px
}

.cb_module .cb_lstcomment li li li {
    position: relative;
    margin-left: 20px
}

.cb_module .cb_lstcomment .cb_thumb_on,
.cb_module .cb_lstcomment .cb_thumb_off {
    z-index: 10
}

.cb_module .cb_lstcomment .cb_on {
    z-index: 20
}

.cb_module .cb_lstcomment .cb_thumb_on .cb_comment_area {
    padding-left: 50px
}

.cb_module .cb_lstcomment .cb_thumb_off .cb_comment_area {
    padding-left: 0
}

.cb_module .cb_lstcomment li .cb_thumb_on ul,
.cb_module .cb_lstcomment li .cb_thumb_off ul {
    margin-left: -20px
}

.cb_module .cb_lstcomment .cb_thumb_on li.cb_thumb_on {
    padding-left: 30px
}

.cb_module .cb_lstcomment .cb_thumb_on li.cb_thumb_off {
    padding-left: 30px
}

.cb_module .cb_lstcomment .cb_thumb_off li.cb_thumb_on {
    padding-left: 80px
}

.cb_module .cb_lstcomment .cb_thumb_off li.cb_thumb_off {
    padding-left: 30px
}

.cb_module .cb_lstcomment .cb_thumb_off li.cb_thumb_on li.cb_thumb_off,
.cb_module .cb_lstcomment .cb_thumb_off li.cb_thumb_on li.cb_thumb_on {
    margin-left: -30px
}

/* Comment Depth Control - small Thumb */
.cb_module .cb_lstcomment_v1 .cb_tmp_border {
    display: block;
    position: absolute;
    top: 6px;
    right: 8px;
    width: 20px !important;
    height: 20px;
    border: 1px solid #000;
    opacity: 0.1;
    filter: alpha(opacity=10);
    cursor: hand;
    cursor: pointer
}

.cb_module .cb_lstcomment_v1 .cb_profile .cb_tmp_border {
    top: 0;
    width: 38px !important;
    height: 38px
}

.cb_module .cb_lstcomment_v1 ul ul .cb_dsc {
    padding-top: 11px
}

.cb_module .cb_lstcomment_v1 ul ul .cb_dsc_area .cb_dsc {
    padding-top: 0
}

.cb_module .cb_lstcomment_v1 li {
    vertical-align: top
}

.cb_module .cb_lstcomment_v1 li .cb_info_area {
    padding-top: 5px
}

.cb_module .cb_lstcomment_v1 li .cb_info_area3 {
    position: relative;
    width: 100%;
    margin-top: -12px;
    padding: 0 0 15px 25px
}

.cb_module .cb_lstcomment_v1 li .cb_info_area3 .cb_section {
    position: relative;
    *top: 2px;
    _top: 3px
}

.cb_module .cb_lstcomment_v1 li .cb_info_area3 .cb_section2 {
    top: 10px;
    *top: 8px
}

.cb_module .cb_lstcomment_v1 li .cb_info_area3 .cb_section2 span {
    overflow: visible
}

.cb_module .cb_lstcomment_v1 li .cb_info_area3 .cb_section2 span span {
    margin-top: 1px;
    _margin-top: 2px;
    vertical-align: top
}

.cb_module .cb_lstcomment_v1 li .cb_info_area3 .cb_section2 span em {
    display: inline
}

.cb_module .cb_lstcomment_v1 li .cb_info_area3 .cb_section2 .cb_activate_up,
.cb_module .cb_lstcomment_v1 li .cb_info_area3 .cb_section2 .cb_activate_down,
.cb_module .cb_lstcomment_v1 li .cb_info_area3 .cb_section2 .cb_activate_cancel {
    *margin-top: 1px;
    _margin-top: 2px;
    vertical-align: middle
}

.cb_module .cb_lstcomment_v1 li .cb_info_area3 .cb_thumb {
    float: left;
    position: static;
    margin: 6px 8px -11px 0
}

.cb_module .cb_lstcomment_v1 .cb_thumb_on .cb_comment_area,
.cb_module .cb_lstcomment_v1 .cb_thumb_off .cb_comment_area,
.cb_module .cb_lstcomment_v1 .cb_thumb_on .cb_info_area3,
.cb_module .cb_lstcomment_v1 .cb_thumb_off .cb_info_area3 {
    padding-left: 0
}

.cb_module .cb_lstcomment_v1 .cb_thumb_off li.cb_thumb_on {
    padding-left: 30px
}

.cb_module .cb_lstcomment_v1 .cb_thumb_off li.cb_thumb_on li.cb_thumb_off,
.cb_module .cb_lstcomment_v1 .cb_thumb_off li.cb_thumb_on li.cb_thumb_on {
    margin-left: 20px
}

.cb_module .cb_lstcomment_v1 .cb_nick_name {
    color: #aaa
}

.cb_module .cb_lstcomment_v1 .cb_nick_name a {
    color: #aaa;
    font-weight: normal
}

.cb_module .cb_lstcomment_v1 .cb_usr_area .cb_txt_area {
    padding: 0 0 2px;
    *padding: 0 0 7px 0 !important;
    _padding: 0 0 6px 0 !important
}

.cb_module .cb_lstcomment_v1 .cb_section2 span.cb_nobar {
    margin-left: -2px;
    padding: 0 6px;
    background: none
}

/* Layout Selector */
.cb_module {
    width: 777px
}

.cb_input_txt {
    width: 521px
}

.cb_txt_area {
    width: 710px
}

.cb_txt_area textarea {
    width: 617px
}

/* Layout Selector Variation  - Default Type */
.cb_module .cb_default {
    margin: -7px 0 62px
}

.cb_module .cb_default .cb_usr_area .cb_txt_area {
    width: 764px;
    padding-bottom: 14px
}

.cb_module .cb_default .cb_usr_area textarea {
    width: 667px
}

.cb_module .cb_default .cb_usr_area {
    padding: 10px 0 0 10px
}

.cb_module .cb_default .cb_usr_area .cb_profile {
    _display: inline;
    float: left;
    width: 40px;
    margin: 0 10px 0 0
}

.cb_module .cb_profile {
    margin: 0 0 10px
}

.cb_module .cb_profile .cb_usr_area .cb_txt_area {
    width: 704px;
    padding: 0
}

.cb_module .cb_profile .cb_usr_area .cb_section {
    margin-top: 0
}

.cb_module .cb_profile .cb_usr_area textarea {
    width: 617px
}

.cb_module .cb_profile .cb_usr_area {
    padding: 0 0 0 10px
}

.cb_module .cb_profile .cb_usr_area .cb_profile {
    _display: inline;
    float: left;
    width: 40px;
    margin: 0 10px 0 0
}

.cb_module .cb_profile .cb_message_on .cb_profile {
    margin: 26px 10px 0 0
}

.cb_module .cb_profile .cb_message_on .cb_section {
    margin-top: 10px
}

/* Comment Box - Default Type */
.cb_module .cb_wrt_default .cb_wrt_box2 {
    padding-top: 0
}

.cb_module .cb_wrt_default .cb_usr_area {
    padding-left: 10px
}

.cb_module .cb_wrt_default .cb_usr_area .cb_txt_area {
    width: 764px;
    padding-top: 0
}

.cb_module .cb_wrt_default .cb_usr_area textarea,
.cb_module .cb_wrt_default .cb_usr_area .cb_dsc_area {
    width: 667px
}

/* Inside Of Comment List - Default */
.cb_module .cb_lstcomment .cb_profile .cb_usr_area .cb_dsc_area .cb_dsc2 {
    margin-right: -8px;
    _margin-right: 0
}

.cb_module .cb_lstcomment li li .cb_wrt_default {
    margin: 0 0 -1px;
    vertical-align: top
}

.cb_module .cb_lstcomment li li .cb_wrt_default .cb_usr_area .cb_txt_area {
    padding-top: 0
}

.cb_module .cb_lstcomment li li .cb_wrt_default .cb_usr_area .cb_txt_area {
    width: 737px
}

.cb_module .cb_lstcomment li li .cb_wrt_default .cb_usr_area textarea,
.cb_module .cb_lstcomment li li .cb_wrt_default .cb_usr_area .cb_dsc_area {
    width: 637px
}

.cb_module .cb_lstcomment li li li .cb_wrt_default .cb_usr_area .cb_txt_area {
    width: 707px
}

.cb_module .cb_lstcomment li li li .cb_wrt_default .cb_usr_area textarea,
.cb_module .cb_lstcomment li li li .cb_wrt_default .cb_usr_area .cb_dsc_area {
    width: 607px
}

.cb_module .cb_lstcomment li li li li .cb_wrt_default .cb_usr_area .cb_txt_area {
    width: 677px
}

.cb_module .cb_lstcomment li li li li .cb_wrt_default .cb_usr_area textarea,
.cb_module .cb_lstcomment li li li li .cb_wrt_default .cb_usr_area .cb_dsc_area {
    width: 577px
}

/* Inside Of Comment List - Profile */
.cb_module .cb_lstcomment li li .cb_profile {
    margin: 0 0 -1px;
    vertical-align: top
}

.cb_module .cb_lstcomment li li .cb_profile .cb_usr_area .cb_txt_area {
    padding-top: 0
}

.cb_module .cb_lstcomment li li .cb_profile .cb_usr_area .cb_txt_area {
    width: 683px
}

.cb_module .cb_lstcomment li li .cb_profile .cb_usr_area textarea,
.cb_module .cb_lstcomment li li .cb_profile .cb_usr_area .cb_dsc_area {
    width: 587px
}

.cb_module .cb_lstcomment li li li .cb_profile .cb_usr_area .cb_txt_area {
    width: 653px
}

.cb_module .cb_lstcomment li li li .cb_profile .cb_usr_area textarea,
.cb_module .cb_lstcomment li li li .cb_profile .cb_usr_area .cb_dsc_area {
    width: 557px
}

.cb_module .cb_lstcomment li li li li .cb_profile .cb_usr_area .cb_txt_area {
    width: 623px
}

.cb_module .cb_lstcomment li li li li .cb_profile .cb_usr_area textarea,
.cb_module .cb_lstcomment li li li li .cb_profile .cb_usr_area .cb_dsc_area {
    width: 527px
}

/* Select Box - Jindo Component */
.selectbox-noscript select,
.selectbox-noscript div {
    display: none
}

.selectbox-noscript .selectbox-source {
    display: inline;
    position: relative;
    left: 0
}

.selectbox-noscript .selectbox-source option {
    display: block
}

.selectbox-source {
    position: absolute;
    left: -9999px
}

.selectbox-box {
    position: relative;
    z-index: 20;
    width: 110px;
    height: 24px;
    background: url(../Images/board/bg_sprite_select.gif) 0 0 scroll repeat-x
}

.selectbox-label {
    display: block;
    width: 100%;
    padding: 4px 0 5px 12px !important;
    background: url(../Images/board/bg_sprite_select.gif) 100% -24px no-repeat;
    color: #424242;
    text-align: left;
    cursor: pointer
}

.selectbox-layer {
    display: none;
    overflow: hidden !important;
    position: absolute;
    z-index: 20;
    width: 100px;
    margin-top: -1px !important;
    border: 1px solid #c3c3c3;
    background: #fff !important;
    text-align: left
}

.selectbox-list ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.selectbox-list ul li {
    display: block;
    overflow: hidden;
    height: 14px;
    padding: 4px 0 6px 11px !important;
    border-top: 1px solid #f3f3f3;
    color: #424242;
    font-size: 13px;
    line-height: 14px;
    text-align: left
}

.selectbox-list ul li.selectbox-item {
    cursor: pointer
}

.selectbox-list ul li.selectbox-item-over {
    background: #f8f8f8
}

/* Select Box - Jindo Component Variation */
.cb_module .cb_wrt_box .selectbox-box {
    margin-bottom: 1px
}

.cb_module .cb_wrt_box .selectbox-layer {
    z-index: 30
}

.cb_module .cb_select_area2 {
    width: 100%;
    padding: 0 0 4px;
    border-bottom: 1px solid #eeeeec
}

.cb_module .cb_select_area2 .selectbox-box {
    width: 100px
}

.cb_module .cb_select_area2 .selectbox-layer {
    width: 110px;
    margin: 0 !important
}

/* Star Grade */
.cb_module .cb_star_grade {
    display: inline-block;
    width: 80px;
    height: 16px;
    margin: -1px 0 0 -1px;
    background: url(../Images/board/bg_sprite_ico.gif) 0 -300px no-repeat;
    vertical-align: top
}

.cb_module .cb_star_grade span {
    display: inline-block;
    width: 80px;
    height: 16px;
    margin: 0;
    background: url(../Images/board/bg_sprite_ico.gif) 0 -340px no-repeat;
    vertical-align: top
}

.cb_module .cb_star_grade em {
    display: none
}

/* Layer Popup */
.cb_module .cb_ly_popup {
    position: absolute;
    z-index: 30;
    padding: 17px 20px 12px;
    border: 1px solid #888;
    background-color: #fff;
    text-align: left
}

.cb_module .cb_ly_popup .cb_nick_name a {
    position: static;
    line-height: 16px
}

.cb_module .cb_ly_popup .cb_nick_name_v1 a {
    text-decoration: underline
}

.cb_module .cb_ly_popup .cb_btn_area4 {
    float: left;
    position: relative;
    top: -1px;
    left: -6px;
    zoom: 1
}

.cb_module .cb_ly_popup .cb_btn_area4 button,
.cb_module .cb_ly_popup .cb_btn_area4 span,
.cb_module .cb_ly_popup .cb_btn_area4 a,
.cb_module .cb_ly_popup .cb_btn_area4 em {
    font-size: 13px
}

.cb_module .cb_ly_popup .cb_lst_profile {
    border-bottom: 1px solid #e5e5e5
}

.cb_module .cb_ly_popup .cb_lst_profile dt {
    margin-bottom: 7px;
    color: #fd2100;
    font-weight: bold;
    letter-spacing: -1px
}

.cb_module .cb_ly_popup .cb_lst_profile dd {
    margin-bottom: 9px;
    color: #aaa;
    font-size: 12px;
    letter-spacing: -1px
}

.cb_module .cb_ly_popup .cb_input_rdo {
    _display: inline;
    float: left;
    margin: 14px 9px 0 0
}

.cb_module .cb_ly_popup ul {
    width: 100%;
    padding-top: 4px
}

.cb_module .cb_ly_popup ul .cb_thumb {
    float: left;
    position: relative !important;
    top: 0 !important;
    left: 0 !important
}

.cb_module .cb_ly_popup ul .cb_thumb img {
    vertical-align: top
}

.cb_module .cb_ly_popup ul li {
    display: block;
    clear: both;
    width: 100%;
    padding: 11px 0 4px;
    background: none;
}

.cb_module .cb_ly_popup ul li:after {
    display: block;
    clear: both;
    content: ''
}

.cb_module .cb_ly_popup ul li.cb_li_type dl {
    margin: 0;
    _margin-left: 3px
}

.cb_module .cb_ly_popup ul li.cb_li_type .cb_input_rdo {
    _margin: 2px 6px 0 0;
    margin-top: 2px
}

.cb_module .cb_ly_popup ul li.cb_li_type label {
    display: inline-block;
    margin-top: 1px;
    color: #666
}

.cb_module .cb_ly_popup ul li.cb_li_type .cb_nick_name {
    _vertical-align: middle
}

.cb_module .cb_ly_popup ul dl {
    _display: inline;
    float: left;
    margin: 2px 0 0 10px
}

.cb_module .cb_ly_popup ul dl dt {
    float: left;
    margin-bottom: 5px;
    color: #666
}

.cb_module .cb_ly_popup ul dl dt:after {
    display: block;
    clear: both;
    content: ''
}

.cb_module .cb_ly_popup ul dl dt label {
    float: left;
    margin-right: 10px
}

.cb_module .cb_ly_popup ul li dl dt .cb_help {
    float: left;
    margin: 1px 0 0;
    vertical-align: middle
}

.cb_module .cb_ly_popup ul li.cb_li_type dl dt .cb_help {
    margin: 2px 0 0 1px;
    vertical-align: middle
}

.cb_module .cb_ly_popup ul dl dd {
    clear: both;
    color: #666
}

.cb_module .cb_ly_popup ul dl dd .cb_usr_id {
    display: inline-block;
    padding-left: 2px;
    color: #aaa;
    font-family: tahoma;
    font-size: 10px
}

.cb_module .cb_ly_popup ul dl dd .cb_usr_id a {
    color: #aaa
}

.cb_module .cb_ly_popup ul dl dd .cb_nick_name {
    display: inline-block;
    margin-left: -2px
}

.cb_module .cb_ly_popup ul dl a,
.cb_module .cb_ly_popup ul dd a:hover {
    color: #333
}

.cb_module .cb_ly_popup ul dl .cb_option span {
    text-decoration: underline;
    cursor: pointer;
    zoom: 1
}

.cb_module .cb_ly_popup ul dl .cb_option {
    float: left;
    z-index: -10;
    color: #aaa;
    letter-spacing: -1px;
    text-decoration: underline;
    vertical-align: middle
}

.cb_module .cb_ly_popup ul dl .cb_option:hover {
    color: #333
}

.cb_module .cb_ly_popup .cb_close {
    overflow: visible;
    position: absolute;
    top: 5px;
    *top: 6px;
    _top: 5px;
    right: 5px;
    *right: 6px;
    _right: 7px;
    width: auto;
    padding: 3px;
    *padding: 2px;
    _padding: 3px 1px 1px 3px;
    border: none;
    background: none;
    font-size: 0;
    cursor: pointer;
    _cursor
    /**/
    : hand
}

.cb_module .cb_ly_popup .cb_module .cb_ly_popup .cb_close:hover span {
    background: url(../Images/board/bg_sprite_btn.gif) -19px -310px no-repeat
}

:root .cb_module .cb_ly_popup .cb_close {
    top: 8px;
    right: 8px;
    padding: 0
}

.cb_module .cb_ly_popup .cb_close span {
    display: block;
    position: relative;
    width: 19px;
    height: 19px;
    margin: 0;
    padding: 0;
    border: none;
    background: url(../Images/board/bg_sprite_btn.gif) 0 -310px no-repeat;
    font-size: 0
}

.cb_module .cb_ly_popup .cb_close em {
    display: none
}

.cb_module .cb_ly_popup .cb_over span {
    background: url(../Images/board/bg_sprite_btn.gif) -19px -310px no-repeat
}

/* Fluid  Layout for Default,Memorial Type */
fieldset {
    border: none
}

.cb_fluid {
    width: 100%
}

.cb_fluid .cb_txt_area {
    width: 100% !important;
    padding-bottom: 9px !important
}

.cb_fluid table.cb_section {
    width: 100% !important;
    margin-bottom: 0 !important;
    border: none;
    border-collapse: collapse
}

.cb_fluid table.cb_section,
x:-moz-any-link,
x:default {
    border-collapse: inherit
}

/* .cb_fluid table.cb_section caption,
.cb_fluid .cb_section thead {
    display: none
} */

.cb_fluid table.cb_section td {
    border: 0
}

.cb_fluid table.cb_section .cb_thumbs {
    position: static;
    width: 50px;
    vertical-align: top
}

.cb_fluid table.cb_section .cb_thumbs .cb_thumbs_box {
    position: relative
}

.cb_fluid table.cb_section .cb_btn_area {
    float: none;
    width: 90px
}

.cb_fluid table.cb_section .cb_btn_area input {
    margin-left: 7px;
    _margin-left: 4px !important
}

.cb_fluid table.cb_section textarea {
    width: 100% !important;
    padding-left: 0;
    text-indent: 6px
}

.cb_fluid table.cb_section .cb_txt_area {
    width: 100%
}

.cb_fluid .cb_usr_area .cb_txt_area .cb_dsc_area {
    width: 100% !important;
    padding: 8px 0 0 0
}

.cb_fluid .cb_lstcomment li li .cb_wrt_default .cb_usr_area .cb_dsc_area {
    width: auto;
    padding: 8px 0 0 0
}

.cb_fluid .cb_lstcomment li li .cb_wrt_default .cb_usr_area .cb_txt_area {
    _padding-bottom: 4px
}

/*코멘트 end*/

/* 우편번호검색 */
.search_zip_out {
    padding: 45px 25px 35px 25px;
    width: 400px;
    height: 320px;
    background: url('../Images/son_img/search_zip_back.png') no-repeat 0 0;
    font-size: 13px;
}

.search_zip_search {
    border-bottom: 1px solid #ccc;
    padding: 5px;
}

.search_zip_search p {
    font-size: 12px;
    padding-bottom: 5px
}

.search_zip_search input {
    vertical-align: middle
}

.search_zip_search #search_zip_txt {
    padding: 3px;
    width: 180px;
    margin: 0 5px;
    background: #f3f3f3;
    border: 1px solid #ccc
}

.search_zip_search label {
    font-weight: bold
}

.search_zip_result {
    height: 265px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 10px 10px 0 10px
}

.search_zip_result_none {
    padding: 20px 0
}

.search_zip_result p {
    text-align: left;
    border-bottom: 1px solid #fafaf5;
    padding: 7px 0;
    width: 363px;
    height: 19px;
    overflow: hidden;
    white-space: nowrap
}

/* 우편번호검색 end */

/* 증명서 3종 */
#PRINGTABLE {
    color: #000000;
    font-size: 13px;
    line-height: 18px;
    font-family: ngeb, "나눔고딕", "맑은고딕", "돋움", "굴림", arial, helvetica, sans-serif;
}

#PRINGTABLE td {
    text-align: left;
}

#PRINGTABLE.mail_class {
    border-top: 2px solid #000000;
    border-left: 1px solid #000000;
}

#PRINGTABLE.mail_class th {
    text-align: center;
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
    padding: 7px 0px 7px 0px;
    color: #000000;
    font-size: 13px;
    line-height: 18px;
}

#PRINGTABLE.mail_class td {
    text-align: center;
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
    padding: 6px 0px 6px 0px;
    color: #000000;
    font-size: 13px;
    line-height: 18px;
}

#PRINGTABLE.mail_class text01 {
    font-weight: bold;
}

.font16 {
    font-family: ngeb, "나눔고딕", "맑은고딕", "돋움", "굴림", arial, helvetica, sans-serif;
    font-size: 16px;
}

.font14 {
    font-family: ngeb, "나눔고딕", "맑은고딕", "돋움", "굴림", arial, helvetica, sans-serif;
    font-size: 14px;
}

.printer_paper_01 {
    margin: 0px;
    width: 711px;
    height: 1006px;
}

.printer_paper_02 {
    position: absolute;
    left: 70px;
    top: 80px;
}

.printer_paper_03 {
    position: absolute;
    left: 210px;
    top: 236px;
}

.printer_paper_04 {
    position: absolute;
    left: 210px;
    top: 272px;
}

.printer_paper_05 {
    position: absolute;
    left: 210px;
    top: 308px;
}

.printer_paper_06 {
    position: absolute;
    left: 210px;
    top: 344px;
}

.printer_paper_07 {
    position: absolute;
    left: 60px;
    top: 415px;
}

.printer_paper_08 {
    position: absolute;
    left: 290px;
    top: 815px;
}

.printer_paper_09 {
    position: absolute;
    left: 210px;
    top: 200px
}

.printer_paper_10 {
    position: absolute;
    left: 60px;
    top: 535px;
}

/* 증명서 3종 end */

/* 학습창 시험 */
.testpaper_section {
    border: 5px solid #49b5d0;
    height: 550px;
    text-align: left;
    font-size: 13px
}

.testpaper_btn_group {
    text-align: right;
    background: #1d92b7;
    height: 21px;
    padding: 7px
}

.testpaper_article {
    height: 495px;
    padding: 5px;
    overflow-y: scroll
}

.testpaper_unit {
    padding-bottom: 30px;
}

.testpaper_unit_top {
    background: #ebeaeb;
    border-bottom: 1px solid #ccc;
    min-height: 21px;
    *height: 21px;
    padding: 7px 0 7px 10px
}

.testpaper_unit_num {
    float: left;
    background: url(../Images/son_img/test_num_back.gif) no-repeat 0 0;
    text-align: center;
    padding: 5px 0;
    width: 65px;
    color: #fff;
    font-weight: bold;
    margin-right: 7px
}

.testpaper_question {
    padding: 6px 0 0 0
}

.testpaper_answer {
    padding: 10px 10px 0 80px
}

.testpaper_label {
    padding: 2px 0 5px 0
}

.testpaper_textarea {
    width: 95%;
    height: 300px
}

.testpaper_text {
    width: 95%;
}

/* 학습창 시험 */


/* 사이트맵 */
.sitemap_box {
    width: 180px;
    float: left;
    margin-right: 10px;
    padding-bottom: 30px
}

.sitemap_box h3 {
    margin: 0;
    padding: 0 0 10px 0
}

.sitemap_box a {
    display: block;
    border-bottom: 1px solid #e3e3e3;
    padding: 9px 0 5px 20px;
    background: url(../Images/son_img/sitemap_bul.png) no-repeat 0 12px;
    font-size: 15px;
    color: #525252;
    letter-spacing: -0.075em;
    text-decoration: none
}

.sitemap_box a:hover {
    color: #181818;
    text-decoration: underline;
}

/* 사이트맵 */

/* 개인정보보호정책 */
.policy_box {
    border: 1px solid #ccc;
    background: #f7f7f7;
    padding: 10px;
    line-height: 130%;
    margin: 0 15px 25px 15px
}

.policy_box span {
    font-weight: bold
}

/* 개인정보보호정책 */

/* 공인인증안내 */
.cert_detail {
    padding: 20px 5px;
    font-size: 14px;
    box-sizing: border-box;
}

.cert_ul {
    position: relative;
    *zoom: 1
}

.cert_ul li {
    float: left;
}

.cert_btn {
    margin: 0 10px 10px 0;
    cursor: pointer
}

/* .cert_detail {
    position: absolute;
    top: 100px;
    left: 0;
    *width: 760px
} */

.cert_detail h3 {
    padding: 0 0 10px;
    margin-bottom: 20px;
    font-size: 18px;
    border-bottom: 1px solid #c2c2c2;
}

.cert_detail h4 {
    font-size: 15px;
}

.cert_detail p {
    font-size: 14px;
    line-height: 140%;
    padding-bottom: 10px;
}

.cert_detail p span {
    color: #0054ff;
    font-weight: 600;
}

.cert_table_01 {
    margin-top: 10px
}

.cert_table_01 td {
    padding: 0 0 22px 10px
}

.cert_table_02 {
    width: 100%;
    margin-top: 10px;
    border-top: 3px solid #cccccc;
    border-bottom: 2px solid #cccccc;
}

.cert_table_02 th {
    border-bottom: 1px solid #cccccc;
    padding: 5px 0;
    text-align: left
}

.cert_table_02 td {
    border-bottom: 1px solid #cccccc;
    padding: 5px 0
}

.cert_faq_box {
    border-top: 2px solid #ccc;
    border-bottom: 1px solid #ccc
}

.cert_faq_unit {
    width: 100%;
    border-bottom: 1px solid #ccc;
}

.cert_faq_q {
    width: 100%;
    height: auto;
    padding: 8px 0 8px 30px;
    background: url(../Images/sub/certificate/n_icon_qna_q.gif) no-repeat 3px 3px;
    font-size: 14px;
    font-weight: 400;
    box-sizing: border-box;
    text-align: left;

}

.cert_faq_q span {
    font-weight: 600;
    color: #000 !important
}

.cert_faq_a {
    display: none;
    background: url(../Images/sub/certificate/n_icon_qna_a.gif) no-repeat 3px 3px #f7f6f4;
    padding: 10px 10px 10px 30px
}

.txt_indent_10 {
    padding: 0 0 0 5px;
    text-indent: -10px
}

/* 공인인증안내 */

/* 예비수강목록 */
.s_temp_box {
    background: url(../Images/son_img/temp_01_back.gif) no-repeat 0 0;
    padding: 15px 0 0 0;
}

.s_temp_box_in {
    background: url(../Images/son_img/temp_01_back.gif) no-repeat 0 bottom;
    padding: 0 15px 20px 15px;
}

.s_temp_box_in h2 {
    margin: 0 0 2px;
    padding: 0;
    box-sizing: border-box;
}

.s_temp_box_in_table {
    width: 750px;
    font-size: 13px;
}

.s_temp_box_in_table th {
    border-bottom: 1px solid #e0e0e0;
    border-top: 1px solid #ccc;
    background: #e4ebf2;
    padding: 2px 0 0 0;
    height: 26px;
    text-align: center !important
}

.s_temp_box_in_table td {
    text-align: center;
    padding: 5px 0;
    border-bottom: 1px solid #e0e0e0;
    height: 26px
}

.s_temp_box_in_table td span.txt_red2 {
    color: #A82200 !important;
}

.s_temp_olive {
    /* color: #aaad34; */
    color: #585900;
    text-decoration: line-through
}

.s_temp_btn_before {
    display: inline-block;
    width: 80px;
    padding: 3px 0;
    border: 1px solid #cc0000;
    background: #990000;
    color: #ffff00;
    cursor: pointer
}

.s_temp_btn_after {
    display: inline-block;
    width: 80px;
    height: auto;
    padding: 3px 0;
    border: 1px solid #3670E3;
    background: #3670E3;
    color: #fff;
    cursor: pointer;
    box-sizing: border-box;
}

.s_temp_btn_black {
    display: inline-block;
    margin-left: 16px;
    padding: 3px 15px;
    font-weight: normal;
    text-decoration: none;
    border: 1px solid #333;
    background: #666;
    color: #fff
}

.s_temp_btn_black:hover {
    color: #fff
}

.s_temp_box_in_table2 tbody td {
    background: #f6f6f6;
}

.s_temp_box_in_table tfoot td {
    background: #ebebeb;
    border-bottom: 1px solid #ccc;
    padding: 5px 10px;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: -1px
}

.s_temp_2_txt {
    background: #f6f6f6;
    font-size: 13px;
    font-weight: bold;
    padding: 10px;
    border-top: 2px solid #548ac6;
    width: 750px;
    margin-top: 5px;
    line-height: 150%
}

.s_temp_box_in h3 {
    padding: 10px 10px 5px 10px;
    margin: 0;
    background: #f6f6f6;
    width: 750px;
    font-size: 14px;
}

.s_temp_2_txt2 {
    padding: 15px;
    border: 1px solid #ccc;
    background: #fff;
    width: 700px;
    font-size: 13px;
    line-height: 150%;
    margin-top: 10px
}

.s_temp_box_in .orange_txt2 {
    padding: 15px 0 0 0
}

.s_temp_2_txt2 h4 {
    padding: 0;
    margin: 0 0 10px 0;
    border-bottom: 2px solid #ebebeb
}

.s_temp_2_txt2 dl {
    padding: 0 10px
}

.s_temp_2_txt2 dl dt {
    width: 100px;
    padding: 5px 0;
}

.s_temp_2_txt2 dl dd {
    padding: 5px 0 5px 100px;
    margin-top: -30px
}

.s_temp_2_txt2 dl dd label {
    padding-right: 10px
}


.s_temp_2_txt2 ul.address_align {
    
}

.s_temp_2_txt2 ul.address_align > li {
    margin: 0 0 6px 0;
}

.s_temp_2_txt2 ul.address_align > li:last-child {
    margin: 0;
}

.s_temp_2_txt2 ul.address_align > li div.input_div {
    margin: 3px 0 0 0;
}

/* 예비수강목록 */
/* 결제요청완료 */
.pay_complet_txt {
    position: absolute;
    top: 140px;
    left: 250px;
    z-index: 10;
}

.pay_complet_txt li {
    padding: 5px 0;
    font-size: 14px;
    list-style: disc;
    font-weight: bold
}

/* 결제요청완료 */

/* 팝업 */
.pop_check_box {
    text-align: right;
    padding: 10px;
    background: #000;
    color: #fff;
    font-size: 12px;
}

.pop_check_box input {
    vertical-align: middle
}

/* 팝업 */

/* 교수학습센터 */
.u_ctl_wrap {
    width: 940px;
    margin: 0 auto;
    text-align: left;
}

.u_ctl_wrap header {
    height: 174px;
    background: url(../Images/u_ctl/top_visual.gif) no-repeat 0 bottom;
    margin-bottom: 6px
}

.u_ctl_wrap header h1 {
    margin: 0
}

.u_ctl_nav {
    padding: 83px 0 0 0;
    background: url(../Images/u_ctl/left_img.gif) no-repeat 0 0;
    float: left
}

.u_ctl_section {
    float: right;
    width: 759px;
    background: url(../Images/u_ctl/bar.gif) no-repeat 0 32px
}

.u_ctl_section h2 {
    margin: 0;
    font-size: 16px;
    font-weight: bold;
    padding: 7px 0 20px 27px;
    background: url(../Images/u_ctl/bullet.gif) no-repeat 0 0
}

.u_ctl_01_01 {
    padding: 55px 0 0 250px;
    height: 270px;
    border-bottom: 1px solid #ccc;
    background: url(../Images/u_ctl/sub01_img.gif) no-repeat 0 0;
    line-height: 120%
}

.u_ctl_01_01 p {
    margin-top: 20px;
    text-align: justify
}

.u_ctl_01_02 {
    padding: 30px;
    text-align: center
}

.u_ctl_top_comment {
    font-size: 12px;
    padding: 10px 0 20px 0;
    color: #13a3bf
}

.u_ctl_board {
    padding: 30px 0 50px 0;
    min-height: 300px;
    margin-left: -20px;
}

.u_ctl_tab {
    height: 30px;
}

.u_ctl_tab li {
    float: left;
    margin-right: 5px
}

/* 교수학습센터 끝 */
/* 기말고사 공지 팝업 */
.tn_section {
    width: 615px;
    padding: 20px;
    text-align: left;
    font-size: 13px;
}

.tn_section header {
    background: url(../Images/son_img/tn_top_back2.png) no-repeat 0 0;
    width: 626px;
    height: 80px;
    padding: 22px 0 35px 0
}

.tn_section header p {
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    margin: 0;
    text-align: center;
    padding: 0 0 0 50px !important
}

.tn_section header h2 {
    text-align: center;
    padding: 0 0 0 7px;
    font-size: 37px;
    line-height: 100%;
    margin: 10px 0 0 0;
    letter-spacing: -4px;
    font-weight: 900
}

.tn_section header h2 span {
    color: #0071d1
}

.tn_section h3 {
    background: url(../Images/son_img/tn_h3_back.png) no-repeat right 0;
    padding: 0 20px 0 0;
    display: inline-block;
    _display: inline;
    height: 28px;
    margin: 0 0 0 -12px
}

.tn_section h3 span {
    background: url(../Images/son_img/tn_h3_back.png) no-repeat 0 0;
    padding: 5px 0 7px 15px;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    display: inline-block;
}

.tn_section article {
    padding: 0 10px 30px 20px;
}

.tn_section table {
    width: 100%;
    border: 1px solid #ccc;
    margin-top: 10px
}

.tn_section table th {
    height: 25px;
    background: #c6ddec;
    border: 1px solid #ccc;
    text-align: center
}

.tn_section table td {
    padding: 8px 0;
    border: 1px solid #ccc;
    text-align: center;
    font-weight: bold
}

.tn_section p {
    padding: 10px 0 0 0;
    font-size: 13px;
    line-height: 150%;
    font-weight: bold
}

.tn_section ol {
    margin: 0;
    padding: 10px 0 0 20px;
}

.tn_section ol li {
    margin: 0 0 8px 0;
    line-height: 130%
}

.tn_section h4 {
    margin: 0;
    padding: 10px 0 5px 0;
}

.tn_section_h4 {
    text-indent: -15px;
    color: #b81b1b
}

.tn_section ul {
    font-weight: bold;
    text-indent: -12px
}

/* 기말고사 공지 팝업 */
/*빠른상담 팝업*/
.jo_quick_pop_box {
    text-align: left;
    width: 511px;
    height: 268px;
    overflow: hidden
}

.jo_quick_pop {
    float: left !important;
    padding: 20px 20px 15px 20px;
    width: auto !important;
    border-right: 1px dotted #ccc
}

.jo_quick_pop_check_box {
    position: relative;
    padding: 10px 0 0 0;
    margin-top: 10px;
}

.jo_quick_pop_check_box input {
    vertical-align: middle;
    display: inline-block
}

.jo_quick_pop_check_box label {
    font-size: 12px;
    letter-spacing: -1px;
    display: inline-block;
    padding: 2px 0 0 2px
}

.jo_quick_pop_agree_btn {
    display: inline-block;
    font-size: 12px;
    letter-spacing: -1px;
    color: #fff;
    background: #981d1d;
    padding: 4px 5px 3px 5px;
    line-height: 100%;
    cursor: pointer
}

.jo_quick_pop_agree_btn:hover {
    color: #fff
}

.jo_quick_pop_agree_con {
    display: none;
    position: absolute;
    bottom: 23px;
    left: 0;
    border: 2px solid #ccc;
    background: #ebebeb;
    width: 155px;
    z-index: 100;
    padding: 10px;
    font-size: 12px;
    letter-spacing: -1px
}

.jo_quick_pop_agree_con p {
    font-size: 12px;
    font-weight: bold;
    padding-bottom: 7px
}

.jo_quick_pop_agree_con li {
    margin-left: 15px
}

.jo_quick_pop h3 {
    margin-bottom: 10px
}


/*빠른상담 팝업*/
/* 조희진 */
.jo_area_box p {
    line-height: 170% !important;
    margin: 5px 0 !important;
    padding: 0 !important;
}

.jo_area_box td {
    font-family: 돋움 !important;
    font-size: 13px !important;
}

.jo_area_box th {
    font-size: 11px !important;
    color: #FFFFFF !important;
    border-right: #1d6987 1px solid !important;
    border-bottom: #1d6987 1px solid !important;
    padding: 6px !important;
    background-color: #3a94b5 !important;
}

.TT {
    font-size: 13px;
    color: #FFFFFF;
    line-height: 16px;
    padding: 6px;
    border-left: #1d6987 1px solid;
    border-right: #1d6987 1px solid;
    border-bottom: #1d6987 1px solid;
    background-color: #3a94b5;
}

.T {
    font-size: 13px;
    color: #636363;
    border-right: #C1C1C1 1px solid;
    border-bottom: #C1C1C1 1px solid;
    background-color: #FFFFFF
}

.T_left {
    font-size: 13px;
    color: #636363;
    border-left: #C1C1C1 1px solid;
    border-right: #C1C1C1 1px solid;
    border-bottom: #C1C1C1 1px solid;
    background-color: #FFFFFF
}

.T2 {
    font-size: 13px;
    color: #636363;
    border-right: #C1C1C1 1px solid;
    border-bottom: #C1C1C1 1px solid;
    background-color: #ecf5ff;
}

.T2_left {
    font-size: 13px;
    color: #636363;
    border-left: #C1C1C1 1px solid;
    border-right: #C1C1C1 1px solid;
    border-bottom: #C1C1C1 1px solid;
    background-color: #ecf5ff;
}

.style6 {
    color: #FFFF00;
    font-size: 12px;
}

.style11 {
    color: #99FF00;
    font-size: 12px;
}

.jo_area_box {
    font-family: 돋움;
    font-size: 13px;
    text-align: left !important
}

.jo_area_box h1 {
    font-size: 30px !important;
    font-weight: bold !important;
    margin: 130px 0 20px 0 !important;
    color: #006699 !important
}

.area1 {
    width: 655px;
    border: solid 10px #CCCCCC;
    margin: 0 auto;
}

.area2 {
    padding-left: 10px;
    padding-right: 10px;
}

.notice_01 {
    height: 221px;
    background-image: url(http://www.iubion.com/_Resources/Images/notic_img/01_notice2_01.jpg);
    padding: 10px;
}

.title01 {
    width: 500px;
    height: 18px;
    color: #FFFFFF;
    font-size: 13px;
    background-image: url(http://www.iubion.com/_Resources/Images/notic_img/02_notice_bar.png);
    background-repeat: no-repeat;
    padding-top: 6px;
    padding-left: 5px;
}

.table_text01 {
    padding: 5px 0;
    margin: 0;
    line-height: 100%;
}

.nanumg {
    font-family: 'Nanum Gothic', sans-serif !important;
    font-weight: normal !important
}

.nanumgb {
    font-family: 'Nanum Gothic', sans-serif !important;
    font-weight: 700 !important
}

.nanumgeb {
    font-family: 'Nanum Gothic', sans-serif !important;
    font-weight: 900 !important
}

/* notice2 */
.jo2_area_box {
    width: 655px;
    border: 10px solid #ccc;
    margin: 0 auto;
}

.jo2_tit_area {
    height: 71px;
    background-image: url(http://www.iubion.com/_Resources/Images/notic_img/01_notice2_01.jpg);
    padding: 10px;
    text-align: left;
    padding-top: 150px;
    font-size: 13px;
}

.jo2_tit {
    font-size: 30px;
    color: #039;
    padding-bottom: 15px;
}

.jo2_stit {
    width: 500px;
    height: 21px;
    color: #FFFFFF;
    font-size: 13px;
    background-image: url(http://www.iubion.com/_Resources/Images/notic_img/02_notice_bar.png);
    background-repeat: no-repeat;
    padding-top: 3px;
    padding-left: 10px;
    margin-top: 20px;
    text-align: left;
    margin-bottom: 10px;
}

.jo2_area {
    padding: 10px;
    text-align: left;
    font-size: 13px;
    line-height: 20px;
}

.jo2_sp_9 {
    padding-left: 9px;
}

.jo2_area table {
    width: 620px;
    border: 0;
    cellpadding: 5px;
    border-collapse: collapse;
    margin-bottom: 10px;
}

.jo2_area th {
    font-size: 12px;
    color: #FFFFFF;
    border-right: #069 1px solid;
    border-bottom: #069 1px solid;
    padding: 6px;
    background-color: #3a94b5;
    border-left: #069 1px solid;
    text-align: center;
    border-bottom: #069 1px solid;
    border-right: #069 1px solid;
    padding-left: 5px;
}

.jo2_area td {
    font-family: 돋움;
    font-size: 13px;
    border-left: #CCC 1px solid;
    border-bottom: #CCC 1px solid;
    border-right: #CCC 1px solid;
    padding-left: 5px;
}

.jo2_sp_15 {
    padding-left: 15px;
}

.jo2_pa_1010 {
    padding: 10px;
}

/* notice3 */
.jo3_area_box {
    width: 675px;
    margin: 0 auto;
    font-size: 13px;
    line-height: 20px;
}

.jo3_1bg {
    background-image: url(http://www.iubion.com/_Resources/Images/notic_img/notice5_bg_01.jpg);
    height: 30px;
    text-align: left;
}

.jo3_1bg_text {
    line-height: 18px;
    color: #ffffff;
    font-weight: bold;
    font-size: 16px;
    padding-top: 7px;
    padding-left: 194px;
}

.jo3_2bg {
    background-image: url(http://www.iubion.com/_Resources/Images/notic_img/notice5_02.jpg);
    height: 380px;
    text-align: left;
}

.jo3_tit {
    font-size: 40px;
    padding-left: 150px;
    padding-top: 50px;
    color: #009;
}

.jo3_tit_sub {
    text-align: center;
    padding-right: 60px;
    padding-top: 20px;
    padding-bottom: 80px;
}

.jo3_pa_6 {
    padding-left: 6px;
}

.jo3_3bg {
    background-image: url(http://www.iubion.com/_Resources/Images/notic_img/notice3_bg_02.gif);
    height: 125px;
    text-align: left;
}

.jo3_area_box table {
    width: 530px;
    border: 0;
    cellpadding: 8px;
    cellspacing: 0;
    border-collapse: collapse;
}

.jo3_area_box th {
    font-size: 12px;
    color: #FFFFFF;
    border-right: #069 1px solid;
    border-bottom: #069 1px solid;
    padding: 6px;
    background-color: #3a94b5;
    border-left: #069 1px solid;
    text-align: center;
    border-bottom: #069 1px solid;
    border-right: #069 1px solid;
    padding-left: 5px;
}

.jo3_area_box td {
    font-family: 돋움;
    font-size: 13px;
    border-left: #CCC 1px solid;
    border-bottom: #CCC 1px solid;
    border-right: #CCC 1px solid;
    padding-left: 5px;
}

.jo3_3bg table {
    width: 530px;
    border: 0;
    cellpadding: 8px;
    cellspacing: 0;
    border-collapse: collapse;
}

.jo3_3bg th {
    font-size: 12px;
    color: #FFFFFF;
    border-right: #069 1px solid;
    border-bottom: #069 1px solid;
    padding: 6px;
    background-color: #3a94b5;
    border-left: #069 1px solid;
    text-align: center;
    border-bottom: #069 1px solid;
    border-right: #069 1px solid;
    padding-left: 5px;
}

.jo3_3bg td {
    font-family: 돋움;
    font-size: 13px;
    border-left: #CCC 1px solid;
    border-bottom: #CCC 1px solid;
    border-right: #CCC 1px solid;
    padding-left: 5px;
}

.jo3_b_color1 {
    color: #36C;
}

.jo3_4bg table {
    width: 530px;
    border: 0;
    cellpadding: 8px;
    cellspacing: 0;
    border-collapse: collapse;
}

.jo3_4bg th {
    font-size: 12px;
    color: #FFFFFF;
    border-right: #069 1px solid;
    border-bottom: #069 1px solid;
    padding: 6px;
    background-color: #3a94b5;
    border-left: #069 1px solid;
    text-align: center;
    border-bottom: #069 1px solid;
    border-right: #069 1px solid;
    padding-left: 5px;
}

.jo3_4bg td {
    font-family: 돋움;
    font-size: 13px;
    border-left: #CCC 1px solid;
    border-bottom: #CCC 1px solid;
    border-right: #CCC 1px solid;
    padding-left: 5px;
}

.jo3_4bg {
    background-image: url(http://www.iubion.com/_Resources/Images/notic_img/notice5_03.gif);
    height: 125px;
    text-align: left;
}

.jo3_5bg {
    background-image: url(http://www.iubion.com/_Resources/Images/notic_img/notice5_04_bg.jpg);
    height: 160px;
    text-align: left;
}

.jo3_4bg_in_bk {
    height: 160px;
    text-align: left;
    background-image: url(http://www.iubion.com/_Resources/Images/notic_img/notice5_04_bg.jpg);
}

.jo3_5bg table {
    width: 530px;
    border: 0;
    cellpadding: 8px;
    cellspacing: 0;
    border-collapse: collapse;
}

.jo3_5bg th {
    font-size: 12px;
    color: #FFFFFF;
    border-right: #069 1px solid;
    border-bottom: #069 1px solid;
    padding: 6px;
    background-color: #3a94b5;
    border-left: #069 1px solid;
    text-align: center;
    border-bottom: #069 1px solid;
    border-right: #069 1px solid;
    padding-left: 5px;
}

.jo3_5bg td {
    font-family: 돋움;
    font-size: 13px;
    border-left: #CCC 1px solid;
    border-bottom: #CCC 1px solid;
    border-right: #CCC 1px solid;
    padding-left: 5px;
}

.jo3_4bg_in_left {
    width: 97px;
    height: 160px;
    float: left;
}

/* notice4 */
.jo4_area_box {
    width: 673px;
    border: 1px solid #ccc;
    margin: 0 auto;
    font-size: 13px;
    text-align: left;
    line-height: 20px;
}

.jo4_area_box2 {
    padding: 10px 40px;
    width: 593px;
}

.jo4_1bg {
    background-image: url(http://www.iubion.com/images/notic_img/notice4_01.jpg);
    height: 69px;
}

.jo4_2bg {
    background-image: url(http://www.iubion.com/images/notic_img/notice4_bg_01.jpg);
    height: 24px;
    line-height: 18px;
    color: #ffffff;
    font-weight: bold;
    font-size: 16px;
    padding-top: 6px;
    padding-left: 65px;
}

.jo4_3bg {
    background-image: url(../images/notic_img/notice4_02.jpg);
    height: 323px;
}

.jo_stit_color {
    color: #d0ff1a;
}

.jo4_tit {
    font-size: 40px;
    padding-left: 55px;
    padding-top: 50px;
    color: #009;
}

.jo4_sstit {
    width: 500px;
    height: 21px;
    color: #FFFFFF;
    font-size: 13px;
    background-image: url(http://www.iubion.com/_Resources/Images/notic_img/02_notice_bar.png);
    background-repeat: no-repeat;
    padding-top: 3px;
    padding-left: 10px;
    margin-top: 50px;
    text-align: left;
    margin-bottom: 10px;
}

.jo4_stit {
    color: #333;
    font-weight: bold;
    padding-top: 30px;
    padding-left: 55px;
}

.jo4_area_box table {
    width: 595px;
    border: 0;
    cellpadding: 8px;
    cellspacing: 0;
    border-collapse: collapse;
}

.jo4_area_box th {
    font-size: 12px;
    color: #FFFFFF;
    border-right: #069 1px solid;
    border-bottom: #069 1px solid;
    padding: 6px;
    background-color: #3a94b5;
    border-left: #069 1px solid;
    text-align: center;
    border-bottom: #069 1px solid;
    border-right: #069 1px solid;
    padding-left: 5px;
    text-align: center;
}

.jo4_area_box td {
    font-family: 돋움;
    font-size: 13px;
    border-left: #CCC 1px solid;
    border-bottom: #CCC 1px solid;
    border-right: #CCC 1px solid;
    padding-left: 5px;
    text-align: center;
}

.jo4_pa_10 {
    padding-left: 10px;
}

.jo4_pa_13 {
    padding-left: 13px;
}

.jo4_pa_20 {
    padding-left: 20px;
}

.jo4_box1 {
    background-color: #d9eaf6;
    padding: 15px;
    width: 565px;
    margin-bottom: 5px;
}

.jo4_box2 {
    padding: 15px;
}

.jo4_spa_100 {
    padding: 10px 10px;
    width: 570px;
    color: #C00;
}

.jo4_font_color_red {
    color: #C00;
}


/* notice5 */
.jo5_area_box {
    width: 675px;
    margin: 0 auto;
    font-size: 13px;
    line-height: 20px;
    padding: 0;
}

.jo5_stit {
    width: 500px;
    height: 21px;
    color: #FFFFFF;
    font-size: 13px;
    background-image: url(http://www.iubion.com/_Resources/Images/notic_img/02_notice_bar.png);
    background-repeat: no-repeat;
    padding-top: 3px;
    padding-left: 10px;
    text-align: left;
    margin-bottom: 10px;
}

.jo5_1bg {
    background-image: url(http://www.iubion.com/_Resources/Images/notic_img/notice5_bg_01.jpg);
    background-repeat: no-repeat;
    height: 30px;
    text-align: left;
    width: 675px;
}

.jo5_1bg_text {
    line-height: 18px;
    color: #ffffff;
    font-weight: bold;
    font-size: 16px;
    padding-top: 7px;
    padding-left: 194px;
}

.jo5_2bg {
    background-image: url(http://www.iubion.com/_Resources/Images/notic_img/notice5_02.jpg);
    height: 380px;
    text-align: left;
    width: 675px;
    background-repeat: no-repeat;
}

.jo5_tit {
    font-size: 40px;
    padding-left: 100px;
    padding-top: 50px;
    color: #009;
}

.jo5_tit_sub {
    text-align: center;
    padding-right: 70px;
    padding-top: 35px;
    padding-bottom: 30px;
    font-weight: bold;
}

.jo5_pa_6 {
    padding-left: 6px;
}

.jo5_3bg {
    background-image: url(http://www.iubion.com/_Resources/Images/notic_img/notice5_bgbg.jpg);
    height: 265px;
    text-align: left;
    padding-top: 20px;
}

.jo5_area_box table {
    width: 530px;
    border: 0;
    cellpadding: 8px;
    cellspacing: 0;
    border-collapse: collapse;
    margin-top: 10px;
}

.jo5_area_box th {
    font-size: 12px;
    color: #FFFFFF;
    border-right: #069 1px solid;
    border-bottom: #069 1px solid;
    background-color: #3a94b5;
    border-left: #069 1px solid;
    text-align: center;
    border-bottom: #069 1px solid;
    border-right: #069 1px solid;
    padding-top: 3px;
}

.jo5_area_box td {
    font-family: 돋움;
    font-size: 13px;
    border-left: #CCC 1px solid;
    border-bottom: #CCC 1px solid;
    border-right: #CCC 1px solid;
    padding-left: 5px;
}

.jo5_b_color1 {
    color: #36C;
}

.jo5_4bg {
    height: 160px;
    width: 675px;
    background-image: url(http://www.iubion.com/_Resources/Images/notic_img/notice5_04_bg.jpg);
    text-align: left;
}

.jo5_font_color_red {
    color: #FF0000;
    font-weight: bold;
}

.jo5_sp_color1 {
    color: #0066CC;
}


/* notice8 */
.jo8_area_box {
    width: 655px;
    border: 10px solid #f3da9a;
    margin: 0 auto;
    font-size: 13px;
    text-align: left;
    line-height: 20px;
}

.jo8_1bg {
    background-image: url(http://www.iubion.com/_Resources/Images/notic_img/01_notice2_130306.jpg);
    height: 222px;
    padding: 10px;
}

.jo8_tit {
    font-size: 30px;
    padding-top: 80px;
}

.jo8_tit_sub {
    line-height: 18px;
    padding-top: 20px;
}

.jo8_area_box1 {
    padding: 10px;
}

.jo8_sstit {
    width: 500px;
    color: #FFFFFF;
    font-size: 13px;
    background-image: url(http://www.iubion.com/_Resources/Images/notic_img/02_notice_bar2.png);
    background-repeat: no-repeat;
    padding-top: 3px;
    padding-left: 10px;
    margin-top: 20px;
    text-align: left;
    margin-bottom: 10px;
    height: 23px;
}

.jo8_area_box table {
    width: 620px;
    border: 0;
    cellpadding: 5px;
    border-collapse: collapse;
    margin-bottom: 10px;
}

.jo8_area_box th {
    font-size: 12px;
    color: #FFFFFF;
    border-right: #069 1px solid;
    border-bottom: #069 1px solid;
    padding: 6px;
    background-color: #3a94b5;
    border-left: #069 1px solid;
    text-align: center;
    border-bottom: #069 1px solid;
    border-right: #069 1px solid;
    padding-left: 5px;
}

.jo8_area_box td {
    font-family: 돋움;
    font-size: 13px;
    border-left: #CCC 1px solid;
    border-bottom: #CCC 1px solid;
    border-right: #CCC 1px solid;
    padding-left: 5px;
    text-align: center;
}

.jo8_text_red {
    color: #CC3300;
    font-weight: bold;
}

.jo8_text_blue {
    color: #0066FF;
    font-weight: bold;
}

.jo8_pa_30 {
    padding-left: 30px;
}

/* notice0309 */
.jo0309_area_box {
    width: 655px;
    border: 10px solid #ccc;
    margin: 0 auto;
    line-height: 20px;
}

.jo0309_area_boxin {
    width: 655px;
}

.jo0309_tit_area {
    height: 71px;
    background-image: url(http://www.iubion.com/_Resources/Images/notic_img/01_notice2_01.jpg);
    background-repeat: no-repeat;
    padding: 10px;
    text-align: left;
    padding-top: 150px;
    font-size: 13px;
}

.jo0309_tit {
    font-size: 30px;
    color: #039;
    padding-bottom: 15px;
}

.jo0309_stit {
    width: 500px;
    height: 21px;
    color: #FFFFFF;
    font-size: 13px;
    background-image: url(http://www.iubion.com/_Resources/Images/notic_img/02_notice_bar2.png);
    background-repeat: no-repeat;
    padding-top: 3px;
    padding-left: 10px;
    margin-top: 20px;
    text-align: left;
    margin-bottom: 10px;
}

.jo0309_area {
    padding: 10px;
    text-align: left;
    font-size: 13px;
    line-height: 20px;
}

.jo0309_sp_9 {
    padding-left: 9px;
}

.jo0309_area table {
    width: 620px;
    border: 0;
    cellpadding: 5px;
    border-collapse: collapse;
    margin-bottom: 10px;
}

.jo0309_area th {
    font-size: 12px;
    color: #FFFFFF;
    border-right: #069 1px solid;
    border-bottom: #069 1px solid;
    padding: 6px;
    background-color: #3a94b5;
    border-left: #069 1px solid;
    text-align: center;
    border-bottom: #069 1px solid;
    border-right: #069 1px solid;
    padding-left: 5px;
    text-align: center;
}

.jo0309_area td {
    font-family: 돋움;
    font-size: 13px;
    border-left: #CCC 1px solid;
    border-bottom: #CCC 1px solid;
    border-right: #CCC 1px solid;
    padding-left: 5px;
    text-align: center;
}

.jo0309_sp_9 {
    padding-left: 9px;
}

.jo0309_sp_15 {
    padding-left: 15px;
}

.jo0309_pa_1010 {
    padding-bottom: 10px;
}


.jo_bot_img {
    text-align: center;
    margin: 0 auto;
    padding: 0;
}

.jo_bot_img1 {
    background-image: url(http://www.iubion.com/_Resources/Images/notic_img/notice1_bot.jpg);
    background-repeat: no-repeat;
    width: 655px;
    height: 131px;
}

/* 조희진 */

/* 쪽지 추가_민형 */
.note_box {
    width: 424px;
    height: 464px;
    padding: 15px 20px;
    text-align: left;
    border: 3px solid #c94430;
    background: url(/_Resources/Images/note_img.png) 330px 20px no-repeat
}

.note_box h1.note_h1 {
    width: 330px;
    margin: 15px 0;
    font-size: 17px;
    color: #333
}

.note_box div.content_box {
    height: 290px;
    padding: 15px;
    color: #666;
    overflow-y: scroll;
    border: 1px solid #e6e6e6;
    background: #fafafa
}

.note_box div.btn {
    margin-top: 10px;
    text-align: right
}

/* //쪽지 추가_민형 */

/* 회원가입경로 추가 관련 */
.mem_check_table {
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    color: #333;
    width: 100%
}

.mem_check_table th {
    text-align: center !important;
    background: none;
    color: #333;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    color: #333;
    width: 70px !important;
    padding: 3px 0 !important
}

.mem_check_table td {
    color: #333;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    color: #333;
    padding: 3px 5px !important
}

/* //회원가입경로 추가 관련*/

behavior:url(ie-css3.htc);


/*휴면계정인증*/
.dormancy_box {
    font-family: 'Malgun Gothic', 'Nanum Gothic', '돋움', 'dotum';
    margin-bottom: 100px
}

.dormancy_box h1 {
    font-size: 50px;
    margin: 0;
    padding: 0;
    font-weight: 500;
    color: #29599b;
    letter-spacing: -4px;
    text-align: center;
}

.dormancy_nav {
    text-align: right;
    margin: -20px 0 30px 0;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #ccc
}

.dormancy_box p {
    font-size: 15px;
    line-height: 24px;
}

.dormancy_box p span {
    color: #cc0000;
    font-weight: 700
}

.dormancy_btn_box {
    text-align: center
}

.dormancy_btn_box a {
    display: inline-block;
    width: 150px;
    height: 35px;
    line-height: 30px;
    background: #29599b;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
    margin: 10px 5px;
    border-radius: 2px
}

.dormancy_dl_box {
    border-top: 1px dotted #ccc;
    border-bottom: 1px dotted #ccc;
    padding: 10px 0 13px 0
}

.dormancy_dl_box dl {
    width: 100%;
    text-align: center;
    padding: 0;
    margin: 0
}

.dormancy_dl_box dl dt {
    display: inline-block;
    width: 100px;
    height: 30px;
    font-size: 15px;
    line-height: 30px;
    text-align: left;
    padding: 3px 0;
    letter-spacing: -1px
}

.dormancy_dl_box dl dd {
    display: inline-block;
    width: 300px;
    height: 30px;
    line-height: 30px;
    text-align: left;
    margin: 0;
    padding: 3px 0
}

.dormancy_dl_box dl dd input {
    width: 280px;
    height: 30px;
    font-size: 17px;
    line-height: 30px;
    border: 1px solid #ddd;
    text-align: left;
    padding: 0 10px
}

.dormancy_dl_box dl dd input:focus {
    border: 1px solid #29599b;
}

.dormancy_dl_box ul {
    width: 400px;
    font-size: 12px;
    margin: 15px auto 5px;
    padding: 5px 0 7px 5px;
    border: 1px solid #ccc;
    background: #f0f0f0;
    line-height: 15px;
}

.dormancy_dl_box ul li {
    list-style: disc;
    margin: 0 0 0 15px;
}

/*//휴면계정인증*/




/* 학적부 스타일 */
.hjb_box {
    padding: 30px 0;
    text-align: center;
}

.hjb_tit {
    padding: 15px 0;
    margin: 0;
    border: 5px solid #4a6e93;
    text-align: center;
    font-size: 16px;
    color: #214162;
    font-weight: bold;
    margin: 10px 0 20px 0;
}

.hjb_stxt {
    font-size: 13px;
    color: #666;
    text-align: right;
    font-weight: 600;
}

table.hjb_table {
    width: 100%;
    border-top: 2px solid #212d3d;
}

table.hjb_table th {
    height: 36px;
    text-align: center;
    background: #eff1f3;
    border-bottom: 1px solid #e5e5e5;
    padding: 0 10px;
}

table.hjb_table td {
    height: 34px;
    text-align: left;
    color: #555555;
    background: #ffffff;
    border-bottom: 1px solid #cccccc;
    padding: 4px 10px;
    word-break: break-all;
}

table.hjb_table select {
    border: none;
    background-color: rgb(255, 255, 255) !important;
    width: 100%;
    height: 24px;
    border: 1px solid #ccc;
}

table.hjb_table input {
    background-color: rgb(255, 255, 255) !important;
    width: 100%;
    height: 24px;
    border: 1px solid #ccc;
}

table.hjb_table td .btn_sml_blue {
    vertical-align: top;
}

.hjb_box button.btn_lg_blue {
    margin: 20px auto !important;
}

.right_line {
    border-right: 1px solid #e5e5e5;
}

.bottom_line {
    border-bottom: 1px solid #e5e5e5;
}

.fir_tit {
    text-align: center;
}

.hjb_add {
    border: 1px solid #999 !important;
}

.hjb_ws {
    width: 94px !important;
    margin-bottom: 3px;
}

.hjb_ol_box {
    width: 778px;
    border: 1px dashed #cad2d8;
    margin: 30px 0 0 0;
    text-align: left;
}

.hjb_warning {
    font-size: 14px;
    padding: 15px 20px;
    display: inline-block;
    margin-top: 10px;
    color: #e20000;
    font-weight: bold;
}

.hjb_ol {
    line-height: 18px;
    width: 700px;
}

.hjb_ol li {
    margin-top: 8px;
    letter-spacing: -0.06em;
}

.hjb_ol li span {
    background: #5fd8d9;
}

.ol_hjb_t {
    text-align: center;
    margin: 0;
    padding: 10px 0;
}

.ol_hjb_t th,
.ol_hjb_t td {
    border-left: 1px solid #999;
    border-top: 1px solid #999;
    padding: 0px 3px;
    font-size: 12px;
    height: 11px;
}

/*메일링 - 학습자공지*/
.mailing_wrap {
    width: 100%;
    text-align: center;
}

.mailing_wrap>img {
    display: block;
    max-width: 760px;
}


@media screen and (max-width:1000px) {

    .mailing_wrap>img {
        width: 100%;
        max-width: unset;
    }

}


/* ---------------------------------------------------------------------------------------------------------------------- 20160502 - 김민형 추가 ---------------------------------------------------------------------------------------------------------------------- */

@import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css);

/* 교수칼럼 */
.column_wrap {
    width: 760px;
    font-family: 'Nanum Myeongjo', '맑은고딕', sans-serif, '돋움';
    font-size: 13px;
    color: #666;
    text-align: left;
}

.column_wrap h2 {
    display: none
}

.column_wrap .title {
    position: relative;
    height: 300px;
    padding-top: 100px;
    color: #fff;
    text-align: center
}

.column_wrap .title h3 {
    margin: 0;
    font-weight: normal;
}

.column_wrap .title h3 span {
    display: block;
    font-size: 17px;
    text-decoration: underline;
}

.column_wrap .title h3 em {
    font-size: 33px;
    font-family: 'NanumMyeongjo', serif;
    font-style: normal;
    line-height: 55px
}

.column_wrap .title p.num {
    position: absolute;
    top: 20px;
    right: 20px;
    padding: 4px 10px 7px 10px;
    color: #fff;
    border: 1px solid #fff;
}

.column_wrap .title p.teacher {
    margin-top: 105px;
}

.column_wrap .title p.teacher img {
    display: block;
    margin: 0 auto 10px auto;
}

.column_wrap .title p.teacher span {
    color: #fff;
}

.column_wrap .contents {
    padding: 40px 30px 50px 30px;
    line-height: 21px;
    background: #f8f7ee;
    border: 1px solid #e5e5e5;
}

.column_wrap .contents p img {
    display: block;
    margin: 20px auto 40px auto;
}

.column_wrap .contents p strong {
    display: inline-block;
    margin: 10px 0;
    font-size: 15px;
    color: #333;
    text-decoration: underline;
}

.column_wrap .contents p span {
    display: block;
    margin-top: 10px;
    padding: 20px;
    color: #333;
    background: #fff;
    border: 1px solid #f2f2f2;
}

.column_wrap .contents .qna {
    display: block;
    background-color: #f2e8de;
    padding: 15px;
    margin-bottom: 20px;
}

.column_wrap .contents .qna p {
    font-style: 12px;
    font-weight: normal;
}

.culumn_wrap .contents .qna span.stitle {
    font-style: 14px;
    font-weight: bold;
    padding-bottom: 15px;
}

.column_wrap .contents .qna span em {
    font-weight: bold;
}

/* //교수칼럼 */

/*회원탈퇴*/
.member_del_wrap {
    padding: 0 20px
}

.member_del_wrap h4 {
    margin: 30px 0;
    font-size: 25px;
    font-weight: normal;
    text-align: center;
}

.member_del_wrap h5 {
    font-size: 15px;
    margin: 25px 0 0 0
}

.member_del_wrap .delete_box {
    padding: 20px 30px;
    font-size: 14px;
    color: #666666;
    line-height: 23px;
    text-align: center;
    background: #f7f7f7;
}

.member_del_wrap p {
    margin-top: 10px;
    line-height: 20px;
}

.member_del_wrap p em {
    font-style: normal;
    color: #ff6a4c
}

.member_del_wrap .all_agree {
    margin: 30px 0;
    padding: 20px 0 24px 0;
    text-align: center;
    background: #f7f7f7;
}

.member_del_wrap .all_agree label {
    margin-left: 10px
}

.member_del_wrap .del_btns {
    text-align: center
}

.member_del_wrap .del_btns button {
    width: 100px;
    height: 35px;
    border: none;
    color: #fff;
    background: #999;
    outline: none;
}

.member_del_wrap .del_btns button.del {
    background: #438cba
}

/* 상대평가 추가 */
.relative_wrap {
    padding: 25px;
    text-align: left
}

.graph_wrap {
    position: relative;
    width: 100%;
    height: 60px;
    margin-top: 50px;
    background: #f7f7f7;
    border: 1px solid #e5e5e5
}

.graph_per span {
    position: absolute;
    padding-top: 12px;
    bottom: -22px;
    background: url(../img/bar_bg.jpg) center 0 no-repeat
}

.graph_per span.per1 {
    left: 100%;
    background: none
}

.graph_per span.per2 {
    left: 78%
}

.graph_per span.per3 {
    left: 58%
}

.graph_per span.per4 {
    left: 38%
}

.graph_per span.per5 {
    left: 18%
}

.graph_per span.per6 {
    left: 0;
    background: none
}

.my_location {
    position: absolute;
    background: #407ce0;
    width: 10px;
    height: 100%;
    margin-right: -5px;
}

.my_location span {
    position: absolute;
    top: -22px;
    width: 50px;
    margin-left: -20px;
    font-size: 12px;
}

.my_location2 {
    position: absolute;
    background: #407ce0;
    width: 0.5%;
    height: 100%;
    margin-right: -3px;
}

.my_location2 span {
    position: absolute;
    top: -22px;
    width: 50px;
    margin-left: -25px;
    font-size: 12px;
}

.graph_p {
    margin-top: 40px;
    color: #999
}

.relative_wrap ul {
    float: left;
    width: 45%;
    margin-top: 30px;
    list-style: circle;
    margin-left: 20px
}

.relative_wrap ul li {
    line-height: 25px;
    font-size: 14px;
}

.relative_wrap ul li strong {
    font-size: 17px;
    color: #ed4747
}

/* 회원가입 추가 */
.join_box {
    margin-top: 50px;
}

.join_box div {
    float: left;
    width: 340px;
    margin-right: 15px;
    padding: 40px 0;
    background: #f7f7f7;
    text-align: center;
    border: 1px solid #e5e5e5;
}

.join_box div p {
    font-size: 15px;
    margin-bottom: 30px;
}

.join_box div a {
    display: inline-block;
    padding: 20px 40px;
    font-size: 17px;
    color: #fff;
    background: #c71a20;
    font-weight: bold;
    text-decoration: none
}

/* 대면수업 추가 */
.agree_btns {
    padding-top: 30px;
    text-align: center;
    border-top: 1px solid #e5e5e5;
}

.agree_btns p strong {
    color: #de4343;
}

.agree_btns div {
    margin-top: 20px;
}

.agree_btns div button {
    width: 100px;
    height: 40px;
    color: #fff;
    border: none;
    background: #666;
    outline: none;
}






/* ----------------------------------------------------------------------------------------------------------------------  김혜미 추가 ---------------------------------------------------------------------------------------------------------------------- */


/* ----- 공통으로 사용가능한 버튼, 테이블, 타이틀 스타일----- */

/* 페이지 하단 이동 버튼 영역 */
div.btn_wrap {
    margin: 20px auto 0 auto;
    text-align: center;
}

div.btn_wrap button, div.btn_wrap a {
    display: inline-block;
    cursor: pointer;
    text-align: center;
}

button {
    border: none;
    display: inline-block;
    cursor: pointer;
    text-align: center;
}

.btn_xs_brown {
    width: 45px;
    height: 24px;
    padding: 1px 0 4px 0;
    font-size: 12px;
    color: #fff;
    background: #B65C43;
    border: 1px solid #b75338;
}

/**버튼 텍스트 2자**/
.btn_xs_mint {
    width: 45px;
    height: 24px;
    padding: 1px 0 4px 0;
    font-size: 12px;
    color: #fff;
    background: #008080;
    border: 1px solid #249293;
}

.btn_xs_gray {
    width: 45px;
    height: 24px;
    padding: 1px 0 4px 0;
    font-size: 12px;
    color: #fff;
    background: #555961;
    border: 1px solid #7a8693;
}

.btn_xs_gray_02 {
    width: 45px;
    height: 24px;
    padding: 1px 0 4px 0;
    font-size: 12px;
    color: #fff;
    background: #526271;
    border: 1px solid #404c59;
}

.btn_xs_blue {
    width: 45px;
    height: 24px;
    padding: 1px 0 4px 0;
    font-size: 12px;
    color: #fff;
    background: #396AAC;
    border: 1px solid #406ca6;
}

.btn_xs_blue_02 {
    width: 45px;
    height: 24px;
    padding: 1px 0 4px 0;
    font-size: 12px;
    color: #fff;
    background: #3c6a99;
    border: 1px solid #2a4f75;
}

.btn_xs_green {
    width: 45px;
    height: 24px;
    padding: 1px 0 4px 0;
    font-size: 12px;
    color: #fff;
    background: #34855E;
    border: 1px solid #28744f;
}

.btn_xs_violet {
    width: 45px;
    height: 24px;
    padding: 1px 0 4px 0;
    font-size: 12px;
    color: #fff;
    background: #563c99;
    border: 1px solid #412c7a;
}

.btn_xs_orange {
    width: 45px;
    height: 24px;
    padding: 1px 0 4px 0;
    font-size: 12px;
    color: #fff;
    background: #df7017;
    border: 1px solid #c05d0d;
}

.btn_sm_brown {
    width: 65px;
    height: 24px;
    padding: 1px 0 4px 0;
    font-size: 12px;
    color: #fff;
    background: #B65C43;
    border: 1px solid #b75338;
}

/**버튼 텍스트 4자**/
.btn_sm_mint {
    width: 65px;
    height: 24px;
    padding: 1px 0 4px 0;
    font-size: 12px;
    color: #fff;
    background: #008080;
    border: 1px solid #249293;
}

.btn_sm_gray {
    width: 65px;
    height: 24px;
    padding: 1px 0 4px 0;
    font-size: 12px;
    color: #fff;
    background: #555961;
    border: 1px solid #7a8693;
}

.btn_sm_gray_02 {
    width: 65px;
    height: 24px;
    padding: 1px 0 4px 0;
    font-size: 12px;
    color: #fff;
    background: #526271;
    border: 1px solid #404c59;
}

.btn_sm_gray_02:focus {
    /* 웹접근성 포커싱 */
    /* outline: 2px dotted #000; */
    outline: 2px dotted #ff00f6;
}

.btn_sm_blue {
    width: 65px;
    height: 24px;
    padding: 1px 0 4px 0;
    font-size: 12px;
    color: #fff;
    background: #396AAC;
    border: 1px solid #406ca6;
}

.btn_sm_blue_02 {
    width: 65px;
    height: 24px;
    padding: 1px 0 4px 0;
    font-size: 12px;
    color: #fff;
    background: #3c6a99;
    border: 1px solid #2a4f75;
}

.btn_sm_green {
    width: 65px;
    height: 24px;
    padding: 1px 0 4px 0;
    font-size: 12px;
    color: #fff;
    background: #34855E;
    border: 1px solid #28744f;
}

.btn_sm_violet {
    width: 65px;
    height: 24px;
    padding: 1px 0 4px 0;
    font-size: 12px;
    color: #fff;
    background: #563c99;
    border: 1px solid #412c7a;
}

.btn_sm_orange {
    width: 65px;
    height: 24px;
    padding: 1px 0 4px 0;
    font-size: 12px;
    color: #fff;
    background: #df7017;
    border: 1px solid #c05d0d;
}

.btn_sml_brown {
    width: 85px;
    height: 24px;
    padding: 1px 0 4px 0;
    font-size: 12px;
    color: #fff;
    background: #B65C43;
    border: 1px solid #b75338;
}

/**버튼 텍스트 6자**/
.btn_sml_mint {
    width: 85px;
    height: 24px;
    padding: 1px 0 4px 0;
    font-size: 12px;
    color: #fff;
    background: #008080;
    border: 1px solid #249293;
}

.btn_sml_gray {
    width: 85px;
    height: 24px;
    padding: 1px 0 4px 0;
    font-size: 12px;
    color: #fff;
    background: #555961;
    border: 1px solid #7a8693;
}

.btn_sml_gray_02 {
    width: 85px;
    height: 24px;
    padding: 1px 0 4px 0;
    font-size: 12px;
    color: #fff;
    background: #526271;
    border: 1px solid #404c59;
}

.btn_sml_blue {
    width: 85px;
    height: 24px;
    padding: 1px 0 4px 0;
    font-size: 12px;
    color: #fff;
    background: #396AAC;
    border: 1px solid #406ca6;
}

.btn_sml_blue_02 {
    width: 85px;
    height: 24px;
    padding: 1px 0 4px 0;
    font-size: 12px;
    color: #fff;
    background: #3c6a99;
    border: 1px solid #2a4f75;
}

.btn_sml_green {
    width: 85px;
    height: 24px;
    padding: 1px 0 4px 0;
    font-size: 12px;
    color: #fff;
    background: #34855E;
    border: 1px solid #28744f;
}

.btn_sml_violet {
    width: 85px;
    height: 24px;
    padding: 1px 0 4px 0;
    font-size: 12px;
    color: #fff;
    background: #563c99;
    border: 1px solid #412c7a;
}

.btn_sml_orange {
    width: 85px;
    height: 24px;
    padding: 1px 0 4px 0;
    font-size: 12px;
    color: #fff;
    background: #df7017;
    border: 1px solid #c05d0d;
}

.btn_md_gray {
    width: 70px;
    padding: 8px 0;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    background: #555961;
    border: 1px solid #7a8693;
    margin-left: 7px;
}

/**중간 사이즈**/
.btn_md_blue {
    width: 70px;
    padding: 8px 0;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    background: #396AAC;
    border: 1px solid #406ca6;
    margin-left: 7px;
}

.btn_lg_gray {
    width: 170px;
    padding: 15px 0;
    font-size: 15px;
    font-weight: bold;
    color: #fff;
    background: #555961;
    border: 1px solid #7a8693;
    margin: 0 5px;
}

/**큰 사이즈**/
.btn_lg_blue {
    width: 170px;
    padding: 15px 0;
    font-size: 15px;
    font-weight: bold;
    color: #fff;
    background: #396AAC;
    border: 1px solid #406ca6;
    margin: 0 5px;
}

.btn_lgl_gray {
    width: 250px;
    padding: 15px 0;
    font-size: 15px;
    font-weight: bold;
    color: #fff;
    background: #555961;
    border: 1px solid #7a8693;
    margin: 0 5px;
}

/**큰 사이즈 텍스트 8자 이상**/
.btn_lgl_blue {
    width: 250px;
    padding: 15px 0;
    font-size: 15px;
    font-weight: bold;
    color: #fff;
    background: #396AAC;
    border: 1px solid #406ca6;
    margin: 0 5px;
}

.btn_pop_close {
    width: 60px;
    padding: 8px 0;
    font-size: 13px;
    color: #fff;
    font-weight: bold;
    background: #272d37;
}

.btn_pop_close_02 {
    position: absolute;
    width: 60px;
    padding: 8px 0;
    font-size: 13px;
    color: #fff;
    font-weight: bold;
    background: #434c5a;
}

.btn_brown {
    height: 24px;
    padding: 2px 6px 4px 6px;
    font-size: 12px;
    color: #fff;
    background: #B65C43;
    border: 1px solid #b75338;
}

/**width 사이즈 제한 없는 버튼**/
.btn_mint {
    height: 24px;
    padding: 2px 6px 4px 6px;
    font-size: 12px;
    color: #fff;
    background: #008080;
    border: 1px solid #249293;
}

.btn_gray {
    height: 24px;
    padding: 2px 6px 4px 6px;
    font-size: 12px;
    color: #fff;
    background: #555961;
    border: 1px solid #7a8693;
}

.btn_gray_02 {
    height: 24px;
    padding: 2px 6px 4px 6px;
    font-size: 12px;
    color: #fff;
    background: #526271;
    border: 1px solid #404c59;
}

.btn_blue {
    height: 24px;
    padding: 2px 6px 4px 6px;
    font-size: 12px;
    color: #fff;
    background: #396AAC;
    border: 1px solid #406ca6;
}

.btn_blue_02 {
    height: 24px;
    padding: 2px 6px 4px 6px;
    font-size: 12px;
    color: #fff;
    background: #3c6a99;
    border: 1px solid #2a4f75;
}

.btn_green {
    height: 24px;
    padding: 2px 6px 4px 6px;
    font-size: 12px;
    color: #fff;
    background: #34855E;
    border: 1px solid #28744f;
}

.btn_violet {
    height: 24px;
    padding: 2px 6px 4px 6px;
    font-size: 12px;
    color: #fff;
    background: #563c99;
    border: 1px solid #412c7a;
}

.btn_orange {
    height: 24px;
    padding: 2px 6px 4px 6px;
    font-size: 12px;
    color: #fff;
    background: #df7017;
    border: 1px solid #c05d0d;
}

.wrap_760 {
    width: 760px !important;
}

.wrap_780 {
    width: 780px !important;
}

.wrap_800 {
    width: 800px !important;
}

.inline_block {
    display: inline-block !important;
}

.block {
    display: block !important;
}















/* 

ul.info {
    width: 100%;
    padding: 0;
    margin: 10px 0;
}

ul.info li {
    width: 95%;
    line-height: 150%;
}

ul.info li.disc {
    width: 95%;
    line-height: 150%;
    list-style-type: disc;
}

div.notice_box {
    border: 1px dashed #cad2d8;
    background: #f9fafb;
    text-align: left;
    padding: 20px 20px;
    margin-bottom: 30px;
}

div.notice_box p.notice_txt {
    color: #555555;
    font-size: 14px;
    line-height: 160%;
    letter-spacing: -1px;
}

div.notice_box p.notice_txt span {
    color: #e20000;
    font-size: 14px;
    line-height: 160%;
    letter-spacing: -1px;
}

div.notice_box p.notice_txt em {
    color: #e20000;
    font-weight: bold;
    font-style: normal;
    letter-spacing: 0;
    text-decoration: underline;
    font-style: normal;
}

div.notice_box i.icon_arrow {
    background: url('/_Resources/Images/icon/title/icon_title_h4.png') left 7px no-repeat;
    padding-left: 10px;
    margin-left: 3px;
}

div.notice_box ul.info {
    width: 100%;
    padding: 0;
    margin: 6px 0 0 0;
}

div.notice_box ul.info li { 
    position: relative;
    width: auto;
    padding: 0 0 0 10px;
    margin: 0 0 0 16px;
    text-align: left;
}

div.notice_box ul.info li.dep_1st {
    margin: 0;
}

div.notice_box ul.info li::before {
    content: '';
    position: absolute;
    top: 9px;
    left: 0;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #333;
}

div.notice_box ul.info li em {
    color: #e20000;
    font-style: normal;
}

div.notice_box ol.info {
    width: 100%;
    padding: 0;
    margin: 5px 0;
}

div.notice_box ol.info li {
    width: auto;
    padding: 0 0 5px 0;
    margin: 0 0 0 32px;
    list-style-type: decimal;
    line-height: 135%;
}

div.notice_box ol.info li em {
    color: #e20000;
    font-style: normal;
}

div.notice_box ol.none,
li.none {
    list-style-type: none !important;
}

div.notice_box.order_notice {
    width: 97%;
    padding: 0;
    border: 0;
    background: #f3f3f3;
    box-sizing: border-box;
}

div.notice_box.order_notice .con_type_03_bull {
    display: block;
    width: 100%;
    margin: 0;
    padding: 7px 20px 7px 37px;
    line-height: 130%;
    background: #1673bb url('/_Resources/Images/son_img/sw_info_bull_white.png')no-repeat 20px center;
    color: #FFF;
    box-sizing: border-box;

}

div.notice_box.order_notice ul.info {
    padding: 10px 10px 15px 10px;
    font-weight: 400;
    box-sizing: border-box;
}

div.notice_box.order_notice ul.info li {
    padding: 0 0 3px 10px;

}

 */





 


 div.order_notice {
    width: 97%;
    padding: 0;
    border: 0;
    background: #f3f3f3;
    box-sizing: border-box;
}

div.order_notice .con_type_03_bull {
    display: block;
    width: 100%;
    margin: 0;
    padding: 7px 20px 7px 37px;
    line-height: 130%;
    background: #1673bb url('/_Resources/Images/son_img/sw_info_bull_white.png')no-repeat 20px center;
    color: #FFF;
    box-sizing: border-box;

}

div.order_notice ul.info {
    padding: 10px 10px 15px 10px;
    margin: 5px 0;
    font-weight: 400;
    box-sizing: border-box;
}

div.order_notice ul.info li {
    position: relative;
    padding: 0 0 3px 10px;
    margin: 0 0 0 16px;

}

div.order_notice ul.info li::before {
    content: '';
    position: absolute;
    top: 9px;
    left: 0;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #333;
}











table.tbl_bluegray {/*좌우 구분선 있음*/
    width: 100%;
    border-top: 2px solid #212d3d;
    border-left: 1px solid #e5e5e5;
    table-layout: fixed;
}


table.tbl_bluegray th {
    height: 50px;
    background: #eff1f3;
    border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    padding: 12px 5px;
    font-size: 14px;
    text-align: center;
}

table.tbl_bluegray th.font_12 {
    font-size: 13px;
}

table.tbl_bluegray td {
    height: 42px;
    background: #ffffff;
    border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    padding: 12px 7px;
    word-break: break-all;
    line-height: 150%;
    text-align: center;
    color: #333;
}

table.tbl_bluegray_2col {
    width: 100%;
    border-top: 2px solid #212d3d;
}

table.tbl_bluegray_2col th {
    background: #eff1f3;
    border-bottom: 1px solid #e5e5e5;
    padding: 12px 5px;
    text-align: center;
}

table.tbl_bluegray_2col th.font_12 {
    font-size: 13px;
}

table.tbl_bluegray_2col td {
    background: #ffffff;
    border-bottom: 1px solid #e5e5e5;
    padding: 0 10px;
    word-break: break-all;
    line-height: 150%;
    text-align: center;
    color: #333;
}

/*----------------------------------------*/

/* 목록스타일 공통-숫자들여쓰기 */
.dicimal_contents_list>li {
    list-style: none !important;
}

.dicimal_contents_list>li:before {
    content: '';
    display: inline-block;
    width: auto;
    height: auto;
    margin-left: -18px;
}



/* ----- 회원정책 퍼블리싱 수정 20161208 -----*/

.member_policy {
    position: relative;
    padding: 50px 5px 50px 5px;
    text-align: left;
    font-family: '맑은고딕', sans-serif, '돋움';
}

.member_policy h1.policy_title {
    color: #333;
    text-align: center;
    font-size: 30px;
}

.member_policy .agree_text_box {
    width: 780px;
    overflow-y: auto;
    padding: 10px;
}

.member_policy .agree_text_box .min_sub_article h2 {
    font-size: 18px;
    line-height: 135%;
    font-weight: 600;
    margin: 30px 0 20px 0;
}

.member_policy .agree_text_box .min_sub_article h3 {
    font-size: 16px;
    font-weight: 600;
    margin: 20px 0 10px 0;
}

.member_policy .agree_text_box ol li {
    list-style: decimal;
    margin: 0 0 5px 20px;
    font-size: 13px;
    line-height: 135%;
}

.member_policy .agree_text_box ol.ol_2nd {
    margin: 10px 0 0 0;
    padding: 0 0 0 15px;
}

.member_policy .agree_text_box ol.ol_2nd li {
    list-style: decimal;
    margin: 0 0 5px 20px;
}

.member_policy .agree_text_box ol.ol_2nd li>h4 {
    font-size: 14px;
    margin: 10px 0;
}

.member_policy .agree_text_box .ul_1st {
    margin: 10px 0 0 0;
    padding: 0 0 0 15px;
}

.member_policy .agree_text_box .ul_1st li {
    font-size: 13px;
    list-style: disc;
    margin: 0 0 10px 0;
    padding: 0;
}

.member_policy .policy_link {
    text-align: center;
    margin-top: 40px;
}

.member_policy .policy_link>a {
    display: inline-block;
    width: 45%;
    padding: 15px 15px 18px 15px;
    font-weight: 600;
    font-size: 16px;
    cursor: pointer;
    color: #fff;
    border: none;
    border-radius: 4px;
    margin: 10px 10px;
}

.member_policy .policy_link .btn_past {
    background: #363843;
    text-decoration: none;
}




/* ----- 팝업 템플릿 20180131 ----- */

div.temp_wrap {
    width: 452px;
    background: #484c57;
    font-family: 'Nanum Gothic', sans-serif;
}

div.temp_wrap .header {
    padding: 23px 0 0 0;
    text-align: center;
}

div.temp_wrap .header p,
div.temp_wrap .header h1 {
    padding: 0;
    margin: 0;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
}

div.temp_wrap .content {
    background: #FFF url('/_Resources/images/popup/template_bg.png') repeat;
    min-height: 200px;
    padding: 20px;
    margin: 20px 15px 6px 15px;
    border-radius: 5px;
}

div.temp_wrap .content p {
    margin: 0;
    font-size: 13px;
}

div.temp_wrap .content .stit {
    font-size: 16px;
    font-weight: 600;
    line-height: 135%;
}

div.temp_wrap .content .attention {
    padding: 10px 0 0 0;
    font-size: 14px;
    color: #cc0000;
    font-style: normal;
    font-weight: 600;
    line-height: 135%;
}

div.temp_wrap .footer {
    padding: 0 0 6px 0;
    text-align: center;
}


/* ----- 화상강의/시험 추가 2020.09.09 by yoo ----- */
.untact .ftf_link_wrap_c button.btn_lg_blue {
    font-size: 13px;
    width: 20%;
    margin: 0 0.75%;
    padding: 15px 0;
}

.untact .ftf_edit .popup_con_wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80%;
    height: 60%;
    margin: -30% auto auto -40%;
    background-color: #fff;
    box-sizing: border-box;
    border-radius: 18px;
    box-shadow: 0 5px 15px #7c7c7c;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.untact .ftf_edit .popup_con_wrap.etest {
    width: 90%;
    height: 90%;
    margin: -40% auto auto -45%;
    background: #404854;
}


.untact .ftf_edit .popup_con_wrap .otp_count {
    display: block;
    margin: 10px auto;
    font-size: 13px;
    letter-spacing: 0.02em;
}

.untact .ftf_edit .popup_con_wrap .btn_pop_close {
    position: absolute;
    top: -40px;
    right: 0;
}

.untact .ftf_edit .popup_con_wrap h4 {
    display: block;
    margin: 20px auto;
    text-align: center;
    font-size: 18px;
}

.untact .ftf_edit .popup_con_wrap .btn_lgl_blue {
    display: block;
    margin: 40px auto 0;
}

.untact .state_list li {
    padding-top: 8px;
    font-size: 14px;
    word-break: keep-all;
    line-height: 150%;
    letter-spacing: -0.03em;
}

/* 학습창 시험 -- 화상강의/시험 추가 2020.09.09 by yoo ----- */
.untact .testpaper_section {
    border: 0;
    height: 100%;
    text-align: left;
    font-size: 13px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.untact .testpaper_btn_group {
    background: #404854;
    height: 60px;
    padding: 10px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.untact .testpaper_btn_group span {
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
    vertical-align: middle;
    color: #FFF;
    margin-top: 8px;
    margin-right: 10px;
    padding: 5px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.untact .testpaper_btn_group span.time {
    padding: 5px 0 5px 25px;
    background: url("../Images/ic_time2.png") 0 center no-repeat;
}

.untact .testpaper_btn_group button {
    margin-left: 5px;
    padding: 10px;
    border-radius: 5px;
}

.untact .testpaper_btn_group .btn_submit {
    padding-left: 40px;
    color: #FFF;
    background: #13a3bf url("../Images/ic_arrow_right.png") 15px center no-repeat;
}

.untact .testpaper_article {
    height: 90%;
    padding: 25px;
    overflow-y: scroll;
    background: #FFF;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.untact .testpaper_unit {
    padding-bottom: 50px;
}

.untact .testpaper_unit_top {
    position: relative;
    background: transparent;
    border: 1px solid #ccc;
    min-height: 48px;
    *height: 48px;
    padding: 0 0 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.untact .testpaper_unit_num {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 28px;
    height: 28px;
    margin-right: 7px;
    padding: 5px;
    line-height: 150%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    font-weight: bold;
    text-align: center;
    background: #78808b;
}

.untact .testpaper_question {
    padding: 15px 10px 0 50px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 13px;
    color: #404854;
    letter-spacing: -0.01em;
    line-height: 20px;
}

.untact .testpaper_answer {
    padding-left: 40px;
}

.untact .testpaper_answer input {
    margin-top: 1px;
    margin-right: 10px;
}

.untact .testpaper_article.test_comment .board_ftf_02 {
    margin-bottom: 20px;
}

span.custom-radio,
.test_comment .testpaper_answer label:hover span.custom-radio {
    width: 16px;
    height: 16px;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
    position: relative;
    vertical-align: middle;
    z-index: 1;
    top: 4px;
    margin-right: 0.3em;
    background: url(../Images/radio-sprite.png) no-repeat 0 0 transparent;
}

label input.custom_input[type="radio"] {
    position: absolute;
    z-index: 2;
    cursor: pointer;
    outline: none;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -khtml-opacity: 0;
    -moz-opacity: 0;
}

label:hover span.custom-radio {
    background-position: 0 -16px;
}

label.selected span.custom-radio,
.test_comment .testpaper_answer label.selected span.custom-radio {
    background-position: 0 -32px;
}

.untact .testpaper_label {
    padding: 2px 0 5px 0;
    cursor: pointer;
}

.untact .testpaper_label i {
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
    width: 40px;
    height: 45px;
    margin-left: 5px;
    vertical-align: middle;
}

.untact .testpaper_answer label i.icon_o,
.untact .test_comment .testpaper_answer label:hover i.icon_o {
    margin-right: 30px;
    background: url(../Images/radio_o.png) no-repeat top 5px left;
    background-size: 100% auto;
}

.untact .testpaper_answer label:hover i.icon_o,
.untact .testpaper_answer label.selected i.icon_o,
.untact .test_comment .ex i.icon_o,
.untact .test_comment .testpaper_answer label.selected i.icon_o {
    background-image: url(../Images/radio_o_on.png);
}

.untact .testpaper_answer label i.icon_x,
.untact .test_comment .testpaper_answer label:hover i.icon_x {
    background: url(../Images/radio_x.png) no-repeat top 5px left;
    background-size: 100% auto;
}

.untact .testpaper_answer label:hover i.icon_x,
.untact .testpaper_answer label.selected i.icon_x,
.untact .test_comment .ex i.icon_x,
.untact .test_comment .testpaper_answer label.selected i.icon_x {
    background-image: url(../Images/radio_x_on.png);
}

.untact .test_comment .ex {
    margin-top: 20px;
    padding: 20px;
    background: #f7f7f7;
    border: 1px dashed #e0e0e0;
}

.untact .test_comment .ex p {
    display: block;
}

.untact .test_comment .ex p span {
    margin-right: 7px;
    padding: 5px 7px 5px 7px;
    font-size: 13px;
    text-align: center;
    color: #666666;
    background: #FFF;
    border: 1px solid #c1c1c1;
    border-radius: 4px;
}

.untact .test_comment .ex p span.box_span {
    font-weight: normal;
    background: #c1c1c1;
    border-radius: 5px;
    color: #fff;
    background: #4d5259;
    border: none;
    border-radius: 4px;
}

.untact .test_comment .ex i.icon_o,
.untact .test_comment .ex i.icon_x {
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
    width: 25px;
    height: 25px;
    vertical-align: middle;
}


.line {
    border: 3px dashed #ea4d00;
}

.line.first {
    border-top: 3px dashed #ea4d00;
    border-bottom: 0;
}

.line.last {
    border-top: 0;
    border-bottom: 3px dashed #ea4d00;
}

.untact .testpaper_unit i.mark {
    position: absolute;
    top: -3px;
    left: -8px;
    width: 65px;
    height: 65px;
    z-index: 2;

}

.untact .testpaper_unit.correct i.mark {
    background: url(../Images/ic_answer.png) 0 0 no-repeat;
}

.untact .testpaper_unit.incorrect i.mark {
    background: url(../Images/ic_incorrect.png) 0 0 no-repeat;
}

.untact .test_comment .testpaper_answer label i,
.untact .test_comment .testpaper_label,
.untact .test_comment .testpaper_answer .testpaper_label span.custom-radio,
.untact .test_comment .testpaper_answer .testpaper_label input.custom_input {
    cursor: default;
}

/* 새창 팝업일 경우--학습창 시험 */
.untact.new_widndow {
    height: 100%;
    max-height: 799px;
}

.untact.new_widndow .testpaper_section {
    padding: 80px 0 20px;

}

.untact.new_widndow .testpaper_btn_group {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 80px;
    padding: 20px 2.5%;
    z-index: 100;
    background: #404854;
}

.untact.new_widndow .testpaper_article {
    width: 95%;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
}

/*  ----- 화상강의&출석강의 혼합 2020.10.16 ----- */
.untact .sw_contents_in_03 {
    width: 100%;
    padding: 30px 5%;
    /* background: #f5f5f5; */
    border: 5px solid #434d67;
    border-top: 0;
    box-sizing: border-box;
}

.untact .sw_contents_in_03 h4 {
    margin: 0;
    padding: 0 0 10px;
    text-align: left;
}

.untact .sw_contents_in_03 .sw_contents_article_p {
    padding: 0;
    border: 0;
}

.untact .sw_contents_in_03 .info {
    margin: 0;
    padding: 0 0 0 15px;
}

.untact .sw_contents_in_03 .info li {
    text-align: left;
}

.untact .sw_contents_in_03 .board_ftf_01_2col,
.untact .sw_contents_in_03 .notice_box {
    margin: 0 auto;
    padding: 15px 0 10px;
}

.toggle_heading {
    cursor: pointer;
}

.toggle_heading.active td {
    background: #434d67;
    color: #FFF;
    border-bottom: 0;
}

@media all and (max-height: 795px) {
    .untact .ftf_edit .popup_con_wrap {
        top: 60px;
        height: 75%;
        margin-top: 0;
    }

    .untact .ftf_edit .popup_con_wrap .box {
        height: 100%;
        overflow-y: auto;
    }

    .untact .ftf_edit .popup_con_wrap.etest {
        height: 90%;
        top: 5%;
        margin-top: 0;
    }
}

/*  실습수업 신청서/서류제출 양식 2021.03.05 by yoo----------------- */

table.board_ftf_02 tr.paper_info {
    display: none;
}

table.board_ftf_02 tr.paper_info>td {
    padding: 20px 25px 50px;
    background: #f8f8f8;
}

tr.paper_info .stxt {
    font-size: 12px;
    line-height: 130%;
    font-weight: normal;
}

tr.paper_info h3.paper_title {
    display: block;
    position: relative;
    padding: 20px 0;
    border: 3px solid #416ca5;
    color: #416ca5;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: -0.05em;
    text-align: center;
}

tr.paper_info table.paper_info_table tr th,
tr.paper_info table.paper_info_table tr td {
    height: 25px;
    padding: 10px;
    border-bottom: 1px solid #ccc;
}

tr.paper_info table.paper_info_table tr td {
    background: #ffffff;
    font-size: 13px;
    text-align: center;
}

tr.paper_info table.paper_info_table tr td p {
    line-height: 135%;
}

tr.paper_info table.paper_info_table td input,
tr.paper_info table.paper_info_table td select {
    height: 26px;
    font-size: 13px;
    padding: 0 3px;
    margin: 0 3px;
    background: rgb(243, 243, 243);
    border: 1px solid #ccc;
}

tr.paper_info table.paper_info_table td input[type=text],
tr.paper_info table.paper_info_table td input[type=number] {
    width: auto;
    font-size: 13px;
}

tr.paper_info table.paper_info_table td input[type=checkbox],
tr.paper_info table.paper_info_table td label {
    vertical-align: middle;
}

.fileupload {
    width: 540px;
    margin: 0 0 20px;
    padding: 24px 0;
    background: #fbfbfb;
    border: 1px dashed #CCC;
}

.fileupload label {
    display: block;
    height: 30px;
    font-weight: bold;
    font-size: 16px;
}

.fileupload input[type=file] {
    display: block;
    position: relative;
    width: 90%;
    height: 30px;
    padding: 0 0 0 13px;
    margin: 5px auto 10px;
    background: #FFF;
    border: 1px solid #5682bd;
    line-height: 29px;
    border-radius: 5px;
    overflow: hidden;

}

.fileupload input[type=file]:before {
    content: "파일선택";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 87px;
    height: 100%;
    /* padding-top: 5px; */
    background: #396AAC;
    color: #FFF;
    text-align: center;
}



tr.paper_info table.paper_info_table td input.text_input_tel,
tr.paper_info table.paper_info_table td input.text_input_num {
    width: 50px;
    text-align: center;
}

tr.paper_info table.paper_info_table td input.text_input_100p {
    width: 95%;
}

tr.paper_info table.paper_info_table td input.text_input_70p {
    width: 70%;
}

tr.paper_info table.paper_info_table td input.text_input_300 {
    width: 300px;
}

tr.paper_info table.paper_info_table td input.text_input_450 {
    width: 450px;
}

tr.paper_info table.paper_info_table td select.select_160 {
    width: 160px;
    font-size: 14px;
}

tr.paper_info table.paper_info_table td select.select_400 {
    width: 400px;
    font-size: 14px;
}

tr.paper_info button:disabled {
    opacity: 0.35;

}

tr.paper_info button.btn_addsearch {
    display: inline-block;
    height: 26px;
    background: #555961;
    font-weight: normal;
    color: #fff;
    border: none;
    border: 1px solid #7a8693;
    padding: 0 10px;
    vertical-align: bottom;
}

tr.paper_info button.btn_submit,
tr.paper_info button.btn_cancel {
    width: 250px;
    padding: 12px 0 15px;
    margin: 0 5px;
    background: #396AAC;
    color: #fff;
    border: none;
    font-size: 14px;
    cursor: pointer;
    border-radius: 3px;
    font-weight: 600;
}

tr.paper_info button.btn_sample {
    position: absolute;
    top: 18px;
    right: 15px;
}

tr.paper_info button.btn_cancel {
    background: #555961;
}


/* 수강신청 (가격,할인율) */
div[id^='divApply_'] .board_list_type_02 td span.orange_txt2,
div[id^='WAtabpanel_'] .board_list_type_02 td span.orange_txt2 {
    font-size: 15px;
    letter-spacing: -0.03em;
}

div[id^='divApply_'] .board_list_type_02 td span.orange_txt2:after,
div[id^='WAtabpanel_'] .board_list_type_02 td span.orange_txt2:after {
    content: '원';
    display: inline-block;
    width: auto;
    font-size: 12px;
    font-weight: normal;
    vertical-align: baseline;
}

div[id^='divApply_'] .board_list_type_02 td span.red_txt2,
div[id^='WAtabpanel_'] .board_list_type_02 td span.red_txt2 {
    color: #A62100;
}

div[id^='divApply_'] .board_list_type_02 td .tooltip_wrap,
div[id^='WAtabpanel_'] .board_list_type_02 td .tooltip_wrap {
    display: inline-block;
}

div[id^='divApply_'] .board_list_type_02 td .tooltip_wrap .tooltip,
div[id^='WAtabpanel_'] .board_list_type_02 td .tooltip_wrap .tooltip {
    width: auto;
    top: 30px;
    left: 0;
}

div[id^='divApply_'] .board_list_type_02 td span.sw_ico_back_3,
div[id^='WAtabpanel_'] .board_list_type_02 td span.sw_ico_back_3,
.s_temp_box_in_table td span.sw_ico_back_3 {
    position: relative;
}

div[id^='divApply_'] .board_list_type_02 td span.sw_ico_back_3:after,
div[id^='WAtabpanel_'] .board_list_type_02 td span.sw_ico_back_3:after,
.s_temp_box_in_table td span.sw_ico_back_3:after {
    display: none;
    content: attr(title);
    position: absolute;
    top: -3px;
    left: -30px;
    width: auto;
    min-width: 110px;
    padding: 3px 5px;
    font-size: 12px;
    font-weight: normal;
    background-color: #ec0000;
    box-sizing: border-box;
    border-radius: 3px;
}

div[id^='divApply_'] .board_list_type_02 td span.sw_ico_back_3:hover::after,
div[id^='divApply_'] .board_list_type_02 td span.sw_ico_back_3:focus::after,
div[id^='WAtabpanel_'] .board_list_type_02 td span.sw_ico_back_3:hover::after,
div[id^='WAtabpanel_'] .board_list_type_02 td span.sw_ico_back_3:focus::after,
.s_temp_box_in_table td span.sw_ico_back_3:hover::after,
.s_temp_box_in_table td span.sw_ico_back_3:focus::after {
    display: block;
}

div[id^='divApply_'] .board_list_type_02 td span.sw_ico_back_3:focus::after,
div[id^='WAtabpanel_'] .board_list_type_02 td span.sw_ico_back_3:focus::after,
.s_temp_box_in_table td span.sw_ico_back_3:focus::after {
    /* 웹접근성 포커싱 */
    /* outline: 2px dotted #000; */
    outline: 2px dotted #ff00f6;
}



input.check_apply {
    position: relative;
    width: 16px;
    height: 16px;
    border: 0;
    box-sizing: border-box;
}

input.check_apply:after {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 100%;
    border: 1px solid #002d65;
    border-radius: 3px;
    background: transparent;
    box-sizing: border-box;
}

input.check_apply:disabled:after {
    border: 1px solid #ececed;
    background: #ececed;
}

/* 레이어팝업 공통 */
.layerpop {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    background: url('/_Resources/Images/popup/all_bg.png') repeat;
    z-index: 15;
    width: 100%;
    height: 100%;
    z-index: 199;
}

.layerpop .popup_con_wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    height: auto;
    margin: 0 auto;
    z-index: 200;
    text-align: center;
    vertical-align: middle;
}

.layerpop .popup_con_wrap .btn_close {
    display: block;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 0;
    right: 0;
    padding-top: 15px;
    text-align: center;
    background: #FFF;
}

.layerpop .popup_con_wrap .btn_close i {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../Images/board/bg_sprite_btn.gif) -19px -310px no-repeat;
}