@charset "utf-8";

/* form common */
input[type=password],
input[type=text] {padding:0 5px 0 5px; width:210px; height:35px; line-height:35px; border:1px solid #ccc; margin:0 3px 0 4px}
#container input[type=text] {vertical-align:top;  }
.select_common {display:inline-block; box-sizing:border-box; position:relative; width:158px; height:35px; overflow:hidden; border:1px solid #ccc; background:url(../img/ico_selectArr.png) no-repeat 100% 50%;}
.select_common select {display:inline-block; width:100%; height:29px; height:35px; padding:0 10px; border:none; background:none; font-size:15px;}

#lnb {width:180px; margin-top:70px; margin-right:50px; float:left;}

#contents {width:970px; float:left; margin-top:70px; min-height:600px; line-height:1.5em;}
#contents.noFrame {width:1200px; float:none;}
#lnb h2 {border-bottom:2px solid #454cad; padding-bottom:20px; position:relative; font-size:150%; font-weight:500; color:#000;}
#lnb > ul > li.depth2 {background:url('../img/ico_lnb_down.png') no-repeat 160px 20px;}
#lnb > ul > li > a {display:block; font-size:18px; color:#666; height:47px; line-height:47px; border-bottom:1px solid #d9d9d9;}
#lnb > ul > li > a:hover,
#lnb > ul > li > a:active {color:#454cad;}
#lnb > ul > li.on > a {color:#000; font-weight:500;}
#lnb > ul > li > ul {background:#fbfbfb; border-bottom:1px solid #d9d9d9; padding:20px 0 20px 0px;}
#lnb > ul > li > ul > li {position:relative; padding-left:30px;}
#lnb > ul > li > ul > li:after {content:""; display:block; position:absolute; top:50%; left:20px; width: 2px; height: 2px; background:#666;}
#lnb > ul > li > ul > li > a {font-size:16px; line-height:1.5; display:block;}
#lnb > ul > li > ul > li > a:hover,
#lnb > ul > li > ul > li > a:acitve {text-decoration:underline;}
#lnb > ul > li > ul > li.on > a {color:#454cad;}
#lnb > ul > li.letter_space > a {letter-spacing:-1px;}
.title {border-bottom:1px solid #4e4e4e; padding-bottom:21px; position:relative; margin-bottom:50px;}
.title h3 {font-size:180%; font-weight:500; color:#000;}
.title .location {position:absolute; right:0; bottom:0px; padding-bottom:10px; text-align:right; font-size:14px; letter-spacing:0.03em; color:#666;}

strong {font-weight:500;}
strong.emphasis {color:#ef4b49;}
strong.emphasis2 {color:#454cad;}
h4.tit,
h5.tit {position:relative;  font-size: 130%;margin: 70px 0 14px 0}
h4.tit:before,
h5.tit:before {content:""; display:block; position:absolute; top:-14px; left:0; width:30px; height:3px; background:#454cad;}
.asterisk {color:#ef4b49; font-weight:500; display:inline-block; margin-left:4px;}
.price {color:#ef4b49; font-weight:500; font-size:120%;}
.required {color:#ef4b49; display:inline-block; margin-left:6px;}
.attention {color:#46a500;}
.img {margin:20px 0;}
.file {overflow:hidden; text-indent:-9999px; font-size:0; width:24px; height:22px; background:url('../img/ico_file.png') no-repeat 50% bottom; display:inline-block;}
.newList {display:inline-block; margin-left:6px; background:#ef7049; color:#fff; text-align:center; width:18px; height:18px; line-height:18px; border-radius:3px; font-size:12px; vertical-align:middle;}
.reply {display:inline-block; margin-left:6px; background:#0092b1; color:#fff; text-align:center; width:18px; height:18px; line-height:18px; border-radius:3px; font-size:12px; vertical-align:middle;}
.noCursor {cursor:default;}


/* 버튼 */
.btn_wrap {overflow:hidden; text-align:center; margin:0 auto; width:700px;}
.btn_wrap_r {text-align:right; margin-bottom:20px;}
.btn_wrap span {width:50%; display:block; float:left;}
.btn_wrap span a {width:auto; margin:0 5px; height:46px; line-height:46px; box-sizing:border-box;}
a.btn_cancel {width:140px; height:42px; line-height:42px; box-sizing:border-box; text-align:center; border:1px solid #666; display:block; color:#000; transition:0.2s all;}
a.btn_cancel:hover,
a.btn_cancel:focus {border-color:#454cad; color:#454cad;}
a.btn_ok {background:#454cad; color:#fff; width:140px; height:42px; line-height:42px; box-sizing:border-box; text-align:center; display:block; transition:0.2s all;}
a.btn_ok:hover,
a.btn_ok:focus {background:#33396d; border:0; color:#fff;}
td .btn_cancel,
td .btn_ok {width:100%; height:35px; line-height:35px;}
.btn_point {width:140px; height:42px; line-height:42px; box-sizing:border-box; text-align:center; transition:0.2s all;}
td .btn_point {width:100%; height:35px; line-height:35px; background:#ef7049; display:block; color:#fff;}
.btn_point:hover,
.btn_point:focus {background:#ef4b49;}
a.btn_disable {background:#909090; color:#fff; width:140px; height:42px; line-height:42px; box-sizing:border-box; text-align:center; display:block; transition:0.2s all;}
a.btn_disable:hover,
a.btn_disable:focus {background:#666; border:0; color:#fff;}
td .btn_disable {width:100%; height:35px; line-height:35px;}


/* 테이블 */
.tb {width:100%; border-top:1px solid #4e4e4e}
.tb th {border-bottom:1px solid #d9d9d9; padding:10px; font-weight:500; background:#fbfbfb; background:#f2f3f6; background:#f0f1f7;}
.tb td {border-bottom:1px solid #d9d9d9; padding:10px; text-align:center;}
.tb th,
.tb td {border-left:1px solid #d9d9d9;}
.tb th:first-child,
.tb td:first-child {border-left:0;}

.tb1 {border:1px solid #a9b1d4; width:100%;}
.tb1 th {color:#33396d; padding:10px; background:#d0d3e9; font-weight:normal; border:1px solid #a9b1d4; border-bottom:0; font-size:18px; line-height:1.3;}
.tb1 td {padding:10px; border:1px solid #a9b1d4; border-top:0; background:#fff; line-height:1.3; text-align:center; font-size:26px; color:#7a7fa6;}

.tb2 {width:100%; border-top:2px solid #333;}
.tb2 th {border-bottom:1px solid #d9d9d9; padding:10px; font-weight:500;}
.tb2 td {border-bottom:1px solid #d9d9d9; padding:10px; text-align:center;}

.tb3 {width:100%; border-top:2px solid #333;}
.tb3 th {border-bottom:1px solid #d9d9d9; padding:10px; font-weight:500; border-right:1px solid #d9d9d9;}
.tb3 td {border-bottom:1px solid #d9d9d9; padding:10px 20px; text-align:center;}


/* 과정검색 */
.search_class01 {margin:26px 0;}
.search_class01:after {content:""; display:block; clear:both;}
.btn_search_wrap {float:right;}
.btn_srch {display:inline-block; width:100px; text-align:center; height:35px; font-size:14px; line-height:35px; vertical-align:middle; background:#33396d; color:#fff !important; vertical-align:top;}
.btn_srch:hover,
.btn_srch:active,
.btn_srch:focus {background:#454cad;}
.search_tit {display:inline-block; color:#454cad; height:35px; line-height:35px; vertical-align:top; width:180px; text-align:center; font-size:18px;}
.search_class01 .select_common {width:260px; margin-right:1px;}
.search_class01 .tbox {width:410px;}
.search_class02 {border-top:1px solid #d9d9d9; padding-top:14px; margin-bottom:40px;}
.search_class02 .select_common {width:120px; margin-top:5px;}
.search_class02 input[type=checkbox].css-checkbox + label {vertical-align:top; margin:18px 8px 0 8px;}
.grade_select {display:inline-block; height:44px; position:relative; margin-left:20px;}
.grade_select:after {content:""; display:block; clear:both; position:absolute; left:40px; top:30px; width:330px; height:2px; background:#aeaeae;}
.grade_select dt {float:left; margin-right:10px; line-height:55px;}
.grade_select dd {float:left; font-size:13px;}
.grade_select dd a {display:block; padding-bottom:20px; position:relative; width:30px; text-align:center;}
.grade_select dd a:hover,
.grade_select dd a:focus {font-weight:500;}
.grade_select dd a:after {content:""; display:block; clear:both; position:absolute; left:50%; margin-left:-5px; top:26px; width:10px; height:10px; border-radius:5px; background:#684ec4; z-index:1;}
.grade_select dd a:hover:after,
.grade_select dd a:focus:after {background:#8b71e5;}


/* 수강신청 */
.apply_list {}
.grade_status {margin-bottom:30px; position:relative;}
.grade_status:after {content:""; display:block; clear:both;}
.grade_status dt {background:#33396d; color:#a9b2ff; width:175px; height:109px; float:left; text-align:center; font-size:18px; line-height:1.3; padding-top:28px; box-sizing:border-box; margin-right:1px;}
.grade_status dt strong {color:#fff; font-size:24px; display:block; line-height:1.3;}
.grade_status dd {float:left; background:#f5f7fe; width:589px; height:54px; line-height:54px; display:inline-block; box-sizing:border-box; font-size:18px;}
.grade_status dd:nth-child(3) {margin-top:1px;}
.grade_status dd .grade {background:#d0d3e9; display:inline-block; width:175px; text-align:center; font-size:20px; color:#33396d; font-weight:500; margin-right:20px;}
.grade_status dd strong {color:#33396d;}
.grade_status dd.list_down {position:absolute; right:0; top:0;  width:204px; height:109px; line-height:1.3; text-align:center;}
.grade_status dd.list_down a {display:block; background:url('../img/ico_list_down.png') no-repeat 20px 50% #9c87c8; height:109px; padding:35px 0 0 60px; font-size:16px; text-align:left; color:#fff; box-sizing:border-box;}
.grade_status dd.list_down a:hover,
.grade_status dd.list_down a:focus {background-color:#947ec3;}


/* 과정목록 */
.lecture_list li {position:relative; border-top:1px solid #d9d9d9; margin-top:30px; padding-top:30px;}
.lecture_list li:first-child {border:0; margin-top:0; padding-top:0;}
.lecture_list li:after {content:""; display:block; clear:both;}
.lecture_list .lecture_wrap {float:left; width:280px;}
.lecture_list .lecture_wrap img {width:280px;}
.lecture_list .lecture_cont {float:left; width:530px; box-sizing:border-box; padding:0 0 0 30px; color:#666; }
.lecture_list .lecture_cont h4 {margin:8px 0 10px 0; line-height:1.4em; font-size:120%; letter-spacing:-1px; color:#1f1f1f; /*height:2.6em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;*/}
.lecture_list .lecture_cont a:hover,
.lecture_list .lecture_cont a:focus {color:#1f1f1f}
span.best,
span.mobile,
span.recom,
span.new,
span.year {display:inline-block; margin-right:4px; padding:0 4px; color:#fff; font-size:14px; line-height:1.4em; height:1.4em;}
span.best {background:#ff9c00;}
span.mobile {background:#75b020;}
span.new {background:#5283b0;}
span.recom {background:#ef4970;}
span.year {background:#8349ef;}
span.category {display:inline-block; border:1px solid #7479c1; width:70px; text-align:center; border-radius:20px; color:#454cad; font-size:14px; line-height:1.45em;}
.lecture_list .lecture_cont span.category {display:block;  margin-top:10px;}
.lecture_list .lecture_cont span.classification {display:inline-block; margin-right:4px; padding:0px 10px; color:#ff6b23; font-size:13px; border:1px solid #ff6b23; border-radius:20px; line-height:1.6em; height:1.6em;}
.lecture_list .lecture_cont p.txt {color:#666; font-weight:300; word-break: keep-all;}
.lecture_list .lecture_cont .satisfaction {color:#666; margin-right:30px;}
.lecture_list .lecture_cont .point {color:#666;}
.lecture_list .lecture_cont .point strong {color:#1f1f1f;}
.lecture_list .lecture_cont .star_wrap .star_off {background:url('/img/ico_star02.png') no-repeat 0 -14px;}
.lecture_list .lecture_cont .star_wrap .star_on {background:url('/img/ico_star02.png') no-repeat left top;}
.lecture_list .lecture_btn {float:left; width:140px; text-align:right; position:absolute; right:0px; top:50%; margin-top:15px; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);}
.lecture_list .lecture_btn a {margin-bottom:10px;}
.lecture_list .lecture_btn a:last-child {margin-bottom:0;}
.lecture_list .lecture_cont .price_wrap {display:inline-block;}
.lecture_list .lecture_cont .price_wrap strong {font-weight:500; font-size:110%;}
.lecture_list .lecture_cont .price_wrap span {margin-right:0px;}
.lecture_list .lecture_cont .price_wrap span:last-child {margin-right:0;}
.lecture_list .lecture_cont .price_wrap span strong {color:#1f1f1f;}
.lecture_list .lecture_cont .price_wrap span strong.price1 {color:#ef4b49;}
.lecture_list .lecture_cont .price_wrap span strong.price2 {color:#454cad;}


/* 단체신청 */
.apply_company_wrap h4.tit {margin-bottom:30px;}
.apply_company {background:url('../img/img_apply_company.png') no-repeat 60px 50%  #f5f6fc; padding:48px 0 48px 80px; border-radius:10px; text-align:center; font-size:120%;}
.apply_company_wrap .ol_2th li {margin-top:30px;}
.apply_company_wrap .ol_2th li .inner {margin-left:10px; margin-top:6px;}
.apply_company_wrap .btn_wrap {width:260px; margin-top:60px;}
.apply_company_wrap a.btn_ok {width:260px; height:46px; line-height:46px;}


/* 수강신청 확인/취소 */
.apply_confirm_wrap h4 {text-align:center; font-size:170%; margin:80px 0;}
.apply_confirm {background:url('../img/img_apply_confirm.png') no-repeat 750px 80px #f5f6fc; padding:30px 50px 30px 30px; margin:20px 0 40px 0;}
.apply_confirm_wrap .ol_2th li {margin-top:30px;}
.apply_confirm_wrap dl {margin:30px 0 30px 0;}
.apply_confirm_wrap dd {background:#fff; padding:30px; box-shadow:4px 4px 6px 0 rgba(0, 0, 0, 0.15); margin-top:20px; background:rgba(255,255,255,0.95);}
.apply_confirm_wrap .btn_wrap {width:260px; margin-top:60px;}
.apply_confirm_wrap .btn_wrap a.btn_ok {width:260px; height: 46px; line-height: 46px;}
.modal_withdrawal02 .withdrawal,
.modal_withdrawal .withdrawal {border:1px solid #d9d9d9; padding:16px; height:100px; overflow:auto; margin-bottom:20px; line-height:1.5;}
.modal_withdrawal02 .withdrawal .space,
.modal_withdrawal .withdrawal .space {display:inline-block; width:0.8em;}
.modal_withdrawal02 .agree_all,
.modal_withdrawal .agree_all {margin-bottom:20px; text-align:center;}
.modal_withdrawal02 .result,
.modal_withdrawal .result {text-align:center; font-size:120%;}


/* 탭 */
.tabs {width:970px; height:50px; box-sizing:border-box;}
.tabs:after {content:""; display:block; clear:both;}
.tabs li { box-sizing:border-box; float:left; width:20%; height:50px; text-align:center; font-size:18px; background:#fbfbfb; color:#666; line-height:50px; cursor:pointer; border-top:1px solid #d9d9d9; border-left:1px solid #d9d9d9; border-bottom:1px solid #4e4e4e; outline:none;}
.tabs li:last-child {border-right:1px solid #d9d9d9;}
.tabs li:hover,
.tabs li:active {color:#000;}
.tabs li.current {background:#fff; color:#000; border-top:1px solid #4e4e4e; border-left:1px solid #4e4e4e; border-right:1px solid #4e4e4e; border-bottom:0;}
.tab-content {display: none; clear:both;}
.tab-content.current {display: inherit;}


/* 모달 팝업 */
.modal-con .btn_wrap {margin-top:30px; width:100%;}
.modal_account {width:600px;}
.modal_account .con_scroll {overflow-y:auto; overflow-x:hidden; height:445px;}
.modal_refund {width:500px;}
.modal_withdrawal02,
.modal_withdrawal {width:600px; height:600px; overflow:auto;}
.modal_account .tb td:first-child {border-left:1px solid #d9d9d9;}
.modal_download {width:400px; z-index:1; min-height:220px;}
.modal_download .btn_wrap span {display:inline-block; float:none;}
.modal_download .con {height:110px;}



/* 과정상세보기 */
.apply_view {}
.apply_tit_wrap {position:relative;}
.apply_tit_wrap:after {content:""; display:block; clear:both;}
.apply_tit_wrap h4 {display:inline-block; line-height:1.3em; font-size:150%; letter-spacing:-1px; margin-bottom:0; vertical-align:middle;}
.apply_tit_wrap span.best,
.apply_tit_wrap span.mobile,
.apply_tit_wrap span.new {display:inline-block; margin-right:4px; margin-bottom:10px; padding:0 8px; color:#fff; font-size:13px; line-height:1.6em; height:1.6em;}
.apply_tit_wrap span.best {background:#f23839;}
.apply_tit_wrap span.mobile {background:#ffc001;}
.apply_tit_wrap span.new {background:#705ed6;}
.apply_tit_wrap .apply_tit {float:left; width:1080px; margin-right:10px;}
.apply_tit_wrap .apply_tit span.category {margin-bottom:4px; margin-right:8px; }
.apply_tit_wrap .btn_top_wrap {float:left; width:100px; height:35px; position:absolute; right:0; bottom:0px;}
.apply_cont_wrap {position:relative; text-align:left; margin-top:20px; margin-bottom:20px; padding-bottom:40px;}
.apply_cont_wrap .lecture_img {float:left; width:350px; padding-right:40px; box-sizing:border-box;}
.apply_cont_wrap .lecture_img img {width:310px;}
.apply_cont_wrap .lecture_img a {}
a.btn_preview {display:block; text-align:center; color:#fff; height:32px; line-height:32px; padding-left:30px; background:url('../img/ico_preview.png') no-repeat 42% 50% #4e4e4e;}
a.btn_preview:hover,
a.btn_preview:focus {background-color:#1f1f1f;}
.apply_cont_wrap .lecture_wrap {float:left; width:850px; box-sizing:border-box;}
.apply_cont_wrap .apply_item {font-size:0; margin-top:10px;}
.apply_cont_wrap .apply_item dt {width:12%; display:inline-block; line-height:2em; font-size:17px; color:#666; vertical-align:top; background:url('/img/ico_list.gif') no-repeat left 0.9em; padding-left:8px; box-sizing:border-box;}
.apply_cont_wrap .apply_item dd {width:88%; display:inline-block; line-height:2em; font-size:17px;}
.apply_cont_wrap .apply_item dd strong {font-weight:500;}
.apply_cont_wrap .apply_item dd strong.price1 {color:#ef4b49; font-weight:500;}
.apply_cont_wrap .apply_item dd strong.price2 {color:#454cad; font-weight:500;}
.apply_cont_wrap:after {content:""; display:block; clear:both;}
.apply_cont_wrap .apply_item .price {color:#ff6b23; font-size:22px; line-height:1.5em; font-weight:500;}
.apply_cont_wrap .btn_wrap {text-align:left; font-size:0; margin:0; margin-top:20px; text-align:center; box-sizing:border-box;}
.apply_cont_wrap .btn_wrap:after {content:""; display:block; clear:both;}
.apply_cont_wrap .btn_wrap a {float:left; font-size:16px; width:300px;}
.apply_cont_wrap .btn_wrap a:first-child {margin-right:10px;}
.apply_view h5 {font-size:130%; margin:70px 0 14px 0;}
.apply_view_txt {background:#f5f6fc; padding:30px; border-radius:10px;} 
.apply_view .tabs {width:1200px; border-bottom:1px solid #4e4e4e;}
.apply_view .tabs li {width:240px;}
.apply_view .tabs li.current {cursor:default;}
.apply_view .tabs li a {display:block;}
.apply_view .tabs li a:hover {color:#000;}


/* 연간일정 */
.month_top {position:relative;overflow:hidden;padding:10px; text-align: center; border-top:1px solid #ccc; border-bottom:1px solid #d0d3e9; background:#dddfef; color:#5b6090;}
.month_top>span {font-size:32px;line-height: 32px; font-weight:700;}
.month_top .sche_btn {position:absolute; right:10px; top:10px; width:160px; height:36px;}
.month_top .sche_btn a {display:block; height:100%; background:#33396d; color:#fff; line-height:36px; border-radius:18px;}
.month_list {overflow: hidden;padding:0 10px;height:60px;margin-bottom:20px;border-bottom:1px solid #ccc;}
.month_list li {float:left;width:8.33%;text-align: center;}
.month_list li a {position:relative;display: inline-block;width:60%;margin:auto; font-size: 20px; width:61%; margin:9px auto; border:1px solid #fff; line-height:41px; border-radius:30px;}
.month_list li a.on,
.month_list li a:hover,
.month_list li a:active {color:#fff;-webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;transition: all .4s ease-in-out; background:#454cad;}
.cal_group {position:relative;padding-top:40px; font-size:16px; line-height:1.5;}
.cal_group th {font-size:18px; font-weight:500; color:#535569;}
.cal_group td {padding:30px;}
.sche_list {}
.sche_list .cal_group_wrap th {text-align: center;font-size:23px;}
.sche_list .cal_group_wrap th em {font-size:29px; vertical-align: bottom;font-style: normal;}
.sche_list .cal_group_wrap td {padding: 25px 25px;}
.sche_list .exclam  {margin-top:15px;}
.calList_con li {position: relative;}
.calList_con li+li {margin-top:15px;}
.calList_con li strong {position: absolute;top:4px;left:0; width:300px;text-align:left; font-size: 16px;color: #000;  line-height: 18px; font-weight:normal; position:relative;display:inline-block;}
.calList_con li span {display:inline-block;padding:4px 0px; width:80px; font-size: 14px;color: #000; line-height: 18px;word-break: keep-all; box-sizing:border-box; margin-left:30px;}
.calList_con .end {background:#adadad; color:#fff;}
.calList_con .applying {background:#454cad; color:#fff;}
.calList_con .waiting {border:1px solid #454cad; color:#454cad;}


/* 수강신청 / 결제하기 */
.join_process {text-align:center; margin:0 auto 60px auto; width:720px;}
.join_process:after {content:""; display:block; clear:both;}
.join_process li {float:left; width:180px; text-align:center;}
.join_process li:nth-child(2) {width:360px; background:url('../img/bg_join_process.png') no-repeat 50% 50%;}
.join_process.process01 li:nth-child(2) {width:360px; background:url('../img/bg_join_process02.png') no-repeat 50% 50%;}
.join_process li h4 {font-size:17px; background:#c2c2c2; display:block; border-radius:18px; color:#fff; width:180px; height:36px; line-height:36px; margin:0 auto;}
.join_process li.on h4 {background:#454cad;}

.payment_wrap .join_process {width:450px;}
.payment_wrap .join_process li:nth-child(2) {width:270px; background-position:30px center;}
.payment_wrap .join_process li:nth-child(2) h4 {margin:0 0 0 90px;}
.payment_wrap #payment_card,
.payment_wrap #payment_realtime,
.payment_wrap #payment_directly {display:none;}
.payment_wrap .bill_wrap h5 {display:inline-block;}
.payment_wrap .bill {display:inline-block; margin-left:30px;}
.payment_wrap #realtime_bill_wrap,
.payment_wrap #directly_bill_wrap {display:none;}
.payment_wrap .bill_wrap .publish {display:none;}
.payment_wrap .bill_wrap input {width:260px;}
.payment_wrap .bill_wrap td span {display:block; vertical-align:top; padding:4px; font-size:16px;}
.payment_wrap .bill_wrap .sel_email {width:260px; margin-left:6px;}
.apply_ok {text-align:center; background:url('../img/img_apply_ok.png') no-repeat 50% top; padding-top:260px;}
.apply_ok p:first-child {font-size:160%; margin-bottom:10px;}
.payment_agree ol {padding:10px 30px; border:1px solid #d9d9d9; margin:10px 0;}
.agree_payment_wrap {margin-top:20px; text-align:center;}
.agree_payment_wrap input[type=checkbox].css-checkbox + label {font-size:130%; font-weight:500;}


/* 툴팁 */
[data-tooltip-text] {background:#ef7049; display:inline-block; width:20px; line-height:20px; height:20px; color:#fff; cursor:pointer; text-align:center; border-radius:10px; margin-left:4px;}
[data-tooltip-text]:hover {position: relative;}

[data-tooltip-text]:after {
-webkit-transition: bottom .3s ease-in-out, opacity .3s ease-in-out; -moz-transition: bottom .3s ease-in-out, opacity .3s ease-in-out;transition: bottom .3s ease-in-out, opacity .3s ease-in-out;background-color: rgba(0, 0, 0, 0.7);
-webkit-box-shadow: 0px 0px 3px 1px rgba(50, 50, 50, 0.2); -moz-box-shadow: 0px 0px 3px 1px rgba(50, 50, 50, 0.2); box-shadow: 0px 0px 3px 1px rgba(50, 50, 50, 0.2);	
-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;	
color: #fff; font-size: 13px; margin-bottom: 10px; padding: 7px 12px; position: absolute; width: 300px; word-wrap: break-word; z-index: 9999; opacity: 0; left: -9999px;  top: 90%;	
content: attr(data-tooltip-text); text-align:left;
}

[data-tooltip-text]:hover:after { top: 130%; left: 0; opacity: 1;}


/* 강의실 */
.classroom_wrap .caution {margin-bottom:20px;}
.classroom_wrap [data-tooltip-text] {background:#ef7049;}
.classroom_wrap [data-tooltip-text]:hover:after { top: -70px; left: -134px; opacity: 1;}
.classroom_wrap [data-tooltip-text]:after {width:220px;}
.classroom_wrap .review {color:#888;}


/* 학점등재현황 */
.grade_wrap h4 {font-size:150%; margin-bottom:30px; text-align:center; font-weight:500;}
.grade_wrap h4 strong {color:#454cad}
.score_board {box-shadow:6px 6px 8px 0 rgba(0, 0, 0, 0.15); text-align:center; }
.score_board:after {content:""; display:block; clear:both;}
.score_summary {background:#33396d; color:#fff; font-size:18px; text-align:center; box-sizing:border-box; padding:20px; line-height:1.3;}
.score_summary dt {color:#a9b2ff; position:relative; display:inline-block; margin-left:60px;}
.score_summary dd {display:inline-block;}
.score_summary dt:first-child {margin-left:0;}
.score_summary dt:before {content:""; display:block; position:absolute; top:50%; margin-top:-1px; left:-10px; width:2px; height:2px; background:#a9b2ff;}
.score_detail {background:#f5f7ff; box-sizing:border-box; padding:36px;}
.score_detail .tb1 td {font-weight:700;}


/* 나의 결제내역 */
.payment_list_wrap span.cancel,
.payment_view_wrap span.cancel  {text-decoration:line-through; color:#888;}
.payment_list_wrap .btn_ok {width:100px; margin:0 auto;}
.payment_view_wrap .btn_ok {width:110px; margin:0 auto;}
.payment_view_wrap tr.cancel {background:#fdf7f2;}
.payment_view_wrap .btn_wrap {margin-top:60px;}
.payment_view_wrap .btn_wrap a {height:46px; line-height:46px; width:340px; margin:0 auto; color:#454cad; border-color:#454cad;}


/* 장바구니 */
.cart_wrap .btn_ok {width:100px; display:inline-block; vertical-align:middle;}
.cart_wrap .btn_cancel {width:100px; display:inline-block; vertical-align:middle; margin-left:6px;}
.cart_wrap .term_wrap {background:#383a38; color:#fff; padding:16px; text-align:center; font-size:120%; margin-bottom:40px; border-radius:6px;}
.cart_wrap .term_wrap dl,
.cart_wrap .term_wrap dt,
.cart_wrap .term_wrap dd {display:inline-block;}
.cart_wrap .term_wrap .signup dd {font-weight:500; color:#4ed7ff;}
.cart_wrap .term_wrap .term {margin-left:60px; position:relative;}
.cart_wrap .term_wrap .term dd {font-weight:500; color:#39f5e3;}
.cart_wrap .term_wrap .term:before {content:""; display:block; position:absolute; top:50%; margin-top:-8px; left:-30px; width:1px; height:16px; background:rgba(255,255,255,0.5);}
.cart_select_wrap {margin-bottom:16px;}
.cart_select_wrap:after {content:""; display:block; clear:both;}
.cart_select {float:left; padding-top:5px;}
.cart_select input[type=checkbox].css-checkbox + label {font-weight:; font-size:17px;}
.cart_btn {float:right;}
.cart_btn .btn_disable {width:140px; height:35px; line-height:35px; display:inline-block;}
.cart_btn .btn_disable:last-child {margin-left:6px;}
.cart_total_wrap {background:#f5f6fc; margin-top:30px; padding:30px; border-radius:6px;}
.cart_total_wrap:after {content:""; display:block; clear:both;}
.cart_total {float:left; font-size:120%; font-weight:500; color:##33396d; line-height:38px;}
.cart_total .emphasis {font-size:130%; margin-left:10px;}
.cart_total_btn {float:right;}
.cart_total_btn .btn_srch {height:38px; line-height:38px; font-size:16px; width:140px;}
.cart_total_btn .btn_srch:last-child {margin-left:6px;}


/* 개인정보수정 */
.confirm_pw_wrap {text-align:center; width:550px; margin:120px auto 0 auto;}
.confirm_pw_wrap h4 {height:97px; line-height:97px; font-weight:500; font-size:180%; background:url('../img/confirm_pw.png') no-repeat 25% 50%; padding-left:100px;}
.confirm_pw_wrap dl {margin-top:60px; font-size:0;}
.confirm_pw_wrap dt {display:inline-block; text-align:right; width:45%; box-sizing:border-box; padding-right:40px; margin-top:20px; font-size:18px;}
.confirm_pw_wrap dd {display:inline-block; text-align:left; width:55%; box-sizing:border-box; margin-top:20px; font-size:18px;}
.confirm_pw_wrap dd:last-child {padding-right:5px;}
.confirm_pw_wrap input {width:100%;}
.confirm_pw_wrap .btn_wrap {width:100%; margin-top:70px; box-sizing:border-box;}

.modify_info_wrap td:after {content:""; display:block; clear:both;}
.modify_info_wrap .select_common {display:block;}
.modify_info_wrap .btn_wrap {margin-top:60px;}
.modify_info_wrap input {width:260px; vertical-align:top;}
.modify_info_wrap .sel_wrap {font-size:0;}
.modify_info_wrap .sel_code {width:264px;}
.modify_info_wrap td strong {font-size:16px; line-height:35px; margin-left:10px;}
.modify_info_wrap td span {display:block; vertical-align:top; padding:4px; font-size:16px;}
.modify_info_wrap .sel_address .btn_srch {margin-left:6px;}
.modify_info_wrap .sel_address .sel_zipcode {width:151px;}
.modify_info_wrap .sel_email {width:211px; margin-left:6px;}
.modify_info_wrap .btn_check_member,
.modify_info_wrap .btn_check_id {width:120px; margin-left:6px;}
.join_ok  a {width:340px; margin:0 auto;}
.join_ok .apply_ok {background:url('../img/img_join_ok.png') no-repeat 50% 10px;}


/* 탭 메뉴 */
#tab_menu {position:relative; }
#tab_menu:after {content:""; display:block; clear:both; }
#tab_menu>li {float:left; width:33.333%; }
#tab_menu>li:last-child {float:left; width:33.336%; }
#tab_menu>li.on>a {background:#fff; color:#1f1f1f; border:1px solid #dedede; border-bottom:1px solid #fff; position:relative;}
#tab_menu>li>a {display:block; padding:8px 20px; text-align:center; border:1px solid #f0f0f0;  background:#f0f0f0; color:#888;}
#tab_menu>li>a:hover,
#tab_menu>li>a:active,
#tab_menu>li>a:focus {color:#1f1f1f;}
#tab_menu>li.on div.tab_cont {width:100%; height:8em; border:1px solid #dedede; position:absolute; left:0; top:39px; box-sizing:border-box; padding:20px; background:#fff;}
#tab_menu>li>div.tab_cont {height:0; overflow:hidden; }
#tab_menu>li>div.tab_cont a {font-size:16px; display:inline-block; width:100%; white-space:nowrap; overflow:hidden; text-overflow: ellipsis;}
#tab_menu>li>div.tab_cont li {background:url('/img/ico_list.gif') no-repeat left center; padding-left:10px;}


/* 회원가입 */
.member_join_agree dt {padding-bottom:14px; font-size:20px;}
.member_join_agree dt span {color:#777;}
.member_join_agree dd {margin-bottom:60px;}
.member_join_agree label {font-size:18px !important;}
.member_join_agree .agree_view {font-size:14px; overflow:auto; height:200px; border:1px solid #e2e2e2; padding:10px; color:#666;}
.agree_wrap table,
.member_join_agree .agree_view table {margin-bottom:20px; border:1px solid #888; width:100%;}
.agree_wrap th,
.member_join_agree .agree_view th {color:#1f1f1f; padding:4px; background:#efefef; font-weight:normal; border:1px solid #888; line-height:1.5em;}
.agree_wrap td,
.member_join_agree .agree_view td {padding:8px 10px; border:1px solid #888; line-height:1.5em;}
.agree_all {margin-bottom:60px;}
.agree_all label {font-size:18px !important;}
.member_join_agree .agree_view h5 {font-size:120%; margin:40px 0 10px 0; font-weight:500;}
.member_join_agree .agree_view h6 {font-size:110%; margin:30px 0 10px 0; font-weight:500;}
.agree_wrap .agree_all {text-align:center;}


/* id,pw찾기 */
.find_idpw_wrap {height:500px;}
.find_idpw_wrap #tab_menu {border:1px solid #454cad; box-sizing:border-box;}
.find_idpw_wrap #tab_menu>li.on div {border:0;}
.find_idpw_wrap #tab_menu>li:last-child,
.find_idpw_wrap #tab_menu>li {width:50%; box-sizing:border-box;}
.find_idpw_wrap #tab_menu>li>a {display:block; background:#fff; color:#454cad; padding:10px 0; border:0; font-size:120%; box-sizing:border-box; text-align:center;}
.find_idpw_wrap #tab_menu>li.on>a {background:#454cad; color:#fff;}
.find_idpw_wrap #tab_menu>li.on div.tab_cont {top:60px; min-height:530px; text-align:center; padding:100px 119px 0 484px; background:url('../img/img_id_search.png') no-repeat 78px 100px; background-size:280px;}
.find_idpw_wrap #tab_menu>li.on div.tab_cont h4 {margin:50px 0 30px 0; font-size:150%;}
.find_idpw_wrap #tab_menu>li.on div.tab_cont input {margin-bottom:10px;}
.find_idpw_wrap #tab_menu>li.on div.tab_cont .btn_ok {background:#666; border:0;}
.find_idpw_wrap #tab_menu>li.on div.tab_cont .select_common {border:1px solid #ccc; box-sizing:border-box; height:45px; width:135px; vertical-align:top;}
.find_idpw_wrap #tab_menu>li.on div.tab_cont .select_common select {width:100%; height:43px;}
.find_idpw_wrap input {height:45px; line-height:45px; margin-left:0; margin-right:0;}
.find_idpw_wrap .btn_srch {height:45px; line-height:45px;}
.id_result {background:url('../img/img_id_search.png') no-repeat 78px 50%; background-size:280px; text-align:center; padding:130px 79px 130px 444px; margin:60px 0; font-size:18px;}
.pw_search_phone,
.pw_search_email {display:none; margin-top:30px; padding-top:30px; border-top:1px solid #4e4e4e !important;}
.pw_search input {float:left; width:220px !important; margin-bottom:0;}
.pw_search a.btn_point {background:#ef7049; color:#fff; float:left; width:135px !important; margin-left:10px; height:45px; line-height:45px; margin-bottom:0;}
.pw_search a.btn_point:hover,
.pw_search a.btn_point:focus {background:#ef4b49;}
.pw_search:after {content:""; display:block; clear:both;}
.pw_setting {background:url('../img/img_id_search.png') no-repeat 78px 80px; background-size:280px; text-align:center; padding:80px 79px 0px 444px; margin:0px 0; font-size:18px;}
.pw_setting_wrap h4 {font-size:150%; margin-bottom:40px;}
.pw_setting_wrap > p {color:#666;}
.pw_setting_inner {text-align:left; margin:20px auto 0 auto; width:410px;}
.pw_setting_inner input[type=password] {margin:0 0 10px 0; height:45px; line-height:45px;}
.pw_setting_inner p {font-size:15px; margin:0px 0 0px 0;margin-bottom:10px;}
.pw_setting_inner .btn_srch {height:45px; line-height:45px; font-size:15px;}


/* 공지사항 */
.pagination {clear:both; padding:40px 0 0; text-align:center;}
.pagination a {display:inline-block; }
.pagination a.pbtn {display:inline-block; padding:7px; text-align:center; vertical-align:middle; font-size:0;}
.pagination a .pagenum {display:inline-block; width:30px; height:30px; line-height:28px; text-align:center; vertical-align:middle;}
.pagination a .currentpage {background:#454cad; border:1px solid #454cad; color:#fff;}
.pagination img {margin:0 6px;}
.pagination a img {margin:0;}
.list_wrap .txt_l a {vertical-align:middle;}
.list_wrap .search_list {text-align:center; margin-bottom:20px;}
.list_wrap .search_list input[type=text] {width:400px; margin-left:4px;}
.list_wrap .search_list .btn_srch {margin-left:2px;}
.list_wrap .btn_write {background:#454cad; margin-left:5px !important;}
.list_wrap .btn_write:hover,
.list_wrap .btn_write:focus {background:#33396d;}
.list_view_wrap .newList,
.list_view_wrap .reply {position:relative; top:-2px;}
.list_view_wrap .td_reply {height:180px; vertical-align:top;}
.list_view_wrap .btn_modify {background:#454cad; margin-right:4px !important;}
.qna_write_wrap .btn_wrap {margin-top:60px;}


/* FAQ */
.faq_wrap .tabs li {width:14.285%; font-size:16px; line-height:44px; height:44px; margin-top:10px;}
.faq_wrap .noData {text-align:center; line-height:200px;}
.accordion-header {padding: 12px 20px 12px 30px; border-bottom: 1px solid #d9d9d9; cursor: pointer; position:relative;}
.accordion-header:before  {content:"Q"; display:block; position:absolute; top:12px; left:8px; font-weight:500; color:#454cad;}
.active-header {font-weight:500;}
.active-header:hover {}
.inactive-header {}
.inactive-header:hover {background:#fbfbfb;}
.accordion-content {display: none; padding: 30px; background: #f5f6fc; border-bottom:1px solid #d9d9d9;}


/* 원격지원안내 */
.remote_wrap:after {content:""; display:block; clear:both;}
.remote_wrap {text-align:center;}
#ezHelpActivex {padding-left:7px;}
.remote {margin-bottom:30px; margin-left:63px; text-align:left; width:844px; background:url('../img/img_remote.png') no-repeat left 50%; padding-left:85px;}
.remote_wrap p {margin:30px 0 20px 0;}


/* 이용안내 */
.guide_wrap .tabs li {width:50%;}
.guide_wrap .tabs li a {display:block;}
.tab_guide {margin:24px 0 40px 0;}
.tab_guide:after {content:""; display:block; clear:both;}
.tab_guide li {float:left; margin-left:2px; width:calc((100% - 8px) / 5); box-sizing:border-box;}
.tab_guide li:first-child {margin-left:0;}
.tab_guide li a {display:block; background-color:#ecedf6; color:#424a90; text-align:center; padding:86px 0 16px 0;}
.tab_guide li:nth-child(1) a {background:url('../img/ico_guide01.png') no-repeat 50% 30px #ecedf6;}
.tab_guide li:nth-child(2) a {background:url('../img/ico_guide02.png') no-repeat 50% 22px #ecedf6;}
.tab_guide li:nth-child(3) a {background:url('../img/ico_guide03.png') no-repeat 50% 28px #ecedf6;}
.tab_guide li:nth-child(4) a {background:url('../img/ico_guide04.png') no-repeat 50% 26px #ecedf6;}
.tab_guide li:nth-child(5) a {background:url('../img/ico_guide05.png') no-repeat 50% 24px #ecedf6;}
.tab_guide li a:hover,
.tab_guide li a:active,
.tab_guide li a:focus,
.tab_guide li.current a {background-color:#424a90; color:#fff;}
.tab_guide li:nth-child(1) a:hover,
.tab_guide li:nth-child(1) a:active,
.tab_guide li:nth-child(1) a:focus,
.tab_guide li:nth-child(1).current a {background:url('../img/ico_guide01_on.png') no-repeat 50% 30px #424a90;}
.tab_guide li:nth-child(2) a:hover,
.tab_guide li:nth-child(2) a:active,
.tab_guide li:nth-child(2) a:focus,
.tab_guide li:nth-child(2).current a {background:url('../img/ico_guide02_on.png') no-repeat 50% 22px #424a90;}
.tab_guide li:nth-child(3) a:hover,
.tab_guide li:nth-child(3) a:active,
.tab_guide li:nth-child(3) a:focus,
.tab_guide li:nth-child(3).current a {background:url('../img/ico_guide03_on.png') no-repeat 50% 28px #424a90;}
.tab_guide li:nth-child(4) a:hover,
.tab_guide li:nth-child(4) a:active,
.tab_guide li:nth-child(4) a:focus,
.tab_guide li:nth-child(4).current a {background:url('../img/ico_guide04_on.png') no-repeat 50% 26px #424a90;}
.tab_guide li:nth-child(5) a:hover,
.tab_guide li:nth-child(5) a:active,
.tab_guide li:nth-child(5) a:focus,
.tab_guide li:nth-child(5).current a {background:url('../img/ico_guide05_on.png') no-repeat 50% 24px #424a90;}

.guide_wrap p {text-align:center; margin-top:60px;}
.guide_wrap .img {margin:20px 0 0 0;}
.guide-content {display:none; clear:both;}
.guide-content.current {display:inherit;}
.guide_wrap .guide-content a:link {text-decoration:underline;}
.guide_mobile {margin:24px 0 0 0; padding:30px; background:url('../img/img_guidem01.png') no-repeat 90% 50% #ecedf6; text-align:center;}
.guide_mobile strong {color:#454cad; font-size:18px;}


/* 학습지원 S/W */
.download_wrap {}
.download_wrap li {width:calc(50% - 20px); float:left; margin-left:40px; margin-top:40px;}
.download_wrap li:nth-child(odd) {margin-left:0; clear:both;}
.download_wrap li:nth-child(1),
.download_wrap li:nth-child(2) {margin-top:0;}
.download_wrap li:hover a,
.download_wrap li:active a {border:1px solid #454cad; box-shadow:6px 6px 8px 0 rgba(0, 0, 0, 0.1);}
.download_wrap li h4 {margin-bottom:20px; font-size:150%; line-height:1.2em;}
.download_wrap li a:hover h4,
.download_wrap li a:active h4 {color:#1f1f1f;}
.download_wrap a {border:1px solid #d9d9d9; padding:130px 30px 30px 30px; display:block; word-break: keep-all; text-align:center;}
.download_wrap li span {margin:20px auto 0 auto; display:block; background:#454cad; color:#fff; font-size:14px; width:120px; height:35px; line-height:35px;}
.download_wrap li:nth-child(1) a {background:url('../img/ico_down01.gif') no-repeat center 40px;}
.download_wrap li:nth-child(2) a {background:url('../img/ico_down02.gif') no-repeat center 40px;}
.download_wrap li:nth-child(3) a {background:url('../img/ico_down03.gif') no-repeat center 40px;}
.download_wrap li:nth-child(4) a {background:url('../img/ico_down04.gif') no-repeat center 40px;}
.download_wrap li:nth-child(5) a {background:url('../img/ico_down03.gif') no-repeat center 40px;}
.download_wrap li p {height:4em; vertical-align:middle; display:table-cell; text-align:center; padding:0 30px; text-align:center; width:405px; box-sizing:border-box;}


/* 약관 */
.agree_wrap {font-size:14px; color:#444; word-break: keep-all;}
.agree_wrap h4 {font-size:150%; margin:60px 0 30px 0; font-weight:500;}
.agree_wrap h5 {font-size:120%; margin:40px 0 10px 0; font-weight:500;}
.ol_1th {padding-left:24px;}
.ol_1th li {margin-top:6px; word-break: keep-all;}
.ol_1th li:first-child {margin:0px;}
.ol_1th .f_letter {margin:0 3px 0 -24px;}

.ol_2th {padding-left:18px;}
.ol_2th li {margin-top:6px; word-break: keep-all;}
.ol_2th li:first-child {margin:0px;}
.ol_2th .f_letter {margin:0 3px 0 -18px;}

.ul_3th {padding-left:11px;}
.ul_3th li {margin-top:0px; word-break: keep-all;}
.ul_3th li:first-child {margin:0px;}
.ul_3th .f_letter {margin:0 3px 0 -11px;}


/* 학습실 */
.classroom {width:1200px; margin:0 auto;}
.classroom:after {content:""; display:block; clear:both;}
.classroom #header {float:left; width:180px; margin-right:30px;}
.classroom #container {float:left; width:990px;}
.classroom #contents {min-height:645px;}
.classroom #nav {border:0;}
.classroom h1 {height:62px; margin-top:18px; box-sizing:border-box;}
.classroom h1 a {display: block; overflow: hidden; text-indent: -999px; background: url(../img/logo.png) no-repeat left 50%;  width: 152px; height: 43px; font-size: 0;}
.classroom #gnb {float:none;}
.classroom #gnb li {margin-top:1px; float:none; width:180px;}
.classroom #gnb li:first-child {margin-top:0px;}
.classroom #gnb li a {display:block; color:#33396d; line-height:60px; height:60px; font-size:20px; padding-left:65px;}
.classroom #gnb li:first-child a {background:url('../img/classroom_nav01.png') no-repeat 20px 50% #ecedf6;}
.classroom #gnb li:nth-child(2) a {background:url('../img/classroom_nav02.png') no-repeat 20px 50% #ecedf6;}
.classroom #gnb li:last-child a {background:url('../img/classroom_nav03.png') no-repeat 20px 50% #ecedf6;}
.classroom #gnb > li a:hover,
.classroom #gnb > li a.active,
.classroom #gnb > li a:focus,
.classroom #gnb > li.on a  {color:#fff;}
.classroom #gnb li:first-child a:hover,
.classroom #gnb li:first-child a:active,
.classroom #gnb li:first-child a:focus,
.classroom #gnb li:first-child.on a {background:url('../img/classroom_nav01_on.png') no-repeat 20px 50% #424a90;}
.classroom #gnb li:nth-child(2) a:hover,
.classroom #gnb li:nth-child(2) a:active,
.classroom #gnb li:nth-child(2) a:focus,
.classroom #gnb li:nth-child(2).on a {background:url('../img/classroom_nav02_on.png') no-repeat 20px 50% #424a90;}
.classroom #gnb li:last-child a:hover,
.classroom #gnb li:last-child a:active,
.classroom #gnb li:last-child a:focus,
.classroom #gnb li:last-child.on a {background:url('../img/classroom_nav03_on.png') no-repeat 20px 50% #424a90;}
.classroom #gnb > li:hover:after,
.classroom #gnb > li.active:after,
.classroom #gnb > li:focus:after  {border:none;}
.classroom .head_wrap { box-sizing:border-box; height:80px; position:relative;}
.classroom h2 {font-size:130%; font-weight:500; vertical-align:bottom; width:930px; height:3.15em; line-height:1.25; display:table-cell;}
.classroom .btn_close {position:absolute; right:0; top:27px; display: block; overflow: hidden; text-indent: -999px; background: url('../img/classroom_btn_close.png') no-repeat left 50%;  width:41px; height:42px; font-size: 0;}
.classroom #contents {width:990px; margin-top:0;}
.classroom .category {margin-right:10px; position:relative; bottom:2px;}
.classroom .util_link {margin-top:20px; border-top:1px solid #d9d9d9;}
.classroom .util_link li {border-bottom:1px solid #d9d9d9; color:#4d4d4d; padding:16px;}
.classroom .util_link li a {display:block; font-size:16px; }
.classroom .util_link .customer {background:url('../img/main/main_customer.png') no-repeat 134px 88px #fbfbfb; background-size:36px; font-size:13px; line-height:1.2;}
.classroom .util_link .customer dt {font-size:16px; margin-bottom:2px;}
.classroom .util_link .customer strong {display:block; font-size:18px; font-weight:700; color:#6d73c6; margin-bottom:3px;}

.classroom .contents_head {border:10px solid #d0d3e9; margin-bottom:50px; padding:30px; display:flex; align-items:center;}
.classroom .contents_head:after {content:""; display:block; clear:both;}
.classroom .contents_period {float:left; width:560px; position:relative; display:flex; align-items:center;}
.classroom .contents_period:after {content:""; display:block; clear:both;}
.classroom .contents_period:before {content:''; display:block; position:absolute; right:0; top:50%; margin-top:-80px; width:1px; height:160px; background:#d9d9d9;}
.classroom .contents_period img {float:left; width:230px; margin-right:30px;}
.classroom .contents_period dl {float:left; width:275px;}
.classroom .contents_period dl:after {content:""; display:block; clear:both;}
.classroom .contents_period dt {float:left; width:32%; line-height:30px; font-weight:500; background:url('../img/ico_list.gif') no-repeat left 50%; padding-left:10px; box-sizing:border-box;} 
.classroom .contents_period dd {float:left; width:68%; line-height:30px;}
.classroom .contents_progress {float:left; width:300px; margin-left:40px;}
.classroom .contents_progress dt {font-size:20px; font-weight:500;}
.classroom .contents_progress dd {font-size:14px; display:inline-block; width:70%;}
.classroom .contents_progress dd:last-child {text-align:right; width:28%;}
.classroom .contents_progress dd strong {font-size:30px; color:#ef4b49; font-weight:700;}
.classroom .contents_progress .graph_wrap {background:#efefef; height:25px; margin:8px 0 16px 0;}
.classroom .contents_progress .graph {background:#ef4b49; height:25px;}
.classroom .contents_progress a.btn_ok {display:inline-block; width:144px;}
.classroom .contents_progress a.btn_cancel {display:inline-block; margin-left:8px; width:144px;}

.classroom .title {border-bottom:0; padding-bottom:0; margin-bottom:16px;}
.classroom .title h3,
.classroom .title h4 {font-size:130%; font-weight:500; color:#000;}
a.btn_study_completed {background:url('../img/classroom_btn_study03.png') no-repeat left 50%; padding-left:26px; width:4em; display:inline-block; color:#888;}
a.btn_studying {background:url('../img/classroom_btn_study02.png') no-repeat left 50%; padding-left:26px; width:4em; display:inline-block; color:#454cad; font-weight:500;}
a.btn_to_study {background:url('../img/classroom_btn_study01.png') no-repeat left 50%; padding-left:26px; width:4em; display:inline-block;}

.classroom_main_survey {border:10px solid #d6d6d6; margin-top:40px; background:url('../img/classroom_img_survey.png') no-repeat 70px bottom #efefef; padding-left:250px; height:128px;}
.classroom_main_surveyIn {background:#fff; position:relative; height:128px; line-height:128px; text-align:center; font-size:110%; padding-right:180px;}
a.btn_main_survey {position:absolute; right:40px; top:50%; margin-top:-21px; display:block; background:#666; color:#fff; width:140px; height:42px; line-height:42px;}
a.btn_main_survey:hover,
a.btn_main_survey:active {background:#555;}
.main_survey_complete {position:absolute; right:40px; top:50%; margin-top:-21px; display:block; background:#cacaca; color:#fff; width:140px; height:42px; line-height:42px; display:block;}

.classroom .contents_sub_head_wrap {border:10px solid #d0d3e9; margin-bottom:50px; height:162px; text-align:center;}
.classroom .contents_sub_head {border:1px solid #fff; position:relative; height:160px; box-sizing:border-box; padding:67px 0 0 220px;}
.classroom .contents_sub_head h3 {font-size:180%; font-weight:500; color:#666;}
.classroom .contents_sub_head:after {position:absolute; left:1px; top:1px; width:220px; height:158px; display:block; content:'';}
.classroom .contents_sub_head.survey {padding:52px 0 0 220px;}
.classroom .contents_sub_head.survey  h3 {margin-bottom:14px;}
.classroom .contents_sub_head.survey:after {background:url('../img/classroom_img_survey02.png') no-repeat 50% 50% #ecedf6;}
.classroom .contents_sub_head.reference:after {background:url('../img/classroom_img_reference.png') no-repeat 50% 50% #ecedf6;}
.classroom .contents_sub_head.setting:after {background:url('../img/classroom_img_setting.png') no-repeat 50% 50% #ecedf6;}
.classroom .contents_sub_head.remote_control:after {background:url('../img/classroom_img_remote.png') no-repeat 50% 50% #ecedf6;}
.remote_control_wrap {padding-left:51px;}
.classroom .btn_wrap {margin-top:40px; text-align:center;}
.classroom .btn_wrap a {display:inline-block; width:160px; margin:0 3px;}
.classroom .conts {height:10em; vertical-align:top; padding:20px; line-height:1.5;}
.classroom .survey_conts p {margin-left:22px; line-height:1.6;}
.classroom .survey_conts input[type=radio].css-radio + label {margin:8px 0px; padding-left:24px !important;}
.classroom .survey_conts textarea {width:100%; height:14em; margin-left:22px; }


/* 팝업 */
.popClose:after {content:""; display:block; clear:both;}
.popClose {background:#303030; color:#fff; padding:10px; height:38px; box-sizing:border-box;}
.popClose input[type=checkbox].css-checkbox + label {background: url(../img/main/bg_checkbox.png) no-repeat 0 0; background-size:16px; height:16px; line-height:16px !important; padding-left:26px !important;}
.popClose input[type=checkbox].css-checkbox:checked + label {background-size:16px; height:16px; background-position:0 -16px;}
.popClose input[type=checkbox].css-checkbox:focus + label {text-decoration:none;}
.popClose a {color:#fff; float:right; font-size:15px; padding:0 6px;}


/* 문제해결 */
.problem_setting h4.tit img {margin-left:10px;;}
.problem_setting .tabs {width:100%; margin-bottom:30px;}
.problem_setting .tabs li {width:33.3333%;}
.problem_setting p {text-align:center; margin-top:60px;}
.problem_setting .img {margin:20px 0;}