@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR&display=swap');/* 20220323 수정 */

/* 로그인 페이지 */
.login_area {overflow: hidden; width: 449px; height: 416px; margin: 88px auto; padding: 50px; text-align: center; border-radius: 8px; background-color: #ffffff; box-sizing: border-box;}
    .login_input_area {}
        .login_area strong.login_title {display: inline-block; margin-bottom: 45px; font-size: 30px; color: #333333; font-weight: 400;}
            .login_area .login_input_area .login_box {overflow: hidden; margin-bottom: 28px; border-bottom: 1px solid #dddddd;}
            .login_area .login_input_area .login_box input[type=text] {display: block; width: 100%; height: 44px; margin-bottom: 10px; font-size: 16px; text-indent: 15px; border: 1px solid #c6c6c6; box-sizing: border-box; outline: none;}
            .login_area .login_input_area .login_box input[type=password] {display: block; width: 100%; height: 44px; margin-bottom: 10px; font-size: 16px; text-indent: 15px; border: 1px solid #c6c6c6; box-sizing: border-box; outline: none;}
            .login_area .login_input_area .login_box button.login_btn {overflow: hidden; display: block; width: 100%; height: 46px; color: #ffffff; font-size: 16px; border: 0px; background-color: #248af4;}
            .login_area .login_input_area .login_box .login_checkbox_area {margin: 17px 0;}

.btn_link_area {}
    .btn_link_area a {font-size: 13px; color: #333333;}
    .btn_link_area a + a {margin-left: 25px;}
    .btn_link_area a:hover {text-decoration: underline;}
    .btn_link_area a span {padding-left: 15px; background:url('../images/icon/icon_bullet01.png') no-repeat center left;}

 /* sns 로그인 영역
    .sns_login_area {display: inline-block; width: 50%; height: 100%; padding-left: 68px;  box-sizing: border-box;}
        .sns_login_area .sns_login_box {overflow: hidden;}
            .sns_login_area .sns_login_box a {display: block; position: relative; height: 41px; color: #ffffff; font-size: 15px; line-height: 41px;}
            .sns_login_area .sns_login_box a::after {display: block; position: absolute; content: ""; width: 1px; height: 41px; top: 0px; left: 41px;}
            .sns_login_area .sns_login_box a:hover {text-decoration: none;}
            .sns_login_area .sns_login_box a + a  {margin-top: 10px;}

            .sns_login_area .sns_login_box a.btn_facebook {background:url('../images/icon/icon_facebook.png') no-repeat center left #415c96;}
            .sns_login_area .sns_login_box a.btn_facebook::after {background: #7a8db6;}
            .sns_login_area .sns_login_box a.btn_twitter {background: url('../images/icon/icon_twitter.png') no-repeat center left #33bdfd;}
            .sns_login_area .sns_login_box a.btn_twitter::after {background: #71d1fe;}
            .sns_login_area .sns_login_box a.btn_google {background: url('../images/icon/icon_google.png') no-repeat center left #dc4e41;}
            .sns_login_area .sns_login_box a.btn_google::after {background: #e7837a;}
            .sns_login_area .sns_login_box a.btn_weibo {background: url('../images/icon/icon_weibo.png') no-repeat center left #e1162c;}
            .sns_login_area .sns_login_box a.btn_weibo::after {background: #ea5c6c;}
 */

/* 아이디, 비밀번호 찾기 및 결과 */
.find_area {overflow: hidden; width: 1010px; text-align: center; margin: 50px auto 60px;}
    .find_area strong.find_title {display: block; margin-bottom: 35px; font-size: 30px; color: #333333; font-weight: 700;}
    .find_area .find_box {overflow: hidden; padding: 28px 35px; text-align: left; background:url('../images/sub/find_bg01.png') no-repeat bottom 38px right 36px #ffffff; box-sizing: border-box;}

/* 회원가입 */
.member_join_area {overflow: hidden; width: 1200px; margin: 50px auto 60px; background-color: #ffffff;}
.step_area {overflow: hidden; border-bottom: 1px solid #dcdcdc;}
    .step_area li {float: left; width: 33.3333%; height: 75px; line-height: 75px; text-align: center; color: #333333; border-left: 1px solid #dcdcdc; box-sizing: border-box;}
    .step_area li.active {background-color: #248af4; color: #ffffff;}
    .step_area li:first-child {border-left: 0px;}
    .step_area li:nth-child(1) strong {background:url('../images/sub/join01.png') no-repeat center left;}
    .step_area li:nth-child(2) strong {background:url('../images/sub/join02.png') no-repeat center left;}
    .step_area li:nth-child(3) strong {background:url('../images/sub/join03.png') no-repeat center left;}
    .step_area li:nth-child(1).active strong {background:url('../images/sub/join01_hover.png') no-repeat center left;}
    .step_area li:nth-child(2).active strong {background:url('../images/sub/join02_hover.png') no-repeat center left;}
    .step_area li:nth-child(3).active strong {background:url('../images/sub/join03_hover.png') no-repeat center left;}
    .step_area li strong {font-weight: 700; display: inline-block; padding-left: 56px; font-size: 16px;}
    .step_area li span {display: inline-block; position: relative; padding-left: 25px; font-size: 16px;}
    .step_area li span::after {display: inline-block; position: absolute; content: ""; width: 1px; height: 15px; top: 31px; left: 10px; background-color: #dcdcdc;}
    .step_area li.active span::after {background-color:#78b0e9;}

.join_content_area {overflow: hidden; margin: 0 95px 40px;}

p.policy_title {margin-bottom: 15px; font-size: 18px; color: #333333; text-align: center;}
.policy_box {overflow-y: scroll; height: 150px; border-top: 2px solid #666666; border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; border-bottom: 1px solid #dddddd; background-color: #f4f7fa; box-sizing: border-box;}
    .policy_box > div {padding: 15px 40px; font-size: 14px; color: #888888;}

.join_box {overflow: hidden; border-top: 2px solid #666666;}
    .join_box ul {overflow: hidden; border-top: 1px solid #dddddd; border-left: 1px solid #dddddd; border-right: 1px solid #dddddd;}
    .join_box ul li {float: left; width: 50%; padding: 14px 0; text-align: center; border-left: 1px solid #dddddd; border-bottom: 1px solid #dddddd; box-sizing: border-box;}
    .join_box ul li .checkbox_type02 label {display: block; font-size: 16px;}
    .join_box ul li > .checkbox_type02 input[type="checkbox"] + label:before {position: absolute; top: -3px; right: 10px;}
    .join_box ul li:nth-child(1) {border-left:0px;}
    .join_box ul li:nth-child(3) {border-left:0px;}
    .join_box ul li:nth-child(5) {width: 100%; border-left:0px;}
    .join_box ul li.one_line {width:100%;}
    .join_box ul li a:hover {text-decoration: none;}

.join_content_area .join_complete_area {overflow: hidden; margin-bottom: 40px; background:url('../images/sub/member_join_bg.png') no-repeat top 40px center}
    .join_content_area .join_complete_area p {padding-top: 380px; font-size: 25px; color: #333333; font-weight: 700; text-align: center;}


/* 마이페이지 */

/* 마이페이지 - 내강좌 리스트 */
.myclass {overflow: hidden;}
.myclass > div.section {height: 478px;}
    .myclass div.section:nth-child(odd) {background-color: #f7f5ef;}
    .myclass div.section:nth-child(even) {background-color: #ffffff;}
    .myclass div.section div.section_layout {width: 1200px; height: 478px; margin: 0 auto; padding: 37px 0; box-sizing: border-box;}

.swiper1_type01_sub .slick-list {width: 715px; margin: 0 auto;}
.swiper1_type01_sub .slick-slide {width: 225px !important; margin: 0 10px;}
.quick_menu_link_btn_area {}
    .quick_menu_link_btn_area a.linkleftbtn {position: absolute; top: 200px; left: 5px; outline: none;}
    .quick_menu_link_btn_area a.linkrightbtn {position: absolute; top: 200px; right: 25px; outline: none;}


.rolling_area {position: relative; float: left; display: inline-block; width: 820px; height: 420px;}
.schedule_area {display: inline-block; width: 380px;}
    .schedule_title_area {position: relative; margin-bottom: 30px;}
    .schedule_title_area a {position: absolute; top: 9px; right: 0px;}

    .schedule_con_area {position: relative; overflow: hidden; height: 317px; padding: 20px; border: 1px solid #e6e6e6; border-radius: 8px; background-color: #ffffff; box-sizing: border-box;}
    .schedule_con_area.scroll {overflow-y: scroll; padding-bottom: 0px; }
    .schedule_con_area.bgtype01 {background-color: #f6f6f6;}
    .schedule_con_area ul {overflow: hidden;}
    .schedule_con_area > ul > li {margin-bottom: 25px;}
    .schedule_con_area > ul > li:last-child {margin-bottom: 0px; padding-bottom: 20px;}

    .schedule_con_area ul li div.schedule_box {font-weight: 300;}
    .schedule_con_area ul li div.schedule_box:hover {cursor: pointer; color:#a38a62}
    .schedule_con_area ul li div.schedule_box strong.schedule_division {overflow:hidden; display: block; float: left; width: 70px; min-height: 70px; margin-right: 20px; line-height: 70px; font-size: 15px; font-weight: 500; text-align: center;}
    .schedule_con_area ul li div.schedule_box strong.schedule_division.w50 {width: 50px;}
    .schedule_con_area ul li div.schedule_box strong.schedule_division.w50:lang(en) {width: 80px; font-size: 14px;}
    /*
    타이틀 텍스트가 두줄이상시 깨짐
    .schedule_con_area ul li div.schedule_box div.schedule_con {overflow: hidden; position: relative; display: block; height: 70px; border-left: 1px solid #ddddde; font-size: 14px;}
    .schedule_con_area ul li div.schedule_box div.schedule_con > div {overflow: hidden; position: absolute; width: calc(100% - 20px); top: 50%; left: 20px; transform: translate(0,-50%);}
    .schedule_con_area ul li div.schedule_box div.schedule_con > div:lang(en) {width: calc(100% - 10px);}
     */

    .schedule_con_area ul li div.schedule_box div.schedule_con {overflow: hidden; position: relative; display: block; min-height: 70px; border-left: 1px solid #ddddde; font-size: 14px;}
    .schedule_con_area ul li div.schedule_box div.schedule_con > div {width: calc(100% - 20px); margin-left: 20px;}
    .schedule_con_area ul li div.schedule_box div.schedule_con > div:lang(en) {width: calc(100% - 10px);}

    .schedule_con_area ul li div.schedule_box div.schedule_con strong {display: inline-block; margin-bottom: 5px; font-size: 16px; font-weight: 700;}
    .schedule_con_area ul li div.schedule_box div.schedule_con strong + p {max-height: 21px; margin-bottom: 5px;}
    .schedule_con_area ul li div.schedule_box div.schedule_con p {overflow: hidden; max-height: 45px;}
    .schedule_con_area ul li div.schedule_box div.schedule_con ul li {float: left; width: 50%;}
    .schedule_con_area ul li div.schedule_box div.schedule_con ul li:nth-child(2) {text-align: center;}
    .schedule_con_area ul li div.schedule_box div.schedule_con ul li.w100 {width: 100%;}

    .schedule_con_area ul li div.schedule_box div.schedule_con ul li span.time {display: inline-block; height: 24px; padding-left: 30px; line-height: 23px; background: url('../images/icon/icon_time02.png') no-repeat center left;}
    .schedule_con_area ul li div.schedule_box div.schedule_con ul li span.time02 {display: inline-block; height: 24px; padding-left: 30px; color: #df6060; line-height: 23px; background: url('../images/icon/icon_time04.png') no-repeat center left;}
    .schedule_con_area ul li div.schedule_box div.schedule_con ul li span.clicknum {display: inline-block; height: 24px; padding-left: 25px; line-height: 23px; background: url('../images/icon/icon_click.png') no-repeat center left;}
    .schedule_con_area ul li div.schedule_box div.schedule_con ul li span.schedule {display: inline-block; height: 24px; padding-left: 30px; color: #df6060; line-height: 23px; background: url('../images/icon/icon_schedule01.png') no-repeat center left;}

    .schedule_con_area ul li div.schedule_box:hover div.schedule_con ul li span.time {color:#a38a62; background: url('../images/icon/icon_time03.png') no-repeat center left;}
    .schedule_con_area ul li div.schedule_box:hover div.schedule_con ul li span.time02 {color:#a38a62; background: url('../images/icon/icon_time03.png') no-repeat center left;}
    .schedule_con_area ul li div.schedule_box:hover div.schedule_con ul li span.clicknum {color:#a38a62; background: url('../images/icon/icon_click02.png') no-repeat center left;}
    .schedule_con_area ul li div.schedule_box:hover div.schedule_con ul li span.schedule {color:#a38a62; background: url('../images/icon/icon_schedule02.png') no-repeat center left;}

/* 마이페이지 - 내자료 리스트 */
.mydata {overflow: hidden;}
.mydata_search_area {overflow: hidden; height: 115px; background-color: #253b4f;}
.mydata_search_area.bgtype01 {background-color: #3583ba;}
    .mydata_search_area .mydata_search {position: relative; overflow: hidden; width: 1200px; height: 45px; margin: 35px auto 35px; background-color: #fff; border-radius: 50px;}
    .mydata_search_area .mydata_search label {display: inline-block; text-indent: -9999px;}
    .mydata_search_area .mydata_search input[type=text].search_field_type01 {display: block; float: left; width: calc(100% - 111px); height: 45px; margin: 0 0 0 25px; font-size: 16px; border: 0px; outline: none; background-color: #ffffff;}
    .mydata_search_area .mydata_search input[type=text].search_field_type01::placeholder {font-family: "Noto Sans KR", sans-serif; font-size: 16px;}
    .mydata_search_area .mydata_search input[type=text].search_field_type01:-ms-input-placeholder {font-family: "Noto Sans KR", sans-serif; font-size: 16px;}
input.search_field_type01 + .clearable_clear {display: none; position: absolute; width: 22px; height: 22px; margin-top: -10px; top: 50%; right: 55px; cursor: pointer; background: url('../images/common/clear_btn00.png') no-repeat center; text-indent: -9999px;}
.mydata_search .search_btn {display: block; width: 45px; height: 45px; margin-right: 10px; float: right; outline: none;}

    div.mydata > div.section:nth-child(odd) {background-color: #fafafa;}
    div.mydata > div.section:nth-child(even) {background-color: #ffffff;}
    div.mydata > div.section > .section_layout {width: 1200px; margin: 0 auto;}

    div.myaccount {overflow: hidden;}
    div.myaccount > div.section:nth-child(odd) {background-color: #ffffff;}
    div.myaccount > div.section:nth-child(even) {min-height: 610px; background-color: #fafafa;}
    div.myaccount > div.section > .section_layout {width: 1200px; margin: 0 auto;}


/* 마이페이지 내계정 */
a.btn_alarm {
    display: inline-block;
    padding: 5px 16px;
    font-size: 13px;
    color: #fff;
    border-radius: 10px;
    background-color: #d8d8d8;
}
a.btn_alarm.on {background-color: #6b9bbd;}
a.btn_alarm:hover {text-decoration: none; background-color: #6b9bbd;}

.alarm_box {cursor: pointer;}
.alarm_box.on {background: url('../images/common/arrow_down.png') no-repeat center right 20px;}
.alarm_box.off {background: url('../images/common/arrow_up.png') no-repeat center right 20px;}

.alarm_setting_area {}
.alarm_setting_area ul li .alarm_box {
    overflow: hidden;
    position: relative;
    padding: 17px 30px;
    vertical-align: middle;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    background-color: #fff;
}
p.alarm_chk {
    display: inline-block;
    position: absolute;
    top: 20px;
}
strong.alarm_title {
    padding-left: 50px;
    font-size: 20px;
    line-height: 38px;
}
/* notification 버튼 Default */
input[class^="alarm_chk"] + label {
    display: inline-block;
    width: 27px;
    height: 34px;
    border: none;
    cursor: pointer;
  background: url('../images/common/icon_alarm_off.png') no-repeat center;
}

/* notification 버튼 클릭시 모양 */
input[class^="alarm_chk"]:checked + label {
  background: url('../images/common/icon_alarm_on.png') no-repeat center;
}

input[class^="alarm_chk"] {
    display: none;
}


.check_group_area {position: absolute; top: 20px; right: 85px;}

/* 버튼 Default */
input[class^="notification_group_chk"] + label {
display: inline-block;
width: 110px;
padding: 5px 15px;
margin-left: -5px;
font-size:12px;
color:#333;
text-align: center;;
border: 1px solid #e0e0e0;
background-color:#fff;
letter-spacing: -0.03em;
transition: .1s all linear;
}

/* 버튼 클릭시 모양 */
input[class^="notification_group_chk"]:checked + label {
  color:#fff;
  background-color: #d17411;
}

input[class^="notification_group_chk"] {
	display: none;
}
.alarm_setting_area > ul > li + li {margin-top: 20px;}
.alarm_setting_area ul li ul {margin: 20px 0 0 60px;}
.alarm_setting_area ul li ul li + li {margin: 10px 0 0 0;}
.alarm_setting_area ul li ul li:last-child {padding-bottom: 15px;}
a.btn_more_alarm {
    display: block;
    padding: 11px 0;
    font-size: 16px;
    color: #fff;
    text-align: center;
    background-color: #4b81a7;
}
a.btn_more_alarm span {
    padding-right: 20px;
    background: url('../images/common/plus_btn03.png') no-repeat center right;
}

a.btn_more_alarm.close span {
    padding-right: 20px;
    background: url('../images/common/minus_btn01.png') no-repeat center right;
}



.myinfo_area {overflow: hidden; padding: 30px 40px; border: 1px solid #e0e0e0;}

.startpage_setting_area {overflow: hidden; border-top: 1px solid #eaeaea;}
.startpage_setting_area strong {display: block; padding: 30px 0 20px 0; font-size: 20px;}
.start_option_area {margin-bottom: 25px; padding: 15px 0; text-align: center; background-color: #f4f7fa;}

div.table_li_area {overflow: hidden; padding-bottom: 25px;}
    div.table_li_area ul {float: left; display: table; table-layout: fixed; width: 50%;}
    div.table_li_area ul + ul {padding-left: 40px; border-left: 1px solid #eaeaea;}
    div.table_li_area ul:first-child {padding-right: 40px;}
    div.table_li_area ul li {display: block; overflow: hidden; display: table-row;}
    div.table_li_area ul li + li {padding: 11px 0;}
    div.table_li_area ul li > div {display: table-cell;}
    div.table_li_area ul li div.table_li_th {width: 127px; padding: 10px 0; font-size: 17px; color:#333; font-weight: 700; vertical-align: middle;}
    div.table_li_area ul li div.table_li_td {width: calc(100% - 127px); padding: 10px 0; vertical-align: middle;}

    div.table_li_area ul li div.table_li_td.passwordbg01 {background: url('../images/common/password_area_bg01.png') no-repeat center right 29px;}
    div.table_li_area ul li div.table_li_td.passwordbg01.checked {position: relative; background: url('../images/common/password_area_bg03.png') no-repeat center right 29px;}
    div.table_li_area ul li div.table_li_td.passwordbg01.unchecked {background: url('../images/common/password_area_bg04.png') no-repeat center right 29px;}
    div.table_li_area ul li div.table_li_td.passwordbg01.checked span.passwordtxt {position: absolute; margin-top: -6px; top: 50%; right: 55px; font-size: 13px; color: #39a6b0;}

    div.table_li_area ul li div.table_li_td.passwordbg02 {background: url('../images/common/password_area_bg02.png') no-repeat center right 29px;}
    div.table_li_area ul li div.table_li_td.passwordbg02.checked {position: relative; background: url('../images/common/password_area_bg03.png') no-repeat center right 29px;}
    div.table_li_area ul li div.table_li_td.passwordbg02.unchecked {background: url('../images/common/password_area_bg04.png') no-repeat center right 29px;}

    div.table_li_area ul li div.table_li_td.checkbg {background: url('../images/common/check_off.png') no-repeat center right 25px;}
    div.table_li_area ul li div.table_li_td.checkbg.on {background: url('../images/common/check_on.png') no-repeat center right 25px;}


/* 메세지 */
div.message {overflow: hidden; height: 100%;}
div.message div.message_header {height: 123px; border-bottom: 1px solid #cccccc;}
div.message_container {
    overflow: hidden;
    width: 1200px;
    margin: 0 auto;
    padding-top: 55px;
}
.message_search {position: relative; overflow: hidden; width: 540px; height: 38px; margin: 0 auto; background-color: #e1e6e9; border-radius: 50px;}
.message_search input[type=text].message_field_type01 {display: block; float: left; width: calc(100% - 100px); height: 38px; margin: 0 0 0 20px; border: 0px; outline: none; background-color: #e1e6e9;}
input.search_field_type01 + i.clearable_clear {display: none; position: absolute; width: 22px; height: 22px; margin-top: -10px; top: 50%; right: 55px; cursor: pointer; background: url('../images/common/clear_btn00.png') no-repeat center; text-indent: -9999px;}
.message_search .search_btn {display: block; width: 38px; height: 38px; margin-right: 10px; float: right; outline: none;}

div.message_search_option {float: left; overflow: hidden; display: inline-block; position: relative; height: 38px; font-size: 14px; color: #333333; vertical-align: middle; border: 0px; background: url('../images/common/select_arrow02.png') no-repeat right 20px center #e1e6e9;}
    div.message_search_option::before {position: absolute; content: ""; width: 1px; height: 20px; top: 10px; right: 10px; background-color: #bbbbbb;}
    div.message_search_option > .message_searchlabel {position: absolute; width: calc(85% - 20px); padding-left: 10px; font-size: 16px; line-height: 38px; color: #333333; text-align: left; top: 0px; left: 10px; letter-spacing: -1px;}
    div.message_search_option > .message_searchselect {width: 100%; height: 38px; min-height: 38px; line-height: 38px; padding: 0 10px; font-size: 16px; opacity: 0; filter: alpha(opacity=0); /* IE 8 */ border: 0px;}

a.message_btn {float: left; display: inline-block; width: 162px; height: 38px; line-height: 38px; text-align: center; border-radius: 5px; background-color: #eaeaea;}
    a.message_btn span {padding-left: 35px; font-size: 16px; color: #333;}
    a.message_btn span.messagebg01 {background: url('../images/common/message_btn_bg01_off.png') no-repeat center left;}
    a.message_btn span.messagebg02 {background: url('../images/common/message_btn_bg02_off.png') no-repeat center left;}
    a.message_btn span.messagebg03 {background: url('../images/common/message_btn_bg03_off.png') no-repeat center left;}
    a.message_btn:hover {background-color: #bbc84e;}
    a.message_btn:hover span {color: #fff;}
    a.message_btn:hover span.messagebg01 {background: url('../images/common/message_btn_bg01_on.png') no-repeat center left;}
    a.message_btn:hover span.messagebg02 {background: url('../images/common/message_btn_bg02_on.png') no-repeat center left;}
    a.message_btn:hover span.messagebg03 {background: url('../images/common/message_btn_bg03_on.png') no-repeat center left;}
    a.message_btn.on {background-color: #bbc84e;}
    a.message_btn.on span {color: #fff;}
    a.message_btn.on span.messagebg01 {background: url('../images/common/message_btn_bg01_on.png') no-repeat center left;}
    a.message_btn.on span.messagebg02 {background: url('../images/common/message_btn_bg02_on.png') no-repeat center left;}
    a.message_btn.on span.messagebg03 {background: url('../images/common/message_btn_bg03_on.png') no-repeat center left;}

    a.message_btn + a.message_btn {margin-left: 6px;}

.message_content {overflow: hidden; height: 100%;}
.message_content_layer {width: 1200px; margin: 0 auto;}
.message_table_area {overflow: hidden;
    width: 100%;
    /* padding: 25px 30px 0 0;  */
    padding: 25px 0px 0 0;
    transition: width 1s, transform 1s;
}
.message_table_area.resize {
    float: left;
    width: 50%;
    padding: 25px 30px 0 0;
}


.message_layer {display: none; overflow: hidden; width: 50%; height: 100%;  background-color: #fafafa; transition: width 1s, transform 1s;}
.message_layer.close {transform: translateX(150%); transition-timing-function: linear;}
.message_layer.open {transform: translateX(0%); transition-timing-function: linear;}
.message_layer .message_layer_area {width: 600px;}
.message_layer .message_box {position: relative; padding: 15px 0 35px 30px; transition: width 1s, transform 1s;}
.message_layer .message_box.m_hidden {transform: translateX(150%); transition-timing-function: linear;}
.message_layer .message_box.unhidden {transform: translateX(0%); transition-timing-function: linear;}
.message_layer .message_box + .message_box::after {
    content: "";
    top: 1px;
    position: absolute;
    display: block;
    width: calc(100% - 30px);
    height: 1px;
    background-color: #cbcbcb;
}

.message_layer .message_box .message_reply_table {
    position: relative;
}

.message_layer .message_box .message_reply_table .message_reply_tr {
    display: table;
    width: 100%;
    table-layout: fixed;

}
.message_layer .message_box .message_reply_table .message_reply_tr:first-child {
    padding-top: 40px;
}


.message_layer .message_box .message_reply_table .message_reply_tr .message_reply_th {
    display: table-cell;
    width: 100px;
    padding: 2px 0;
    font-size: 16px;
    color: #333;
    font-weight: 500;
    vertical-align: middle;
}

.message_layer .message_box .message_reply_table .message_reply_tr .message_reply_td {
    display: table-cell;
    /* width: calc( 100% - 100px); */
    padding: 4px 0;
    font-size: 16px;
    vertical-align: middle;
}
.message_layer .message_box .message_reply_table .message_reply_tr .message_reply_td.subject {
    table-layout: fixed; overflow: hidden; color: #333333; text-align: left; text-overflow: ellipsis; white-space: nowrap;
}

.message_reply_search {overflow: hidden; position: relative;
    height: 38px;
    font-size: 14px;
    text-indent: 15px;
    border: 1px solid #c6c6c6;
    border-radius: 5px;
    background-color: #fff;
    outline: none;
}
.message_reply_search input[type=text].reply_search_field {
    height: 38px;
    line-height: 38px;
    border: 0px;
    outline: none;
}
.message_reply_search input[type=text].reply_search_field::-ms-clear {display: none;}

.message_reply_search input[type=text].reply_search_field + i.clearable_clear {display: none; position: absolute; width: 22px; height: 22px; margin-top: -10px; top: 50%; right: 10px; cursor: pointer; background: url('../images/common/clear_btn00.png') no-repeat center; text-indent: -9999px;}

span.time_txt02 {display: inline-block; height: 25px; padding-left: 30px; font-size: 14px; color: #b9b9b9; line-height: 25px; background:url('../images/icon/icon_time02.png') no-repeat center left;}
.message-txtbox-area div {overflow-y: auto; height: 330px; padding: 18px; font-size: 16px; border: 1px solid #c6c6c6; border-radius: 5px; background-color: #fff;}
.message-txt-area textarea {overflow-y: auto; width: 100%; height: 330px; padding: 18px; font-size: 16px; border: 1px solid #c6c6c6; border-radius: 5px; background-color: #fff; resize: none; outline: none;}
.message_area_close {position: absolute; top:0px; right: 0px; font-size: 0px;}
.message_area_close span {margin-right: 10px; font-size: 16px; vertical-align: middle;}


/* 성적수료 */
.grade {margin: 100px 0 0 0;}

/* 강의실 - 강의계획서 */

.class_container {width: 1200px; margin: 0 auto;}

.class_header_area {overflow: hidden; display: table; width: 100%; margin-top: 35px;}
.class_header_img_area {display: table-cell; vertical-align: middle; width: 244px;}
    .class_header_img_area img {width: 244px; height: 186px;}
.class_header_info_area {display: table-cell; padding-left: 44px; vertical-align: middle;}
    .class_header_info_area span.class_type_box {padding: 5px 9px; font-size: 16px; color: #246d97; font-weight: 500; vertical-align: middle; border-radius: 5px; background-color: #fff}
    .class_header_info_area span.class_title {display: inline-block; width: 430px; font-size: 34px; color: #333; font-weight: 500; vertical-align: middle; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
    .class_header_info_area pre.class_title {display: inline-block; width: 430px; font-size: 25px; color: #333; font-weight: 500; vertical-align: middle; overflow:hidden;}

    .class_header_info_area ul.class_keyword_list {overflow: hidden; width: 510px; min-height: 16px;}
    .class_header_info_area ul.class_keyword_list li {float: left; margin: 5px; font-size: 16px; color: #6bbabe; font-weight: 400;}


    .class_header_info_area div.class_date_area {overflow: hidden; height: 100px;}
    .class_header_info_area div.class_date_area p {font-size: 15px;}
    .class_header_info_area ul.class_date {overflow: hidden; width: 330px;}
    .class_header_info_area ul.class_date:lang(en) {width: 480px;}
    .class_header_info_area ul.class_date li {padding: 5px 12px; border-radius: 20px;}
    .class_header_info_area ul.class_date li:nth-child(odd) {background-color: #f3f492;}
    .class_header_info_area ul.class_date li:nth-child(even) {}
    .class_header_info_area ul.class_date li span {position: relative; font-size: 15px; color: #333;}
    .class_header_info_area ul.class_date li span:first-child {display: inline-block; width: 103px; }
    .class_header_info_area ul.class_date li span:first-child:lang(en) {width: 250px;}
    .class_header_info_area ul.class_date li span:first-child::after {display: inline-block; position: absolute; content: ""; top: 0px; right: 0px; width: 1px; height: 16px; background-color: #bfbfbf;}
    .class_header_info_area ul.class_date li span + span {margin-left: 18px;}
    div.class_price {display: inline-block; margin-top: 18px; padding: 5px 19px; border-radius: 20px; background-color: #439ea8;}
    div.class_price span {position: relative; font-size: 15px; color: #fff;}
    div.class_price span:first-child {margin-right: 10px;}
    div.class_price span:first-child::after {display: inline-block; position: absolute; content: ""; top: 3px; right: -11px; width: 1px; height: 16px; background-color: #fff;}
    div.class_price span:last-child {margin-left: 10px;}

.class_body_area {overflow: hidden;}
.class_content_img_area {overflow: hidden; margin: 0 auto; text-align: center}
.class_content_img_area img {max-width: 1200px;}


.class_pick_area {display: table-cell; width: 118px; vertical-align: middle;}
.class_pick_area02 {display: table-cell; width: 255px; vertical-align: middle;}
    /* a.class_pick {display: inline-block; width: 116px; height: 116px; text-indent: -9999px; font-size: 0px; background:url('../images/sub/class_pick_btn.png') no-repeat;}
    a.class_pick:hover {background:url('../images/sub/class_pick_btn_on.png') no-repeat;}
    a.class_pick.on {background:url('../images/sub/class_pick_btn_on.png') no-repeat;} */
    /* a.class_apply_btn {display: inline-block; width: 116px; height: 116px; text-indent: -9999px; font-size: 0px; background:url('../images/sub/class_apply_btn.png') no-repeat;} */


    a.class_pick {overflow: hidden; display: inline-block; position: relative; width: 116px; height: 116px; vertical-align: middle; border-radius: 100px; background-color: #777777;}
    a.class_pick.on {background-color: #d17411;}
    a.class_pick::before {content: ""; position: absolute; display: inline-block; width: 52px; height: 35px; top: 25px; left: 50%; margin-left: -26px; background: url('../images/sub/class_pick_bg.png') no-repeat center center;}
    a.class_pick span {display: block; padding-top: 70px; font-size: 15px; color: #fff; text-align: center;}
    a.class_pick span:lang(en) {font-size: 13px;}
    a.class_pick:hover {background-color: #d17411;}

    a.class_apply_btn {overflow: hidden; display: inline-block; position: relative; width: 116px; height: 116px; vertical-align: middle; border-radius: 100px; background-color: #6a992f;}
    a.class_apply_btn::before {content: ""; position: absolute; display: inline-block; width: 35px; height: 38px; top: 25px; left: 50%; margin-left: -18px; background: url('../images/sub/class_apply_bg.png') no-repeat center center;}
    a.class_apply_btn span {display: block; padding-top: 75px; font-size: 15px; color: #fff; text-align: center;}
    a.class_apply_btn span:lang(en) {font-size: 13px;}

    a.class_apply_cancel_btn {overflow: hidden; display: inline-block; position: relative; width: 116px; height: 116px; vertical-align: middle; border-radius: 100px; background-color: #e96666;}
    a.class_apply_cancel_btn::before {content: ""; position: absolute; display: inline-block; width: 50px; height: 38px; top: 25px; left: 50%; margin-left: -25px; background: url('../images/sub/class_apply_cancel_bg.png') no-repeat center center;}
    a.class_apply_cancel_btn span {display: block; padding-top: 75px; font-size: 15px; color: #fff; text-align: center;}
    a.class_apply_cancel_btn span:lang(en) {font-size: 13px;}

        
    /* 개발 추가 20200317 START */
    a.class_waiting_btn {overflow: hidden; display: inline-block; position: relative; width: 116px; height: 116px; vertical-align: middle; border-radius: 100px; background-color: #e5d734;}
    a.class_waiting_btn::before {content: ""; position: absolute; display: inline-block; width: 50px; height: 38px; top: 25px; left: 50%; margin-left: -25px; background: url('../images/sub/class_apply_cancel_bg.png') no-repeat center center;}
    a.class_waiting_btn span {display: block; padding-top: 75px; font-size: 15px; color: #fff; text-align: center;}
    a.class_waiting_btn span:lang(en) {font-size: 13px;}
    /* 개발 추가 20200317 END */

.file_list_type01 {overflow: hidden;}
.file_list_type01 li {overflow: hidden;}
.file_list_type01 li a {overflow: hidden; font-size: 15px; color: #333; line-height: 24px;}
.file_list_type01 li a span.img {padding-left: 35px; background: url(../images/icon/icon_file_img.png) no-repeat 2px center;}
.file_list_type01 li a span.pdf {padding-left: 35px; background: url(../images/icon/icon_file_pdf.png) no-repeat;}
.file_list_type01 li a span.mov {padding-left: 35px; background: url(../images/icon/ico_file_mp4.png) no-repeat;}
.file_list_type01 li a span.wbi {padding-left: 35px; background: url(../images/icon/ico_file_zip.png) no-repeat;}
.file_list_type01 li a span.aud {padding-left: 35px; background: url(../images/icon/ico_file_mp3.png) no-repeat;}
.file_list_type01 li a span.doc {padding-left: 35px; background: url(../images/icon/ico_file_docx.png) no-repeat;}
.file_list_type01 li a span.xls {padding-left: 35px; background: url(../images/icon/ico_file_xls.png) no-repeat;}
.file_list_type01 li a span.ppt {padding-left: 35px; background: url(../images/icon/ico_file_ppt.png) no-repeat;}
.file_list_type01 li a span.hwp {padding-left: 35px; background: url(../images/icon/ico_file_hancom.png) no-repeat;} 

.file_list_type01 li a:hover {color: #00a6ff; text-decoration: underline;}

.info_list {overflow: hidden;}
.info_list li {}
.info_list li + li {margin-top: 10px;}
.info_list li + li:lang(en) {margin-top: 15px;}
.info_list li span {position: relative; display: inline-block; font-size: 15px;}
.info_list li span:first-child {width: 103px; vertical-align: middle;}
.info_list li span:first-child::after {position: absolute; display: inline-block; content: ""; width: 1px; height: 16px; top: 50%; right: 0px; margin-top: -8px; background-color: #bfbfbf; }
.info_list li span:last-child {margin-left: 17px; vertical-align: middle;}


/*  */
.classroom {overflow: hidden; position: relative; height: 100%;}
.classroom_header_area {overflow: hidden; height: 124px; border-bottom: 1px solid #e0e0e0; background-color: #fff;}
    .classroom_header_area .classroom_header_layer {display: table; width: 1200px; margin: 14px auto 0;}

    .learning_sort_area {display: table-cell; width: 136px; text-align: center; vertical-align: middle;}
    .learning_sort_area div.vararea  {position: relative;}
    .learning_sort_area span {font-size: 20px; color: #333;}
    .learning_sort_area div.vararea::after {display: inline-block; position: absolute; content: ""; top: 50%; right: 0px; width: 1px; height: 20px; margin-top: -10px; background-color: #bfbfbf;}

    .learning_content_info_area {position: relative; display: table-cell;}
    .learning_content_info_area img {display: inline-block; width: 144px; height: 94px; margin-left: 44px;}
    .learning_content_info_area span.learning_content_title {display: inline-block; width: 35%; margin-left: 25px; font-size: 18px; color: #333; vertical-align: middle;}
    .learning_content_info_area ul.learning_content_info {overflow: hidden; display:inline-block; position: absolute; top: 50%; right: 130px; margin-top: -15px; vertical-align: middle;}
    .learning_content_info_area ul.learning_content_info li {float: left; height: 30px; line-height: 30px;}
    .learning_content_info_area ul.learning_content_info li + li {margin-left: 30px;}

    .learning_content_info_area ul.learning_content_info li.memo {padding-left: 30px; background: url('../images/icon/icon_memo.png') no-repeat center left;}
    /*
    .learning_content_info_area ul.learning_content_info li.content_type {padding-left: 40px; background: url('../images/icon/icon_computer.png') no-repeat center left;}
    .learning_content_info_area ul.learning_content_info li.content_type02 {padding-left: 40px; background: url('../images/icon/icon_video.png') no-repeat center left;}
    */
    .learning_content_info_area ul.learning_content_info li.content_time {padding-left: 30px; background: url('../images/icon/icon_time02.png') no-repeat center left;}

    .learning_content_info_area ul.learning_content_info li.content_type_html {padding-left: 40px; background: url('../images/icon/icon_html.png') no-repeat center left;}
    .learning_content_info_area ul.learning_content_info li.content_type_mp4 {padding-left: 40px; background: url('../images/icon/icon_mp4.png') no-repeat left center; background-size: 20px 20px;}
    .learning_content_info_area ul.learning_content_info li.content_type_mp3 {padding-left: 40px; background: url('../images/icon/icon_mp3.png') no-repeat left center; background-size: 20px 20px;}
    .learning_content_info_area ul.learning_content_info li.content_type_dis {padding-left: 40px; background: url('../images/icon/icon_dis.png') no-repeat left center; background-size: 22px 22px;}
    .learning_content_info_area ul.learning_content_info li.content_type_qui {padding-left: 40px; background: url('../images/icon/icon_qui.png') no-repeat left center; background-size: 22px 22px;}
    .learning_content_info_area ul.learning_content_info li.content_type_sur {padding-left: 40px; background: url('../images/icon/icon_sur.png') no-repeat left center; background-size: 22px 22px;}
    .learning_content_info_area ul.learning_content_info li.content_type_tas {padding-left: 40px; background: url('../images/icon/icon_tas.png') no-repeat left center; background-size: 26px 26px;}
    .learning_content_info_area ul.learning_content_info li.content_type_txt {padding-left: 40px; background: url('../images/icon/icon_txt.png') no-repeat left center; background-size: 22px 22px;}
    .learning_content_info_area ul.learning_content_info li.content_type_file {padding-left: 40px; background: url('../images/icon/icon_file.png') no-repeat left center;}
    .learning_content_info_area ul.learning_content_info li.content_type_online {padding-left: 40px; background: url('../images/icon/icon_facetoface.png') no-repeat left center;}
    .learning_content_info_area ul.learning_content_info li.content_type_offline {padding-left: 40px; background: url('../images/icon/icon_offline.png') no-repeat left center;}

    .canvas {display: inline-block; position: absolute; width: 53px; height: 53px; margin-top: -27px; top: 50%; right: 35px; font-size: 14px; font-weight: 700; line-height: 53px; text-align: center; vertical-align: middle;}
    .canvas div {overflow: hidden; width: 53px; height: 53px;}
		.circle {display: inline-block;}
    .circles-text {font-size: 14px !important; font-weight: 700; background:url('../images/sub/pie_chart_white.png') no-repeat center center;}

    .percent_box {position: relative; width: 53px; height: 53px; border-radius: 50%; background-color:#dbdbdb;}
    .percent_box span {position: absolute; width: 30px; height: 30px; top: 50%; left: 50%; text-align: center; line-height: 30px; border-radius: 50%; background-color:#fff; transform: translate(-50%, -50%);}

    /* 개발시 지울것 */
    p.percent {display: inline-block; position: absolute; width: 53px; height: 53px; margin-top: -27px; top: 50%; right: 35px; font-size: 14px; font-weight: 700; line-height: 53px; text-align: center; vertical-align: middle;}
    p.percent span {font-size: 10px; font-weight: 400;}
    .percent0 {background:url('../images/sub/progress00.jpg') no-repeat center center; background-size: 100%;}
    .percent5 {background:url('../images/sub/progress05.jpg') no-repeat center center; background-size: 100%;}
    .percent10 {background:url('../images/sub/progress10.jpg') no-repeat center center; background-size: 100%;}
    .percent15 {background:url('../images/sub/progress15.jpg') no-repeat center center; background-size: 100%;}
    .percent20 {background:url('../images/sub/progress20.jpg') no-repeat center center; background-size: 100%;}
    .percent25 {background:url('../images/sub/progress25.jpg') no-repeat center center; background-size: 100%;}
    .percent30 {background:url('../images/sub/progress30.jpg') no-repeat center center; background-size: 100%;}
    .percent35 {background:url('../images/sub/progress35.jpg') no-repeat center center; background-size: 100%;}
    .percent40 {background:url('../images/sub/progress40.jpg') no-repeat center center; background-size: 100%;}
    .percent45 {background:url('../images/sub/progress45.jpg') no-repeat center center; background-size: 100%;}
    .percent50 {background:url('../images/sub/progress50.jpg') no-repeat center center; background-size: 100%;}
    .percent55 {background:url('../images/sub/progress55.jpg') no-repeat center center; background-size: 100%;}
    .percent60 {background:url('../images/sub/progress60.jpg') no-repeat center center; background-size: 100%;}
    .percent65 {background:url('../images/sub/progress65.jpg') no-repeat center center; background-size: 100%;}
    .percent70 {background:url('../images/sub/progress70.jpg') no-repeat center center; background-size: 100%;}
    .percent75 {background:url('../images/sub/progress75.jpg') no-repeat center center; background-size: 100%;}
    .percent80 {background:url('../images/sub/progress80.jpg') no-repeat center center; background-size: 100%;}
    .percent85 {background:url('../images/sub/progress85.jpg') no-repeat center center; background-size: 100%;}
    .percent90 {background:url('../images/sub/progress90.jpg') no-repeat center center; background-size: 100%;}
    .percent95 {background:url('../images/sub/progress95.jpg') no-repeat center center; background-size: 100%;}
    .percent100 {background:url('../images/sub/progress100.jpg') no-repeat center center; background-size: 100%;}
  /*---------- 개발시 지울것 --------------*/

    .learning_btn_area {display: table-cell; width: 90px; text-align: right; vertical-align: middle; font-size: 0px;}
    .learning_btn_area div.vararea  {position: relative;}
    .learning_btn_area div.vararea::after {display: inline-block; position: absolute; content: "";  top: 50%; left: 0px; width: 1px; height: 20px; margin-top: -10px; background-color: #bfbfbf;}
    .learning_btn_area div.vararea a {display: inline-block; overflow: hidden;}
    .learning_btn_area div.vararea a + a {margin-left: 10px;}

.classroom_body_area {overflow: hidden; height: 100%; padding: 0 0 70px 0; background-color: #f7f5ef;}
.classroom_body_area .classroom_body_layer {position: relative; width: 1200px; margin: 40px auto 0px;}
.classroom_body_area .classroom_body_layer .classroom_body_content {width: 1010px; margin: 0 auto;}
.classroom_body_area .classroom_body_layer .classroom_body_content .test_area {min-height: 1100px;}
.classroom_body_area .classroom_body_layer .classroom_body_content .project_thumbnail_area {position: relative; overflow: hidden; text-align: center; margin-bottom: 20px; width: 1010px; height: 685px; background-color: #fff;}
.classroom_body_area .classroom_body_layer .classroom_body_content .project_thumbnail_area img {overflow: hidden;
  overflow: hidden;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.video_subtitles_area {overflow-y: scroll; height: 192px; padding: 20px 0 20px 30px;  background-color: #333232;}
.video_subtitles_area p {font-size: 16px; color: #fff;}
.video_subtitles_area p + p {margin-top: 20px;}

.memo_area {overflow: hidden; padding: 25px 48px 35px; border: 1px solid #dddddd; background-color: #ffffff;}
.memo_box {overflow-y: scroll; display: block; width: 100%; height: 135px; margin-top: 20px; padding: 25px 20px; font-size: 16px; color: #333; border: 1px solid #dddddd; resize: none;}

/*
.memo_box p {font-size: 16px; color: #333;}
.memo_box p + p {margin-top: 10px;}
*/

a.btn_back {position: absolute; top: 0px; right: 0px;}
a.btn_appraisal {position: absolute; top: 77px; right: 0px; width: 79px; height: 79px; color: #fff; font-size: 12px; text-align: center; border-radius: 10px; background-color: #3583ba;}
a.btn_appraisal span {display: inline-block; padding-top: 43px; background: url('../images/icon/icon_speechbubble02.png') no-repeat center 10px;}

.video_area {display: block; width: 1010px; height: 685px; border-top: 2px solid #cecec7; background-color: #000000;}

.tab_area {position: relative;}
.tab_area ul {display: inline-block;}
.tab_area ul li {display: inline-block; width: 98px; height: 33px; text-align: center; vertical-align: bottom; background-color: #6a992f; border-radius: 5px 5px 0 0;}
.tab_area ul li:lang(en) {width: auto; min-width: 98px;; padding: 0 10px;}
.tab_area ul li a {display: block; font-size: 16px; color: #fff; line-height: 33px;}
.tab_area ul li.on {height: 50px; background-color: #2f385a;}
.tab_area ul li.on a {line-height: 50px;}
.tab_area div.t12 {display: inline-block; position: absolute; top: 10px; right: 0px;}


.txt_box_type01 {overflow: hidden; width: 1010px; margin: 0 auto;}
.txt_box_title_area {height: 59px; padding: 10px 22px; background-color: #565656;}
.txt_box_title_area span {display: inline-block; height: 40px; padding-left: 52px; color: #fff; font-size: 18px; line-height: 40px; font-weight: 700; background: url(../images/common/title_bg13.png) no-repeat left center;}
.txt_box_content_area {padding: 20px 20px 25px; font-size: 15px; border: 1px solid #dddddd; background-color: #fff;}
.txt_box_content_area ul {overflow: hidden;}
.txt_box_content_area ul li + li {margin-top: 10px;}


.classroom_list_header_area {overflow: hidden; min-height: 276px; background-color: #fafafa;}
.classroom_list_header_area .classroom_list_header_layer {overflow: hidden; width: 1200px; margin: 0 auto 20px;}

span.classroom_list_title {display: inline-block; margin-top: 50px; padding-right: 30px; font-size: 34px; font-weight: 500;}
strong.class_section {position: relative; display: inline-block; height: 38px; margin-right: 20px; padding-left: 65px; font-size: 22px; font-weight: 700; line-height: 38px; vertical-align: middle; background: url('../images/common/title_bg15.png') no-repeat center left;}
/* strong.class_section::before {position: absolute; display: inline-block; content: ""; top: 10px; right: -20px; width: 1px; height: 20px; background-color: #bfbfbf;} */
span.class_section_title {position: relative; overflow: hidden; display: inline-block; width: 730px; margin-left: 20px; font-size: 22px; font-weight: 400; text-overflow: ellipsis; white-space:nowrap; vertical-align: middle;}


.chapter_area_box {position: relative;}

ul.chapter_area {overflow: hidden;}
ul.chapter_area li {display: inline-block; position: relative; float: left;}
ul.chapter_area li:first-child {margin-left: 10px;}
ul.chapter_area li:last-child {margin-right: 10px;}
ul.chapter_area li + li {margin-left: 12px;}
ul.chapter_area li div {position: relative; width: 35px; height: 28px; color: #fff; font-size: 16px; text-align: center; line-height: 28px; background-color: #a0a0a0;}
ul.chapter_area li div::before {position: absolute; display: block; content: ""; width: 10px; height: 28px; top: 0px; left: -9px; background:url('../images/common/chapter_arrow_bg01.png') no-repeat center left;}
ul.chapter_area li div::after {position: absolute; display: block; content: ""; width: 10px; height: 28px; top: 0px; right: -9px; background:url('../images/common/chapter_arrow_bg02.png') no-repeat center right;}
ul.chapter_area li.on div {background-color: #f39898;}
ul.chapter_area li.on div::before {position: absolute; display: block; content: ""; width: 10px; height: 28px; top: 0px; left: -9px; background:url('../images/common/chapter_arrow_bg03.png') no-repeat center left;}
ul.chapter_area li.on div::after {position: absolute; display: block; content: ""; width: 10px; height: 28px; top: 0px; right: -9px; background:url('../images/common/chapter_arrow_bg04.png') no-repeat center right;}
ul.chapter_area li.on_last div {background-color: #df6060;}
ul.chapter_area li.on_last div::before {position: absolute; display: block; content: ""; width: 10px; height: 28px; top: 0px; left: -9px; background:url('../images/common/chapter_arrow_bg05.png') no-repeat center left;}
ul.chapter_area li.on_last div::after {position: absolute; display: block; content: ""; width: 10px; height: 28px; top: 0px; right: -9px; background:url('../images/common/chapter_arrow_bg06.png') no-repeat center right;}

div.chapter_percent {position: absolute; display: inline-block; width: 39px; height: 26px; top: -43px; left: 0px; line-height: 26px; color: #fff; font-size: 14px; text-align: center; font-weight: 700; border-radius: 3px; background-color: #b64040;}
div.chapter_percent > span {position: relative; font-weight: 400; font-size: 10px;}
div.chapter_percent::before {position: absolute; display: inline-block; content: ""; width: 39px; height: 7px; top: 25px; left: 0px; background: url('../images/common/chapter_percent.png') no-repeat center bottom;}

.classroom_list_header_right {display: inline-block; float: left; width: calc(100% - 200px);}
.classroom_list_header_left {display: inline-block; width: 200px;}
.whole_percent {position: relative; width: 182px; height: 152px; margin: 28px auto 0px; background: url('../images/common/percent_bg.png') no-repeat;}
.whole_percent strong {position: absolute; width: 114px; height: 81px; top: 2px; left: 0px; text-align: center; line-height: 75px;; font-size: 39px; color: #fff; font-weight: 700;}
.whole_percent strong span {font-size: 17px; font-weight: 500;}
.study_way_box {display: inline-block; width: 198px; height: 37px; margin-top: 10px; font-size: 15px; color: #fff; line-height: 37px; text-align: center; border-radius: 5px; background-color: #545454;}

.classroom_list_body_area {overflow: hidden;}
div.center_layer {overflow: hidden; width: 1200px; margin: 0 auto;}

.part_parent {overflow: hidden;}
.part_num_line {height: 30px;}
.part_num_line.bg01 {background-color: #e7e7e7;}
.part_num_line.bg02 {background-color: #edefde;}
.part_num_line p {font-size: 19px; color: #333; font-weight: 700; text-align: center;}

.class_list_table {width: 100%;}
.class_list_tr {border-bottom: 1px solid #e0e0e0; padding: 15px 0;}
.class_list_tr a {color: #333;}
.class_list_table .class_list_tr:last-child {border: 0px;}
.class_list_num_td {display: table-cell; width: 120px; vertical-align: middle;}
.class_list_num_td .vararea {position: relative; margin-right: 10px; }
.class_list_num_td .vararea::before {
  display: inline-block;
  position: absolute;
  content: "";
  top: 50%;
  right: -10px;
  width: 1px;
  height: 20px;
  margin-top: -10px;
  background-color: #bfbfbf;
}
.class_list_num_td span {font-size: 18px; color: #333; font-weight: 400; word-break: break-all;}
.class_list_content_td {position: relative; display: table-cell; width: calc(100% - 150px);
padding: 0 36px 0 44px;
vertical-align: middle;
}
.class_list_content_td img {width: 144px; height: 94px;}
.class_list_content_td .class_list_content_title {display: inline-block; overflow: hidden;
    width: 35%;
    max-height: 80px;
    margin-left: 25px;
    font-size: 20px;
    font-weight: 700;
    color: #333;
    vertical-align: middle;}

    .class_list_content_td ul.learning_content_info {overflow: hidden; display:inline-block; position: absolute; top: 50%; right: 120px; margin-top: -15px; vertical-align: middle;}
    .class_list_content_td ul.learning_content_info li {float: left; height: 31px; line-height: 31px; font-size: 14px;}
    .class_list_content_td ul.learning_content_info li + li {margin-left: 30px;}
    .class_list_content_td ul.learning_content_info li.memo {padding-left: 30px; background: url('../images/icon/icon_memo.png') no-repeat center left;}
    .class_list_content_td ul.learning_content_info li.content_time {padding-left: 30px; background: url('../images/icon/icon_time02.png') no-repeat center left;}

    .class_list_content_td ul.learning_content_info li.content_type_html {padding-left: 40px; background: url('../images/icon/icon_html.png') no-repeat left center;}
    .class_list_content_td ul.learning_content_info li.content_type_mp4 {padding-left: 40px; background: url('../images/icon/icon_mp4.png') no-repeat left center; background-size: 24px 24px;}
    .class_list_content_td ul.learning_content_info li.content_type_mp3 {padding-left: 40px; background: url('../images/icon/icon_mp3.png') no-repeat left center; background-size: 24px 24px;}
    .class_list_content_td ul.learning_content_info li.content_type_dis {padding-left: 40px; background: url('../images/icon/icon_dis.png') no-repeat left center; background-size: 28px 28px;}
    .class_list_content_td ul.learning_content_info li.content_type_qui {padding-left: 40px; background: url('../images/icon/icon_qui.png') no-repeat left center; background-size: 28px 28px;}
    .class_list_content_td ul.learning_content_info li.content_type_sur {padding-left: 40px; background: url('../images/icon/icon_sur.png') no-repeat left center; background-size: 28px 28px;}
    .class_list_content_td ul.learning_content_info li.content_type_tas {padding-left: 40px; background: url('../images/icon/icon_tas.png') no-repeat left center; }
    .class_list_content_td ul.learning_content_info li.content_type_txt {padding-left: 40px; background: url('../images/icon/icon_txt.png') no-repeat left center; background-size: 28px 28px;}
    .class_list_content_td ul.learning_content_info li.content_type_file {padding-left: 40px; background: url('../images/icon/icon_file.png') no-repeat 8px center;}
    .class_list_content_td ul.learning_content_info li.content_type_online {padding-left: 40px; background: url('../images/icon/icon_facetoface.png') no-repeat left center;}
    .class_list_content_td ul.learning_content_info li.content_type_offline {padding-left: 40px; background: url('../images/icon/icon_offline.png') no-repeat left center;}


.class_list_btn_td {display: table-cell; width: 80px; text-align: right; vertical-align: middle;}
.class_list_btn_td .vararea {position: relative;}
.class_list_btn_td .vararea::after {display: inline-block;
    position: absolute;
    content: "";
    top: 50%;
    left: 0px;
    width: 1px;
    height: 20px;
    margin-top: -10px;
    background-color: #bfbfbf;}

/* 과제,토론 문제 정보 관련 영역 */
.question_info_area {overflow: hidden;}
.question_info_area ul {width: 100%;}
.question_info_area ul li {float: left; width: 245px; height: 74px; padding: 13px; border-radius: 10px; background-color: #fff;}
.question_info_area ul li + li {margin-left: 10px;}
.question_info_area ul li:first-child {margin-left: 0px;}
.question_info_area ul li div {height: 48px; margin-left: 55px; padding-left: 12px; border-left: 1px solid #dcdcdc;}
.question_info_area ul li div strong {display: block; padding-top: 5px; font-size: 16px; color: #333;}
.question_info_area ul li div span {display: block; margin-top: 9px; font-size: 13px; color: #333;}
.question_info_area ul li.question_info01 {background: url('../images/common/question_info_bg01.png') no-repeat left 17px center #fff;}
.question_info_area ul li.question_info02 {background: url('../images/common/question_info_bg02.png') no-repeat left 17px center #fff;}
.question_info_area ul li.question_info03 {background: url('../images/common/question_info_bg03.png') no-repeat left 17px center #fff;}
.question_info_area ul li.question_info04 {background: url('../images/common/question_info_bg04.png') no-repeat left 17px center #fff;}
.question_info_area ul li.question_info05 {background: url('../images/common/question_info_bg05.png') no-repeat left 17px center #fff;}
.question_info_area ul li.question_info05:lang(en) div strong {padding-top: 0px;}
.question_info_area ul li.question_info05:lang(en) div span {margin-top: 5px;}

.txt_icon_type01 {padding-left: 34px; font-size: 14px; line-height: 20px; background: url('../images/icon/icon_schedule04.png') no-repeat left center;}

.txt_box_type02 {overflow: hidden;}
    .txt_box_type02 .txt_box_title_area02 {position: relative; min-height: 58px; padding: 10px 45px; background-color: #545454;}
    .txt_box_type02 .txt_box_title_area02 strong.txt_box_title01 {display: block; padding-left: 44px; font-size: 22px; color: #fff; line-height: 1.2em; background: url('../images/icon/icon_book02.png') no-repeat center left;}
    .txt_box_type02 .txt_box_title_area02 div.txt_box_title_left_area {position: absolute; margin-top: -10px; top: 50%; right: 45px; color: #fff; font-size: 14px;}
    .txt_box_type02 .txt_box_title_area02 div.txt_box_title_left_area ul li.period {float: left; padding-left: 30px; line-height: 20px; background: url('../images/icon/icon_schedule03.png') no-repeat left center;}
    .txt_box_type02 .txt_box_title_area02 div.txt_box_title_left_area ul li.personnel {float: left; padding-left: 30px; line-height: 20px; background: url('../images/icon/icon_book03.png') no-repeat left center;}
    .txt_box_type02 .txt_box_title_area02 div.txt_box_title_left_area ul li + li {margin-left: 40px;}
    .txt_box_type02 .txt_box_content_area02 {padding: 33px 45px; border: 1px solid #dddddd; background-color: #fff;}

    ul.txt_box_list {overflow: hidden;}
    ul.txt_box_list li {font-size: 15px; line-height: 1.4em;}
    ul.txt_box_list li + li {margin-top: 4px;}

    /* 첨부파일 */
    a.txt_box_file {padding-left: 30px; font-size: 14px; color: #868686; text-decoration: underline; line-height: 20px; background: url('../images/icon/icon_file02.png') no-repeat left center;}
    a.txt_box_file:hover {color: #00a6ff; text-decoration: underline;}

    .division + .txt_box_type02 {margin-top:40px;}
    .txt_box_type02 + .txt_box_type03 {border-top: 0px;}
    .txt_box_type03 + .txt_box_type03 {border-top: 0px;}
.txt_box_type03 {overflow: hidden; padding: 35px 45px; border: 1px solid #dddddd; background-color: #f8f8f8;}
.txt_box_type03.bgnone {background-color: #fff;}
.txt_box_type03 .areaScroll {
  overflow-y: scroll;
  min-height: 200px;
  max-height: 200px;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
.txt_box_type03 .areaScroll::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Opera*/
}
    .txt_box_type03 .txt_box_title_area03 {position: relative;}
    .txt_box_type03 .txt_box_title_area03 .txt_box_title02 {font-size: 22px; color: #333;}
    .txt_box_type03 .txt_box_title_area03 .txt_box_title03 {padding-left: 36px; font-size: 22px; color: #333; background:url('../images/icon/icon_computer02.png') no-repeat left center; }
    .txt_box_type03 .txt_box_title_area03 .txt_box_title04 {padding-left: 36px; font-size: 22px; color: #333; background:url('../images/icon/icon_speechbubble.png') no-repeat left center; }
    .txt_box_type03 .txt_box_title_area03 .txt_box_title05 {padding-left: 36px; font-size: 22px; color: #333; background:url('../images/icon/icon_appraisal.png') no-repeat left center; }
    .txt_box_type03 .txt_box_title_area03 .txt_box_btn_area {position: absolute; top: -8px; right: 0px;}
    span.date_txt  {padding-left: 30px; font-size: 14px; line-height: 37px; background:url('../images/icon/icon_time05.png') no-repeat left center;}
    span.date_txt02  {padding-left: 30px; font-size: 14px; line-height: 37px; color: #fff; background:url('../images/icon/icon_time06.png') no-repeat left center;}
.text_box_area {overflow-y: scroll; height: 136px; border: 1px solid #d4d4d4; background-color: #fff;}
.file_upload {overflow: hidden;}
.file_upload input[type=text].file_upload_box {height: 37px; border: 1px solid #cccccc; background-color: #fff;}
.open_check_area {overflow: hidden; height: 20px; margin: 15px 0; text-align: right;}
    .open_check_area strong {margin-right: 25px; vertical-align: middle;}

a.btn_filedownload {display: inline-block; width: 37px; height: 37px; line-height: 37px; font-size: 0px; text-indent: -9999px; border-radius: 6px; background:url('../images/icon/icon_file03.png') no-repeat center center #a8a8a8; }
a.btn_filedelete {display: inline-block; width: 37px; height: 37px; line-height: 37px; font-size: 0px; text-indent: -9999px; border-radius: 6px; background:url('../images/icon/icon_delete.png') no-repeat center center #545454;}
a.recording_btn {display: inline-block; width: 37px; height: 37px; line-height: 37px; font-size: 0px; text-indent: -9999px; border-radius: 6px; background:url('../images/icon/icon_recording.png') no-repeat center center #a8a8a8;}


.project_submit_area {display: none;}

/* 컨텐츠 텍스트 박스 */
.content_box {padding: 20px 27px; border: 1px solid #d4d4d4; background-color: #fff;}
.content_box.scroll {overflow-y: scroll;}
.content_box p {font-size: 15px;}
.content_box p + p {margin-top: 8px;}

/* 박스형식 파일 */
.content_file_box {padding: 0px 27px; min-height: 33px; line-height: 33px; border: 1px solid #d4d4d4; background-color: #fff;}
.content_file_box a {display: block; font-size: 14px; color: #96adb4;}
.content_file_box a:hover {color: #00a6ff; text-decoration: underline;}

/* 말풍선 영역 */
.tutor_img_area {overflow: hidden; text-align: center;}
.speech_bubble_type01 {position: relative; min-height: 64px; padding: 10px 18px; border: 1px solid #d8d8d8; border-radius: 8px; background-color: #fff;}
.speech_bubble_type01::before {display: inline-block; position: absolute; content: ""; top: 25px; left: -13px; width: 13px; height: 10px; background: url('../images/common/tail_left.png') no-repeat left center;}
.speech_bubble_type01 p + p {margin-top: 5px;}
/* .speech_bubble_type01 pre {display: block; overflow: hidden; font-family: "Noto Sans KR"; white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-all;} */

.speech_bubble_type02 {position: relative; width: calc(100% - 130px); min-height: 33px; padding: 10px 18px; border: 1px solid #d4d4d4; border-radius: 8px; background-color: #f8f8f8;}
.speech_bubble_type02::before {display: inline-block; position: absolute; content: ""; top: 10px; right: -13px; width: 13px; height: 10px; background: url('../images/common/tail02_right.png') no-repeat right center;}
/* .speech_bubble_type02 pre {} */


.speech_bubble_type03 {position: relative; display: block; max-width: 780px; min-height: 46px; padding: 10px 18px; font-size: 15px; border: 1px solid #d8d8d8; border-radius: 8px; background-color: #fff;}
.speech_bubble_type03.bg {background-color: #f8f8f8;}
.speech_bubble_type03::before {display: inline-block; position: absolute; content: ""; top: 13px; left: -13px; right: auto; width: 13px; height: 10px; background: url('../images/common/tail_left.png') no-repeat left center;}
.speech_bubble_type03.right::before {display: inline-block; position: absolute; content: ""; top: 13px; left: auto; right: -13px; width: 13px; height: 10px; background: url('../images/common/tail_right.png') no-repeat right center;}
.speech_bubble_type03.bg::before {background: url('../images/common/tail02_left.png') no-repeat right center;}
.speech_bubble_type03.bg.right::before {background: url('../images/common/tail02_right.png') no-repeat right center;}
.speech_bubble_type03 a:hover {color: #00a6ff; text-decoration: underline;}
.speech_bubble_type03.me {padding: 10px 50px 10px 18px;}
.speech_bubble_type03 p + p {margin-top: 5px;}
/* .speech_bubble_type03 pre {display: block; overflow: hidden; font-family: "Noto Sans KR"; word-break: break-all; white-space: pre-wrap; line-height: 1.5em;
  font-size: 15px; color: #333; font-weight: 400;
   white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-all;} */

.speech_bubble_type04 {position: relative; width:100%; min-height: 33px; padding: 6px 18px; border: 1px solid #d4d4d4; border-radius: 8px; background-color: #f8f8f8;}
.speech_bubble_type04::before {display: inline-block; position: absolute; content: ""; top: 10px; left: -13px; width: 13px; height: 10px; background: url('../images/common/tail02_left.png') no-repeat right center;}
/* .speech_bubble_type04 pre {display: block; overflow: hidden; font-family: "Noto Sans KR"; word-break: break-all; white-space: pre-wrap; line-height: 1.5em;
  font-size: 15px; color: #333; font-weight: 400;
   white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-all;} */

a.delete_speech_bubble {position: absolute; display: inline-block; width: 17px; height: 17px; top: 8px; right: 12px; font-size: 0px; text-indent: -9999px; background: url('../images/common/clear_btn04.png') no-repeat center center;}

.speech_bubble_txtarea div {display: inline-block;}
.star_area {overflow: hidden; width: 85px; vertical-align: top;}
.star {
  display: inline-block;
  width: 17px;
  height: 17px;
  cursor: pointer;
  background:url('../images/common/star_off.png') no-repeat center center
}
.star.on {
  display: inline-block;
  width: 17px;
  height: 17px;
  background:url('../images/common/star_on.png') no-repeat center center;
}
.rating-list li{
  float: left;
}


.speech_bubble_txt {width: calc(100% - 100px); font-size: 15px; text-align: center;}

.name_area {position: relative; display: inline-block; height: 33px; padding: 0 10px; line-height: 33px; font-size:14px; color: #fff;  border-radius: 5px; background-color: #545454;}
.name_area span {position: relative; display: block; float: left;}
.name_area span:first-child::before {display: inline-block; position: absolute; content:""; top: 11px; right: -8px; width: 1px; height: 12px;  background-color: #c1c1c1;}
.name_area span + span {overflow:hidden; position: relative; max-width: 130px; margin-left: 15px; text-overflow:ellipsis; white-space:nowrap;}
.name_area02 {overflow:hidden; position: relative; display: inline-block; max-width: 114px; min-width: 100px; height: 33px; padding: 0 10px; line-height: 33px; font-size:16px; color: #fff; text-align: center; text-overflow:ellipsis; white-space:nowrap; border-radius: 5px; background-color: #6a992f;}
.name_area03 {overflow:hidden; position: relative; display: inline-block; max-width: 114px; min-width: 100px; height: 33px; padding: 0 10px; line-height: 33px; font-size:16px; color: #fff; text-align: center; text-overflow:ellipsis; white-space:nowrap; border-radius: 5px; background-color: #e96666;}
.name_area04 {position: relative; display: inline-block; min-width: 100px; height: 33px; padding: 0 10px; line-height: 33px; font-size:16px; color: #fff; text-align: center; border-radius: 5px; background-color: #5e6bc8;}
.name_select {cursor: pointer;}

.txt_box_content_top + .txt_box_content_bottom {margin-top: 25px; padding-top: 20px; border-top: 1px dotted #777777;}
.textarea_box {position: relative;}
.textarea_box textarea {overflow-y: scroll; width: 100%; height: 58px; border: 1px solid #d4d4d4; background-color: #fff; resize: none;}
a.btn_clear {position: absolute; top: 50%; right: 35px; margin-top: -8px;}


.member_slide_layer {position: relative; height: 76px; margin: 0 0 50px 0;}
.member_slide_area {overflow: hidden; width: 800px; margin: 0 auto;}
.member_slide_box {overflow: hidden; display: inline-block; float: left; width: 80px; text-align: center; cursor: pointer;}
.member_slide_box img {display: block; width: 50px; height: 50px; margin: 0 auto;}
.member_slide_box span {display: block; margin-top: 10px; font-size: 16px; color: #333; font-weight: 700;}
a.member_slide_prev {position: absolute; top: 50%; margin-top: -16px; left: 0px;}
a.member_slide_next {position: absolute; top: 50%; margin-top: -16px; right: 0px;}

.member_slide_area .slick-slide  {width: 80px; margin: 0 0 0 10px;}
.member_slide_area .slick-slide:first-child  {margin: 0px;}
.member_slide_layer .pagination_area01 {bottom: auto; top: 110px;}

.txt_box_content_area03 {overflow: hidden;}
.txt_box_content_area03 .txt_box_content_top {
  overflow-y: scroll;
  min-height: 200px;
  max-height: 400px;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
.txt_box_content_area03 .txt_box_content_top::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Opera*/
}


.process_area {}
.process_header_area {overflow: hidden; min-height: 330px; background-color: #ebf2f5;}
.process_body_area {overflow: hidden; margin: 50px auto 0; background-color: #fff;}
.course_review {padding: 40px 0 60px 0; background-color: #ebf2f5;}

.review_box {border-top: 2px solid #666; border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; background-color: #fff;}
.review_box.none_sideline {border-left: 0px; border-right: 0px;}
.review_list_area {overflow-y: scroll; height: 270px;}
.review_list_area.nonescroll {overflow: hidden; height: auto;}
.review_list_area div.review {display: table; table-layout: fixed;  width: 100%; height: 90px; padding: 0 20px; border-bottom: 1px solid #ddd;}
.review_list_area div.review div.user_img_area {display: table-cell; width: 50px; vertical-align: middle;;}
.review_list_area div.review div.review_content {display: table-cell; padding: 10px 20px; overflow: hidden; vertical-align: middle;}
.review_list_area div.review div.review_content p {text-align: left;}
.review_list_area div.review div.review_content div.none_content02_02 {overflow: hidden; width: 360px; margin: 20px auto; padding: 35px 0; top: 50%; text-align: right; background: url('../images/common/none_content_bg02_01.png') no-repeat left center;}
.review_list_area div.review div.review_content div.none_content02_02 span {display: block; padding: 0px; font-size: 24px; color: #ab8a55; font-weight: 500;}
.review_list_area div.review div.review_content div.none_content02_02 span::after {content: none;}

.review_list_area div.review div.review_content:lang(zh) div.none_content02_02 {overflow: hidden; width: 290px; margin: 20px auto; padding: 35px 0; top: 50%; text-align: right; background: url('../images/common/none_content_bg02_01.png') no-repeat left center;}
.review_list_area div.review div.review_content:lang(zh) div.none_content02_02 span {display: block; padding: 0px; font-size: 24px; color: #ab8a55; font-weight: 500;}
.review_list_area div.review div.review_content:lang(zh) div.none_content02_02 span::after {content: none;}


.review_list_area div.review div span {position: relative;}
.review_list_area div.review div span:first-child {padding-right: 15px;}
.review_list_area div.review div span.time_txt {margin-left: 15px;}
.review_list_area div.review div a.review_deltet {overflow: hidden; display: inline-block; width: 18px; height: 18px; margin-top: -3px; margin-left: 10px;}
.review_list_area div.review div a.review_deltet img {vertical-align: top;}

.review_list_area div.review div a.review_deltet {vertical-align: middle;}
.review_list_area div.review div span:first-child::after {position: absolute; display: inline-block; content: ""; width: 1px; height: 12px; top: 7px; right: 0px; background-color: #a2a2a2;}

.review_input_area {padding: 20px;}
.review_input_area input[type=text] {width: 1007px; height: 37px; text-indent: 10px; border: 1px solid #d4d4d4; background-color: #f8f8f8;}

/* 자료실 */
.reference_chapter_area {overflow: hidden; background-color: #fafafa;}

.reference_room_area {overflow: hidden;}
.reference_room_box {display: inline-block; float: left; width: 580px; margin: 0 40px 40px 0; padding: 25px 40px; border: 1px solid #e0e0e0; border-radius: 10px; background-color: #fff;}
.reference_room_box:nth-child(even) {margin: 0 0 40px 0;}

.reference_room_header {overflow: hidden;}
.reference_room_header span.title {display: inline-block; overflow: hidden; width: 60%; font-size: 20px; font-weight: 700; vertical-align: middle; text-overflow: ellipsis; white-space: nowrap;}
div.data_info {display: inline-block; float: right; font-size: 14px; color: #333;}
div.data_info span {display: inline-block; height: 25px; line-height: 25px;}
div.data_info span.name {padding-left: 20px; background: url('../images/icon/icon_info_off.png') no-repeat left center;}
div.data_info span.date {padding-left: 30px; background: url('../images/icon/icon_time02.png') no-repeat left center;}

.reference_room_body {overflow: hidden; margin-top: 35px;}
.reference_file_list {overflow: hidden;}
.reference_file_list li {overflow: hidden;}
.reference_file_list li + li {margin-top: 10px;}
.reference_file_list li a {overflow: hidden; display: inline-block; width: 90%; height: 21px; padding-left: 25px; font-size: 14px; color: #333; line-height: 21px; vertical-align: middle; text-overflow: ellipsis; white-space: nowrap;}
.reference_file_list li a:hover {color: #00a6ff; text-decoration: underline;}
.reference_file_list li a.img_file {background: url('../images/icon/icon_file_img.png') no-repeat 3px center;}
.reference_file_list li a.pdf_file {background: url('../images/icon/icon_file_pdf.png') no-repeat left center;}
.reference_file_list li a.doc_file {background: url('../images/icon/ico_file_docx.png') no-repeat left center;}
.reference_file_list li a.hancom_file {background: url('../images/icon/ico_file_hancom.png') no-repeat left center;}
.reference_file_list li a.ppt_file {background: url('../images/icon/ico_file_ppt.png') no-repeat left center;}
.reference_file_list li a.xls_file {background: url('../images/icon/ico_file_xls.png') no-repeat left center;}
.reference_file_list li a.zip_file {background: url('../images/icon/ico_file_zip.png') no-repeat left center;}
.reference_file_list li a.mp3_file {background: url('../images/icon/ico_file_mp3.png') no-repeat left center;}
.reference_file_list li a.mp4_file {background: url('../images/icon/ico_file_mp4.png') no-repeat left center;}
.reference_file_list li a.png_file {background: url('../images/icon/icon_file_img.png') no-repeat 3px center;}
.reference_file_list li a.jpg_file {background: url('../images/icon/icon_file_img.png') no-repeat 3px center;}
.reference_file_list li a.jpeg_file {background: url('../images/icon/icon_file_img.png') no-repeat 3px center;}
.reference_file_list li a.pptx_file {background: url('../images/icon/ico_file_ppt.png') no-repeat left center;}
.reference_file_list li a.hwp_file {background: url('../images/icon/ico_file_hancom.png') no-repeat left center;}
.reference_file_list li a.xlsx_file {background: url('../images/icon/ico_file_xls.png') no-repeat left center;}

/* 제이씨 공지사항 녹색버전 */

.notice_box.bggreen .notice_bottom .link_btn {background-color: #c5d25b;}
.notice_box.bggreen:hover {cursor: pointer; padding: 15px; border: 5px solid #c5d25b; background: url('../images/common/edu_type03.png') no-repeat center center #ffffff; color:#fff !important; background-size:100% 102%;}
.notice_box.bggreen:hover .notice_bottom {width:calc(100% - 30px); position:absolute; left:15px; bottom:15px;}
.notice_box.bggreen:hover .notice_bottom .view_txt {background:url('../images/icon/icon_click_on.png') left center no-repeat; background-size:contain; color:#fff;}
.notice_box.bggreen:hover .notice_bottom .time_txt {background:url('../images/icon/icon_time_on.png') left center no-repeat; background-size:contain; color:#fff;}
.notice_box.bggreen:hover .folder_icon {background:url('../images/icon/icon_folder_on.png') left center no-repeat; background-size:contain;}
.notice_box.bggreen:hover .divide_txt {background:url('../images/icon/icon_info_on.png') left center no-repeat; background-size:contain; color:#fff;}
.notice_box.bggreen:hover .link_btn {background-color:#fff; color:#c5d25b;}

/* 제이씨 공지사항 상세보기 하단 영역 */

.contents_view_btn_group.position_bottom {position: absolute; bottom: 0px;}


.write_table ul li > div:last-child {font-size: 16px; line-height: 36px;}
.file_attach .attach_desc ul .color5c7b8d {line-height: normal; vertical-align: top;}
p.none_file {padding-top: 70px; font-size: 14px; color: #5c7b8d; text-align: center; background: url('../images/icon/icon_file04.png') no-repeat center 15px;}

/* 커뮤니티 */
/* 상세보기 */
.contents_view_title.bg01 {background-color:#eff1e3;}

/* 리뷰글작성 */
.view_reply_write_area {padding: 35px 45px; text-align: left; border: 1px solid #dddddd; background-color: #f8f8f8}
.view_reply_write_box {overflow: hidden; padding-left: 20px;}
.view_reply_write_box textarea {overflow-y: scroll; width: 100%; height: 107px; border: 1px solid #d4d4d4; resize: none; outline: none;}

/* sub_jeyi.css */
select::-ms-expand { display: none; }
select {
  border-radius:0; /* 아이폰 사파리 보더 없애기 */
  -webkit-appearance:none; /* 화살표 없애기 for chrome*/
  -moz-appearance:none; /* 화살표 없애기 for firefox*/
  appearance:none /* 화살표 없애기 공통*/
}

.division_contents {width:1200px; margin:0 auto; overflow:hidden; position:relative;}
.ellipsis {position: relative;}
.ellipsis_hidden{display:none;}
.ellipsis_txt{display:block; position: absolute; right: 50px; bottom: 6px; font-style: normal; font-size:23px; color:#333; line-height:36px;}

.divide_txt {display:inline-block; padding-left:20px; background:url('../images/icon/icon_info_off.png') left center no-repeat; background-size:contain; font-size:14px; line-height:19px; color:#333;}
.time_txt {display:inline-block;  padding-left:30px; background:url('../images/icon/icon_time02.png') left center no-repeat; background-size:contain; font-size:14px; line-height:20px; color:#333;}
.divide_txt.w {display:inline-block; padding-left:20px; background:url('../images/icon/icon_info_on.png') left center no-repeat; background-size:contain; font-size:14px; line-height:19px; color:#fff;}
.time_txt.w {display:inline-block;  padding-left:30px; background:url('../images/icon/icon_time_on.png') left center no-repeat; background-size:contain; font-size:14px; line-height:20px; color:#fff;}
.view_txt {display:inline-block;  padding-left:30px; background:url('../images/icon/icon_click.png') left center no-repeat; background-size:contain; font-size:14px; line-height:20px; color:#333;}
.folder_txt {display:inline-block;  padding-left:30px; background:url('../images/icon/icon_folder_off.png') left center no-repeat; background-size:contain; font-size:14px; line-height:20px; color:#333;}

.folder_icon {display:inline-block; width:20px; height:20px; vertical-align: top; margin-left:12px; background:url('../images/icon/icon_folder_off.png') left center no-repeat; background-size:contain; font-size:14px; line-height:19px; color:#333;}
.lock_icon {display:inline-block; width:20px; height:20px; vertical-align: top; background:url('../images/icon/icon_lock.png') left center no-repeat; background-size:contain; font-size:14px; line-height:19px; color:#333;}

.attach_delete_btn {display:inline-block; width:18px; height:18px; background:url('../images/icon/icon_attach_delete.png') left center no-repeat; background-size:contain; line-height:36px;}
.attach_find {display:inline-block; width:38px; height:38px;  background:url('../images/icon/icon_attach.png') left center no-repeat; background-size:contain;}
.attach_clear {display:inline-block; width:38px; height:38px;  background:url('../images/icon/icon_attach_clear.png') left center no-repeat; background-size:contain;}

/* 전체 과정 검색 + 공지사항 검색(.keyword_search.keyword_type02)*/
.search_area {/*height: 166px;*/ background-color: #146bc4;}
.search_area.search_type02 {background-color: #3583ba;}
  .search_area .keyword_area {width: 1200px; margin: 0 auto; position:relative;}
  .search_area .keyword_area:after {content:''; display:block; overflow:hidden; clear: both;}
    /* .search_area .keyword_area .keyword_search {overflow: hidden; position: relative; width: 1050px; float:left; height: 45px; margin: 35px auto 35px; background-color: #ffffff; border-radius: 50px;} */
    .search_area .keyword_area .keyword_search {overflow: hidden; position: relative; width: 1000px; float:left; height: 45px; margin: 35px auto 35px; background-color: #ffffff; border-radius: 50px;}
    .search_area .keyword_area .keyword_search.keyword_type02 {overflow: hidden; position: relative; width: 100%; height: 38px; margin: 35px auto 35px; background-color: #ffffff; border-radius: 50px;}

    .search_area .keyword_area .keyword_search .keyword_search_select {width:85px; height:100%; display:inline-block; float:left; position:relative;}
      .search_area .keyword_area .keyword_search .keyword_search_select:after{content:""; display:block; width:1px; height:20px; background-color:#bbb; position:absolute; right:0; top:50%; transform: translateY(-50%);}
        .search_area .keyword_area .keyword_search select{width:63px; display:inline-block; margin-left:22px; color:#333333; font-weight:400; border:none; vertical-align: middle; font-size:16px; position:absolute; left:0; top:50%; line-height:25px; text-align: center;transform:translateY(-50%);}

    .search_area .keyword_area .keyword_search.keyword_type02 .keyword_search_select {width:115px; height:100%; display:inline-block; float:left; position:relative;}
      .search_area .keyword_area .keyword_search.keyword_type02 .keyword_search_select:after{content:""; display:block; width:1px; height:20px; background-color:#bbb; position:absolute; right:0; top:50%; transform: translateY(-50%);}
        .search_area .keyword_area .keyword_search.keyword_type02 select{width:85px; display:inline-block; margin:0 10px 0 22px; color:#333; border:none; vertical-align: middle; font-size:100%; position:absolute; left:0; top:50%; line-height:1em; text-align: center;transform:translateY(-50%); background:url('../images/common/select_arrow02.png') right center no-repeat;}

    .search_area .keyword_area .keyword_search input[type=text].search_field_type02 {display: block; float: left; width: calc(100% - 195px); height: 45px; font-size:16px; margin: 0 0 0 20px; line-height:25px; border: 0px; outline: none; background-color: #ffffff;}
    .search_area .keyword_area .keyword_search input[type=text].search_field_type02.wp_calc105 {width: calc(100% - 105px);}
    .search_area .keyword_area .keyword_search i.clearable_clear {display: none; float: left; width: 25px; height: 45px; margin-right: 12px; outline: none; cursor: pointer; background: url(../images/common/clear_btn01.png) no-repeat center; text-indent: -9999px;}
    .search_area .keyword_area .keyword_search button.keyword_search_btn {display: inline-block; float: right; width: 25px; height: 45px; margin-right: 22px; outline: none;}

    .search_area .keyword_area .keyword_search.keyword_type02 input[type=text].search_field_type02 {display: block; float: left; width: calc(100% - 195px); height: 38px; font-size:100%; margin: 0 0 0 20px; border: 0px; outline: none; background-color: #ffffff;}
    .search_area .keyword_area .keyword_search.keyword_type02 input[type=text].search_field_type02:placeholder {color: #666666; font-weight:500;}
    .search_area .keyword_area .keyword_search.keyword_type02 input[type=text].search_field_type02:-ms-input-placeholder {color: #666666;}
    .search_area .keyword_area .keyword_search.keyword_type02 button.keyword_search_btn {display: inline-block; float: right; width: 25px; height: 38px; margin-right: 22px; outline: none;}

    .search_area .keyword_area  .keyword_search_drop_btn{display:inline-block; margin:35px 0 35px 0; float:right;}
    .search_area .keyword_area  .keyword_search_drop_btn button{width: 185px; height:46px; text-align:center; line-height:46px; outline: none; cursor:pointer; border-radius: 22px; background-color:#2f385a; color:#fff; font-size:15px;}
    .search_area .keyword_area  .keyword_search_drop_btn button span{display:inline-block; border-top:8px solid #fff; border-left:6px solid transparent; border-right:6px solid transparent; margin-left:10px; line-height:46px;}

    .keyword_search_up_btn {display:inline-block; margin:35px 0 35px 0; float:right;}
    .keyword_search_up_btn button {width:185px; height:46px; text-align:center; line-height:46px; outline: none; cursor:pointer; color:#fff; border-radius: 0 !important; background-color: transparent !important; background:url('../images/sub/bg_search_btn_01_01.png') center center no-repeat; background-size:contain; background-position: top; color:#fff; font-size:15px;}
    .keyword_search_up_btn span{transform:rotate(180deg);}


    /* js용 css */
    .keyword_search_up_btn2 button {width:123px; height:46px; text-align:center; line-height:46px; outline: none; cursor:pointer; color:#fff; background:url('../images/sub/bg_search_btn.png') center center no-repeat; background-size:contain; color:#fff; font-size:15px;}
    .keyword_search_up_btn2 span{transform:rotate(180deg);}

    .search_area h2{color:#fff; text-align:center; clear: both; padding-bottom:40px; font-weight:normal; letter-spacing: -0.4px; font-size:25px;}
      .search_area h2 span{color:#ffe99b;}

    .keyword_search_drop_contents {position:absolute; right:0; top: 75px; overflow:hidden; padding:50px 50px 30px; background:url('../images/sub/bg_search_content_01.png') center center no-repeat; background-size: 100% 100%; z-index: 50;}
      .keyword_search_drop_contents > ul {display:inline-block; width:50%; float:left;}
        .keyword_search_drop_contents > ul > li {display:inline-block; margin-right:20px; margin-bottom:30px; vertical-align: middle;}
        .keyword_search_drop_contents > ul > li:first-child {font-weight:bold; color:#fff; font-size:15px; width:85px; margin-right:0;}
        .keyword_search_drop_contents > ul > li:first-child:lang(en) {display: block; width: auto;}

        .keyword_search_drop_contents > ul:last-child li:first-child {margin-bottom:0;}
        .keyword_search_drop_contents > ul:last-child li:first-child:lang(en) {margin-bottom: 10px;}
      .keyword_search_drop_contents input[type="checkbox"] {display:none;}
      .keyword_search_drop_contents input[type="checkbox"] + label {color:#fff;}
      .keyword_search_drop_contents input[type="checkbox"] + label span {display:inline-block; width:15px; height:15px; vertical-align:sub; border:1px solid #a3a5ac; margin-right:5px; font-size:15px;}
      .keyword_search_drop_contents input[type="checkbox"]:checked + label span {background:url('../images/icon/icon_checked.png') center center no-repeat; background-size:contain;}

    .search_calendar {overflow:hidden; margin-bottom:0 !important; vertical-align: middle !important;}
      .search_calendar > div {display:inline-block; background-color:#fff; overflow:hidden; float:left; border:1px solid #ccc;}
        .search_calendar > div div {display:inline-block; overflow:hidden; border:1px solid #ccc; float:left;}
          .search_calendar > div div input[type="text"]{display:inline-block; width:120px; outline: none; border:none; height:30px; vertical-align: middle;}
          .search_calendar > div div button{display:inline-block; width:30px; height:30px; float:right; outline:none; background:url('../images/icon/icon_calendar.png') center center no-repeat; background-size:contain; border-left:1px solid #cccccc;}
        .search_calendar div span{display:inline-block; float:left; line-height:30px; margin:0 10px;}
        .search_calendar > button{display:inline-block; width:34px; height:34px; float:right; outline:none; background:url('../images/icon/icon_reset.png') center center no-repeat; background-size:contain; border:1px solid #cccccc; background-color:#fff; margin-left:2px; }


    /* 상단검색 */
    /*
    .search_drop_btn_area{position: relative; display:inline-block; width: 138px; height: 66px; margin: 35px 0 0px 0; float:right; text-align: right;}
    .search_drop_btn_area button.keyword_search_drop_btn02 {width: 123px; height: 46px; text-align:center; outline: none; cursor:pointer; border-radius: 22px; background-color:#2f385a; color:#fff; font-size:15px;}
    .search_drop_btn_area button.keyword_search_drop_btn02 span {position: relative; top: 0px; left: -7px; line-height: 46px;}
    .search_drop_btn_area button.keyword_search_drop_btn02 span::after {display: inline-block; position: absolute; content: ""; width: 1px; height: 8px; top: 8px; left: 65px; line-height: 46px; border-top: 7px solid #fff; border-left: 5px solid transparent; border-right: 5px solid transparent;}

    .search_drop_btn_area button.keyword_search_up_btn02  {width: 138px; height: 66px; text-align:center; outline: none; cursor:pointer; color:#fff; border-radius: 0 !important; background-color: transparent !important; background: url('../images/sub/bg_search_btn02.png') center center no-repeat; color:#fff; font-size:15px;}
    .search_drop_btn_area button.keyword_search_up_btn02 span {position: relative; top: -10px; left: 0px; line-height: 46px;}
    .search_drop_btn_area button.keyword_search_up_btn02 span::after {display: inline-block; position: absolute; content: ""; width: 1px; height: 8px; top: 0px; left: 65px; line-height: 46px; border-top: 7px solid #fff; border-left: 5px solid transparent; border-right: 5px solid transparent; transform: rotate(180deg);}
    */
    .search_drop_btn_area{position: relative; display:inline-block; width: 200px; height: 66px; margin: 35px 0 0px 0; float:right; text-align: right;}
    .search_drop_btn_area button.keyword_search_drop_btn02 {width: 185px; height: 46px; text-align:center; cursor:pointer; border-radius: 22px; background-color:#2f385a; color:#fff; font-size:15px;}
    .search_drop_btn_area button.keyword_search_drop_btn02 span {position: relative; top: 0px; left: -7px; line-height: 46px;}
    .search_drop_btn_area button.keyword_search_drop_btn02 span::after {display: inline-block; position: absolute; content: ""; width: 1px; height: 8px; top: 8px; right: -20px; line-height: 46px; border-top: 7px solid #fff; border-left: 5px solid transparent; border-right: 5px solid transparent;}

    .search_drop_btn_area button.keyword_search_up_btn02  {width: 200px; height: 66px; text-align:center; outline: none; cursor:pointer; color:#fff; border-radius: 0 !important; background-color: transparent !important; background: url('../images/sub/bg_search_btn02_01.png') center center no-repeat; color:#fff; font-size:15px;}
    .search_drop_btn_area button.keyword_search_up_btn02 span {position: relative; top: -10px; left: 0px; line-height: 46px;}
    .search_drop_btn_area button.keyword_search_up_btn02 span::after {display: inline-block; position: absolute; content: ""; width: 1px; height: 8px; top: 0px; right: -20px; line-height: 46px; border-top: 7px solid #fff; border-left: 5px solid transparent; border-right: 5px solid transparent; transform: rotate(180deg);}


    .keyword_search_drop_contents2 {display: table; table-layout: fixed; position: absolute; width: 100%; padding: 35px 60px; top: 100px; left: 0px; color: #fff; font-size: 15px; border-radius: 20px 0 20px 20px; background-color: #2f385a; z-index: 1;}
    .keyword_search_drop_contents2.hide {display: none;}
    .keyword_search_drop_contents2 ul.keyword_search_list_box {overflow: hidden; /*display: table-row;*/}
    .keyword_search_drop_contents2 ul.keyword_search_list_box li {vertical-align: middle; display: table-cell; padding: 10px 0;}
    .keyword_search_drop_contents2 ul.keyword_search_list_box li span.keyword_search_title {display: inline-block; width: 75px; vertical-align: middle;}
    .keyword_search_drop_contents2 ul.keyword_search_list_box li div label:lang(en) {font-size: 13px; letter-spacing: -0.04em;}
    .keyword_search_drop_contents2 ul.keyword_search_list_box li > div{ display: inline-block; }
    .keyword_search_drop_contents2 ul.keyword_search_list_box li .btnall,
    .keyword_search_drop_contents2 ul.keyword_search_list_box li .btnall ~ .btn{ height: 30px; line-height: 24px; background: #ffffff; font-weight: 700; color: #666666; padding: 0 20px; box-sizing: border-box; border: 3px solid #dddddd; display: inline-block; }
    .keyword_search_drop_contents2 ul.keyword_search_list_box li .btnall.on,
    .keyword_search_drop_contents2 ul.keyword_search_list_box li .btnall ~ .btn.on{ border-color: #0096ff; color: #0079ce }
    .keyword_search_drop_contents2 ul.keyword_search_list_box li .btnall + .btn,
    .keyword_search_drop_contents2 ul.keyword_search_list_box li .btnall ~ .btn + .btn{ margin-left: 7px; }
    
    .search_calendar2 {overflow: hidden; display: inline-block; vertical-align: middle;}
      .search_calendar2 > div.search_calendar2_area {display:inline-block; overflow:hidden; float:left;}
      .search_calendar2 > div.search_calendar2_area div {display:inline-block; overflow:hidden; float:left;}
      .search_calendar2 > div.search_calendar2_area div label {display: inline-block; text-indent: -9999px;}
      .search_calendar2 > div.search_calendar2_area div input[type="text"]{display:inline-block; width:110px; outline: none; border:none; height:30px; vertical-align: middle; font-size: 14px; color: #333; padding: 0 10px;}
      .search_calendar2 > div.search_calendar2_area div a.calendar_date_btn {float:right; display:inline-block; width:30px; height:30px; font-size: 0px; text-indent: -9999px; outline:none; background: #ffffff url('../images/icon/icon_calendar.png') center center no-repeat; }
      .search_calendar2 div.search_calendar2_area span{display:inline-block; float:left; line-height:30px; width: 30px; text-align: center; font-size: 15px; color: #ffffff;}
      .search_calendar2 > a.btn_reset {display:inline-block; width:34px; height:34px; margin-left:2px; font-size: 0px; text-indent: -9999; vertical-align: middle; outline:none; background:url('../images/icon/icon_reset.png') center center no-repeat #fff; border:1px solid #cccccc;}

      .keyword_search_checkbox input[type="checkbox"] {display:none;}
      .keyword_search_checkbox input[type="checkbox"] + label {color:#fff;}
      .keyword_search_checkbox input[type="checkbox"] + label span {display:inline-block; width:15px; height:15px; vertical-align:sub; border:1px solid #a3a5ac; margin-right:5px; font-size:15px;}
      .keyword_search_checkbox input[type="checkbox"]:checked + label span {background:url('../images/icon/icon_checked.png') center center no-repeat; background-size:contain;}



    /* 전체 과정 검색 결과 */
    .section {overflow:hidden;}
    .section.notice {overflow:hidden; background-color:#ebf2f5;}

    .search_result_type01 {max-width:1105px; margin:110px auto 35px; overflow:visible;}
      .search_result_type01:after {content:''; display:block; overflow:hidden; clear: both;}
      .search_result_type01 .edu_box{overflow:visible;}
      .search_result_type01 .edu_box:after {content:''; display:block; overflow:hidden; clear: both;}

    .section .edu_box_type01 {background: url('../images/common/edu_type01.png') no-repeat center top #ffffff; margin-right:15px; float:left; margin-bottom:15px;}
    .section .edu_box_type02 {background: url('../images/common/edu_type02.png') no-repeat center top #ffffff; margin-right:15px; float:left; margin-bottom:15px;}
    .section .edu_box_type04 {background: url('../images/common/edu_type04.png') no-repeat center top #ffffff; margin-right:15px; float:left; margin-bottom:15px;}
      .section .edu_box_type01:nth-child(4n) {margin-right:0;}
      .section .edu_box_type02:nth-child(4n) {margin-right:0;}
      .section .edu_box_type04:nth-child(4n) {margin-right:0;}

    .section .edu_box:hover {cursor: pointer; padding: 5px; border: 5px solid #267ecd; background: url('../images/common/edu_type03.png') no-repeat center top #ffffff;}
      .section .edu_box_hover {background: url('../images/common/edu_type_hover.png') no-repeat center top 40px #283451;}
      .section .edu_box_hover:hover {background: url('../images/common/edu_type_hover.png') no-repeat center top 35px #283451; }
      .section .edu_box_hover > .edu_content {height: auto; text-align: center;}
      .section .edu_box_hover > .edu_content > div:lang(en) {margin-top: 10px;}
      .edu_box_hover_title {display: block; font-size: 14px; color: #489ae4;}
      .edu_box_hover_txt {display: block; margin-top: 5px; font-size: 14px; color: #fff; line-height: 1.2em;}
      .edu_box_hover_txt:lang(en) {line-height: 1.4em;}

    .section .edu_content {position:relative;}
    /* .section .edu_content {position:relative; overflow:visible;} */
    .edu_txt_hash {width:100%; background-color:rgba(255,255,255,0.13); color:#fff; text-align:center; line-height:33px; position:absolute; left:0; bottom:0;}
      .edu_txt_hash:before{content:''; display:block; width:10px; height:33px; position:absolute; left:-10px; bottom:0; background-color:rgba(255,255,255,0.13);}
      .edu_txt_hash:after{content:''; display:block; width:10px; height:33px; position:absolute; right:-10px; bottom:0; background-color:rgba(255,255,255,0.13);}
      .edu_txt_hash span{margin-right:5px;}
      .edu_txt_hash span:last-child{margin-right:0;}
    .section .edu_box:hover .edu_txt_hash:before{width:5px; left:-5px;}
    .section .edu_box:hover .edu_txt_hash:after{width:5px; right:-5px;}

    .edu_bottom {position: relative;}
    a.btn_output {display: block; width: 114px; height: 37px; margin: 0 auto; line-height: 37px; font-size: 15px; color: #fff; text-align: center;; border-radius: 5px; background-color: #3f9aef;}
    a.btn_output_none {display: block; width: 114px; height: 37px; margin: 0 auto; line-height: 37px; font-size: 15px; color: #fff; text-align: center;; border-radius: 5px; background-color: #bcbcbc;}
    .edu_bottom .edu_title {display: block; font-size: 16px; color: #2f2f2f; line-height: 65px; text-align: center; font-weight: 500; letter-spacing: -0.03em;}

    .edu_bottom .edu_date_area {overflow: hidden; margin: 13px 0;}
    .subbox .edu_bottom .edu_date_area:lang(en) {margin: 8px 0;}
    .edu_bottom .edu_date_area .btn_output:lang(en) {font-size: 13px;}
    .edu_bottom .edu_date_area .btn_output_none:lang(en) {font-size: 13px;}

    .edu_bottom span.medal {position: absolute; width: 29px; height: 46px; top: -31px; left: 5px; font-size: 0px; text-indent: -9999px; background:url('../images/common/medal.png') no-repeat;}
        .edu_bottom .edu_date_area div.edu_date_txt {display: inline-block; float: left; width: 47px; height: 33px; margin-right: 10px; line-height: 33px; color: #ffffff; font-size: 13px; text-align: center; font-weight: 500;}
        .edu_bottom .edu_date_area div.edu_date_txt.type01 {background-color: #000000;}
        .edu_bottom .edu_date_area div.edu_date_txt.type01:lang(en) {font-size: 0px; background:url('../images/icon/icon_class01.png') no-repeat center center #000;}

        .edu_bottom .edu_date_area div.edu_date_txt.type02 {background-color: #65c693;}
        .edu_bottom .edu_date_area div.edu_date_txt.type02:lang(en) {font-size: 0px; background:url('../images/icon/icon_prearranged01.png') no-repeat center center #65c693;}
        .edu_bottom .edu_date_area div.edu_date_txt.type_none {background-color: #8c8c8c;}

        .edu_bottom .edu_date_area div.edu_date {height: 33px; font-size: 13px; color: #2f2f2f;}
        .edu_bottom .edu_date_area div.edu_date:lang(en) {overflow: hidden; width: 150px; height: auto; margin: 0 auto;}

        .edu_bottom .edu_date_area div.edu_date > dl {line-height: 1.2em;}
        .edu_bottom .edu_date_area div.edu_date > dl + dl:lang(en) {margin-top: 5px;}
        .edu_bottom .edu_date_area div.edu_date > dl > dt {display: inline-block; float: left;}
        .edu_bottom .edu_date_area div.edu_date > dl > dt::after {content: " "; display: inline-block; width: 1px; height: 10px; margin: 0 8px; background-color: #808080;}
        .edu_bottom .edu_date_area div.edu_date > dl > dd {display: inline-block;}

    /* .search_result_load{display: block; padding-top:35px; text-align:center; clear: both;} */
    /* 작업할것 */
      .search_result_load {margin-bottom: 50px; text-align: center;}
      .search_result_load button{display:inline-block; color:#fff; border-radius: 5px; padding:10px 40px; background-color: #3583ba; margin:0 auto; font-size:16px; cursor: pointer; outline:none;}
      .search_result_load button.btn_more{padding: 0; border-radius: 5px; font-weight: 500; width: 184px; height: 36px; line-height: 34px; border: 1px solid #c6d6dd; background: #ffffff; text-align: center; font-size: 16px; color: #333333;}
      .search_result_load .btn_more .ic_more{display: inline-block; width: 12px; height: 12px; background: url('../images/icon/icon_more.png') no-repeat center; margin-left: 10px;}

    /* 공지사항 리스트*/
    .list_view_select {margin:27px auto; min-height:37px; position:relative;}
    .list_view_select select{width:130px; height:37px; padding:0 15px; display:inline-block; position:absolute; right:0; top:0; color:#333; font-size: 13px; border:1px solid #d5d5d5; text-align: center; background:url('../images/common/select_arrow02.png') 90% center no-repeat #fff;}
      .list_view_select.left select{width:130px; height:37px; padding:0 15px; display:inline-block; position:absolute; left:0; top:0; color:#333; font-size: 13px; border:1px solid #d5d5d5; text-align: center; background:url('../images/common/select_arrow02.png') 90% center no-repeat #fff;}
    .list_view_select .btn {position: absolute; right: 0px;}

    .list_view_type01 {max-width:1200px; margin:0 auto 20px; overflow:hidden;}
      .notice_box {overflow: hidden; position:relative; float:left; display: inline-block; width: 380px; height: 240px; padding: 20px; border-radius: 5px; box-sizing: border-box; margin-right:30px; margin-bottom:30px; background-color:#fff; border:1px solid #e6e6e6;}
        .notice_box:nth-child(3n) {margin-right:0;}
        .notice_icon_area {position:relative; min-height: 20px;}
          .notice_box .icon_type{background-color:#ececec;}
          .notice_icon_area .divide_txt {position:absolute; right:0; top:0;}

        .section .view_content {position:relative; overflow:visible;}
          .view_content .view_content_box {padding:0 20px; margin-top:25px;}
            .view_content .view_content_box strong{display:inline-block; width:100%; height:auto; max-height:60px; margin-bottom:25px;font-size:20px; line-height:30px; overflow: hidden; word-wrap:break-word; text-overflow: ellipsis; white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
            .view_content .view_content_box span{display:inline-block; width:100%; font-size:14px; line-height:33px; overflow: hidden; word-wrap:break-word; text-overflow: ellipsis; white-space: nowrap;}

        .notice_bottom {position:absolute; left:20px; bottom:20px; width:calc(100% - 40px);}
          .notice_bottom .link_btn {display:inline-block; padding:10px 5px; font-size:14px; font-weight:bold; color:#fff; background-color:#3583ba; border-radius: 3px; position:absolute; right:0; top:50%; transform:translateY(-50%);}
          .notice_bottom .time_txt {margin:7px 25px 7px 0;}
          .notice_bottom .view_txt {margin:7px 25px 7px 0;}

      .notice_box:hover {cursor: pointer; padding: 15px; border: 5px solid #267ecd; background: url('../images/common/edu_type03.png') no-repeat center center #ffffff; color:#fff !important; background-size:100% 102%;}
        .notice_box:hover .notice_bottom {width:calc(100% - 30px); position:absolute; left:15px; bottom:15px;}
        .notice_box:hover .notice_bottom .view_txt {background:url('../images/icon/icon_click_on.png') left center no-repeat; background-size:contain; color:#fff;}
        .notice_box:hover .notice_bottom .time_txt {background:url('../images/icon/icon_time_on.png') left center no-repeat; background-size:contain; color:#fff;}
        .notice_box:hover .folder_icon {background:url('../images/icon/icon_folder_on.png') left center no-repeat; background-size:contain;}
        .notice_box:hover .divide_txt {background:url('../images/icon/icon_info_on.png') left center no-repeat; background-size:contain; color:#fff;}
        .notice_box:hover .link_btn {background-color:#fff; color:#3583ba;}

    .section.notice .pagination.notice {margin-bottom:40px; overflow:hidden;}
      .section.notice .pagination.notice a {margin:0 5px;}
      .pagination.notice a.pprev, .pagination.notice a.prev, .pagination.notice a.nnext, .pagination.notice a.next {background-color:#fff; margin:0 !important;}
      .pagination a.pprev + a.prev {border-left:1px solid #ccc; margin-left:-4px !important;}
      .pagination a.next + a.nnext {border-left:1px solid #ccc; margin-left:-3px !important;}

    /* 내용없음 */
    .none_content {overflow: hidden; width: 1200px; margin: 95px auto; padding-bottom: 290px; text-align: center; background: url('../images/common/none_content_bg01.png') no-repeat center bottom;}
    .none_content span {display: block; font-size: 25px; color: #5c7b8d; font-weight: 700;}

    .none_content02 {overflow: hidden; position: absolute; width: 340px; padding: 110px 0 0; top: 50%; margin-top: -67px; text-align: center; background: url('../images/common/none_content_bg02_01.png') no-repeat top center;}
    .none_content02 span {display: block; font-size: 24px; color: #ab8a55; font-weight: 500;}

    .none_content02_01 {overflow: hidden; position: absolute; width: 360px; margin: 0 auto; padding: 30px 0; top: 50%; margin-top: -42px; margin-left: 205px; text-align: right; background: url('../images/common/none_content_bg02_01.png') no-repeat left center;}
    .none_content02_01 span {display: block; font-size: 24px; color: #ab8a55; font-weight: 500;}

    .none_content02_01:lang(zh) {overflow: hidden; position: absolute; width: 290px; margin: 0 auto; padding: 30px 0; top: 50%; left: 50%; margin-top: -42px; margin-left: -145px; text-align: right; background: url('../images/common/none_content_bg02_01.png') no-repeat left center;}
    .none_content02_01:lang(zh) span {display: block; font-size: 24px; color: #ab8a55; font-weight: 500;}

    .none_content03 {overflow: hidden; width: 340px; padding: 0 0 295px 0; margin: 0 auto; text-align: center; background: url('../images/common/none_content_bg02.png') no-repeat bottom center;}
    .none_content03 span {display: block; font-size: 25px; color: #ab8a55; font-weight: 500;}

    .none_content04 {overflow: hidden; width: 1200px; margin: 95px auto; padding-bottom: 290px; text-align: center; background: url('../images/common/none_content_bg03.png') no-repeat center bottom;}
    .none_content04 span {display: block; font-size: 25px; color: #bfc4a1; font-weight: 700;}

    /* 상세보기 */
    .contents_view_title {width:100%; background-color:#ecf1f6; overflow:hidden;}
      .contents_view_title .division_contents {width:1200px; margin:22px auto 25px; overflow:hidden; position:relative;}
      .contents_view_title .division_contents:lang(en) {width:1200px; margin: 0px auto; padding: 22px 0 25px 0; overflow:hidden; position:relative;}

      .contents_view_title .division_contents > div {overflow:hidden; margin: 1px;}
      .contents_view_title .title_left{position: relative; float:left; width: 66%; padding-right:1%;}
        .contents_view_title .title_left span{float:left; height:28px; font-size:16px; line-height:28px; padding:0 12px; margin-top:5px;}
        .contents_view_title .title_left strong{float:left; overflow: hidden; display:inline-block; position:relative; width:calc(100% - 115px); height:auto; max-height:72px; margin-left:15px; font-size:23px; color:#333; line-height:36px; overflow:hidden; word-wrap:break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

        /* .contents_view_title .title_left strong i.ellipsis_txt {position: absolute; right:0; bottom:0; font-size:23px; color:#333; line-height:36px;} */
      .contents_view_title .title_right{width: 33%; text-align:right; position:absolute; right:0; top:50%; transform: translateY(-50%);}
      .contents_view_title .divide_txt {padding-left:35px; margin-right:30px; font-size:14px;}
      .contents_view_title .time_txt {padding-left:45px; margin-right:30px; font-size:14px;}
      .contents_view_title .view_txt {padding-left:45px; font-size:14px;}
      .contents_view_title .title_right > span.time_txt:lang(en) {margin-right: 0px;}
      .contents_view_title .title_right > span.reply_status:lang(en) {margin-top: 10px;}

    .contents_view_attach {background-color:#fff; border-bottom:1px solid #e2e2e2; line-height:45px;}

      .contents_view_attach a:hover .folder_txt{color: #00a6ff; text-decoration: underline;}
      .contents_view_attach .folder_txt{font-size:14px; padding-left:40px; margin-right:20px;}

    .contents_view_contents {padding:65px 0 90px; text-align:center; line-height:24px; font-size:16px; color:#333;}
      .contents_view_contents p{text-align:center; font-size:16px; color:#333;}
      .contents_view_contents p.view_contents_img{margin-bottom:30px; border:none;}
      .contents_view_contents p.view_contents_img img {max-width: 1100px;}

    .contents_view_contents_02 {padding:65px 0 90px; text-align:left; line-height:24px; font-size:16px; color:#333;}
      .contents_view_contents_02 p{text-align:left; font-size:16px; color:#333;}

    .contents_view_btn_group {width:100%; background-color:#ecf1f6; overflow:hidden;}
      .contents_view_btn_group .division_contents{margin:16px auto;}
        .contents_view_btn_group .division_contents > div{display:inline-block; float:left;}
        .contents_view_btn_group .division_contents .right_btn{display:inline-block; float:right;}
        .contents_view_btn_group .btn {font-size:16px; line-height:37px; float:left;}
        .contents_view_btn_group .btn + a.btn {margin-left: 12px;}

        .contents_view_btn_group.notice .btn {padding:0 23px; font-size:16px; line-height:37px; float:left;}
        .contents_view_btn_group.notice .btn:focus {outline: 2px solid magenta;}

    /* 문의사항 목록 */
    .section.iquire {background-color:#fff; border-bottom: 1px solid #dddddd;}
      .section.iquire .sectionHeader{margin-top:40px;}
      .section.iquire .list_view_select{margin:15px 0 33px;}
      .section.iquire .list_view_select select{font-size:16px;}
      .inquire_table_area {margin-bottom:20px;}
        .inquire_table_area table{width:100%; border-top:1px solid #000;}
          .inquire_table_area table tr {border-bottom:1px solid #ccc; }
          .inquire_table_area table thead tr th {padding: 15px 0; background-color:#ecf1f6; font-size:16px; color:#000;}
          .inquire_table_area table tbody tr td {padding: 15px 0; text-align:center; font-size:16px; color:#000;}
          .inquire_table_area table tbody tr td.alignl {text-align:left;}
          .inquire_table_area table tbody tr td p{display: inline-block;}
          .inquire_table_area table tbody tr td.subject p span{display:inline-block; float: left; width:auto; max-width:600px; overflow: hidden; word-wrap:break-word; text-overflow: ellipsis; white-space: nowrap;}
          .inquire_table_area table tbody tr td.subject p span:lang(en) {max-width: 560px;}
          .inquire_table_area table tbody tr td a {color: #333;}
          .inquire_table_area table tbody tr td a:hover p span {color: #00a6ff; text-decoration: underline;}
          .inquire_table_area table tbody tr .lock_icon{vertical-align: sub; margin-left:5px;}
          .inquire_table_area table tbody tr .folder_icon{margin-left:0; width:24px; height:24px;}
          .inquire_table_area table tbody tr td div.none_content02_02 {overflow: hidden; width: 360px; margin: 20px auto; padding: 35px 0; top: 50%; text-align: right; background: url('../images/common/none_content_bg02_01.png') no-repeat left center;}
          .inquire_table_area table tbody tr td div.none_content02_02 span {display: block; padding: 0px; font-size: 24px; color: #ab8a55; font-weight: 500;}

      .inquire_btn_box {margin-bottom:5px; overflow:hidden;}
        .inquire_btn_box p {display:inline-block; float:right;}
        .inquire_btn_box .btn_l {font-size:16px; padding:0 30px;}
      .section.iquire .pagination.iquire {margin-bottom:40px; overflow:hidden;}
        .section.iquire .pagination.iquire a {margin:0 5px;}
        .pagination.iquire a.pprev, .pagination.iquire a.prev, .pagination.iquire a.nnext, .pagination.iquire a.next {background-color:#fff; margin:0 !important;}
        .pagination a.pprev + a.prev {border-left:1px solid #ccc; margin-left:-4px !important;}
        .pagination a.next + a.nnext {border-left:1px solid #ccc; margin-left:-3px !important;}

    /* 문의사항 상세보기 */
    .inquire_container{border-bottom:1px solid #ccc;}
    .contents_view_title.inquire .reply_status{display:inline-block; padding:6px 14px; font-size:16px; font-weight:400; color:#fff; border-radius:6px;}
    .contents_view_btn_group.inquire {margin:0; background-color:#fff; padding-bottom:56px; }
      .contents_view_btn_group.inquire .division_contents {margin:0 auto;}

      .reply_area.inquire {background-color:#fff; height:auto; overflow:hidden; padding:0; border-radius: 0; margin-bottom:65px;}
      .reply_area.inquire .division_contents{background-color:#ecf1f6; border:1px solid #ddd; box-sizing: border-box;}
        .reply_area.inquire .division_contents .title {overflow:hidden; position:relative; height:auto; width:100%; background-color: #2f385a; padding:13px 20px 15px;}
        .reply_area.inquire .title_left{float:left; width: 76%; padding-right:1%;}
          .reply_area.inquire .title_left span{float:left; height:28px; font-size:16px; line-height:28px; padding:0 12px; margin-top:5px; }
          .reply_area.inquire .title_left span:lang(en) {float: none;}
          .reply_area.inquire .title_left strong {float:left; display:inline-block; position:relative; width:calc(100% - 75px); height:auto; max-height:72px; margin-left:15px; font-size:20px; color:#fff; line-height:36px; overflow: hidden; word-wrap:break-word; text-overflow: ellipsis; white-space: nowrap;}
          .reply_area.inquire .title_left strong:lang(en) {float: none; display: block; margin-left: 0px;}
        .reply_area.inquire .title_right{width: 33%; text-align:right; position:absolute; right:20px; top:50%; transform: translateY(-50%);}
          .reply_area.inquire .divide_txt {padding-left:35px; margin-right:30px; font-size:14px;}
          .reply_area.inquire .time_txt {padding-left:45px; font-size:14px;}

      .reply_area.inquire .attach {background-color:#fff; border-bottom:1px solid #e2e2e2; line-height:45px; padding:0 20px;}
        .reply_area.inquire .attach .folder_txt{font-size:14px; padding-left:30px; margin-right:20px; background-size: auto;}
        .reply_area.inquire .attach a:hover .folder_txt{color: #00a6ff; text-decoration: underline;}

        .reply_area.inquire .contents {padding:25px 20px; font-size:16px; color:#333; background-color:#fff;}
          .reply_area.inquire .contents p{font-size:16px; color:#333;}

    /* 문의사항 작성하기 */
    .write_form.inquire {background-color:#f7f5ef; padding:45px 0 80px;}
      .write_form.inquire .division_contents {width:1010px; margin:0 auto;}
        .write_form.inquire .write_title {background-color:#565656; padding:10px 34px;}
          .write_form.inquire .write_title strong {font-size:20px; line-height: 38px; padding-left:48px;  color:#fff;}
      .write_table {padding:40px 34px; border:1px solid #dddddd; border-top:none; background-color:#fff;}
        .write_table ul {}
          .write_table ul li{overflow:hidden;  margin-bottom:20px; font-size: 0px;}
            /* .write_table ul li div{float:left; overflow:hidden;} */
            .write_table ul li > div:first-child{display: inline-block; width:90px; margin-right: 10px; font-size:17px; font-weight:bold; color:#333; line-height: 1.4em; word-break: break-word; vertical-align: middle;}
            .write_table ul li > div:first-child:lang(en) {font-size: 16px; width: 100px;}
            .write_table ul li > div:first-child:lang(zh) {font-size: 16px; width: 100px;}
            .write_table ul li > div:last-child{display: inline-block; width: calc(100% - 100px); vertical-align: middle;}
            .write_table ul li > div:last-child:lang(en) {width: calc(100% - 110px);}
            .write_table ul li > div:last-child:lang(zh) {width: calc(100% - 110px);}
              .write_table ul li > div textarea {width:100% !important; height:135px; padding:10px; box-sizing: border-box; border:1px solid #ccc; resize: none; }
              .write_table ul li > div:last-child input[type="text"]{width:496px; height:36px; box-sizing: border-box; border:1px solid #cccccc; text-indent:10px; outline: none; background-color:#fff;}
              .write_table ul li > div:last-child input[type="radio"] {display:none;}
              .write_table ul li > div:last-child input[type="radio"] + label {color:#333; margin-right:30px;}
              .write_table ul li > div:last-child input[type="radio"] + label span {display:inline-block; width:17px; height:17px; vertical-align:sub; border:1px solid #cccccc; margin-right:10px; font-size:15px; border-radius:9px; margin-top:9.5px; position:relative; box-sizing: border-box;}
              .write_table ul li > div:last-child input[type="radio"]:checked + label span {display:inline-block; width:17px; height:17px; vertical-align:sub; border:1px solid #cccccc; margin-right:10px; font-size:15px; border-radius:9px; margin-top:9.5px; position:relative; box-sizing: border-box;}
              .write_table ul li > div:last-child input[type="radio"]:checked + label span:before {content:''; display:inline-block; width:7px; height:7px; border-radius:9px; position:absolute; left:4px; top:4px; background-color:#333;}
              .inquire_radio_box {display: inline-block;}
              .inquire_radio_box + input{width:174px !important;}
              .write_table input + .color5c7b8d {margin-left:15px; vertical-align: middle; font-size: 15px;}

              .file_attach .attach{width:100%; font-size: 16px; border:1px solid #ccc; box-sizing: border-box;}
              .file_attach .attach table{width:100%; box-sizing: border-box; overflow-y: scroll;}
              .file_attach .attach thead th,
              .file_attach .attach thead td{border-bottom:1px solid #ccc; background-color: #fff;}
              .file_attach .attach thead th p,
              .file_attach .attach thead td p{line-height:36px; text-align:center; border-right:1px solid #ccc; font-weight:normal; position: relative;}
              .file_attach .attach thead th:last-child p,
              .file_attach .attach thead td:last-child p{border-right:none;}
              .file_attach .attach p.attach_title{text-align:left; padding-left:30px;}
              .file_attach .attach input[type="checkbox"] {position: absolute; top: 0; left: 0; margin: 0; width: 100%; height: 100%; opacity: 0;}
              .file_attach .attach input[type="checkbox"] + label {color:#fff;}
              .file_attach .attach input[type="checkbox"]:focus + label {outline: 2px solid black;}
              .file_attach .attach input[type="checkbox"] + label span {display:inline-block; width:17px; height:17px; vertical-align:sub; border:1px solid #cccccc; font-size:15px;}
              .file_attach .attach input[type="checkbox"]:checked + label span {background:url('../images/icon/icon_checked_b.png') center center no-repeat; background-size:contain;}
              .file_attach .attach tbody td {background-color: #fff;}
              .file_attach .attach tbody td p{line-height:36px; text-align:center; font-weight:normal; position:relative; min-height:36px;}
              .file_attach .attach tbody td p .attach_delete_btn{position:absolute; left:50%; top:50%; transform: translate(-50%, -50%);}

              .file_attach .attach .attach_body{width:100%; min-height:105px; background-color: #fff;}
              .file_attach .attach .attach_body td{vertical-align: top;}

              .file_attach .attach_desc {width:100%; margin-top:10px;}
                .file_attach .attach_desc ul{overflow:hidden;}
                .file_attach .attach_desc ul .color5c7b8d {font-size:14px;}
                  .file_attach .attach_desc ul li.left{display:inline-block; float:left; overflow:hidden;}
                    .file_attach .attach_desc ul li.left a + .attach_clear {margin-left:5px; margin-right:15px;}
                    .file_attach .attach_desc ul li.left a, .file_attach .attach_desc ul li.left span {float:left;}

                  .file_attach .attach_desc ul li.right{display:inline-block; float:right;}

      .txt_box_type04 {width:100%; border:1px solid #dddddd; box-sizing: border-box; border-top:none; background: url('../images/sub/bg_quiz_top.png') no-repeat center top #c1d3e6;}
      .txt_box_type04_bg {padding: 35px 45px;  background: url('../images/sub/bg_quiz_bottom.png') no-repeat center bottom;}

      .txt_box_type05{width:100%; padding:35px 45px 105px; border:1px solid #dddddd; box-sizing: border-box; border-top:none; background: url('../images/sub/bg_survey.png') no-repeat center bottom #dce6c1;}
      .txt_box_type06{width:100%; padding:35px 45px; border:1px solid #dddddd; box-sizing: border-box; border-top:none; background: url('../images/sub/bg_test.png') no-repeat center; background-size:100% 100%;}
        .question_group_area {padding-bottom: 37px; background:url('../images/sub/bg_question.png') no-repeat center bottom;}


        .question_group, .test_group{width:100%; padding:0 32px; box-sizing: border-box; border-top:6px solid #585858; background:url('../images/sub/bg_list_question.png') repeat-y center bottom; }
          .question_group li{width:100%; padding:35px 0; border-bottom: 1px dotted #ccc;}
          .question_group li:last-child{border-bottom: none; padding-bottom: 17px;}
            .question_group h4{width:100%; font-size:23px; text-align: left; position:relative;}
              .question_group h4 span {position:relative; display:inline-block; margin-top: 25px;}
              .question_group h4 .check_wrong {display:block; width:50px; height:40px; position:absolute; left:-20px; top:50%; transform:translateY(-45%); background: url('../images/icon/icon_check_wrong.png') no-repeat center; background-size:contain;}
              .question_group h4 .check_correct {display:block; width:50px; height:40px; position:absolute; left:-14px; top:50%; transform:translateY(-45%); background: url('../images/icon/icon_check_correct.png') no-repeat center; background-size:contain;}
              .question_group h4 .question_type{position:absolute; left:0; margin-top: 0px; font-size:16px; color:#9c9c9c; font-weight:normal;}
            .question_group li > div{width:100%; text-align:center; position:relative;}
              .question_group .answer_radio_group > div {display: block; position:relative; margin-top:35px;}
              .question_group .answer_radio_group div > div {display: inline-block; position:relative;}
                .question_group .answer_radio_group .check_andswer {display:block; width:25px; height:23px; position:absolute; z-index:2; left:2px; top:50%; transform:translateY(-75%); background: url('../images/icon/icon_check_answer.png') no-repeat center; background-size:contain;}
              .question_group .answer_radio_group input[type="radio"] {display:none;}
              .question_group .answer_radio_group input[type="radio"] + label { color:#333; font-size: 20px;}
              .question_group .answer_radio_group input[type="radio"] + label span {display:inline-block; width:17px; height:17px; border:1px solid #cccccc; margin-right:10px; font-size:15px; border-radius:9px; position:relative; box-sizing: border-box;}
              /* .question_group .answer_radio_group input[type="radio"]:checked + label span {display:inline-block; width:17px; height:17px; vertical-align:sub; border:1px solid #cccccc; margin-right:10px; font-size:15px; border-radius:9px; margin-top:9.5px; position:relative; box-sizing: border-box;} */
              .question_group .answer_radio_group input[type="radio"]:checked + label span {display:inline-block; width:17px; height:17px; border:1px solid #cccccc; margin-right:10px; font-size:15px; border-radius:9px; position:relative; box-sizing: border-box;}
              .question_group .answer_radio_group input[type="radio"]:checked + label span:before {content:''; display:inline-block; width:7px; height:7px; border-radius:9px; position:absolute; left:4px; top:4px; background-color:#333;}

            .answer_o {display:inline-block; width:60px; height:60px; margin-top:20px; margin-right:10px; background:url(../images/icon/icon_answer_o.png) no-repeat center; background-size:contain;}
            .answer_x {display:inline-block; width:60px; height:60px; margin-top:20px; background:url(../images/icon/icon_answer_x.png) no-repeat center; background-size:contain;}

            .answer_box {overflow: hidden; margin-top: 30px; padding: 8px 20px; font-size: 15px; color: #333; border: 1px solid #dddddd; border-radius: 5px; background-color: #f8f8f8;}
            .answer_box span {display: inline-block; float: left;}
            .answer_box p {display: inline-block;}

            .question_group div textarea {width:100%; height:64px; margin-top:15px; border:1px solid #ccc; box-sizing: border-box; font-size:17px; color:#333; outline: none; padding:10px; text-align:center; overflow-y: scroll; resize: none;}




            .question_submit {margin-top:25px; text-align:center;}
              .question_submit .submit_btn{display:inline-block; color:#fff; background-color:#70a0d7; font-weight:bold; font-size:17px; padding:13px 40px; border-radius:8px;}
              .question_submit.survey .submit_btn{display:inline-block; color:#fff; background-color:#5fb795; font-weight:bold; font-size:17px; padding:13px 40px; border-radius:8px;}

            .test_group{padding-bottom:20px;}

            .test_group .test_group_title{color:#333; font-size:35px; padding:35px 0; border-bottom:3px solid #979797;}
            .test_group .test_group_title:lang(en) {padding: 55px 0;}
              .test_group .test_group_title .right_title{display:inline-block; width:49%; padding-left:1%; float:right; position: relative; text-align:right;}
              .test_group .test_group_title .right_title:lang(en) {overflow: hidden; margin-top: -17px;}

              .test_group .test_group_title .right_title > span:lang(en) {margin-top: 35px;}

              .test_group .test_group_title .test_score{display:inline-block; padding:0 10px; color:#e60012;}
              .test_group .test_group_title .test_result{font-size:17px; position:absolute; left:0; top:50%; transform: translateY(-50%);}
              .test_group .test_group_title .test_result:lang(en) {font-size:16px; top: 0%; right: 0px; transform: none;}

            .test_group .question_group{width:100%; margin-top:20px; padding:0; box-sizing: border-box; border-top:none; background:none; background-size:0;}
            .test_group .question_group:after{content:''; display:block; overflow:hidden; clear: both;}
            .test_group .question_group li.left{width:calc(49% - 1px); padding-right:1% !important; padding:0 0 20px; border-bottom:none; float:left; border-right:1px solid #c4c4c4;}
            .test_group .question_group li.right {width:49%; padding-left:1% !important; padding:0 0 20px; border-bottom:none; border-right:0; float:right;}
            .test_group .question_group li > div {width:100%; margin-bottom:40px;}
            .test_group .question_group li > div:first-child{padding-top:20px;}
            .test_group .question_group li > div:last-child{padding-bottom:20px;}
              .test_group .question_group h4{width:100%; font-size:18px; text-align:left; position:relative; word-break: keep-all;}
                .test_group .question_group h4 span{position:relative; display:inline; word-wrap: break-word; line-height:31px; top: 0; transform: translateY(0);}
                .test_group .question_group h4 .check_wrong {display:block; width:40px; height:30px; position:absolute; left:-15px; top:50%; transform:translateY(-45%); background: url('../images/icon/icon_check_wrong.png') no-repeat center; background-size:contain;}
                .test_group .question_group h4 .check_correct {display:block; width:48px; height:44px; position:absolute; left:-19px; top:50%; transform:translateY(-45%); background: url('../images/icon/icon_check_correct.png') no-repeat center; background-size:contain;}
                .test_group .question_group h4 .question_type{font-size:16px; color:#9c9c9c; font-weight:normal;}
                .test_group .answer_radio_group {text-align:left; margin-top:20px;}
                  .test_group .answer_radio_group > div{margin-top:0; margin-bottom:20px;}

                .test_group .question_group li > div {width:100%;}
                  .test_group .question_group li > div textarea{width:calc(100% - 3px);}

            .question_submit.test .submit_btn {background-color:#005c89;}

            .score_box_area {display: inline-block; padding: 15px; font-size: 14px; color: #fff; font-weight: 700; border-radius: 5px; background-color: #70a0d7;}
            .score_box_area strong:first-child {position: relative; margin-right: 12px; padding-right: 12px;}
            .score_box_area strong:first-child span {color: #fffb8b;}
            .score_box_area strong:first-child span em {font-size: 18px; font-style: normal;}
            .score_box_area strong:first-child::after {position: absolute; content: ""; display: inline-block; width: 1px; height: 31px; top: -5px; right: 0px; background-color: #aec9e8;}

.learn_map {width:100%;}

/*-------- sub_jeyi.css ---------*/


.notice_list {overflow: hidden;}
.notice_list ul {overflow: hidden; display: table; table-layout: fixed; width: 100%; border-top: 1px solid #444;}
.notice_list ul li {overflow: hidden;  padding: 25px 0; border-bottom: 1px solid #bebebe; }
.notice_list ul li:last-child {border-bottom: 0px;}
.notice_list ul li > div {overflow: hidden; display: table-cell; vertical-align: middle;}
.notice_list ul li div.notice_list_txt_area {width: 1080px;}
.notice_list ul li div.notice_list_txt_area a {overflow: hidden; display: block; width: 1080px; text-overflow: ellipsis; white-space: nowrap;}
.notice_list ul li div.notice_list_txt_area strong {overflow: hidden; display: block; margin-bottom: 16px; font-size: 18px; font-weight: 700; color: #333; text-overflow: ellipsis; white-space: nowrap; line-height: 1.2em;}
.notice_list ul li div.notice_list_txt_area p {overflow: hidden; font-size: 14px; font-weight: 400; color: #656363; text-overflow: ellipsis; white-space: nowrap;}
.notice_list ul li > div.review {display: block;}
.notice_list ul li > div.review div.review_content div.none_content02_02 {overflow: hidden; width: 360px; margin: 20px auto; padding: 35px 0; top: 50%; text-align: right; background: url('../images/common/none_content_bg02_01.png') no-repeat left center;}
.notice_list ul li > div.review div.review_content div.none_content02_02 span {display: block; padding: 0px; font-size: 24px; color: #ab8a55; font-weight: 500;}
.notice_list ul li > div.review div.review_content div.none_content02_02 span::after {content: none;}

.notice_list ul li > div.review div.review_content:lang(zh) div.none_content02_02 {overflow: hidden; width: 290px; margin: 20px auto; padding: 35px 0; top: 50%; text-align: right; background: url('../images/common/none_content_bg02_01.png') no-repeat left center;}
.notice_list ul li > div.review div.review_content:lang(zh) div.none_content02_02 span {display: block; padding: 0px; font-size: 24px; color: #ab8a55; font-weight: 500;}
.notice_list ul li > div.review div.review_content:lang(zh) div.none_content02_02 span::after {content: none;}


.notice_list ul li div.notice_list_date_area {width: 120px;}

.data_none {color: #656363; font-size: 14px;}
.borderb {border-bottom: 1px solid #dddddd;}
.search_edu_area {margin: 30px 0 35px 30px;}
.search_edu_area.list_type {margin: -35px 0 35px 0px;}
.search_edu_area div.none_content02_03 {overflow: hidden; width: 360px; margin: 0 auto; padding: 35px 0; top: 50%; text-align: right; background: url('../images/common/none_content_bg02_02.png') no-repeat left center;}
.search_edu_area div.none_content02_03 span {display: block; font-size: 24px; color: #c2c6ab ; font-weight: 500;}
.section.process_detail .search_edu_area {width: 840px;}
.section.process_detail .search_edu_area .search_result_load{display: block; padding-top:35px; text-align:center; clear: both;}
.section.process_detail .center_layer {overflow: hidden; position: relative;}
.section.process_detail .center_layer .edu_box_type01:nth-child(4n) {margin-right: 15px;}
.section.process_detail .center_layer .edu_box_type02:nth-child(4n) {margin-right: 15px;}
.section.process_detail .center_layer .edu_box_type04:nth-child(4n) {margin-right: 15px;}

/* 20210126 박태훈 추가 */
.search_edu_area ul.edu_list_type {overflow: hidden;}
.search_edu_area ul.edu_list_type > li + li {border-top: 1px solid #c6d6dd;}
.search_edu_area ul.edu_list_type li > div {padding: 35px 0;}
.search_edu_area ul.edu_list_type li:first-child > div {padding: 0 0 35px 0;}
.search_edu_area ul.edu_list_type li > div .edu_thumbnail {display: inline-block; width: 202px; height: 123px; margin-right: 30px; vertical-align: top;}
.search_edu_area ul.edu_list_type li > div .edu_thumbnail img {width: 202px; height: 123px;}
.search_edu_area ul.edu_list_type li > div .edu_info {display: inline-block; width: 570px; vertical-align: top;}
.search_edu_area ul.edu_list_type li > div .edu_info p {margin-bottom: 10px; font-size: 14px;}
.search_edu_area ul.edu_list_type li > div .edu_info p span.fontBlue {color: #3682b8;}
.search_edu_area ul.edu_list_type li > div .edu_info p span.fontBrown {color: #b87636;}
.search_edu_area ul.edu_list_type li > div .edu_info p span + span {margin-left: 15px;}
.search_edu_area ul.edu_list_type li > div .edu_info strong {overflow:hidden; display: block; width: 100%; margin-bottom: 15px; font-size: 20px; font-weight: bold; color: #333; text-overflow:ellipsis; white-space:nowrap;}
.search_edu_area ul.edu_list_type li > div .edu_info > div {overflow: hidden;}
.search_edu_area ul.edu_list_type li > div .edu_info > div > ul {display: block; width: 50%; float: left; font-size: 14px; color: #333; }
.search_edu_area ul.edu_list_type li > div .edu_info > div > ul li + li {margin-top: 8px;}
.search_edu_area ul.edu_list_type li > div .edu_info > div > ul li + li:nth-child(3):lang(en) {margin-top: 10px;}
.search_edu_area ul.edu_list_type li > div .edu_info > div > ul li:nth-child(1) span:nth-child(2):lang(en) {padding-top: 0px;}
.search_edu_area ul.edu_list_type li > div .edu_info > div > ul li span:nth-child(1) {display: block; float: left; width: 55px; border-right: 1px solid #a5a6a7;}
.search_edu_area ul.edu_list_type li > div .edu_info > div > ul li span:nth-child(1):lang(en) {display: block; float: left; width: 90px; border-right: 1px solid #a5a6a7;}
.search_edu_area ul.edu_list_type li > div .edu_info > div > ul li span:nth-child(2) {display: inline-block; width: calc(100% - 55px); padding-left: 30px;}
.search_edu_area ul.edu_list_type li > div .edu_info > div > ul li span:nth-child(2):lang(en) {display: inline-block; width: calc(100% - 90px); padding-left: 25px; padding-top: 8px;}
.search_edu_area ul.edu_list_type li > div .edu_info > div > div {overflow: hidden; margin-top: 13px; text-align: right;}
.search_edu_area ul.edu_list_type li > div .edu_info > div > div > a {display: inline-block; width: 125px; height: 44px; color: #fff; text-align: center; line-height: 44px; border-radius: 5px; font-size: 17px;}
.search_edu_area ul.edu_list_type li > div .edu_info > div > div > a + a {margin-left: 4px;}
.search_edu_area ul.edu_list_type li > div .edu_info > div > div > a.btn_request {background-color: #3583ba;}
.search_edu_area ul.edu_list_type li > div .edu_info > div > div > a.btn_shopping {background-color: #2f385a;}
.search_edu_area ul.edu_card_type::after{ display: block; clear: both; content: ""; }
.search_edu_area ul.edu_card_type li{float: left; width: 265px; border-radius: 5px; overflow: hidden; margin-top: 28px;
	-webkit-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.13); 
	box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.13);
}
.search_edu_area ul.edu_card_type li + li{margin-left: 22px;}
.search_edu_area ul.edu_card_type li:nth-child(3n + 1){margin-left:0;}
.search_edu_area ul.edu_card_type li:first-child,
.search_edu_area ul.edu_card_type li:nth-child(2),
.search_edu_area ul.edu_card_type li:nth-child(3),
.search_edu_area ul.edu_card_type li:nth-child(4){margin-top: 0;}
.search_edu_area ul.edu_card_type li a{display: block; color: inherit}
.search_edu_area ul.edu_card_type li a.title {position: relative;}
.search_edu_area ul.edu_card_type li a.title::before {content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; box-sizing: border-box;}
.search_edu_area ul.edu_card_type li a.title:focus::before {border: 2px solid black;}
.search_edu_area ul.edu_card_type li .thumnail{position: relative;}
.search_edu_area ul.edu_card_type li .thumnail .lang{position: absolute; left: 10px; top: 10px; border-radius: 5px; background: #ffffff; line-height: 20px; font-size: 11px; font-weight: 500; padding: 0 7px; color: #246d97;}
.search_edu_area ul.edu_card_type li .icon_wrap{position: absolute; right: 10px; top: 10px;}
.search_edu_area ul.edu_card_type li .icon_wrap::after{display: block; clear: both; content: "";}
.search_edu_area ul.edu_card_type li .icon_wrap i{display: block; float: left; text-indent: -9999px; width: 30px; height: 30px; background-size: 100%; background-repeat: no-repeat; background-position: center;}
.search_edu_area ul.edu_card_type li .icon_wrap i + i{margin-left: 5px;}
.search_edu_area ul.edu_card_type li .icon_wrap i.ic_distance{background-image: url('../images/icon/ico_distance.png')}
.search_edu_area ul.edu_card_type li .icon_wrap i.ic_assignment{background-image: url('../images/icon/ico_assignment.png')}
.search_edu_area ul.edu_card_type li .cont{padding: 16px 10px 10px; background: #ffffff; display: flex; flex-wrap: wrap;}
.search_edu_area ul.edu_card_type .tit{text-align: center; line-height: 1.375; font-size: 16px; font-weight: 500; flex: none; width: 100%; margin-bottom: 17px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.search_edu_area ul.edu_card_type .status{flex: none; color: #ffffff; background: #000000; width: 47px; text-align: center; height: 33px; line-height: 33px; font-size: 13px; font-weight: 500;}
.search_edu_area ul.edu_card_type .status.finish{background: #aaaaaa;}
.search_edu_area ul.edu_card_type .schedule{padding-left: 10px;}
.search_edu_area ul.edu_card_type .schedule dl{display: flex; color: #2f2f2f; font-size: 13px;}
.search_edu_area ul.edu_card_type .schedule dl + dl{margin-top: 7px;}
.search_edu_area ul.edu_card_type .schedule dl > *{line-height: 1; font-size: 13px; height: 13px;}
.search_edu_area ul.edu_card_type .schedule dl dt{flex: none; position: relative; padding-right: 17px;}
.search_edu_area ul.edu_card_type .schedule dl dt::after{display: block; content: ""; width: 1px; height: 10px;}
.search_edu_area .tab_wrap{}
.search_edu_area .tab_wrap .tab_btn_area{display: flex; align-items: flex-start;}
.search_edu_area .tab_wrap .tab_btn_area .tab_btn{flex: none; margin: 0 25px; line-height: 1.5; color: inherit; font-weight: 500; font-size: 18px; padding-bottom: 6px; box-sizing: border-box; height: 36px;}
.search_edu_area .tab_wrap .tab_btn_area .tab_btn.on{border-bottom: 3px solid #000000;}
.search_edu_area .tab_wrap .tab_btn_area .tab_btn:first-child{margin-left: 0;}
.search_edu_area .tab_wrap .tab_cont{padding-top: 22px;}




/*-------------- 이용약관 기존 누리세종학당 css -------------------*/
/* agreement */
.articleList .boxPage {margin-bottom:20px;}
.articleList .boxPage>ul>li {float:left;padding:0 0 20px;width:33.3%;}
.articleList .boxPage>ul>li strong {display:block;padding:0 0 10px;font-size:110%;color:#333;}
.articleList .boxPage>ul>li strong a {border-bottom:1px solid #333;}
.articleList .boxPage>ul>li>ul>li {position:relative;padding:0 0 7px 7px;}
.articleList .boxPage>ul>li>ul>li:before {display:block;content:'';position:absolute;left:0;top:7px;width:2px;height:1px;background-color:#969696;}
.articleList .boxPage p.txt {margin:20px;font-size:15px;}
.articleList .boxPage div {width:147px;margin:0 auto;}
.articleList .boxPage p.bullet {font-weight:500;font-size:15px;background-position:0 4px;}
.articleList .boxPage a {color: #333333;}
.articleList .private-boxPage strong {font-size:115%;line-height:1.5em;color:#333;}
.articleList>h2 {padding:20px 0;font-size:145%;color:#333;}
.articleList>h3 {margin:20px 0 10px;padding:0 0 0 25px;line-height:20px;background:url('../images/common/circle_blt.png') no-repeat 0 1px;}
.articleList>ul {margin-left:20px;}
.articleList>p {margin-left:20px;font-size:13px;line-height:150%;letter-spacing:-1px; }
.articleList>ul li {font-size:14px;line-height:160%;margin:0 0 10px;letter-spacing:-1px;}
.articleList ul li ul {margin:5px 0;}
.articleList table {text-indent:0;}
.articleList>ul>li>a {text-decoration:underline;color:#2b8ed1;}
.articleList>ul>li>ul>li>a {text-decoration:underline;color:#2b8ed1;}
.articleList .private-imgbox {text-align:center;padding:20px 0;}
.step1-textarea{text-align:left;padding:20px 0; font-size:13px;letter-spacing:-0.06em;}
.step1-textarea .articleList>ul li{font-size:13px;}

/* .basic-list-skin2	{margin:10px 0; border-top:3px solid #666;border-left:1px solid #ddd;border-right:1px solid #ddd;} */
.basic-list-skin2	{border-top:3px solid #666;border-left:1px solid #ddd;border-right:1px solid #ddd;}
.basic-list-skin2.borderlr0 {border-left: 0px; border-right: 0px;}
.basic-list-skin2 table{width:100%;table-layout:fixed;}
.basic-list-skin2 table th{padding:15px 0;border-bottom:1px solid #ddd;color:#333;font-size:105%;text-align:center;background-color:#f9f9f9;}
.basic-list-skin2 table td{padding:12px 0;border-bottom:1px solid #ddd;text-align:center;word-break:break-word;background-color:#fff;}
.basic-list-skin2 table td.left{text-align:left;padding:12px 0 12px 10px;}

/*-------------- 이용약관 기존 누리세종학당 css -------------------*/
.flip-container {margin: 10px; perspective: 1000px; transform-style: preserve-3d;}
	.flip-container.on .back {transform: rotateY(0deg);}
	.flip-container.on .front {transform: rotateY(180deg);}

.flip-container, .front, .back {display: inline-block; width: 265px; height: 265px;}

.flipper {transition: 0.6s; transform-style: preserve-3d; position: relative;}

.front, .back {backface-visibility: hidden; transition: 0.6s; transform-style: preserve-3d; position: absolute; top: 0; left: 0;}
.front {z-index: 2; transform: rotateY(0deg);}
.back {transform: rotateY(-180deg);}

.vertical.flip-container {position: relative;}
  .vertical .back {transform: rotateX(180deg);}
  .vertical.flip-container:hover .back {transform: rotateX(0deg);}
  .vertical.flip-container:hover .front {transform: rotateX(180deg);}

/* 이용약관 */
.membership-iframe-txtbox{padding:10px;font-size:12px;}
.membership-iframe-txtbox>strong{display:block;}
.membership-iframe-txtbox .membership-txtbox{padding:10px;line-height:1.5em;}
.membership-iframe-txtbox .membership-txtbox>strong{display:block;padding:10px 0;}
.membership-iframe-txtbox .membership-txtbox>ul>li{padding:4px 0;}

  /* -------------학습로드맵------------- */
  /* 학습로드맵 정렬 */
  .roadmap_sort {background-color:#333636; width: 225px; height:100%; color:#fff; float:left; padding:50px 30px 0;}
  .roadmap_sort dl {margin-bottom:60px; overflow: hidden;}
  .roadmap_sort dl dt {margin-bottom:35px; font-size:30px; letter-spacing: -2px;}
  .roadmap_sort dl dd {margin-bottom:30px; overflow:hidden;}
    .roadmap_sort dl:nth-child(2) dd{width:50%; float:left;}
    .roadmap_sort dl:nth-child(2) dd:lang(en) {width: auto; float: none;}

  .roadmap_sort input[type="checkbox"] {display:none;}
  .roadmap_sort input[type="checkbox"] + label {color:#fff; font-size:15px; overflow:hidden;}
  .roadmap_sort input[type="checkbox"] + label span {display:inline-block; width:15px; height:15px; float:left; vertical-align:bottom; border:1px solid #a3a5ac; margin-right:7px; font-size:15px;}
  .roadmap_sort input[type="checkbox"]:checked + label span {background:url('../images/icon/icon_checked.png') center center no-repeat; background-size:contain;}

  .roadmap_sort dl dd b{display:inline-block; width:calc(100% - 22px); font-size:15px; float:left; font-weight:normal;}



  /* 학습로드맵 컨텐츠 */
  .roadmap_container01 {width:calc(100% - 225px); float:left; overflow:hidden; background:url('../images/sub/bg_learning_roadmap.png') center center no-repeat; background-size:100% 100%;}
  .roadmap_contents01 {width:1100px; margin:52px auto 0; overflow:hidden;}

  .roadmap_contents01 .roadmap_swiper{width: 350px; height:290px; float:left; position:relative; color:#282828; text-align:center;}
  .roadmap_contents01 .roadmap_swiper h5{font-size:44px; letter-spacing: -0.5px;}
  .roadmap_contents01 .roadmap_swiper > div {position:relative;}
  .roadmap_contents01 .roadmap_swiper .swiper-slide { font-size: 73px; font-weight:bold;}
  .roadmap_contents01 .roadmap_swiper .swiper-slide:lang(zh) {padding: 0 0 10px 0; font-size: 73px; font-weight:bold;}
  .roadmap_contents01 .roadmap_swiper .prev_btn09 {position:absolute; left:0; top:50%; transform: translateY(-50%);}
  .roadmap_contents01 .roadmap_swiper .next_btn09 {position:absolute; right:0; top:50%; transform: translateY(-50%) rotate(180deg);}

  .roadmap_contents01 .roadmap_calandar { float:right; width:512px; height:290px; border-radius: 30px; border: 1px solid #30474f; background-color:#30474f; color:#fff; overflow-y: auto; -ms-overflow-style: none; cursor: url('../images/cursor/cursor0.cur'), auto; transition:all .3s linear; z-index:999; box-sizing: border-box;}
  .roadmap_contents01 .roadmap_calandar::-webkit-scrollbar {display:none;}
  .roadmap_contents01 .roadmap_calandar ul{min-height:290px;}
  .roadmap_contents01 .roadmap_calandar ul li{ padding-left:30px; border-bottom:1px solid #273d44; overflow:hidden; cursor: pointer;}
    .roadmap_contents01 .roadmap_calandar ul li:first-child{ line-height:45px; background-color:#273d44; border-bottom:none; cursor: url('../images/cursor/cursor0.cur'), auto;}
    .roadmap_contents01 .roadmap_calandar ul li:last-child{ border-bottom:none;}
  .roadmap_contents01 .roadmap_calandar ul li p{width:70%; float:left; line-height:45px; font-size:16px;}
    .roadmap_contents01 .roadmap_calandar ul li p:last-child{width:30%; padding-right:30px; float:right; line-height:45px; font-size:16px; color:#fff398; text-align:right;}
  .roadmap_contents01 .roadmap_calandar ul .empty {text-align:center; cursor: url('../images/cursor/cursor0.cur'), auto !important;}
  .roadmap_contents01 .roadmap_calandar ul .empty span {display:inline-block; background:url('../images/icon/icon_caution.png') left no-repeat; font-style: normal; padding-left:30px; line-height: 245px; font-size:16px; color:#dfdfdf;}

  .roadmap_contents01 .roadmap_map {clear: both; width:100%; height:100%; padding:60px 0 145px; margin:0 auto;}
  .roadmap_contents01 .roadmap_map > ul {overflow:hidden; width:100%; margin:0 auto;}
  .roadmap_contents01 .roadmap_map > ul > li{width:25%; height:160px; padding:20px 0 0; box-sizing: border-box; position:relative; float:left; background-color:#fff; text-align:center; border:1px solid #ded9c9; border-right:none; cursor: pointer;}
  .roadmap_contents01 .roadmap_map > ul > li p{text-align:center; margin-bottom:5px;}
  .roadmap_contents01 .roadmap_map > ul > li p strong{display:inline-block; max-width:177px; margin:0 auto; border-radius: 6px; font-weight:normal; padding:5px 10px; position:relative; text-align:left;}
  .roadmap_contents01 .roadmap_map > ul > li p strong:after{content:''; display:block; overflow:hidden; clear: both;}
  /* .roadmap_contents01 .roadmap_map > ul > li p strong > span{ overflow:hidden; white-space:normal; word-wrap: break-word; display:-webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} */
  .roadmap_contents01 .roadmap_map > ul > li p strong .subject{display:inline; font-style:normal; padding-right:10px; position:relative;}
  .roadmap_contents01 .roadmap_map > ul > li p strong .subject:after{content:''; display:inline-block; width:1px; height:60%; position:absolute; right:5px; top:50%; transform: translateY(-45%);}
  .roadmap_contents01 .roadmap_map > ul > li .date{display:block; width:35px; position:absolute; left:13px; bottom:14px; padding:0; text-align:center; line-height:35px; color:#fff; background-color:#ed8351; border-radius: 20px;}

  .roadmap_contents01 .roadmap_map > ul > li.on{background-color:#30474f; border-color:#30474f !important;}
  .roadmap_contents01 .roadmap_map > ul > li.on .date{background-color:#446874;}

  .roadmap_contents01 .roadmap_map > ul > li.off p strong{background-color:#cacaca !important; color:#888888 !important;}
  .roadmap_contents01 .roadmap_map > ul > li.off p strong .subject{color:#888888 !important;}
  .roadmap_contents01 .roadmap_map > ul > li.off p strong .subject:after{background-color:#888888 !important;}

  .roadmap_contents01 .roadmap_map > ul > li p.term strong{background-color:#6a992f; color:#fff;}
  .roadmap_contents01 .roadmap_map > ul > li p.term strong .subject{color:#274433; font-weight:bold;}
  .roadmap_contents01 .roadmap_map > ul > li p.term strong .subject:after{background-color:#274433;}

  .roadmap_contents01 .roadmap_map > ul > li p.item strong{background-color:#18aceb; color:#fff;}
  .roadmap_contents01 .roadmap_map > ul > li p.item strong .subject{color:#0b3847; font-weight:bold;}
  .roadmap_contents01 .roadmap_map > ul > li p.item strong .subject:after{background-color:#0b3847;}

  strong.start:after{content:''; display:block; width:8px; height:11px; position:absolute; right:-12px; top:7px;}
  strong.end:after{content:''; display:block; width:8px; height:11px; position:absolute; left:-12px; top:7px;}

  /* strong.start_blue:after{content:''; display:block; width:8px; height:11px;  position:absolute; right:-12px; top:7px;}
  strong.end_blue:after{content:''; display:block; width:8px; height:11px; background:url('../images/common/roadmap_blue.png') no-repeat center; position:absolute; left:-12px; top:7px;}
  strong.start_green:after{content:''; display:block; width:8px; height:11px; background:url('../images/common/roadmap_blue.png') no-repeat center; transform:rotate(180deg); position:absolute; right:-12px; top:7px;}
  strong.end_green:after{content:''; display:block; width:8px; height:11px; background:url('../images/common/roadmap_blue.png') no-repeat center; position:absolute; left:-12px; top:7px;} */

  .roadmap_contents01 .roadmap_map > ul > li.off strong{background-color:#cacaca;}

  /* 모서리 */
  .roadmap_contents01 .roadmap_map ul li:first-child{border-radius:40px 0 0 40px;}
  .roadmap_contents01 .roadmap_map ul li:nth-child(10n + 4){border-radius:0 40px 0 0; border-right:1px solid #ded9c9;}
  .roadmap_contents01 .roadmap_map ul li:nth-child(10n + 6){border-radius:0 0 40px 0; border-right:1px solid #ded9c9;}
  .roadmap_contents01 .roadmap_map ul li:nth-child(10n + 9){border-radius:40px 0 0 0;}
  .roadmap_contents01 .roadmap_map ul li:nth-child(10n + 11){border-radius:0 0 0 40px;}

  /* 마지막 날짜 체크 후 모서리 둥글게  */
  .roadmap_contents01 .roadmap_map li:first-child:nth-last-child(31) ~ li:last-child {border-radius:0 0 40px 40px; border-right: 1px solid #ded9c9; width:calc(25% + 1px);}
  .roadmap_contents01 .roadmap_map li:first-child:nth-last-child(30) ~ li:last-child {border-radius: 0 0 40px 40px; border-bottom:1px solid #ded9c9;}
  .roadmap_contents01 .roadmap_map li:first-child:nth-last-child(29) ~ li:last-child {border-radius: 40px 0 0 40px;}
  .roadmap_contents01 .roadmap_map li:first-child:nth-last-child(28) ~ li:last-child {border-radius: 40px 0 0 40px;}
  .roadmap_contents01 .roadmap_map li:first-child:nth-last-child(27) ~ li:last-child {border-radius: 40px 0 0 40px;}

  /* 정렬 */
  .roadmap_contents01 .roadmap_map ul li:nth-child(10n + 5){margin-left:75%; border-top:none; border-bottom:none; border-right:1px solid #ded9c9; }
  .roadmap_contents01 .roadmap_map ul li:nth-child(10n + 10){margin-right:75%; width:calc(25% + 1px); border-top:none; border-bottom:none; border-right:1px solid #ded9c9; }

  .roadmap_contents01 .roadmap_map ul li:nth-child(n+5):nth-child(-n+9){float:right;}
  .roadmap_contents01 .roadmap_map ul li:nth-child(n+15):nth-child(-n+19){float:right;}
  .roadmap_contents01 .roadmap_map ul li:nth-child(n+25):nth-child(-n+29){float:right;}

  /* 교육기간 시작 아이콘 */
  .roadmap_contents01 .roadmap_map ul li:nth-child(n+0):nth-child(-n+3) .term strong.start:after,
  .roadmap_contents01 .roadmap_map ul li:nth-child(n+11):nth-child(-n+13) .term strong.start:after,
  .roadmap_contents01 .roadmap_map ul li:nth-child(n+21):nth-child(-n+23) .term strong.start:after,
  .roadmap_contents01 .roadmap_map ul li:nth-child(n+31) .term strong.start:after{background:url('../images/common/roadmap_green.png') no-repeat center; transform:rotate(180deg);}

  .roadmap_contents01 .roadmap_map ul li:nth-child(n+4):nth-child(-n+5) .term strong.start:after,
  .roadmap_contents01 .roadmap_map ul li:nth-child(n+9):nth-child(-n+10) .term strong.start:after,
  .roadmap_contents01 .roadmap_map ul li:nth-child(n+14):nth-child(-n+15) .term strong.start:after,
  .roadmap_contents01 .roadmap_map ul li:nth-child(n+19):nth-child(-n+20) .term strong.start:after,
  .roadmap_contents01 .roadmap_map ul li:nth-child(n+24):nth-child(-n+25) .term strong.start:after,
  .roadmap_contents01 .roadmap_map ul li:nth-child(n+29):nth-child(-n+30) .term strong.start:after{background:url('../images/common/roadmap_green.png') no-repeat center; transform:rotate(270deg); right: -13px;}

  .roadmap_contents01 .roadmap_map ul li:nth-child(n+6):nth-child(-n+8) .term strong.start:after,
  .roadmap_contents01 .roadmap_map ul li:nth-child(n+16):nth-child(-n+18) .term strong.start:after,
  .roadmap_contents01 .roadmap_map ul li:nth-child(n+26):nth-child(-n+28) .term strong.start:after{background:url('../images/common/roadmap_green.png') no-repeat center;}

  /* 교육항목 시작 아이콘 */
  .roadmap_contents01 .roadmap_map ul li:nth-child(n+0):nth-child(-n+3) .item strong.start:after,
  .roadmap_contents01 .roadmap_map ul li:nth-child(n+11):nth-child(-n+13) .item strong.start:after,
  .roadmap_contents01 .roadmap_map ul li:nth-child(n+21):nth-child(-n+23) .item strong.start:after,
  .roadmap_contents01 .roadmap_map ul li:nth-child(n+31) .item strong.start:after{background:url('../images/common/roadmap_blue.png') no-repeat center; transform:rotate(180deg);}

  .roadmap_contents01 .roadmap_map ul li:nth-child(n+4):nth-child(-n+5) .item strong.start:after,
  .roadmap_contents01 .roadmap_map ul li:nth-child(n+9):nth-child(-n+10) .item strong.start:after,
  .roadmap_contents01 .roadmap_map ul li:nth-child(n+14):nth-child(-n+15) .item strong.start:after,
  .roadmap_contents01 .roadmap_map ul li:nth-child(n+19):nth-child(-n+20) .item strong.start:after,
  .roadmap_contents01 .roadmap_map ul li:nth-child(n+24):nth-child(-n+25) .item strong.start:after,
  .roadmap_contents01 .roadmap_map ul li:nth-child(n+29):nth-child(-n+30) .item strong.start:after{background:url('../images/common/roadmap_blue.png') no-repeat center; transform:rotate(270deg); right: -13px;}

  .roadmap_contents01 .roadmap_map ul li:nth-child(n+6):nth-child(-n+8) .item strong.start:after,
  .roadmap_contents01 .roadmap_map ul li:nth-child(n+16):nth-child(-n+18) .item strong.start:after,
  .roadmap_contents01 .roadmap_map ul li:nth-child(n+26):nth-child(-n+28) .item strong.start:after{background:url('../images/common/roadmap_blue.png') no-repeat center;}

  /* 지난 이벤트 시작 아이콘 */
  .roadmap_contents01 .roadmap_map ul li.off:nth-child(n+0):nth-child(-n+3) strong.start:after,
  .roadmap_contents01 .roadmap_map ul li.off:nth-child(n+11):nth-child(-n+13) strong.start:after,
  .roadmap_contents01 .roadmap_map ul li.off:nth-child(n+21):nth-child(-n+23) strong.start:after,
  .roadmap_contents01 .roadmap_map ul li.off:nth-child(n+31) strong.start:after{background:url('../images/common/roadmap_gray.png') no-repeat center; transform:rotate(0);}

  .roadmap_contents01 .roadmap_map ul li.off:nth-child(n+4):nth-child(-n+5) strong.start:after,
  .roadmap_contents01 .roadmap_map ul li.off:nth-child(n+9):nth-child(-n+10) strong.start:after,
  .roadmap_contents01 .roadmap_map ul li.off:nth-child(n+14):nth-child(-n+15) strong.start:after,
  .roadmap_contents01 .roadmap_map ul li.off:nth-child(n+19):nth-child(-n+20) strong.start:after,
  .roadmap_contents01 .roadmap_map ul li.off:nth-child(n+24):nth-child(-n+25) strong.start:after,
  .roadmap_contents01 .roadmap_map ul li.off:nth-child(n+29):nth-child(-n+30) strong.start:after{background:url('../images/common/roadmap_gray.png') no-repeat center; transform:rotate(90deg); left:-13px;}

  .roadmap_contents01 .roadmap_map ul li.off:nth-child(n+6):nth-child(-n+8) strong.start:after,
  .roadmap_contents01 .roadmap_map ul li.off:nth-child(n+16):nth-child(-n+18) strong.start:after,
  .roadmap_contents01 .roadmap_map ul li.off:nth-child(n+26):nth-child(-n+28) strong.start:after{background:url('../images/common/roadmap_gray.png') no-repeat center; transform:rotate(180deg);}

  /* 교육기간 종료 아이콘 */
  .roadmap_contents01 .roadmap_map ul li:nth-child(n+0):nth-child(-n+4) .term strong.end:after,
  .roadmap_contents01 .roadmap_map ul li:nth-child(n+11):nth-child(-n+14) .term strong.end:after,
  .roadmap_contents01 .roadmap_map ul li:nth-child(n+21):nth-child(-n+24) .term strong.end:after,
  .roadmap_contents01 .roadmap_map ul li:nth-child(n+31) .term strong.end:after{background:url('../images/common/roadmap_green.png') no-repeat center;}

  .roadmap_contents01 .roadmap_map ul li:nth-child(n+5):nth-child(-n+6) .term strong.end:after,
  .roadmap_contents01 .roadmap_map ul li:nth-child(n+10):nth-child(-n+11) .term strong.end:after,
  .roadmap_contents01 .roadmap_map ul li:nth-child(n+15):nth-child(-n+16) .term strong.end:after,
  .roadmap_contents01 .roadmap_map ul li:nth-child(n+20):nth-child(-n+21) .term strong.end:after,
  .roadmap_contents01 .roadmap_map ul li:nth-child(n+25):nth-child(-n+26) .term strong.end:after,
  .roadmap_contents01 .roadmap_map ul li:nth-child(n+30):nth-child(-n+31) .term strong.end:after{background:url('../images/common/roadmap_green.png') no-repeat center; transform:rotate(90deg); left:-13px;}

  .roadmap_contents01 .roadmap_map ul li:nth-child(n+7):nth-child(-n+9) .term strong.end:after,
  .roadmap_contents01 .roadmap_map ul li:nth-child(n+17):nth-child(-n+19) .term strong.end:after,
  .roadmap_contents01 .roadmap_map ul li:nth-child(n+27):nth-child(-n+29) .term strong.end:after{background:url('../images/common/roadmap_green.png') no-repeat center; transform:rotate(180deg);}

  /* 교육항목 종료 아이콘 */
  .roadmap_contents01 .roadmap_map ul li:nth-child(n+0):nth-child(-n+4) .item strong.end:after,
  .roadmap_contents01 .roadmap_map ul li:nth-child(n+11):nth-child(-n+14) .item strong.end:after,
  .roadmap_contents01 .roadmap_map ul li:nth-child(n+21):nth-child(-n+24) .item strong.end:after,
  .roadmap_contents01 .roadmap_map ul li:nth-child(n+31) .item strong.end:after{background:url('../images/common/roadmap_blue.png') no-repeat center;}

  .roadmap_contents01 .roadmap_map ul li:nth-child(n+5):nth-child(-n+6) .item strong.end:after,
  .roadmap_contents01 .roadmap_map ul li:nth-child(n+10):nth-child(-n+11) .item strong.end:after,
  .roadmap_contents01 .roadmap_map ul li:nth-child(n+15):nth-child(-n+16) .item strong.end:after,
  .roadmap_contents01 .roadmap_map ul li:nth-child(n+20):nth-child(-n+21) .item strong.end:after,
  .roadmap_contents01 .roadmap_map ul li:nth-child(n+25):nth-child(-n+26) .item strong.end:after,
  .roadmap_contents01 .roadmap_map ul li:nth-child(n+30):nth-child(-n+31) .item strong.end:after{background:url('../images/common/roadmap_blue.png') no-repeat center; transform:rotate(90deg);}

  .roadmap_contents01 .roadmap_map ul li:nth-child(n+7):nth-child(-n+9) .item strong.end:after,
  .roadmap_contents01 .roadmap_map ul li:nth-child(n+17):nth-child(-n+19) .item strong.end:after,
  .roadmap_contents01 .roadmap_map ul li:nth-child(n+27):nth-child(-n+29) .item strong.end:after{background:url('../images/common/roadmap_blue.png') no-repeat center; transform:rotate(180deg);}

  /* 지난 이벤트 종료 아이콘 */
  .roadmap_contents01 .roadmap_map ul li.off:nth-child(n+0):nth-child(-n+4) strong.end:after,
  .roadmap_contents01 .roadmap_map ul li.off:nth-child(n+11):nth-child(-n+14) strong.end:after,
  .roadmap_contents01 .roadmap_map ul li.off:nth-child(n+21):nth-child(-n+24) strong.end:after,
  .roadmap_contents01 .roadmap_map ul li.off:nth-child(n+31) strong.end:after{background:url('../images/common/roadmap_gray.png') no-repeat center; transform:rotate(180deg);}

  .roadmap_contents01 .roadmap_map ul li.off:nth-child(n+5):nth-child(-n+6) strong.end:after,
  .roadmap_contents01 .roadmap_map ul li.off:nth-child(n+10):nth-child(-n+11) strong.end:after,
  .roadmap_contents01 .roadmap_map ul li.off:nth-child(n+15):nth-child(-n+16) strong.end:after,
  .roadmap_contents01 .roadmap_map ul li.off:nth-child(n+20):nth-child(-n+21) strong.end:after,
  .roadmap_contents01 .roadmap_map ul li.off:nth-child(n+25):nth-child(-n+26) strong.end:after,
  .roadmap_contents01 .roadmap_map ul li.off:nth-child(n+30):nth-child(-n+31) strong.end:after{background:url('../images/common/roadmap_gray.png') no-repeat center; transform:rotate(270deg);}

  .roadmap_contents01 .roadmap_map ul li.off:nth-child(n+7):nth-child(-n+9) strong.end:after,
  .roadmap_contents01 .roadmap_map ul li.off:nth-child(n+17):nth-child(-n+19) strong.end:after,
  .roadmap_contents01 .roadmap_map ul li.off:nth-child(n+27):nth-child(-n+29) strong.end:after{background:url('../images/common/roadmap_gray.png') no-repeat center; transform:rotate(0);}


  /* -------------강의로드맵------------- */
  .roadmap_container02{width:100%; background-color:#F8F5F0; overflow:hidden;}
  .roadmap_container02 .roadmap_header{width:100%; height:407px; background:url('../images/sub/bg_mymap.png') no-repeat center; overflow:hidden;}
  .roadmap_container02 .roadmap_header h2{margin-top:80px; text-align:center; font-size:45px; color:#333; }

  .roadmap_contents02 {width:100%; overflow:hidden;}
  .roadmap_contents02 .roadmap_map{width:100%; height:100%; padding:60px 0 183px;}
  .roadmap_contents02 .roadmap_map > ul {width:1201px; margin:0 auto;}
  .roadmap_contents02 .roadmap_map > ul:after {content:''; display:block; overflow:hidden; clear: both;}
  .roadmap_contents02 .roadmap_map > ul > li{float:left; text-align:center;}
  .roadmap_contents02 .roadmap_map > ul > li:nth-child(odd){width:177px; height:177px; position:relative; z-index:2;}
  .roadmap_contents02 .roadmap_map > ul > li:nth-child(even){width:335px; height:177px; position:relative; z-index:3;}

  .roadmap_contents02 .roadmap_map > ul > li:nth-child(12n + 6){margin-left:80%; width:177px; height:335px;}
  .roadmap_contents02 .roadmap_map > ul > li:nth-child(12n + 12){margin-right:80%; width:177px; height:335px;}

  .roadmap_contents02 .roadmap_map > ul > li:nth-child(n+5):nth-child(-n+10){float:right;}
  .roadmap_contents02 .roadmap_map > ul > li:nth-child(n+5):nth-child(-n+10) > ul > li{float:right;}
  .roadmap_contents02 .roadmap_map > ul > li:nth-child(n+17):nth-child(-n+23){float:right;}
  .roadmap_contents02 .roadmap_map > ul > li:nth-child(n+17):nth-child(-n+23) > ul > li{float:right;}
  .roadmap_contents02 .roadmap_map > ul > li:nth-child(n+29):nth-child(-n+35){float:right;}
  .roadmap_contents02 .roadmap_map > ul > li:nth-child(n+29):nth-child(-n+35) > ul > li{float:right;}

  .roadmap_contents02 .subject_progress > div{width:100%; height:100%;box-sizing: border-box; border-radius: 20px; position:relative; background-color:#fff; border:1px solid #ded9c9;}
  .roadmap_contents02 .subject_progress > div .subject{display:block; width:35px; position:absolute; left:13px; top:13px; padding:0; text-align:center; line-height:35px; color:#fff; font-weight:normal; background-color:#ed8351; border-radius: 20px;}

  .roadmap_contents02 .subject_progress .canvas {display: inline-block; position: absolute; width: 70px; height: 70px; margin-top: 0; top: 50%; left: 50%; transform:translate(-50%, -50%); font-size: 14px; font-weight: 700; line-height: 70px;}
  .roadmap_contents02 .subject_progress .canvas div {overflow: hidden; width: 70px; height: 70px;}
  .roadmap_contents02 .subject_progress .circle {display: inline-block;}
  .roadmap_contents02 .subject_progress .circles-text {font-size: 24px !important; font-weight: 700; background:url('../images/sub/pie_chart_white.png') no-repeat center center; background-size:100% 100%;}
  .roadmap_contents02 .subject_progress > div > span{display:inline-block; margin-top:132px; font-size:15px; line-height:23px; color:#888888; font-weight:normal;}

  .roadmap_contents02 .subject_progress.all_done i{display:block; text-align:center; margin-top:40px;}
  .roadmap_contents02 .subject_progress.all_done span{display:inline-block; margin-top:17px; font-size:18px; color:#ed8351; font-weight:normal;}
  /* ------- 가로 ------- */
  .roadmap_contents02 .horizon_progress {position:relative;}
  .roadmap_contents02 .horizon_progress > div {width:100%; background-color:#c8c8c8; height:26px; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);}
  .roadmap_contents02 .horizon_progress > div ul{width:100%; position:relative; z-index:2;}
  .roadmap_contents02 .horizon_progress > div ul:after{content:''; display:block; clear:both; overflow:hidden;}
  .roadmap_contents02 .horizon_progress > div ul li{height:26px; float:left; position:relative; background-color:#c8c8c8;}

  .progress_bg{display:block; height:100%; background-color:#30474f; position:absolute; left:0; top:0; z-index:1;}
  .progress_bg_vertical{display:block; width:100%; background-color:#30474f; position:absolute; left:0; top:0; z-index:1;}
  .roadmap_contents02 .item {background-color:#9D9D9D !important;}
  .progress_done{background-color:#30474f !important;}
  .progress_done.item{background-color:#456c7a !important;}

  .roadmap_contents02 .horizon_progress > div ul li .item_btn_horizon {width:100%; height:100%; position:relative; z-index:3; cursor:pointer;}
  .roadmap_contents02 .horizon_progress > div ul li:nth-child(odd) .item_btn_horizon span:nth-child(1) {position: absolute; width: 100px; top: -100px; left: 0px; margin-left: -50px; font-size: 11px;}
  .roadmap_contents02 .horizon_progress > div ul li:nth-child(odd) .item_btn_horizon span:nth-child(2) {display:block; position:absolute; left:50%; top:-80px; transform:translateX(-50%); box-sizing:border-box; width:56px; height:56px; background-color:#fff; border:6px solid #a5a5a5; border-radius:50px; line-height:46px; text-align:center; z-index:3; color:#333; font-size:15px;}
  .roadmap_contents02 .horizon_progress > div ul li:nth-child(odd) .item_btn_horizon span:nth-child(2):after {content:''; display:block; width:1px; position:absolute; left:50%; bottom:-30px; transform:translatex(-50%); border-top:30px solid #a5a5a5; border-left:16px solid transparent; border-right:16px solid transparent; z-index:2; }

  .roadmap_contents02 .horizon_progress > div ul li:nth-child(even) .item_btn_horizon span:nth-child(1) {position: absolute; width: 100px; bottom: -125px; left: 0px; margin-left: -50px; font-size: 11px;}
  .roadmap_contents02 .horizon_progress > div ul li:nth-child(even) .item_btn_horizon span:nth-child(2){display:block; position:absolute; left:50%; bottom:-106px; transform:translateX(-50%); box-sizing:border-box; width:56px; height:56px; background-color:#fff; border:6px solid #a5a5a5; border-radius:50px; line-height:46px; text-align:center; z-index:3; color:#333; font-size:15px;}
  .roadmap_contents02 .horizon_progress > div ul li:nth-child(even) .item_btn_horizon span:nth-child(2):after {content:''; display:block; width:1px; position:absolute; left:50%; top:-30px; transform:translatex(-50%); border-bottom:30px solid #a5a5a5; border-left:16px solid transparent; border-right:16px solid transparent; z-index:2; }

  /* 완료 버튼 */
  .roadmap_contents02 .horizon_progress > div ul li:nth-child(odd) .item_btn_horizon.done span:after {border-top-color:#308fb1;}
  .roadmap_contents02 .horizon_progress > div ul li:nth-child(even) .item_btn_horizon.done span:after {border-bottom-color:#308fb1;}
  .item_btn_horizon.done span{border-color:#308fb1 !important;}


  /* ------- 세로 ------- */
  .roadmap_contents02 .vertical_progress {position:relative;}
  .roadmap_contents02 .vertical_progress > div {width:26px; background-color:#c8c8c8; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);}
  .roadmap_contents02 .vertical_progress > div ul{width:100%; position:relative; z-index:2;}
  .roadmap_contents02 .vertical_progress > div ul:after{content:''; display:block; clear:both; overflow:hidden;}
  .roadmap_contents02 .vertical_progress > div ul li{width:26px; float:left; position:relative;}

  .progress_bg{display:block; height:100%; background-color:#30474f; position:absolute; left:0; top:0; z-index:1;}
  .progress_done{background-color:#30474f;}
  .progress_done.item{background-color:#456c7a;}

  .roadmap_contents02 .vertical_progress > div ul li .item_btn_vertical {width:100%; height:100%; z-index:3; cursor:pointer;}
  .roadmap_contents02 .vertical_progress > div ul li:nth-child(odd) .item_btn_vertical span:nth-child(1) {position: absolute; width: 100px; top: 50%; margin-top: 30px; left: -50px; margin-left: -50px; font-size: 11px;}
  .roadmap_contents02 .vertical_progress > div ul li:nth-child(odd) .item_btn_vertical span:nth-child(2) {display:block; position:absolute; left:-80px; top:50%; transform:translateY(-50%); box-sizing:border-box; width:56px; height:56px; background-color:#fff; border:6px solid #a5a5a5; border-radius:50px; line-height:46px; text-align:center; z-index:3; color:#333; font-size:15px;}
  .roadmap_contents02 .vertical_progress > div ul li:nth-child(odd) .item_btn_vertical span:nth-child(2):after {content:''; display:block; width:1px; position:absolute; left:45px; top:50%; transform:translateY(-50%); border-left:30px solid #a5a5a5; border-top:16px solid transparent; border-bottom:16px solid transparent; z-index:2; }

  .roadmap_contents02 .vertical_progress > div ul li:nth-child(even) .item_btn_vertical span:nth-child(1) {position: absolute; width: 100px; top: 50%; margin-top: 30px; right: -50px; margin-right: -50px; font-size: 11px;}
  .roadmap_contents02 .vertical_progress > div ul li:nth-child(even) .item_btn_vertical span:nth-child(2){display:block; position:absolute; right:-80px; top:50%; transform:translateY(-50%); box-sizing:border-box; width:56px; height:56px; background-color:#fff; border:6px solid #a5a5a5; border-radius:50px; line-height:46px; text-align:center; z-index:3; color:#333; font-size:15px;}
  .roadmap_contents02 .vertical_progress > div ul li:nth-child(even) .item_btn_vertical span:nth-child(2):after {content:''; display:block; width:1px; position:absolute; left:-32px; top:50%; transform:translateY(-50%); border-right:30px solid #a5a5a5; border-top:16px solid transparent; border-bottom:16px solid transparent; z-index:2; }

span.progress_tas {font-size: 0px !important; background:url('../images/icon/icon_tas.png') no-repeat; background-position: 7px 7px; }
span.progress_dis {font-size: 0px !important; background:url('../images/icon/icon_dis.png') no-repeat; background-position: 7px 9px;}
span.progress_qui {font-size: 0px !important; background:url('../images/icon/icon_qui.png') no-repeat; background-position: 7px 7px;}
span.progress_sur {font-size: 0px !important; background:url('../images/icon/icon_sur.png') no-repeat; background-position: 7px 7px;}
span.progress_txt {font-size: 0px !important; background:url('../images/icon/icon_txt.png') no-repeat; background-position: 7px 7px;}


/*
span.dis {font-size: 0px !important; background:url('../images/icon/icon_dis.png') no-repeat; background-position: 7px 7px;}
*/


  /* 완료 버튼 */
  .roadmap_contents02 .vertical_progress > div ul li:nth-child(odd) .item_btn_vertical.done span:after {border-left-color:#308fb1;}
  .roadmap_contents02 .vertical_progress > div ul li:nth-child(even) .item_btn_vertical.done span:after {border-right-color:#308fb1;}
  .item_btn_vertical.done span{border-color:#308fb1 !important;}


/* 20200221 에러 */
.error_area {overflow: hidden; position: absolute; top: 50%; left: 50%; margin-top: -250px; margin-left: -250px;}
.error_box {overflow: hidden; width: 500px; height: 500px; padding: 40px 23px; background:url('../images/common/error_bg.png') no-repeat center center;}
.error_box p {font-size: 30px; color: #444; line-height: 1.2em; letter-spacing: -0.04em;}
.error_box p + a {
  display: inline-block;
  height: 33px;
  margin-top: 25px;
  padding: 0 12px;
  font-size: 16px;
  color: #fff;
  font-weight: 700;
  line-height: 33px;
  background-color: #f39733;
  border-radius: 8px;
  box-shadow: 2px 3px 10px 1px #9e9e9e;
}

/* 개인정보정책관련 20200226 추가 */
.policy_area {overflow: hidden; width: 1200px; margin: 50px auto; padding: 0 105px 50px; background-color: #fff; box-sizing: border-box;}
  .policy_title_area {margin-top: 30px; text-align: center; border-bottom: 3px solid #e4e4e4;}
    .policy_title_area h3 {display: block; margin-bottom: 20px; font-size: 18px; color: #333; font-weight: bold;}
    .policy_title_area .policy_tab_area {text-align: left;}
      .policy_title_area .policy_tab_area li {display: inline-block; margin: 0 20px 15px;}
      .policy_title_area .policy_tab_area li a {display: block; font-size: 16px; color: #333; letter-spacing: -0.04em;}
      .policy_title_area .policy_tab_area li:lang(en) {width: 150px; height: 75px; margin: 0 20px; vertical-align: top; text-align: center;}
      .policy_title_area .policy_tab_area li:lang(en) a {height: 75px; font-size: 15px;}
      .policy_title_area .policy_tab_area li:lang(en) a strong {display: inline-block; margin-bottom: 5px;}
      .policy_title_area .policy_tab_area li.on {position: relative;}
      .policy_title_area .policy_tab_area li.on::before {content: ""; display: block; position: absolute; top: 29px; left: 0px; width: 100%; height: 6px; background-color: #248af4;}
      .policy_title_area .policy_tab_area:lang(en) li.on::before {content: ""; display: block; position: absolute; bottom: -3px; top: initial; left: 0px; width: 100%; height: 6px; background-color: #248af4;}

.policy_area > .policy_box01 {margin-bottom: 30px; padding: 14px 40px; background-color: #fcf4de;}
  .policy_area > .policy_box01 p {color: #333; font-size: 15px;}

  ul.policy_list a {color: #2b8ed1; text-decoration: underline;}
    ul.policy_list > li {position: relative; margin: 0 30px;} 
    ul.policy_list > li::after {display: inline-block; content: ""; position: absolute; top: 4px; left: 0px; width: 10px; height: 10px; border-radius: 50px; background-color: #c0a354;}
    ul.policy_list > li + li {margin-top: 30px;}
    ul.policy_list > li > strong {margin-left: 15px; font-size: 16px; color: #c0a354;} 
    ul.policy_list > li > strong + ul {margin-top: 10px}
    ul.policy_list > li > strong + p {margin-left: 15px; margin-top: 10px}
    ul.policy_list > li > p {font-size: 15px; color: #666; line-height: 1.6em;}
    ul.policy_list > li > p.txt_type01 {margin-left: 15px;  font-size: 15px; color: #666; line-height: 1.3em;}
    ul.policy_list > li > p.txt_type01 span {color: #c0a354;}
    ul.policy_list > li > p.txt_type01 + p.txt_type01 {margin-top: 5px;}
    ul.policy_list > li > p + ul {margin-top: 10px;}
    ul.policy_list > li > p + div {margin-left: 15px;}
    ul.policy_list > li > div + p {margin-left: 15px;}
    ul.policy_list > li > p + p {margin-left: 15px;}
    ul.policy_list > li > ul {margin-left: 15px;} 
    ul.policy_list > li > ul > li + li {margin-top: 20px;}
    ul.policy_list > li > ul > li > strong {font-size: 15px; font-weight: bold; color: #666; line-height: 1.4em;}
    ul.policy_list > li > ul > li > p {font-size: 15px; color: #666; line-height: 1.4em;}
    ul.policy_list > li > ul > li > strong + p {margin-top: 5px;}
    ul.policy_list > li > ul > li > p + p {margin-top: 5px;}
    ul.policy_list > li > ul > li > p + ol {margin-top: 5px;}
    ul.policy_list > li > ul > li > ol + ul {margin-top: 15px;}
    ul.policy_list > li > ul > li > ol {margin-left: 15px;}
    ul.policy_list > li > ul > li > ol > li {font-size: 14px; color: #666; line-height: 1.6em;}  
    ul.policy_list > li > ul > li > ol > li + li {margin-top: 5px;}
    ul.policy_list > li > ul > li > ul {margin-left: 15px;}
    ul.policy_list > li > ul > li > ul > li {font-size: 14px; color: #666; line-height: 1.6em;}  
    ul.policy_list > li > ul > li > ul > li + li {margin-top: 5px;}
  .policy_img_box {margin: 40px 0; text-align: center;}

.tab_content {overflow: hidden; display: none;}
  .tab_content.on {display: block;}

ul.service_link_list {overflow: hidden; margin: 30px 0 0 15px;}
  ul.service_link_list li + li {margin-top: 10px;}
  ul.service_link_list li a {font-size: 14px; color: #333;}

.tab_content ul.policy_list > li::after {display: inline-block; content: ""; position: absolute; top: 2px; left: 0px; width: 10px; height: 10px; border-radius: 50px; background-color: #c0a354;}
.tab_content ul.policy_list > li > strong {margin-left: 15px; font-size: 14px; color: #333;} 
.tab_content ul.policy_list > li > p {margin-left: 15px; font-size: 12px; color: #666;} 
.tab_content ul.policy_list > li > p + ol {margin-top: 10px;}
.tab_content ul.policy_list > li > ol {margin: 20px 0 0 15px;}
.tab_content ul.policy_list > li > ol > li {font-size: 12px; color: #666; line-height: 1.4em;}
.tab_content ul.policy_list > li > ol > li + li {margin-top: 10px;}
.tab_content ul.policy_list > li > ol > li > ol {margin: 5px 0 0 10px;}
.tab_content ul.policy_list > li > ol > li > ol > li + li {margin-top: 5px;}
.tab_content ul.policy_list > li > ol > li > ol > li > ul {margin: 5px 0 0 10px;}
.tab_content ul.policy_list > li > ol > li > ol > li > ul > li + li {margin-top: 5px;}


/* 과정학습안내 */
.study_guide_area {}
.study_guide_area .guide_section {}
.study_guide_area .guide_section.bg01 {min-height: 550px; background-color: #e7f2ff;}
.study_guide_area .guide_section.bg02 {position: relative; background-color: #fff;}
.study_guide_area .guide_section.bg02::after {display: block; content: ""; width: 100%; height: 55px; top: -55px; position: absolute; background: url('../images/sub/guide_area_bg.png') repeat-x 0 0;}
.study_guide_area .guide_section.bg03 {background-color: #e7f2ff;}
.study_guide_area .guide_section.bg04 {background-color: #fff;}
.guide_content {overflow: hidden; width: 1305px; margin: 0 auto;}
/* .guide_content {overflow: hidden; width: 1200px; margin: 0 auto;} */
.guide_content01 {padding-top: 75px; background: url('../images/sub/guide_sub_bg01.png') no-repeat bottom 0 right 0;}
.guide_content01 strong {display: inline-block; width: 391px; height: 194px; margin-bottom: 50px; font-size: 0px; text-indent: -9999px; background: url('../images/sub/guide_sub_txt01.png') no-repeat 0 0;}
.guide_content01:lang(en) strong {display: inline-block; width: 639px; height: 191px; margin-bottom: 50px; font-size: 0px; text-indent: -9999px; background: url('../images/sub/guide_sub_txt01_en.png') no-repeat 0 0;}
.guide_content01:lang(zh) strong {display: inline-block; width: 655px; height: 124px; margin-bottom: 50px; margin-top: 110px; font-size: 0px; text-indent: -9999px; background: url('../images/sub/guide_sub_txt01_zh.png') no-repeat 0 0;}
/* .guide_content01:lang(zh) strong {display: inline-block; width: 530px; height: 124px; margin-bottom: 50px; margin-top: 110px; font-size: 0px; text-indent: -9999px; background: url('../images/sub/guide_sub_txt01_zh.png') no-repeat 0 0;} */
.guide_content01 p {font-size: 19px; color: #333;}


.guide_content02 {overflow: hidden; width: 1200px; margin: 0 auto; padding-top: 80px;}
.guide_content02 > strong {display: block; width: 436px; height: 39px; margin: 0 auto 60px; font-size: 0px; text-indent: -9999px; background: url('../images/sub/guide_title02.png') no-repeat 0 0;}
.guide_content02:lang(en) > strong {display: block; width: 700px; height: 42px; margin: 0 auto 60px; font-size: 0px; text-indent: -9999px; background: url('../images/sub/guide_title02_en.png') no-repeat 0 0;}
.guide_content02:lang(zh) > strong {display: block; width: 448px; height: 38px; margin: 0 auto 60px; font-size: 0px; text-indent: -9999px; background: url('../images/sub/guide_title02_zh.png') no-repeat 0 0;}
.guide_content02 > ul {overflow: hidden; margin-bottom: 70px;} 
.guide_content02 > ul > li {display: inline-block; float: left; width: 33.3333%; min-height: 220px; text-align: left;}
.guide_content02:lang(en) > ul > li {display: inline-block; float: left; width: 33.3333%; min-height: 240px; text-align: left;}
.guide_content02 > ul > li > div {padding: 0 12px; border-radius: 10px;}
.guide_content02 > ul > li > div > a > strong {position: relative; display: block; margin-bottom: 35px; padding: 10px 0 0 10px; font-size: 28px; color: #000; background: url('../images/sub/bullet_bg.png') no-repeat 0 0;}
.guide_content02:lang(en) > ul > li > div > a > strong {position: relative; display: block; margin-bottom: 10px; padding: 10px 0 0 10px; font-size: 28px; color: #000; background: url('../images/sub/bullet_bg.png') no-repeat 0 0;}
.guide_content02:lang(en) > ul > li:nth-child(2) > div > a > strong {position: relative; display: block; margin-bottom: 35px; padding: 10px 0 0 10px; font-size: 28px; color: #000; background: url('../images/sub/bullet_bg.png') no-repeat 0 0;}
.guide_content02:lang(en) > ul > li:nth-child(3) > div > a > strong {position: relative; display: block; margin-bottom: 35px; padding: 10px 0 0 10px; font-size: 28px; color: #000; background: url('../images/sub/bullet_bg.png') no-repeat 0 0;}
.guide_content02 > ul > li > div > p {padding: 0 10px; font-size: 17px; color: #000000; text-align: left; line-height: 1.8em; letter-spacing: -0.04em; word-break: break-word;}

.guide_content03 {overflow: hidden; width: 1200px; margin: 0 auto; padding-top: 100px;}
.guide_content03 > strong {display: block; width: 484px; height: 39px; margin: 0 auto 40px; font-size: 0px; text-indent: -9999px; background: url('../images/sub/guide_sub_txt02.png') no-repeat 0 0;}
.guide_content03:lang(en) > strong {display: block; width: 783px; height: 42px; margin: 0 auto 40px; font-size: 0px; text-indent: -9999px; background: url('../images/sub/guide_sub_txt02_en.png') no-repeat 0 0;}
.guide_content03:lang(zh) > strong {display: block; width: 339px; height: 40px; margin: 0 auto 40px; font-size: 0px; text-indent: -9999px; background: url('../images/sub/guide_sub_txt02_zh.png') no-repeat 0 0;}
.guide_content03 > div {overflow: hidden; height: 385px; margin-bottom: 100px; background: url('../images/sub/guide_sub03_bg.png') no-repeat center center;}
.guide_content03 > div > ul {overflow: hidden; width: 1000px; margin: 0 auto;}
.guide_content03 > div > ul > li {display: inline-block; float: left; width: 172px; height: 172px; margin-left: 35px; margin-bottom: 38px; border-radius: 10px; background-color: #fff;}
.guide_content03 > div > ul > li:nth-child(1) {margin-left: 0px;}
.guide_content03 > div > ul > li:nth-child(6) {margin-left: 0px;}
.guide_content03 > div > ul > li > a {display: inline-block; width: 172px; height: 172px; font-size: 18px; color: #666666; text-align: center; letter-spacing: -0.04em;}
.guide_content03 > div > ul > li > a span {display: block; padding-top: 124px;}
.guide_content03 > div > ul > li > a.guide_link01 {background: url('../images/sub/guide_sub03_bg01.png') no-repeat center 20px;}
.guide_content03 > div > ul > li > a.guide_link02 {background: url('../images/sub/guide_sub03_bg02.png') no-repeat center 20px;}
.guide_content03 > div > ul > li > a.guide_link03 {background: url('../images/sub/guide_sub03_bg03.png') no-repeat center 20px;}
.guide_content03 > div > ul > li > a.guide_link04 {background: url('../images/sub/guide_sub03_bg04.png') no-repeat center 20px;}
.guide_content03 > div > ul > li > a.guide_link05 {background: url('../images/sub/guide_sub03_bg05.png') no-repeat center 20px;}
.guide_content03 > div > ul > li > a.guide_link06 {background: url('../images/sub/guide_sub03_bg06.png') no-repeat center 20px;}
.guide_content03 > div > ul > li > a.guide_link07 {background: url('../images/sub/guide_sub03_bg07.png') no-repeat center 20px;}
.guide_content03 > div > ul > li > a.guide_link08 {background: url('../images/sub/guide_sub03_bg08.png') no-repeat center 20px;}
.guide_content03 > div > ul > li > a.guide_link09 {background: url('../images/sub/guide_sub03_bg09.png') no-repeat center 20px;}

.guide_content04 {overflow: hidden; width: 1200px; margin: 0 auto; padding-top: 100px;}
.guide_content04 > strong {display: block; width: 360px; height: 39px; margin: 0 auto 30px; font-size: 0px; text-indent: -9999px; background: url('../images/sub/guide_title04.png') no-repeat 0 0;}
.guide_content04:lang(en) > strong {display: block; width: 398px; height: 42px; margin: 0 auto 30px; font-size: 0px; text-indent: -9999px; background: url('../images/sub/guide_title04_en.png') no-repeat 0 0;}
.guide_content04:lang(zh) > strong {display: block; width: 380px; height: 40px; margin: 0 auto 30px; font-size: 0px; text-indent: -9999px; background: url('../images/sub/guide_title04_zh.png') no-repeat 0 0;}
.guide_content04 > p {margin-bottom: 95px; font-size: 19px; color: #9d9d9d; font-weight: 500; text-align: center;}
.guide_content04 > ul {margin-bottom: 114px;}
.guide_content04 > ul > li {overflow: hidden;}
.guide_content04 > ul > li + li {margin-top: 42px;}
.guide_content04 > ul > li > strong {display: inline-block; float: left; width: 195px; margin-top: 10px; padding: 10px 0 0 10px; font-size: 28px; color: #000; background: url(../images/sub/bullet_bg.png) no-repeat 0 0;}
.guide_content04:lang(en) > ul > li > strong {display: inline-block; float: left; width: 195px; margin-top: 10px; padding: 10px 0 0 10px; font-size: 28px; color: #000; background: url(../images/sub/bullet_bg.png) no-repeat 0 0;}
.guide_content04:lang(en) > ul > li:nth-child(2) > strong {display: inline-block; float: left; width: 195px; margin-top: 0px; padding: 10px 0 0 10px; font-size: 28px; color: #000; background: url(../images/sub/bullet_bg.png) no-repeat 0 0;}
.guide_content04 > ul > li > a {overflow: hidden; float: left; display: inline-block; margin-right: 23px; border: 1px solid #e5e5e5;}


/* 과정학습안내 */
.introduce_sejong_area {}
.introduce_sejong_area .introduce_section {min-height: 500px;}
.introduce_sejong_area .introduce_section.bg01 {min-height: 550px; background-color: #fff;}
.introduce_sejong_area .introduce_section.bg02 {position: relative; background-color: #e7f2ff;}
.introduce_sejong_area .introduce_section.bg02::after {display: block; content: ""; width: 100%; height: 55px; top: -55px; position: absolute; background: url('../images/sub/introduce_area_bg.png') repeat-x 0 0;}
.introduce_sejong_area .introduce_section.bg03 {background-color: #d5e9ff;}
.introduce_content {overflow: hidden; width: 1200px; margin: 0 auto;}

.introduce_content01 {overflow: hidden; width: 1200px; margin: 0 auto; padding-top: 75px; background: url('../images/sub/introduce_sub_bg01.png') no-repeat bottom 0 right 0;}
.introduce_content01 h3 {display: inline-block; width: 347px; height: 194px; margin-bottom: 50px; font-size: 0px; text-indent: -9999px; background: url('../images/sub/introduce_sub_txt01.png') no-repeat 0 0;}
.introduce_content01:lang(en) h3 {display: inline-block; width: 504px; height: 198px; margin-bottom: 50px; font-size: 0px; text-indent: -9999px; background: url('../images/sub/introduce_sub_txt01_en.png') no-repeat 0 0;}
.introduce_content01:lang(zh) h3 {display: inline-block; width: 362px; height: 129px; margin-top: 105px; margin-bottom: 50px; font-size: 0px; text-indent: -9999px; background: url('../images/sub/introduce_sub_txt01_zh.png') no-repeat 0 0;}
.introduce_content01 p {font-size: 19px; color: #333; letter-spacing: -0.04em;}

.introduce_content02 {overflow: hidden; width: 1200px; margin: 0 auto; padding-top: 80px;}
.introduce_content02 > strong {display: block;width: 398px; height: 39px; margin: 0 auto 60px; font-size: 0px; text-indent: -9999px; background: url('../images/sub/introduce_title02.png') no-repeat 0 0;}
.introduce_content02:lang(en) > strong {display: block;width: 770px; height: 42px; margin: 0 auto 60px; font-size: 0px; text-indent: -9999px; background: url('../images/sub/introduce_title02_en.png') no-repeat 0 0;}
.introduce_content02:lang(zh) > strong {display: block;width: 366px; height: 38px; margin: 0 auto 60px; font-size: 0px; text-indent: -9999px; background: url('../images/sub/introduce_title02_zh.png') no-repeat 0 0;}
.introduce_content02 > ul {overflow: hidden; margin-bottom: 30px;} 
.introduce_content02 > ul > li {display: inline-block; float: left; width: 50%; text-align: center;}
.introduce_content02 > ul > li > div {margin-bottom: 70px; border-radius: 10px; padding-bottom: 50px;}
.introduce_content02 > ul > li > div {width: calc(100% - 40px);}
.introduce_content02:lang(en) > ul > li > div {height: 600px; margin-bottom: 70px; border-radius: 10px; padding-bottom: 50px;}
.introduce_content02:lang(zh) > ul > li > div {height: 550px; margin-bottom: 70px; border-radius: 10px; padding-bottom: 50px;}
.introduce_content02 > ul > li > div > p {font-size: 19px; color: #555454; text-align: center; line-height: 1.2em;}
.introduce_content02 > ul > li:nth-child(odd) > div {float: left;}
.introduce_content02 > ul > li:nth-child(even) > div {float: right;}
.introduce_content02 > ul > li:nth-child(1) > div {background: url('../images/sub/introduce_sub02_bg01.png') no-repeat center 50px #fff;}
.introduce_content02 > ul > li:nth-child(1) > div > strong {display: block; width: 282px; height: 65px; margin: 380px auto 40px; font-size: 0px; text-indent: -9999px; background: url('../images/sub/introduce_sub02_txt01.png') no-repeat 0 0;}
.introduce_content02:lang(en) > ul > li:nth-child(1) > div > strong {display: block; width: 350px; height: 67px; margin: 380px auto 40px; font-size: 0px; text-indent: -9999px; background: url('../images/sub/introduce_sub02_txt01_en.png') no-repeat 0 0;}
.introduce_content02:lang(zh) > ul > li:nth-child(1) > div > strong {display: block; width: 380px; height: 38px; margin: 380px auto 40px; font-size: 0px; text-indent: -9999px; background: url('../images/sub/introduce_sub02_txt01_zh.png') no-repeat 0 0;}
.introduce_content02 > ul > li:nth-child(2) > div {background: url('../images/sub/introduce_sub02_bg02.png') no-repeat center 50px #fff;}
.introduce_content02 > ul > li:nth-child(2) > div > strong {display: block; width: 234px; height: 65px; margin: 380px auto 40px; font-size: 0px; text-indent: -9999px; background: url('../images/sub/introduce_sub02_txt02.png') no-repeat 0 0;}
.introduce_content02:lang(en) > ul > li:nth-child(2) > div > strong {display: block; width: 310px; height: 62px; margin: 380px auto 40px; font-size: 0px; text-indent: -9999px; background: url('../images/sub/introduce_sub02_txt02_en.png') no-repeat 0 0;}
.introduce_content02:lang(zh) > ul > li:nth-child(2) > div > strong {display: block; width: 290px; height: 40px; margin: 380px auto 40px; font-size: 0px; text-indent: -9999px; background: url('../images/sub/introduce_sub02_txt02_zh.png') no-repeat 0 0;}
.introduce_content02 > ul > li:nth-child(3) > div {background: url('../images/sub/introduce_sub02_bg03.png') no-repeat center 50px #fff;}
.introduce_content02 > ul > li:nth-child(3) > div > strong {display: block; width: 230px; height: 65px; margin: 380px auto 40px; font-size: 0px; text-indent: -9999px; background: url('../images/sub/introduce_sub02_txt03.png') no-repeat 0 0;}
.introduce_content02:lang(en) > ul > li:nth-child(3) > div > strong {display: block; width: 256px; height: 68px; margin: 380px auto 40px; font-size: 0px; text-indent: -9999px; background: url('../images/sub/introduce_sub02_txt03_en.png') no-repeat 0 0;}
.introduce_content02:lang(zh) > ul > li:nth-child(3) > div > strong {display: block; width: 380px; height: 43px; margin: 380px auto 40px; font-size: 0px; text-indent: -9999px; background: url('../images/sub/introduce_sub02_txt03_zh.png') no-repeat 0 0;}
.introduce_content02 > ul > li:nth-child(4) > div {background: url('../images/sub/introduce_sub02_bg04.png') no-repeat center 50px #fff;}
.introduce_content02 > ul > li:nth-child(4) > div > strong {display: block; width: 291px; height: 65px; margin: 380px auto 40px; font-size: 0px; text-indent: -9999px; background: url('../images/sub/introduce_sub02_txt04.png') no-repeat 0 0;}
.introduce_content02:lang(en) > ul > li:nth-child(4) > div > strong {display: block; width: 364px; height: 63px; margin: 380px auto 40px; font-size: 0px; text-indent: -9999px; background: url('../images/sub/introduce_sub02_txt04_en.png') no-repeat 0 0;}
.introduce_content02:lang(zh) > ul > li:nth-child(4) > div > strong {display: block; width: 290px; height: 40px; margin: 380px auto 40px; font-size: 0px; text-indent: -9999px; background: url('../images/sub/introduce_sub02_txt04_zh.png') no-repeat 0 0;}

.introduce_content03 {overflow: hidden; width: 1200px; margin: 0 auto; padding-top: 100px;}
.introduce_content03 > strong {display: block; width: 476px; height: 39px; margin: 0 auto; margin-bottom: 40px; font-size: 0px; text-indent: -9999px; background: url('../images/sub/introduce_title03.png') no-repeat 0 0;}
.introduce_content03:lang(en) > strong {display: block; width: 945px; height: 43px; margin: 0 auto; margin-bottom: 40px; font-size: 0px; text-indent: -9999px; background: url('../images/sub/introduce_title03_en.png') no-repeat 0 0;}
.introduce_content03:lang(zh) > strong {display: block; width: 489px; height: 38px; margin: 0 auto; margin-bottom: 40px; font-size: 0px; text-indent: -9999px; background: url('../images/sub/introduce_title03_zh.png') no-repeat 0 0;}
.introduce_content03 > p {margin-bottom: 70px; font-size: 19px; color: #555454; text-align: center; line-height: 1.2em;}
.introduce_content03 > ul {overflow: hidden; margin-bottom: 100px;}
.introduce_content03 > ul > li {display: inline-block; float: left; width: calc(50% - 40px);}
.introduce_content03 > ul > li:nth-child(1) {margin-right: 40px;}
.introduce_content03 > ul > li:nth-child(2) {margin-left: 40px;}
.introduce_content03 > ul > li > ul {overflow: hidden;}
.introduce_content03 > ul > li > ul > li {float: left; text-align: center;}
.introduce_content03 > ul > li > ul > li + li {margin-left: 8px;}
.introduce_content03 > ul > li > ul > li > img {display: block;}
.introduce_content03 > ul > li > ul > li > span {display: block; margin-top: 20px; font-size: 19px; color: #333; letter-spacing: -0.04em;}

.table_content {width: 100%; border-bottom: 2px solid #e6e8ea;}
.table_content.fixed {table-layout: fixed;}
.table_content th {padding: 20px 0px; font-size: 19px; font-weight: normal; color: #294969; text-align: center; vertical-align: middle; background-color: #b4d1ee;}
.table_content th.borderl {border-left: 1px solid #d6e6f6;}
.table_content td {padding: 20px 0px; font-size: 19px; color: #333; text-align: center; vertical-align: middle; border-bottom: 1px solid #c2c2c2; background-color: #fff;}
.table_content td.borderl {border-left: 1px solid #c2c2c2;}

/* 20200508 과정 상세보기 검색영역 */
.process_detail > .center_layer {min-height: 800px;}
.p_search {overflow: hidden; position: absolute; width: 265px; min-height: 545px; padding: 0 25px 50px; top: 230px; right: 50%; margin-right: -570px; border-radius: 5px; background-color: #fff;
  /* -webkit-box-shadow: 10px 10px 5px 0px rgba(194,199,202,0.8);
  -moz-box-shadow: 10px 10px 5px 0px rgba(194,199,202,0.8); */
  box-shadow: 6px 6px 20px 0px rgba(194,199,202,0.8);
}

.p_search_txt_area01 {min-height: 100px; background: url('../images/common/process_search_bg01.png') no-repeat 156px 5px;}
.p_search_txt01 {margin-top: 40px; color: #5b5b5b; font-size: 24px; line-height: 1.2em;}
.p_search_txt01 > span {color: #b97a19; font-weight: bold;}
.p_search_txt01 > em {font-size: 18px; font-style: normal;}

.p_search_txt_area02 {min-height: 100px; background: url('../images/common/process_search_bg02.png') no-repeat 140px 5px;}
.p_search_txt02 {margin-top: 40px; color: #5b5b5b; font-size: 24px; line-height: 1.2em;}
.p_search_txt02 > span {color: #b97a19; font-weight: bold;}

.p_search_txt_area03 {min-height: 100px; background: url('../images/common/process_search_bg03.png') no-repeat 140px 5px;}
.p_search_txt03 {margin-top: 40px; color: #5b5b5b; font-size: 24px; line-height: 1.2em;}
.p_search_txt03 > span {color: #b97a19; font-weight: bold;}

.p_search_select_area {margin-top: 30px; padding: 0 17px;}
.p_search_select_area > div label {display: block; margin-bottom: 5px; font-size: 14px; font-weight: bold; color: #5b5b5b;}
.p_search_select_area > div + div {margin-top: 18px;}
.p_search_select_area > div + div.division {margin-bottom: 30px;}
.p_search_select_area > div select{ border: 1px solid #c3c3c3; border-radius: 5px; color: #000000; background: url('../images/common/ddArrow.png') no-repeat right 13px center; padding: 0 40px 0 10px !important; height: 35px; font-size: 13px; }
p.p_search_result {margin-top: 30px; font-size: 18px; font-weight: 500; color: #5b5b5b; letter-spacing: -0.09em; word-break: break-all;}
p.p_search_result > span {position: relative; font-weight: bold; color: #0078ff; word-break: break-all; z-index: 20; background: url('../images/common/txt_underline_bg.png') repeat-x bottom left;}

/* p.p_search_result > span::after {position: absolute; content: ""; width: 100%; height: 11px; top: 60%; left: 0px; background-color: #feff61; z-index: -1;} */

button.search_select_btn {min-width: 88px; height: 32px; color:#fff; font-size: 12px; border-radius: 5px; background-color: #b3b3b3;}
button.search_select_btn span {padding-left: 25px; background: url('../images/common/reset_btn02.png') no-repeat center left 0px;}


select#gender {width: 150px;}
select#gender option[value="male"]   { background:url('../images/flag/abw.svg');   }

.dd .ddChild li {position: relative; padding: 10px 5px 10px 10px !important; min-height: 34px;}
.dd .ddTitle {border-radius: 5px;}
.dd .ddTitle .ddTitleText {position: relative; padding : 10px 40px 10px 10px !important;}
.dd .ddTitle .ddTitleText img {position: absolute !important; display: block; top: 50%; margin-top: -10px;}
.dd .ddChild li img + .ddlabel {padding-left: 50px;}
.dd .ddChild li .ddlabel {color: #333; display: block;}

.dd .ddChild li img {position: absolute !important; top: 50% !important; margin-top: -10px !important;}

.dd .ddTitle .ddTitleText img + span.ddlabel  {padding-left: 40px; width: 100%;}
.dd .ddTitle .ddTitleText span.ddlabel {display: inline-block; width: calc(100% - 40px);}
.dd .divider {border: 0px !important;}
.dd .ddArrow {right: 13px !important; background:url('../images/common/ddArrow.png') no-repeat center center !important;}

/* 20220323 수정 */
/* 권역별 온라인 세종학당 시범운영 */
.operation_region_area {background: #ebf2f5; padding: 100px 0;}
.operation_region_area.bg_gate {background: url('../images/sub/bg_gate.png') no-repeat center top; background-size: cover; padding: 100px 0 130px;}
.operation_region_area .region_cont {width: 1200px; margin: 0 auto;}
.operation_region_area h3.title{font-size: 28px; text-align: center; text-align: center;}
.operation_region_area.bg_gate h3.title{color: #ffffff;}
.operation_region_area .ecls_search_area.ver02 {position: relative; margin: 60px auto;}
.operation_region_area .ecls_search_area.ver02 .search_wrap {position: relative; display: inline-block; margin: auto; width: calc(100% - 200px);}
.operation_region_area .ecls_search_area.ver02 .search_drop_btn_area {position: relative; display: inline-block; width: 200px; height: 66px; margin: 0; float: right; text-align: right;}
.operation_region_area .ecls_search_area.ver02 .search_drop_btn_area button.keyword_search_up_btn02  {width: 200px; height: 66px; text-align:center; outline: none; cursor:pointer; color:#fff; border-radius: 0 !important; background-color: transparent !important; background: url('../images/sub/bg_search_btn02_01.png') center center no-repeat; color:#fff; font-size:15px;}
.operation_region_area .ecls_search_area.ver02 .search_drop_btn_area button.keyword_search_up_btn02 span {position: relative; top: -10px; left: 0px; line-height: 46px;}
.operation_region_area .ecls_search_area.ver02 .search_drop_btn_area button.keyword_search_up_btn02 span::after {display: inline-block; position: absolute; content: ""; width: 1px; height: 8px; top: 0px; right: -20px; line-height: 46px; border-top: 7px solid #fff; border-left: 5px solid transparent; border-right: 5px solid transparent; transform: rotate(180deg);}

.operation_region_area .ecls_search_area.ver02 .keyword_search_drop_contents2 {top: 65px;}

.operation_region_area .search_wrap{position: relative; margin: 60px auto; width: 400px;}
.operation_region_area .search_wrap input{width: 100%; display: block; height: 45px; border-radius: 23px; background: #ffffff; border: 0; padding: 0 84px 0 20px; font-size: 16px;}
.operation_region_area .search_wrap button{position: absolute; text-indent: -9999px; width: 22px; height: 22px;}
.operation_region_area .search_wrap .txt_remove{background: url('../images/icon/icon_text_remove.png') no-repeat center; right: 56px; top: 12px;}
.operation_region_area .search_wrap .btn_search{background: url('../images/icon/icon_search.png') no-repeat center; right: 17px; top: 13px;}
.operation_region_area .tab_area{margin-top: 54px;}
.operation_region_area .tab_area .tab_btn_area{display: flex; align-items: flex-start; justify-content: center; flex-wrap: wrap;}
.operation_region_area .tab_area .tab_btn_area.left{ justify-content: flex-start; padding: 0 25px; }
.operation_region_area .tab_area .tab_btn_area .tab_btn{flex: none; margin: 0 25px; line-height: 1.5; color: inherit; font-weight: 500; font-size: 18px; padding-bottom: 6px; box-sizing: border-box; height: 36px;}
.operation_region_area.bg_gate .tab_area .tab_btn_area .tab_btn{ color: #ffffff; }
.operation_region_area .tab_area .tab_btn_area .tab_btn.on{border-bottom: 3px solid #000000;}
.operation_region_area.bg_gate .tab_area .tab_btn_area .tab_btn.on{ border-color: #face1e; color: #face1e; }
.operation_region_area .tab_area.v2 .tab_btn_area{width: 640px; margin: 0 auto;}
.operation_region_area .tab_area.v2 .tab_btn_area .tab_btn{flex: none; width: 50%; margin: 0; border:1px solid #4b81a7; border-top: 0; height: 40px; line-height: 38px; text-align: center; font-size: 16px; color: #4b81a7; background: #ffffff;}
.operation_region_area .tab_area.v2 .tab_btn_area .tab_btn:first-child,
.operation_region_area .tab_area.v2 .tab_btn_area .tab_btn:nth-child(2){border-top: 1px solid #4b81a7;}
.operation_region_area .tab_area.v2 .tab_btn_area .tab_btn:nth-child(even){border-left: 0;}
.operation_region_area .tab_area.v2 .tab_btn_area .tab_btn.on{background: #4b81a7; color: #ffffff;}
.operation_region_area .tab_area .tab_cont{padding-top: 20px; min-height: 436px;}
.operation_region_area .operation_list{width: 100%; display: block;}
.operation_region_area .operation_list::after{display: block; clear: both; content: "";}
.operation_region_area .operation_list li{height: auto; margin-top: 20px; width: calc(25% - 15px); border: 1px solid #c6d6dd; border-radius: 5px; background: #ffffff; float: left;}
.operation_region_area .operation_list li + li{margin-left: 20px;}
.operation_region_area .operation_list li:nth-child(4n + 1){margin-left: 0;}
.operation_region_area .operation_list li a{display: block;}
.operation_region_area .operation_list li .logo_wrap{height: 98px; display: flex; align-items: center; justify-content: center; border-bottom: 1px solid #c6d6dd;}
.operation_region_area .operation_list li .logo_wrap img{flex: none; max-height: 50px; max-width: 270px;}
.operation_region_area .operation_list li .name{color: #000000; font-weight: 500; font-size: 16px; padding: 13px 0; text-align: center; width:100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.operation_region_area .operation_list li .country{display: flex; align-items: center; justify-content: center; border-bottom: 1px solid #c6d6dd; height: 89px;}
.operation_region_area .operation_list li .country > *{flex: none;}
.operation_region_area .operation_list li .country .txt{font-size: 16px; line-height: 1.5; font-weight: 500; padding-left: 20px; color: #111111}
.operation_region_area .operation_list li .region{display: flex; align-items: center; justify-content: center; height: 60px; width: 100%;}

:lang(en) .operation_region_area .operation_list li{width: calc(33.3333% - 12px);}
:lang(en) .operation_region_area .operation_list li:nth-child(3n + 1),
:lang(en) .operation_region_area .operation_list li + li{margin-left: 18px;}
:lang(en) .operation_region_area .operation_list li:nth-child(3n + 1){margin-left: 0;}

:lang(zh) .operation_region_area .operation_list li{width: calc(33.3333% - 12px);}
:lang(zh) .operation_region_area .operation_list li:nth-child(3n + 1),
:lang(zh) .operation_region_area .operation_list li + li{margin-left: 18px;}
:lang(zh) .operation_region_area .operation_list li:nth-child(3n + 1){margin-left: 0;}

.operation_region_area .btn_more{margin: 40px auto 0; border-radius: 5px; display: block; font-weight: 500; width: 184px; height: 36px; line-height: 34px; border: 1px solid #c6d6dd; background: #ffffff; text-align: center; font-size: 16px; color: #333333;}
.operation_region_area .btn_more .ic_more{display: inline-block; width: 12px; height: 12px; background: url('../images/icon/icon_more.png') no-repeat center; margin-left: 10px;}
.operation_region_area .organ_link_title{ padding: 37px 48px; margin-top: -40px; border: 1px solid #e2e2e2; background: #ffffff; border-radius: 50px; overflow: hidden; }
.operation_region_area .organ_link_title .left{ float: left; overflow:hidden; }
.operation_region_area .organ_link_title .left .tit{float: left; line-height: 1; padding-right: 20px; margin-right: 20px; border-right: 2px solid #e2e2e2; font-size: 24px; font-weight: 700;}
.operation_region_area .organ_link_title .left img{height: 20px; margin-top:2px;}
.operation_region_area .organ_link_title .right{ float: right; }
.operation_region_area .organ_link_title .right a{font-size: 16px; font-weight:500; color: #000000; padding-right: 18px; display: block; line-height: 1.5; background: url('../images/icon/icon_next02.png') no-repeat right center;}
.operation_region_area .organ_link_title + .tab_area{ margin-top: 35px; }
.operation_region_area .organ_info{ padding-top: 30px; }
.operation_region_area .organ_info .title{font-size:36px; font-weight: 700; text-align: center;}
.operation_region_area .organ_info .organ_info_cont{margin-top: 50px; position: relative; padding-top: 60px; padding-left: 50%;}
.operation_region_area .organ_info .organ_info_cont .img_wrap{position: absolute; left:0; top:0;}
.operation_region_area .organ_info .organ_info_cont .txt_wrap{position: relative; background: #ffffff; border-radius: 5px; padding: 53px 60px 75px; letter-spacing: -0.02em;
	-webkit-box-shadow: 0px 3px 10px 10px rgba(80,97,104,0.08); 
	box-shadow: 0px 3px 10px 10px rgba(80,97,104,0.08);
}
.operation_region_area .organ_info .organ_info_cont .txt_wrap .txt01{font-size: 24px; font-weight: 700; }
.operation_region_area .organ_info .organ_info_cont .txt_wrap .txt02{font-size: 20px; margin-top: 4px; color: #aaaaaa; }
.operation_region_area .organ_info .organ_info_cont .txt_wrap .txt03{font-size: 16px; margin-top: 30px; color: #555555; }

.operation_region_area .organ_info .organ_info_cont .txt_wrap .slogan{font-size: 20px; margin-top: 50px; color: #aaaaaa; font-family: 'Noto Serif KR'; }
/* // 20220323 수정 */