@charset 'utf-8';

.mom{display:none !important;}
.mbr{display:none;}
.tbm{display:none;}

a{cursor:pointer;}

/* checkbox & radio */
input[type="checkbox"]{height:14px;width:14px;margin:0;}
.ez-hide{opacity:0;filter:alpha(opacity=0);}
.ez-checkbox, .ez-checked, .ez-radio, .ez-selected{display:inline-block;}
.ez-checkbox{background:#fff;border:1px solid #000;}
.ez-checked{position: relative;background:#000;border:1px solid #000;}
.ez-checked:before{content:"v";display:block;color:#fff;position: absolute;left:1px;top:0;font-size:11px;font-weight:300;width:11px;height:14px;line-height:14px;text-align:center;vertical-align:middle;}
*:first-child+html .ez-checkbox, *:first-child+html .ez-checked,
*:first-child+html .ez-radio, *:first-child+html .ez-selected{display:inline;}
/*
input[type="radio"]{height:20px;width:20px;}
.ez-radio{
	background:transparent url('../img/radio_off.png') 0 0 no-repeat;
	background-size:auto 20px;
}
.ez-selected{
	background:transparent url('../img/radio_on.png') 0 0 no-repeat;
	background-size:auto 20px;
}
*/

/* component */
.btns-wrap.center{font-size:0;text-align:center;}
.btn-base{display:inline-block;padding:20px 60px;font-size:16px;color:#fff;text-align:center;background:#191919;}
.btn-base.bg2{background:#3e51b4;}
.btn-base.bg3{background:#ffcc00;color:#131313;}
.btn-base.tp2{padding:12px 36px;font-size:15px;color:#000;background:#fff;border:1px solid #000;}
.btn-base.tp3{padding:12px 36px;font-size:15px;color:#fff;background:none;border:1px solid #fff;}
.btn-base.tp4{padding:12px 36px;font-size:15px;color:#fff;background:#000;border:1px solid #000;}
.btn-base.tp5{padding:9px 35px 8px;font-size:13px;color:#000;border:1px solid #000;background:none;position: relative;}
.btn-base.tp5.icon-print {padding: 9px 20px 8px;}
.btn-base.tp5.icon-print:after{content: '';display: inline-block;width: 14px;height: 14px;background: url(../images/myclass/icon-print.png) 0 0 no-repeat;vertical-align: middle;margin-left: 20px;}
.btn-base.tp6{padding:12px 36px;font-size:15px;color:#3366cc;background:#fff;border:1px solid #3e51b4;}
.btn-base.big{padding:18px 90px 17px;font-size:16px;}
.btn-base.btn_temp_save{font-size:13px;padding:10px 15px;margin-top:10px;margin-left:140px;}
.btns-wrap .btn-base{margin-left:4px;}
.btns-wrap .btn-base:first-child{margin-left:0;}

.btn-wrap{text-align:center;}
.btn-wrap.right{text-align:right;}
.btn-wrap.left{text-align:left;}
.btn-more{display:inline-block;font-size:12px;color:#000;border:1px solid #000;padding:10px 65px;}
.btn-st1, .btn-st2{display:inline-block;font-size:12px;border:1px solid #000;padding:10px 0;width:120px;text-align:center;}
.btn-st1{color:#000;}
.btn-st2{background:#000;color:#fff;}
.m-btn-wrap{text-align:center;display:none;}
.m-btn-more{display:inline-block;padding:10px 65px;font-size:12px;color:#000;border:1px solid #000;}

/* ���됲듃諛뺤뒪 I */
.select-box{position:relative;width:198px;height:40px;border:1px solid #000;display:inline-block;}
.select-box:after{position:absolute;right:13px;top:18px;content:"";display:block;width:12px;height:6px;background:url(../images/curriculum/sel_arrow.png) 0 0 no-repeat;}
.select-box span.value{display:block;margin-left:10px;height:40px;line-height:40px;font-size:15px;color:#010101;text-align:left;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.select-box select{position:absolute;left:0;top:0px;padding-left:5px;width:100%;height:40px;line-height:40px;font-size:15px;color:#010101;text-align:left;border:0;background:#fff;opacity:0;filter:alpha(opacity=0);}

/* ���됲듃諛뺤뒪 II */
/* select-title */
.w-select-base{font-family:sans-serif !important;} /* NotoSansKR 寃쎌슦 inline-block 怨듬갚�� 遺덇퇋移숉븿 */
.select-title.select-base{text-align:left;vertical-align:middle;padding:10px;display:inline-block;position:relative;cursor:pointer;background-color:#ccc;background:#ccc;box-sizing:border-box;}
.select-title.select-base:after{content:'';display:block;width:12px;height:6px;overflow:hidden;background:url(../images/common/combo-arrow.jpg) 0 0 no-repeat;position:absolute;top:16px;right:8px;}
.select-title.select-base strong{width:100%;font-size:12px;font-weight:normal;color:#fff;word-break:break-all;line-height:1.2em;padding:1px 0 2px;display:block;overflow:hidden;}
.select-title.select-base.focus{color: #000; border-color: #8699b9;}
.select-title.select-base.disabled{color:#999;text-shadow:1px 1px 0 #fff;border-color:#bbb;background-color:#eee;cursor:inherit;opacity:0.4;}
/* select-option */
.select-option.select-base {background:#ccc; overflow: auto;z-index: 10002!important;}
.select-option.select-base{box-sizing:border-box;}/* title's width = option's width */
.select-option.select-base ul {margin: 0; padding: 0;}
.select-option.select-base li {list-style: none;}
.select-option.select-base span,
.select-option.select-base strong {padding: 10px 10px 9px 10px;font-size:12px;color: #fff;  white-space: nowrap; text-overflow: ellipsis; line-height: 1.4; text-decoration: none;display: block; overflow: hidden; cursor: default;background-color: #ccc;}
.select-option.select-base strong {font-weight: bold; color: #fff; border-top: 1px solid #f5f5f5; border-bottom: 1px solid #ccc;}
.select-option.select-base li li span {padding-left: 10px;}
.select-option.select-base span:hover,
.select-option.select-base span.selected {color: #fff; background: #000;}
.select-option.select-base .disabled span,
.select-option.select-base .disabled strong {color: #bbb; text-decoration: line-through; background: none;}
/* ���됲듃諛뺤뒪 end */

.select-box.sm{background:#f0f1f3;width:128px;height:30px;border:1px solid #f0f1f3;}
.select-box.sm:after{right:8px;top:13px;}
.select-box.sm span.value{height:30px;line-height:30px;text-align:left;}
.select-box.sm select{height:30px;line-height:30px;}
.select-box.sm:after{background:url(../images/common/sel_arrow_grey.png) 0 0 no-repeat;}

.file-wrap{margin-top:10px;width:470px;height:32px;}
.file-wrap:after{content:"";display:block;clear:both;}
.file-wrap input#attachReport{float:right;padding:0 5px;width:340px; height:30px;border:0;text-overflow:ellipsis;white-space:nowrap; overflow:hidden;}
.file-wrap div.btn_file_wrap{position:relative;float:left;width:120px;height:32px;}
.file-wrap div.btn_file_wrap input{position:absolute;left:0;top:0;display:block;width:118px;height:30px; line-height:26px;background:#fff;font-size:13px;color:#000;text-align:center; border:1px solid #000;cursor:pointer;}
.file-wrap div.btn_file_wrap input[type="file"]{opacity:0;filter:alpha(opacity=0);}
.chk-base label, .chk-base input{vertical-align:middle;}
.chk-base label{font-size:13px;color:#000;}
.chk-base input{position:relative;top:1px;}

.file-wrap.tp-other div.btn_file_wrap input{border:1px solid #ccc;color:#ccc;}
.file-wrap.tp-other input#attachFile{color:#ccc;}
.file-wrap.tp-other .btn-base.tp5{border:1px solid #ccc;color:#ccc;}
.file-wrap.tp-other .btn_file_wrap.tp2:before{opacity:0.25;}
/*.chk-base input[type="checkbox"]{width:10px;height:10px;border:2px solid #000;-webkit-appearance:none;}*/

.input-wrap{position:relative;width:100%;}
.input-wrap:after{content:"";display:block;clear:both;}
.input-wrap>input,.input-wrap>.select-box, .input-wrap>span.est{box-sizing:border-box;float:left;margin-left:10px;display:block;line-height:32px;height:32px;}
.input-wrap>input:first-child,.input-wrap>.select-box:first-child, .input-wrap>span.est:first-child{margin-left:0;}
.input-base{box-sizing:border-box;width:100%;height:30px;background:#f0f1f3;border:0;text-indent:10px;}
.input-wrap .unit{position:absolute;right:10px;top:0;font-size:12px;}

.textarea-base{width:100%;height:160px;padding:10px;background:#f0f1f3;border:0;box-sizing:border-box;font-size:13px;line-height:1.4;}

.paging-wrap{margin-top:60px;font-size:0;text-align:center;}
.paging-wrap a{display:inline-block;margin:0 7px;font-size:12px;color:#000;line-height:17px;vertical-align:middle;}
.paging-wrap a.on{color:#3e51b4;font-weight:bold;}
.paging-wrap a.btn{height:17px;text-indent:-20000px;}
.paging-wrap a.btn.first{width:18px;background:url(../images/common/paging_first.png) 0 0 no-repeat;margin-right:13px;}
.paging-wrap a.btn.prev{width:10px;background:url(../images/common/paging_prev.png) 0 0 no-repeat;margin-right:45px;}
.paging-wrap a.btn.next{width:10px;background:url(../images/common/paging_next.png) 0 0 no-repeat;margin-left:45px;}
.paging-wrap a.btn.last{width:18px;background:url(../images/common/paging_last.png) 0 0 no-repeat;margin-left:13px;}

.tb-list-wrap{margin-top:25px;border-bottom:1px solid #ccc;}
.tb-list{width:100%;}
.tb-list th{border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
.tb-list th, .tb-list td{padding:14px 0;font-size:14px;color:#000;text-align:center;}
.tb-list td a{color:#000;}

.tb-list2{width:100%;}
.tb-list2 th{border-top:1px solid #ccc;font-size:11px;color:#999;background: #000;background:#f0f1f3;}
.tb-list2 th, .tb-list2 td{padding:14px 0;text-align:center;border-bottom:1px solid #ccc;border-right:1px solid #ccc;}
.tb-list2 th:first-child, .tb-list2 td:first-child{border-left:1px solid #ccc;}
.tb-list2 td.small{font-size:14px;}
.tb-list2 td{font-size:18px;color:#999;}
.tb-list2 tr.after td{color:#3e51b4;}
.tb-list2 td strong{font-weight:bold;}

.popup-dimm{position:fixed;left:0;top:0;width:100%;height:100%;background:#000;opacity:0.8;z-index:9;}
.popup-wrap{position:fixed;left:50%;top:50%;width:900px;margin-left:-450px;z-index:10;background:#f0f1f3;}
.popup-dimm, .popup-wrap{display:none;}
.popup-wrap .popup-cont{padding:50px 40px;max-height:500px;overflow-y:auto;}
.popup-wrap .title{font-size:30px;text-align:center;}
.popup-wrap .info{margin-top:25px;font-size:0;text-align:center;}
.popup-wrap .info li{position:relative;display:inline-block;margin-left:19px;padding-left:20px;font-size:14px;}
.popup-wrap .info li span{font-size:12px;margin-right:8px;}
.popup-wrap .info li:before{position:absolute;left:0;top:0;content:"";display:block;width:1px;height:16px;background:#000;}
.popup-wrap .info li:first-child{padding-left:0;margin-left:0;}
.popup-wrap .info li:first-child:before{display:none;}
.popup-wrap .btn-close{position:absolute;left:50%;top:-66px;margin-left:-22px;display:block;width:44px;height:44px;background:url(../images/common/popup_close.png) 0 0 no-repeat;}

/* scrollbar */
.ui-scrollbar .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;background-color:#fff;}
.ui-scrollbar .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.ui-scrollbar .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.ui-scrollbar .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color: #fff;}
.ui-scrollbar .mCSB_scrollTools .mCSB_draggerRail{width:6px;}

/* �щ젰 */
.cal-wrap{position:absolute;left:-78px;bottom:35px;padding:14px 25px;width:420px;font-family:Tahoma, Arial, Helvetica, '�뗭�', sans-serif;font-size:10px;background:#fff;border-radius:3px;-webkit-border-radius:3px;border-radius:3px;box-shadow:1px 2px 5px 0px rgba(179,170,179,.3);-webkit-box-shadow:1px 2px 5px 0px rgba(179,170,179,.3);z-index:2;display:none;}
.cal-wrap .ui-widget.ui-widget-content{border:0;}
.cal-wrap .ui-datepicker.ui-datepicker-multi{width:420px !important;}
.cal-wrap .ui-datepicker-multi-2 .ui-datepicker-group{margin-left:20px;width:170px;}
.cal-wrap .ui-datepicker-multi-2 .ui-datepicker-group.ui-datepicker-group-last{margin-right:20px;float:right;}
.cal-wrap .ui-datepicker .ui-datepicker-header{color:#d4d5d6;background:#fff;border:0;padding:0;}
.cal-wrap .ui-datepicker .ui-datepicker-title{margin:0;padding:3px 0;font-family:'NotoSansKR';font-size:12px;font-weight:bold;color:#383838;}
.cal-wrap .ui-datepicker th{border-bottom:1px solid #d7d7d7;display:none;}
.cal-wrap .ui-datepicker th span{font-size:11px;}
.cal-wrap .ui-datepicker .ui-datepicker-prev,
.cal-wrap .ui-datepicker .ui-datepicker-next{position:absolute;cursor:pointer;display:block;top:8px;width:6px;height:12px;border:0;}
.cal-wrap .ui-datepicker .ui-datepicker-prev{left:20px;background:url(../images/common/cal_prev.png) no-repeat !important}
.cal-wrap .ui-datepicker .ui-datepicker-prev span{display:none !important}
.cal-wrap .ui-datepicker .ui-datepicker-next{right:20px;background:url(../images/common/cal_next.png) no-repeat !important}
.cal-wrap .ui-datepicker .ui-datepicker-prev span,
.cal-wrap .ui-datepicker .ui-datepicker-next span {margin-top:-4px;top:40%;}
.cal-wrap .ui-datepicker .ui-datepicker-calendar td{padding:0;margin:0;text-align:center;font-size:10px;}
.cal-wrap .ui-datepicker .ui-datepicker-calendar .ui-state-default{border:0;width:20px;height:20px;line-height:20px;text-align:center;color:#000;background: #ffffff;}
.cal-wrap .ui-datepicker .ui-datepicker-calendar .ui-datepicker-week-end:first-child .ui-state-default{color:#ff0000;}
.cal-wrap .ui-datepicker .ui-datepicker-calendar .ui-state-active{background: #fff0b2 !important;color: #000 !important;font-weight: 600;border-radius: 50%;}
/*
.cal-wrap .ui-datepicker .ui-datepicker-calendar td a.ui-state-active,
.cal-wrap .ui-datepicker .ui-datepicker-calendar a.ui-state-active.ui-state-hover {
    color: #fff !important;
    background: #d33e13;
    border-radius:50%;-webkit-border-radius:50%;
}
*/
.cal-wrap .dp-highlight .ui-state-default{background:#fff0b2 !important;color:#000 !important;font-weight:600;border-radius:50%;}
.cal-wrap .dp-highlight.pd-between {background: #fff0b2;}
.cal-wrap .dp-highlight.dp-first {
	position: relative;
	background:#fff0b2;
  border-radius:50% 0 0 50%;
  overflow:hidden;
}
.cal-wrap .dp-highlight.dp-first a{background:#ffcc00 !important;color:#000 !important;}
.cal-wrap .dp-highlight.dp-end {
  position: relative;
	background:#fff0b2;
  border-radius:0 50% 50% 0;
}
.cal-wrap .dp-highlight.dp-end .ui-state-default{position: absolute;left:0;top:0;font-weight:600;display:block;width:20px;height:20px;line-height:20px;background: #ffcc00 !important;border-radius:50%;-webkit-border-radius:50%;color:#000 !important;}
.cal-wrap .chk-date{display:none;}
.cal-wrap .sinfo{margin-bottom:10px;font-family:'NotoSansKR';font-size:12px;color:#666;text-align:left;}
.cal-wrap .btn-wrap{margin-top:10px;}
.cal-wrap .btn-base.tp4{padding:8px 35px;font-family:'NotoSansKR';font-size:12px;}

/* layout */
#wrapper{min-width:1280px;}
#header{position:relative;height:100%;z-index:2;border-bottom:1px solid #000;}
#header .main_banner{display:block;}
#header .main_banner_mobile{display:none;}
#header .inner{position:relative;padding-top:25px;margin:0 auto;width:1200px;height:109px;}
#header h1 a{display:block;width:163px;height:33px;background:url(../images/common/logo.png) 0 0 no-repeat;font-size:0;text-indent:-20000px;}
#header .btn-menu{position:absolute;left:15px;top:25px;display:none;width:22px;height:15px;background:url(../images/common/m_btn_menu.png) 0 0 no-repeat;background-size:auto 15px;text-indent:-20000px;font-size:0;}
#header .btn-menu.on{top:24px;width:16px;height:16px;background:url(../images/common/m_btn_close.png) 0 0 no-repeat;background-size:auto 16px;}
#header .btn-login{position:absolute;right:15px;top:25px;display:none;width:15px;height:14px;background:url(../images/common/m_mypage.png) 0 0 no-repeat;background-size:auto 14px;text-indent:-20000px;font-size:0;}
#header .old_contep_move{position: absolute;top: -55px;right: 0px;font-size: .75rem;color: black;}
.gnb-wrap{position: absolute;left:0;top:100px;}
#gnb>li{position:relative;float:left;margin-left:40px;}
#gnb li a.gnb_signup {font-weight: bold;color: #3e51b4;}
#gnb>li:first-child{margin-left:0;}
#gnb>li.active>a{border-bottom:4px solid #ffcc00;}
#gnb span.num{left: 130px;top: -20px;position: absolute;background: #fec002;color: #fff;font-size: 11px;font-weight: 600;padding: 4px 5px;border-radius: 50%;}
/*#gnb>li.active ul{display:block !important;}*/
#gnb li a{display:block;padding-bottom:15px;font-size:15px;color:#000;}
#gnb li a.free-class{padding-right:22px;background:url(../images/common/new_tab.png) right 0 no-repeat;}
/*#gnb li:nth-child(7) a{color:#3e51b4;}*/
#gnb ul{position:absolute;left:-20px;top:34px;border:1px solid #000;display:none;}
#gnb ul li{border-top:1px solid #000;}
#gnb ul li:first-child{border-top:0;}
#gnb ul li a{display:block;width:138px;padding:15px 0;text-align:center;background:#fff;transition:background .3s;}
#gnb ul li a:hover{background:#000;color:#fff;}

#util{position:absolute;right:0;top:93px;}
#util li{float:left;margin-left:30px;}
#util li:first-child{margin-left:0;}
#util li a{display:block;padding:7px;color:#000;font-size:12px;}
#util li a.on{background:#3e51b4;color:#fff;font-weight:900;}

#util2{position:absolute;right:0;top:93px;}
#util2 li{float:left;margin-left:30px;}
#util2 li:first-child{margin-left:0;}
#util2 li a{display:block;padding:7px;color:#000;font-size:12px;}
#util2 li a.on{background:#3e51b4;color:#fff;font-weight:900;}

#footer{background:#f0f1f3;border-top:1px solid #000;position: relative;z-index:1;}
#footer .foot-top{width:100%;border-bottom:1px solid #000;background:#fff;}
#footer .foot-sec{margin:0 auto;width:1200px;}
#footer .foot-sec.bottom{position:relative; padding:35px 0 50px;}
#footer .foot-sec:after{content:"";display:block;clear:both;}
#footer .inner{width:950px;float:right;}
#footer .foot-menu{padding:40px 0;width:100%;}
#footer .foot-menu:after{content:"";display:block;clear:both;}
#footer .foot-menu li{float:left;margin-left:120px;}
#footer .foot-menu li:first-child{margin-left:0;}
#footer .foot-menu li a{display:inline-block;padding:3px;font-size:16px;color:#000;}
#footer .foot-menu li.on a{background:#ffcc00;}

#footer .foot-sec .cs_kakao_pc {position: absolute; top:48px; right:0;}
#footer .foot-sec .cs_kakao_pc img {width: 53px;}
#footer .foot-sec .cs_kakao_pc span, #footer .foot-sec .cs_kakao_pc a {vertical-align: middle;}
#footer .foot-sec .cs_kakao_pc span {}
#footer .foot-sec .cs_kakao_pc a {display: inline-block; margin-left:20px;}

#footer address{font-size:10px;color:#666;line-height:18px;}
#footer address a{color:#000;}
#footer .old_contep_move2 {display:none;}
.foot-copy{position:relative;margin-top:25px;padding-top:25px;border-top:1px solid #ccc;}
.foot-copy .copy-list{width:510px;}
.foot-copy .copy-list:after{content:"";display:block;clear:both;}
.foot-copy .copy-list li{position:relative;float:left;margin-left:25px;font-size:10px;color:#666;}
.foot-copy .copy-list li:first-child{margin-left:0;}
.foot-copy .copy-list li a{font-size:10px;color:#666;display:inline-block;}
.foot-copy .copy-list li.pc{top:-4px;display:none;margin-left:0;}
.foot-copy .copy-list li.pc a{color:#3e51b4;border:1px solid #3e51b4;padding:3px 5px;}
.foot-copy .copy-list li.mobile{top:-4px;}
.foot-copy .copy-list li.mobile a{color:#3e51b4;border:1px solid #3e51b4;padding:3px 5px;}
.foot-copy .sns-list{position:absolute;right:0;top:20px;width:200px;}
.foot-copy .sns-list:after{content:"";display:block;clear:both;}
.foot-copy .sns-list li{float:left;margin-left:20px;}
.foot-copy .sns-list li:first-child{margin-left:0;}
.foot-copy .sns-list li a{display:block;width:24px;height:24px;transition:background .3s;}
.foot-copy .sns-list li.li1 a{background:url(../images/common/icon_youtube@2x.png) 0 0 no-repeat;background-size:auto 24px;}
.foot-copy .sns-list li.li2 a{background:url(../images/common/icon_facebook@2x.png) 0 0 no-repeat;background-size:auto 24px;}
.foot-copy .sns-list li.li3 a{background:url(../images/common/icon_insta@2x.png) 0 0 no-repeat;background-size:auto 24px;}
.foot-copy .sns-list li.li4 a{background:url(../images/common/icon_navertv@2x.png) 0 0 no-repeat;background-size:auto 24px;}
.foot-copy .sns-list li.li5 a{background:url(../images/common/icon_post@2x.png) 0 0 no-repeat;background-size:auto 24px;}
.foot-copy .sns-list li.li1 a:hover{background:url(../images/common/icon_youtube_active@2x.png) 0 0 no-repeat;background-size:auto 24px;}
.foot-copy .sns-list li.li2 a:hover{background:url(../images/common/icon_facebook_active@2x.png) 0 0 no-repeat;background-size:auto 24px;}
.foot-copy .sns-list li.li3 a:hover{background:url(../images/common/icon_insta_active@2x.png) 0 0 no-repeat;background-size:auto 24px;}
.foot-copy .sns-list li.li4 a:hover{background:url(../images/common/icon_navertv_active@2x.png) 0 0 no-repeat;background-size:auto 24px;}
.foot-copy .sns-list li.li5 a:hover{background:url(../images/common/icon_post_active@2x.png) 0 0 no-repeat;background-size:auto 24px;}
.foot-copy .sns-list li a img{display:none;}

#container{position:relative;z-index:1;}
.signup-wrap{position: fixed;left:50%;top:50%;margin-left:-315px;margin-top:-201px;z-index:10;display:none;}
.signup-wrap .btn-close{display:block;width:44px;height:44px;background:url(../images/common/popup_close.png) 0 0 no-repeat;margin:0 auto;}
.signup-wrap ul{margin-top:30px;}
.signup-wrap li{margin-top:14px;}
.signup-wrap li:first-child{margin-top:0;}
.signup-wrap li a{position:relative;display:block;padding:36px 0;width:626px;border:2px solid #ffcc00;background:#fff;font-size:24px;color:#000;text-align:center;}
.signup-wrap li.naver a:before, .signup-wrap li.facebook a:before,
.signup-wrap li.kakao a:before{position:absolute;left:33px;display:block;width:40px;}
.signup-wrap li.naver a:before{top:30px;content:"";height:36px;background:url(../images/common/icon_naver.png) 0 0 no-repeat;}
.signup-wrap li.facebook a:before{top:27px;content:"";height:43px;background:url(../images/common/icon_fb.png) 0 0 no-repeat;}
.signup-wrap li.kakao a:before{top:30px;content:"";height:36px;background:url(../images/common/icon_kakao.png) 0 0 no-repeat;}
.signup-wrap li.joinus a{background:#ffcc00;}

/* �뚯썝媛��� & 濡쒓렇�� */
.login-wrap{position: fixed;left:50%;top:50%;margin-left:-315px;margin-top:-201px;z-index:10;display:none;}
.login-wrap .btn-close{display:block;width:44px;height:44px;background:url(../images/common/popup_close.png) 0 0 no-repeat;margin:0 auto;}
.login-wrap ul{margin-top:30px;}
.login-wrap li{margin-top:14px;}
.login-wrap li:first-child{margin-top:0;}
.login-wrap li a{position:relative;display:block;padding:36px 0;width:626px;border:2px solid #ffcc00;background:#fff;font-size:24px;color:#000;text-align:center;}
.login-wrap li.naver a:before, .login-wrap li.facebook a:before,
.login-wrap li.kakao a:before{position:absolute;left:33px;display:block;width:40px;}
.login-wrap li.naver a:before{top:30px;content:"";height:36px;background:url(../images/common/icon_naver.png) 0 0 no-repeat;}
.login-wrap li.facebook a:before{top:27px;content:"";height:43px;background:url(../images/common/icon_fb.png) 0 0 no-repeat;}
.login-wrap li.kakao a:before{top:30px;content:"";height:36px;background:url(../images/common/icon_kakao.png) 0 0 no-repeat;}
.login-wrap li.loginus a{background:#ffcc00;}
.signup-basic-info.joinus{padding-bottom:190px;}
.signup-basic-info.joinus .btn-wrap{margin-top:80px;}

/* 濡쒓렇�� - 紐⑤컮�� 踰꾩쟾 */
.m-login-wrap{background: #ffcc00;height:100%;box-sizing:border-box;padding:0 30px;max-width:750px;margin:0 auto;}
.m-login-wrap h1{padding:20% 0;margin:0 auto;width:222px;}
.m-login-wrap li{margin-top:7px;}
.m-login-wrap li:first-child{margin-top:0;}
.m-login-wrap li a{position:relative;display:block;padding:20px 0;width:100%;background:#fff;font-size:12px;color:#000;text-align:center;border:1px solid #ffcc00;}
.m-login-wrap li.naver a:before, .m-login-wrap li.facebook a:before,
.m-login-wrap li.kakao a:before{position:absolute;left:17px;display:block;width:20px;}
.m-login-wrap li.naver a:before{top:17px;content:"";height:18px;background:url(../images/common/icon_naver.png) 0 0 no-repeat;background-size:20px auto;}
.m-login-wrap li.facebook a:before{top:15px;content:"";height:22px;background:url(../images/common/icon_fb.png) 0 0 no-repeat;background-size:20px auto;}
.m-login-wrap li.kakao a:before{top:17px;content:"";height:18px;background:url(../images/common/icon_kakao.png) 0 0 no-repeat;background-size:20px auto;}
.m-login-wrap li.joinus{margin-top:16px;}
.m-login-wrap li.joinus a{padding:0;border:0;background:none;}
.m-login-wrap .copy{margin-top:20%;width:100%;text-align:center;font-size:12px;color:#000;}
.m-login-wrap.tp2{background:#fff;}

/* �섏쓽 媛뺤쓽�� ======================================================================================================================= */
#wrapper.myclass, #wrapper.myclass #container{height:100%;}
#left-menu{position: absolute;left:0;top:0;width:230px;height:100%;background:#000;z-index:1;}
#left-menu .left-inner{position: relative;height:100%;background: #000;}
#left-menu h1 a{display:block;padding:15px 25px 15px 63px;height:32px;line-height:32px;font-size:19px;color:#ccc;}
#left-menu h1 a:before{content:"";display:block;width:27px;height:32px;background:url(../images/myclass/logo.jpg) 0 0 no-repeat;position: absolute;left:25px;top:15px;}
#left-menu .menu-list{padding:10px 0;border-top:1px solid #191919;border-bottom:1px solid #191919;}
#left-menu .menu-list>li>a{font-size:13px;color:#999;display:block;padding:13px 25px;transition:background .3s, color .3s;}
#left-menu .menu-list>li>a:hover, .menu-list>li>a.on{background:#191919;color:#fff !important;}
#left-menu .myclass-menu>li>a{display:block;padding:5px 25px;font-size:11px;color:#666;transition:background .3s, color .3s;}
#left-menu .myclass-menu>li>a.on{background: #191919;color:#fff;}
#left-menu .myclass-menu>li.active>a{background: #191919;color:#fff;}
#left-menu .myclass-menu>li.active>.myclass-sub{left:230px;}
#left-menu .myclass-sub{position: absolute;left:0;top:0;width:160px;height:100%;background: #191919;z-index:-1;}
#left-menu .myclass-sub ul{padding-top:155px;}
#left-menu .myclass-sub li{margin-top:10px;}
#left-menu .myclass-sub li:first-child{margin-top:0;}
#left-menu .myclass-sub li a{display:block;padding:0 20px;font-size:11px;color:#666;line-height:1.2;}
#left-menu .myclass-sub li a:hover{color:#fff;}
#left-menu .util-list li{margin-top:15px;}
#left-menu .util-list a{display:block;padding:0 25px;font-size:11px;color:#666;}
#left-menu .util-list li.home a{color:#ffcc00;}
#left-menu .mcs-list {display: block;}
.myclass-content-sec{position: relative;margin-left:230px;width:1050px;min-height:100%;}
.myclass-cont-wrap{padding:85px 105px;}
.myclass-top{width:100%;padding-bottom:55px;border-bottom:1px solid #000;}
.myclass-top:after{content:"";display:block;clear:both;}
.myclass-top .mcl-l{width:380px;float:left;}
.myclass-top .mcl-r{position: relative;width:440px;height:260px;float:right;}
.myclass-top .member{font-size:30px;}
.myclass-top .mem-id{margin-top:20px;font-size:14px;}
.myclass-top .teacher{position:relative;padding-left:100px;margin-top:110px;}
.myclass-top .teacher-pic{width:80px;height:80px;position:absolute;left:0;top:0;}
.myclass-top .teacher-pic img{width:80px;height:80px;border-radius:40px;}
.myclass-top .teacher-info .inf1{font-size:14px;padding-top:5px;}
.myclass-top .teacher-info .inf2{font-size:14px;padding-top:5px;}
.myclass-top .teacher-info .btn{display:inline-block;margin-top:14px;padding:6px 10px;font-size:12px;color:#010101;border:1px solid #000;}
.myclass-top .mcl-r .sinf{font-size:11px;margin-top:12px;}
.myclass-top .mcl-r .result{width:100%;}
.myclass-top .mcl-r .result.before{position:absolute;bottom:110px;}
.myclass-top .mcl-r .result li{float:left;font-size:14px;margin-left:17px;}
.myclass-top .mcl-r .result li:first-child{margin-left:0;}
.myclass-top .mcl-r .result li:first-child strong{display:inline-block;width:62px;}
.myclass-top .mcl-r .result li strong{font-weight:bold;margin-right:5px;}
.myclass-top .mcl-r .result.test{margin-bottom:35px;}
.myclass-top .mcl-r .score{position: absolute;left:0;bottom:80px;}
.myclass-top .mcl-r .score li{margin-top:25px;font-size:14px;position: relative;padding-left:72px}
.myclass-top .mcl-r .score li:first-child{margin-top:0;}
.myclass-top .mcl-r .score li .tit{position: absolute;left:0;top:0;font-weight:bold;}
.myclass-top .mcl-r .score li .tit.goal{top:4px;}
.myclass-top .mcl-r .score li .sco_cur{color:black;margin-right:10px;}
.myclass-top .mcl-r .score li .sco_cur em{font-size:20px;font-weight:bold;}
.myclass-top .mcl-r .score li .sco{color:#3e51b4;margin-right:10px;}
.myclass-top .mcl-r .score li .sco em{font-size:20px;font-weight:bold;}
.myclass-top .mcl-r .btn-base{width:200px;padding-left:0;padding-right:0;text-align:center;}
.myclass-top .mcl-r .btn-base.tp2{position: absolute;left:0;bottom:0;}

.myclass-notice {padding-top:12px;}
.myclass-notice a{font-size: 14px; color:#2b2b2b;letter-spacing: 0.8px;}
.myclass-notice a span {font-weight: bold; color:#ff2626;}

.myclass-taken{padding:65px 0;}
.myclass-taken .tit{font-size:30px;color:#000;}
.myclass-taken .tb-taken{width:100%;margin-top:25px;}
.myclass-taken .tb-taken th{padding:13px 0;font-size:12px;color:#000;text-align:center;font-weight:normal;}
.myclass-taken .tb-taken tr:first-child .taken-detail{margin-top:0;}
.myclass-taken .tb-taken .taken-detail{border:1px solid #ccc;margin-top:6px;}
.myclass-taken .tb-taken .taken-detail table{width:100%;}
.myclass-taken .tb-taken .taken-detail>table>tbody>tr>td{padding:30px 0;vertical-align:middle;text-align:center;}
.myclass-taken .tb-taken td .btn{display:inline-block;padding:6px;border:1px solid #000;font-size:12px;color:#000;min-width:70px;text-align:center;margin-top:6px;}
.myclass-taken .tb-taken td .btn.on{background: #000;color:#fff;}
.myclass-taken .tb-taken td .btn:first-child{margin-top:0;}
.myclass-taken .tb-taken td .type{display:inline-block;width:150px;padding:16px 0;border-radius:30px;font-size:16px;color:#fff;}
.myclass-taken .tb-taken td .type.st1{background:#07c37e;}
.myclass-taken .tb-taken td .type.st2{background:#0e87e0;}
.myclass-taken .tb-taken td .type.st3{background:#543def;}
.myclass-taken .tb-taken td .type.st4{background:#2fb4f0;}
.myclass-taken .tb-taken td .type.st5{background:#ff651b;}
.myclass-taken .tb-taken td .type.st6{background:#ba28eb;}
.myclass-taken .tb-taken td .type.st7{background:#927060;}
.myclass-taken .tb-taken td .type.st8{background:#ed6e89;}
.myclass-taken .tb-taken td .type.st9{background:#ff0022;}
.myclass-taken .tb-taken td .type.st10{background:#3e51b4;}
.myclass-taken .tb-taken td .date-wrap{position: relative;}
.myclass-taken .tb-taken td .class-date li span {font-size:14px;color:#999;position: relative;}
.myclass-taken .tb-taken td .class-date li span em {color: #000;}
.myclass-taken .tb-taken td .class-date li{margin-top:10px;}
.myclass-taken .tb-taken td .class-date li:first-child{margin-top:0;}


/* 吏꾨떒�뚯뒪�� */
.diagnose-wrap{position:absolute;left:300px;top:0px;width:560px;z-index:10;}
.diagnose-cont{margin-top:20px;padding:50px 70px;background:#fff;}
.diagnose-wrap .btn-close{display:block;width:44px;height:44px;background:url(../images/common/popup_close.png) 0 0 no-repeat;margin:0 auto;}
.diagnose-wrap .btns{width:100%;}
.diagnose-wrap .btns:after{content:"";display:block;clear:both;}
.diagnose-wrap .btns a{position:relative;float:left;margin-left:20px;display:block;width:200px;height:60px;background:#000;font-size:12px;color:#fff;text-align:center;line-height:60px;}
.diagnose-wrap .btns .pdf:before{content:"";display:block;width:12px;height:12px;background:url(../images/common/icon_download.jpg) 0 0 no-repeat;position: absolute;right:19px;top:24px;}
.diagnose-wrap .btns a:first-child{margin-left:0;}
.diagnose-wrap .info{margin-top:25px;}
.diagnose-wrap .info li{display:block;padding-left:12px;font-size:12px;color:#333;line-height:22px;position: relative;}
.diagnose-wrap .info li span{position: absolute;left:0;top:0;}
.diagnose-wrap .inf{margin-top:55px;font-size:12px;color:#333;line-height:22px;}
.diagnose-wrap .btn-base{margin-top:20px;}
.diagnose-wrap .btn-base.tp6 {width: auto;padding: 16px 40px;}
.myclass-diagnose {position: relative;}
.myclass-diagnose .tit{font-size:30px;color:#000;}
.myclass-diagnose .con{margin-top:35px;font-size:14px;line-height:1.4;}
.myclass-diagnose .con2{color:#aaa;margin-top:20px;}
.myclass-diagnose .tab{margin-top:25px;width:840px;border-bottom:1px solid #000;}
.myclass-diagnose .tab:after{content:"";display:block;clear:both;}
.myclass-diagnose .tab li{float:left;margin-left:1px;}
.myclass-diagnose .tab li:first-child{margin-left:0;}
.myclass-diagnose .tab li a{display:block;width:209px;height:55px;line-height:55px;background: #f5f5f6;font-size:13px;color:#333;text-align:center;transition:background .3s, color .3s;}
.myclass-diagnose .tab li.on a{background: #000;color:#fff;}
.myclass-diagnose .panel{margin-top:25px;}
.myclass-diagnose .panel>li{display:none;}
.myclass-diagnose .panel .answer-sheet{margin-top:20px;}
.myclass-diagnose .panel .answer-sheet:first-child{margin-top:0;}
.myclass-diagnose .panel .answer-sheet li{position: relative;margin-top:10px;padding-left:34px;min-height:44px;font-size:0;}
.myclass-diagnose .panel .answer-sheet li:first-child{margin-top:0;}
.myclass-diagnose .panel .answer-sheet li span.stit{position: absolute;left:0;top:0;font-size:14px;line-height:40px;display:inline-block;}
.myclass-diagnose .panel .answer-sheet li a{display:inline-block;width:40px;height:40px;line-height:40px;background:#f5f5f6;font-size:14px;color:#ccc;border-radius:50%;text-align:center;margin-left:8px;}
.myclass-diagnose .panel .answer-sheet li span.stit + a{margin-left:0;font-size:11px;}
.myclass-diagnose .panel .answer-sheet li a.yes{color:#fff !important;background:#07c37e;}
.myclass-diagnose .panel .answer-sheet li a.no{color:#fff !important;background:#ff3333;}
.myclass-diagnose .panel .answer-sheet li a.on{color:#000;}
/*.myclass-diagnose .panel .answer-sheet li input{margin-left:12px;padding:7px 0;border:0;border-bottom:1px solid #acacac;width:340px;font-size:14px;color:#ff3333;}*/
.myclass-diagnose .panel .answer-sheet li .area-inp {position: relative;display: none;margin-left: 20px;top:-6px;}
.myclass-diagnose .panel .answer-sheet li .area-inp.inp-on {display: inline-block;}
.myclass-diagnose .panel .answer-sheet li .area-inp .ai-inner {display: inline-block;width: 600px;height: 38px;vertical-align: middle;margin-top: -4px;position: relative;background-color: #fef3b5;border: 1px solid #f1e29b;border-radius: 3px;overflow-x: hidden;overflow-y: auto;}
.myclass-diagnose .panel .answer-sheet li .area-inp:after{content: '';display: block;width: 5px;height: 8px;background: url(../images/myclass/icon_inp.png) 0 0 no-repeat;position: absolute;top: 14px;left: -4px;}

/*.myclass-diagnose .panel .answer-sheet li .area-inp .mCSB_inside > .mCSB_container {margin-right: 0;}
.myclass-diagnose .panel .answer-sheet li .area-inp .mCSB_scrollTools {width: 5px;}
.myclass-diagnose .panel .answer-sheet li .area-inp .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color: rgba(0,0,0,0.1);}
.myclass-diagnose .panel .answer-sheet li .area-inp .mCSB_scrollTools .mCSB_draggerRail {width: 5px;background: none;}*/

.myclass-diagnose .panel .answer-sheet li .area-inp textarea {width: 570px;min-height: 20px;line-height: 17px;padding: 10px 20px 10px 10px;font-size:11px;color:#333;background: none;border: 0;}
.myclass-diagnose .btns-wrap {margin-top: 60px;}
.myclass-diagnose .panel .answer-sheet li .area-inp textarea::-webkit-input-placeholder {opacity:1;filter:alpha(opacity=100);}
.myclass-diagnose .panel .answer-sheet li .area-inp textarea::-moz-placeholder {opacity:1;filter:alpha(opacity=100);}
.myclass-diagnose .panel .answer-sheet li .area-inp textarea:-ms-input-placeholder {opacity:1;filter:alpha(opacity=100);}
.myclass-diagnose .panel .answer-sheet li .area-inp textarea:-moz-placeholder {opacity:1;filter:alpha(opacity=100);}
.myclass-diagnose .panel .answer-sheet li .area-inp textarea::placeholder {opacity:1;filter:alpha(opacity=100);}
.myclass-diagnose .result{width:100%;margin-top: 30px;margin-bottom: 60px;}
.myclass-diagnose .result:after {content: '';display: block;clear: both;}
.myclass-diagnose .result li{float:left;font-size:18px;margin-left:17px;}
.myclass-diagnose .result li:first-child{margin-left:0;color: #3e51b4;}
.myclass-diagnose .result li:first-child strong{display:inline-block;}
.myclass-diagnose .result li:first-child strong span {display: none;}
.myclass-diagnose .result li strong{font-weight:bold;margin-right:5px;}
.myclass-diagnose .btn-re-test {position: absolute;top: 0;right: 0;width:153px;}
.myclass-diagnose .btn-free {position:absolute;top:50px;right:0;width:153px;}



/* 吏꾨떒�뚯뒪�� - 紐⑤컮�� 踰꾩쟾 */
#wrapper.myclass #header{padding:20px 15px;border-bottom:1px solid #ccc;height:auto;}
#wrapper.myclass #header .btn-back{display:inline-block;width:12px;height:23px;background:url(../images/common/m_popup_close.png) 0 0 no-repeat;background-size:12px auto;vertical-align:middle;}
#wrapper.myclass #header .tit{font-size:17px;color:#333;margin-left:25px;display:inline-block;line-height:23px;vertical-align:middle;}
#wrapper.only-mobile{min-width:initial;}
.only-mobile .diagnose-wrap{position:absolute;left:0px;width:100%;display:block;}
.only-mobile .diagnose-cont{padding:75px 30px;margin-top:0;}
.only-mobile .diagnose-wrap .btns a{margin-top:7px;width:100%;margin-left:0;font-size:14px;}
.only-mobile .diagnose-wrap .btns a:first-child{margin-top:0;}
.diagnose-wrap .btn-base{width:100%;box-sizing:border-box;font-size:14px;padding:16px 0;}
.only-mobile .diagnose-wrap .info li{font-size:13px;line-height:1.6;}
.only-mobile .diagnose-wrap .inf{font-size:13px;line-height:1.6;}
.only-mobile .floating-menu{position: fixed;left:0;bottom:0;width:100%;height:52px;background:#000;z-index:1;}
.only-mobile .floating-menu ul{padding-top:14px;width:100%;}
.only-mobile .floating-menu ul:after{content:"";display:block;clear:both;}
.only-mobile .floating-menu ul li{float:left;width:25%;text-align:center;}
.only-mobile .floating-menu ul li a{display:inline-block;height:24px;font-size:0;text-indent:-20000px;transition:background .3s;cursor:pointer;}
.only-mobile .floating-menu ul li:nth-child(1) a{width:22px;background:url(../images/myclass/myclass_icon1.png);background-size:auto 24px;}
.only-mobile .floating-menu ul li:nth-child(2) a{width:25px;background:url(../images/myclass/myclass_icon2.png);background-size:auto 24px;}
.only-mobile .floating-menu ul li:nth-child(3) a{width:26px;background:url(../images/myclass/myclass_icon3.png);background-size:auto 24px;}
.only-mobile .floating-menu ul li:nth-child(4) a{width:22px;background:url(../images/myclass/myclass_icon4.png);background-size:auto 24px;}
.only-mobile .floating-menu ul li.on:nth-child(1) a{width:22px;background:url(../images/myclass/myclass_icon1_on.png);background-size:auto 24px;}
.only-mobile .floating-menu ul li.on:nth-child(2) a{width:25px;background:url(../images/myclass/myclass_icon2_on.png);background-size:auto 24px;}
.only-mobile .floating-menu ul li.on:nth-child(3) a{width:26px;background:url(../images/myclass/myclass_icon3_on.png);background-size:auto 24px;}
.only-mobile .floating-menu ul li.on:nth-child(4) a{width:22px;background:url(../images/myclass/myclass_icon4_on.png);background-size:auto 24px;}

.only-mobile .myclass-diagnose .con{padding:20px 15px;font-size:13px;line-height:1.4;margin-top:0;}
.only-mobile .myclass-diagnose .tab{width:100%;margin-top:0;}
.only-mobile .myclass-diagnose .tab li{width:25%;margin-left:0;}
.only-mobile .myclass-diagnose .tab li a{width:auto;border-right:1px solid #fff;height:auto;line-height:inherit;padding:10px 0;}
.only-mobile .myclass-diagnose .panel{padding-bottom:50px;}
.only-mobile .myclass-diagnose .panel .answer-sheet{margin-top:0;}
.only-mobile .myclass-diagnose .panel .answer-sheet li{padding-left:57px;min-height:82px;}
.only-mobile .myclass-diagnose .panel .answer-sheet li a{width:49px;height:49px;line-height:49px;}
.only-mobile .myclass-diagnose .panel .answer-sheet li span.stit{font-size:16px;line-height:49px;left:16px;}
.only-mobile .myclass-diagnose .panel .answer-sheet li .input-wrap{padding-left:20px;}
.only-mobile .myclass-diagnose .panel .answer-sheet li span.arrow{position: absolute;left:0;top:0;display:inline-block;font-size:12px;color:#ccc;line-height:32px;}
.only-mobile .myclass-diagnose .panel .answer-sheet li input{display:inline-block;margin-left:0;border-bottom:0;padding:0 0;}

.myclass-detail{width:840px;}
.cplay-list dt{margin-top:60px;font-size:30px;color:#000;}
.cplay-list dt:first-child{margin-top:0;}
.cplay-list dd{margin-top:40px;}
.cplay-list div.print{padding:26px 0 27px 32px; text-align: right;}
.cplay-list div.print a {display:inline-block; box-sizing: border-box; width:100px; height:32px; padding-right:57px; border:1px solid #000; font-size:14px; color:#000;background:url(../images/myclass/vo_print.png) 67px 7px no-repeat; line-height: 29px;}
.cplay-list dd>div.listening>ul{border:2px solid #ffcc00;}
.cplay-list dd>div>ul>li{position:relative;padding:25px 25px 25px 110px;width: 100%;font-size:13px;}
.cplay-list .cl-1>ul>li{width: 700px;}
.cplay-list dd li:after{content:"";display:block;clear:both;}
.cplay-list dd li .btn-control{position: absolute;left:35px;top:30px;display:block;/*width:25px;*/height:25px;/*text-indent:-20000px;*/}
.cplay-list dd li .audio_player .btn-control{width:25px;text-indent:-20000px;top:20px;}
.cplay-list dd li .name{float:left;margin-right:40px;line-height:1.2;}
.cplay-list dd li .name a{color:#000;}
.cplay-list dd li .name em{margin-right:20px;}
.cplay-list dd li .btn-control.play{background:url(../images/myclass/mv_control_pause.png) 0 0 no-repeat;}
.cplay-list dd li .btn-control.pause{background:url(../images/myclass/mv_control_play.png) 0 0 no-repeat;}
.cplay-list dd li .btn-control.check{background:url(../images/myclass/mv_control_chk.png) 0 0 no-repeat;}
.cplay-list dd li .btn-control.lock{top:19px;background:url(../images/myclass/mv_control_lock.png) 50% 0 no-repeat;}
.cplay-list dd li .btn-control.plus{background:url(../images/myclass/mv_control_plus.png) 0 0 no-repeat;}
.cplay-list dd li .btn-control a {display: inline-block; box-sizing: border-box; width:82px; height:23px; margin-left:8px; padding-left:22px; border-radius: 11px; border:1px solid #000; text-align: center; line-height:22px; font-size: 12px; color: #000;}
.cplay-list dd li .btn-control .voca_eg {background:url(../images/myclass/my_eg.png) 19px 3px no-repeat;}
.cplay-list dd li .btn-control .voca_img {background:url(../images/myclass/my_eg_img.png) 15px 3px no-repeat;}

.cplay-list dd li .btn-img{display:block;position: absolute;top:20px;right:80px;width:26px;height:26px;background: url(../images/myclass/btn_img.png) 0 0 no-repeat;text-indent:-20000px;}
.cplay-list dd li .btn-control.check.on{background:url(../images/myclass/mv_control_chk_on.png) 0 0 no-repeat;}
.cplay-list dd li .btn-control.right{left:initial;right:0;}
.cplay-list dd li .time{position:absolute;right:25px;top:25px;font-size:15px;}
.cplay-list dd li .time em{color:#3e51b4;}
.cplay-list dd .info{margin: 0;padding: 25px 30px 30px 30px;}
.cplay-list dd .info .tit{font-size:16px;color:#3e51b4;line-height:25px;}
.cplay-list dd .info .con{margin-top:15px;font-size:14px;color:#666;line-height:22px;}
.cplay-list dd .btn-base{margin-top:35px;padding:13px 40px;font-size:15px;}
.cplay-list dd .info .btn-base.tp6 {padding:12px 40px;font-size:15px;}
.cplay-list dd .info.btn-wrap .btn-base {margin: 35px 5px;}
.cplay-list dd li.top{padding-left:25px;width:786px;}
.cplay-list dd li.top .name{font-weight:bold;}
.cplay-list dd li.top .name em{font-weight:bold;}
.cplay-list dd li.top .btn-toggle{position: absolute;right:40px;top:30px;display:block;background:url(../images/common/mv_toggle_up.png) 0 0 no-repeat;width:12px;height:6px;}
.cplay-list dd li.top .btn-toggle.on{background:url(../images/common/mv_toggle_down.png) 0 0 no-repeat;}
.cplay-list dd li.cont{padding:0;}
.cplay-list dd li.cont>ul {border-top:1px solid #ccc;}
.cplay-list dd .cplay-detail li{position:relative;padding:25px 25px 25px 110px;width:701px;font-size:13px;}
.cplay-list dd .cplay-detail li.comp .name,
.cplay-list dd .cplay-detail li.comp .name a,
.cplay-list dd .cplay-detail li.comp .time,
.cplay-list dd .cplay-detail li.comp .time a{color:#999;}
.cplay-list dd .cplay-detail li.on, .cplay-list dd .cplay-detail li:hover{background:#f1f3f4;}
.cplay-list dd .cplay-detail .gage-wrap{width:400px;padding-left:60px;position:absolute;left:215px;top:26px;}
.cplay-list dd .cplay-detail .gage-wrap .speed{font-size:11px;color:#3e51b4;position: absolute;left:30px;top:0;}
.cplay-list dd .cplay-detail .gage-wrap .speed a{color:#3e51b4;}
.cplay-list dd .cplay-detail .gage-wrap .gage{cursor:pointer;position:relative;display:block;height:4px;width:100%;border-radius:3px;background:#bfbfbf;margin-top:4px;}
.cplay-list dd .cplay-detail .gage-wrap .gage .bar{position: absolute;left:0;top:0;width:0;height:100%;background:#3e51b4;overflow:initial !important;}
.cplay-list dd .cplay-detail .gage-wrap .gage .bar:before{content:"";display:block;width:1px;height:20px;background:#3e51b4;position: absolute;right:0;top:-7px;}
.cplay-list dd .cplay-detail li.tit{box-sizing:border-box;padding:26px 35px 27px 32px;width:840px; border-bottom: 1px solid #ccc;}
.cplay-list dd .cplay-detail li.tit .btn-control.right{right:30px;}
.cplay-list dd .cplay-detail li.tit .name{font-size:26px;}
.cplay-list dd .cplay-detail li.tit .name a{color:#000;}
.cplay-list dd .cplay-detail li.tit .mean{position:absolute; top:27px; left:285px; font-size:15px; color:#787878; line-height: 20px;width:calc(100% - 490px);height:40px;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	display: -webkit-box;
	-webkit-line-clamp: 2; /* ellipsis line */
	-webkit-box-orient: vertical;
}
.cplay-list dd .movie-wrap{position:relative;width:560px;height:315px;margin:0 auto 24px;}
.cplay-list dd .movie-player{position:relative;width:560px;height:315px;background:#000;}
.cplay-list dd .movie-player .content_video{width:560px;height:315px;}
.cplay-list dd .movie-wrap .btn-play{position: absolute;left:50%;top:50%;margin:-18px 0 0 -18px;display:block;width:36px;height:36px;background:url(../images/myclass/btn_play.png) 0 0 no-repeat;}


/* fire custom */

/* 異붽��⑥뼱 */
.cplay-list.cpl-st2 .list {border: 0;border: 1px solid #ccc;border-bottom: 0;}
.cplay-list.cpl-st2 .list li {width: 100%;padding: 0;margin: 0;border-bottom: 1px solid #ccc;}
.cplay-list.cpl-st2 .list li a {display: block;font-size: 13px;color: #000;font-weight: bold;padding: 27px 27px;transition: background-color 0.3s;}
.cplay-list.cpl-st2 .list li a:hover {background-color: #f1f3f4;}
.cplay-list.cpl-st2 .tp6:hover {background-color: #3e51b4;color: #fff;}
/* 異붽� 泥�빐 �먮즺 */
.cplay-list.cpl-st3 dd {border-top: 1px solid #ccc;}
.cplay-list.cpl-st3 dd > ul {border: 0;border: 1px solid #ccc;border-top: 0;}
.cplay-list.cpl-st3 dd > ul .cont {width: 100%;display: none;}
.cplay-list.cpl-st3 dd > ul.bdon {border:2px solid #ffcc00;}
.cplay-list.cpl-st3 dd > ul.on .cont {display: block;}
.cplay-list.cpl-st3 .top {cursor: pointer;}
.cplay-list.cpl-st3 .btn-script {display: inline-block;font-size:12px;color: #010101 !important;padding: 4px 14px;text-align: center;border: 1px solid #000;margin-left: 25px;}
.cplay-list.cpl-st3 .cplay-detail .gage-wrap {width: 310px;top:30px}

.myclass-detail-wrap{position:absolute;left:342px;top:50px;width:840px;z-index:10;display:none;margin-bottom:100px;}
.myclass-detail-wrap .btn-close{display:block;width:44px;height:44px;background:url(../images/common/popup_close.png) 0 0 no-repeat;margin:0 auto;}
.myclass-detail-cont{margin-top:20px;padding:50px 30px;background:#fff;}
.myclass-detail-cont .name{float:left;margin-right:40px;line-height:1.2;}
.myclass-detail-cont .name a{color:#000;}
.myclass-detail-cont .name em{margin-right:20px;}
.myclass-detail-cont .time{position:absolute;right:25px;top:25px;font-size:15px;}
.myclass-detail-cont .time em{color:#3e51b4;}
.myclass-detail-cont .btn-control{position: absolute;left:29px;top:20px;display:block;width:25px;height:25px;text-indent:-20000px;}
.myclass-detail-cont .btn-control.play{background:url(../images/myclass/mv_control_pause.png) 0 0 no-repeat;}
.myclass-detail-cont .btn-control.pause{background:url(../images/myclass/mv_control_play.png) 0 0 no-repeat;}
.myclass-detail-cont .w-cplay-detail {position: relative;height: 66px;}
.myclass-detail-cont .cplay-detail.isFixed {position:fixed;width: 100%;top: 0;left: 0;background-color: #fff;z-index: 10;}
.myclass-detail-cont .cplay-detail li{position:relative;padding:25px 23px 39px 85px;width:670px;font-size:13px;border:1px solid #ccc;margin: 0 auto;}
.myclass-detail-cont .cplay-detail li.comp .name,
.myclass-detail-cont .cplay-detail li.comp .name a,
.myclass-detail-cont .cplay-detail li.comp .time,
.myclass-detail-cont .cplay-detail li.comp .time a{color:#999;}
.myclass-detail-cont .cplay-detail .gage-wrap{width:400px;padding-left:60px;position:absolute;left:165px;top:27px;}
.myclass-detail-cont .cplay-detail .gage-wrap .speed{font-size:11px;color:#3e51b4;position: absolute;left:0;top:0;}
.myclass-detail-cont .cplay-detail .gage-wrap .speed a{color:#3e51b4;}
.myclass-detail-cont .cplay-detail .gage-wrap .gage{position:relative;display:block;height:4px;width:100%;border-radius:3px;background:#bfbfbf;margin-top:4px;}
.myclass-detail-cont .cplay-detail .gage-wrap .gage .bar{position: absolute;left:0;top:0;width:0;height:100%;background:#3e51b4;overflow:initial !important;}
.myclass-detail-cont .cplay-detail .gage-wrap .gage .bar:before{content:"";display:block;width:1px;height:20px;background:#3e51b4;position: absolute;right:0;top:-7px;}
.myclass-detail-cont .cplay-script {margin-top: 30px;height: 420px;width: 100%;overflow-x: hidden;overflow-y: auto;}
.myclass-detail-cont .cplay-script .cs-inner {padding: 0 40px 40px 40px;}
.myclass-detail-cont .cplay-script .mCSB_scrollTools .mCSB_draggerRail {background-color: #f0f1f3;}
.myclass-detail-cont .cplay-script .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color: #ccc;width: 4px;}
.myclass-detail-cont .btn-wrap {margin-top: 20px;}
.myclass-detail-cont .btn-wrap .tp5 {padding: 10px 20px 9px;vertical-align: middle;min-width: 60px;margin-left: 10px;}
.myclass-detail-cont .btn-wrap .tp5.icon-print {padding: 9px 20px 8px;}
/* 紐⑤쾾���� �낇빐,泥�빐 �앹뾽 */
.myclass-detail-cont-st2 {margin-top:20px;padding: 5px 4px;min-height:500px;/*max-height:2000px;*/overflow: hidden;background:#fff;}
.myclass-detail-cont-st2 .mCSB_inside > .mCSB_container {margin-right: 17px;}
.myclass-detail-cont-st2 .mCSB_scrollTools .mCSB_draggerRail {background-color: #fff;}
.myclass-detail-cont-st2 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color: #1b1b1b !important;border-radius: 0;width: 4px;}
.myclass-detail-cont .mdc-sheet {margin: 40px 0 0 0;}
.mdc-sheet {margin: 40px 70px 20px 70px;position: relative;}
.mdc-sheet .mdcs-header .t-header {position: relative;border: 4px solid #fbc500;padding: 14px 15px;}
.mdc-sheet .mdcs-header .t-cnum {position:absolute;;left:0;top:0;display: inline-block;width: 70px;height: 52px;background-color: #fbc500;text-align: center;font-size: 13px;line-height: 52px;color: #000;vertical-align: middle;}
.mdc-sheet .mdcs-header .t-title {display: inline-block;vertical-align: middle;margin-left: 75px;}
.mdc-sheet .mdcs-header .t-title .tit {display: inline-block;font-size:21px;font-weight: bold;color: #000;margin-right: 20px;}
.mdc-sheet .mdcs-header .t-title .num {display: inline-block;font-size:21px;font-weight: bold;color: #000;position: relative;}
.mdc-sheet .mdcs-header .t-title .num:before {content: '';display: inline-block;width: 1px;height: 20px;background-color: #000;margin-right: 20px;}
.mdc-sheet .mdcs-header .t-sub-exp {text-align: right;margin-top: 9px;font-size:11px;color: #666;padding-left: 12px;font-weight: 500;}
.mdc-sheet .mdcs-header .t-sub-exp button {font-size:11px;color: #666;font-weight: 500;vertical-align: middle;}
.mdc-sheet .mdcs-header .t-sub-exp em {font-size:11px;color: #aaa;margin-left: 3px;font-weight: 300;vertical-align: middle;}
.mdc-sheet .mdcs-pop {display:none !important;background-color: #acfed5;border:1px solid #ccc;position: absolute;top: 69px;right: 0;padding: 22px 24px 12px 14px;z-index:1;}
.mdc-sheet .mdcs-pop .list li {margin-top: 18px;font-size: 12px;color: #000;position: relative;}
.mdc-sheet .mdcs-pop .list li:first-child {margin-top: 0;}
.mdc-sheet .mdcs-pop .list .l1 em {font-weight: bold;background-color: #fff100;}
.mdc-sheet .mdcs-pop .list .l2:before {content: '';display: inline-block;width: 8px;height: 8px;background: url(../images/myclass/ico-exp01.png) 0 0 no-repeat;background-size: 8px;margin-right: 6px;}
.mdc-sheet .mdcs-pop .list .l3 {display:none;}
.mdc-sheet .mdcs-pop .list .l3:before {content: '';display: inline-block;width: 12px;height: 9px;background: url(../images/myclass/ico-exp02.png) 0 0 no-repeat;background-size: 12px;margin-right: 6px;}
.mdc-sheet .mdcs-pop .list .l4:before {content: '��';display: inline-block;width: 12px;height: 9px;background-size: 12px;;margin-right: 6px;}
.mdc-sheet .mdcs-pop .list .l5 em {font-weight: bold;border-bottom: 2px solid #86c7a7;margin-right: 6px;}
.mdc-sheet .mdcs-pop .list .l6 em {font-family: 'Times New Roman';font-size: 17px;margin-right: 6px;}
.mdc-sheet .mdcs-pop .list .l6 em span {font-size: 22px;color: #ccc;}
.mdc-sheet .mdcs-pop .mdcsp-btn-close {display: block;width: 20px;height: 20px;background: url(../images/common/m_btn_close.png) 50% 50% no-repeat;background-size: 14px;position: absolute;top: 4px;right: 4px;}
.mdc-sheet .mdcs-row {margin-top: 45px;}
.mdc-sheet .mdcs-row:first-child {margin-top: 0;}
.mdc-sheet .mstc {position: relative;word-break:keep-all;}
.mdc-sheet .mstc .wcmt {position: relative;}
.mdc-sheet .mstc .wcmt.isCmt {margin-bottom: 30px;}
.mdc-sheet .mstc .wcmt-bracket:before {content: '[';font-size:22px;color: #bbbaba;display: inline-block;}
.mdc-sheet .mstc .wcmt-bracket:after {content: ']';font-size:22px;color: #bbbaba;display: inline-block;}
.mdc-sheet .mstc .wcmt-bold {font-weight: bold;text-decoration: underline;}
.mdc-sheet .mstc .wcmt-red {color: #dc0808;display:inline-block;}
.mdc-sheet .mstc .wcmt-highlight {background-color: #fff100;}
.mdc-sheet .mstc .wcmt-yellow {background-color: #fff100;display: inline;}
/*.mdc-sheet .mstc .wcmt-yellow:before {content: '';display: block;width: 100%;height: 20px;background-color: #fff100;left: 0;top: 6px;position: absolute;z-index: 0;}*/
.mdc-sheet .mstc .wcmt .comment {display: inline-block;position: absolute;font-size:12px;color: #dc0808;line-height: 24px;left: 0;top:26px;}
.mdc-sheet .mstc .wcmt .comment .cinner {display: inline-block;word-break:break-word;}
.mdc-sheet .mstc .cmt-st2 .cinner:before {content: '';display: inline-block;width: 12px;height: 9px;background: url(../images/myclass/ico-exp02-red.png) 0 0 no-repeat;background-size: 12px;margin-right: 3px;position: relative;}
.mdc-sheet .mstc .cmt-st3 .cinner:before {content: '';display: inline-block;width: 12px;height: 9px;background: url(../images/myclass/ico-exp03-red.png) 0 0 no-repeat;background-size: 12px;margin-right: 3px;position: relative;}
.mdc-sheet .mdcs-guide {padding-top: 59px;padding-left:22px;padding-bottom:9px;font-size: 14px;color: #000;font-weight: bold;background:url(../images/myclass/step_title.png) 0 51px no-repeat;;}
.mdc-sheet .mdcs-guide span {display: inline-block;margin-right: 33px;letter-spacing: -1.5px;}
.mdc-sheet .mdcs-guide .ico-o {display: inline-block;width: 36px;height: 29px;margin: 0 5px 0 8px;vertical-align: middle;background: url(../images/myclass/ico-o.png) 0 0 no-repeat;}
.mdc-sheet .mdcs-explain {margin-top: 30px;padding-left: 20px;}
.mdc-sheet .mdcse-sentence {margin-top: 45px;font-family: 'Times New Roman';font-size: 17px;color: #1b1b1b;line-height: 30px;}
.mdc-sheet .mdcse-trans {margin-top: 20px;font-size:12px;color: #999;line-height: 20px;}
.mdc-sheet .mdcse-point {margin-top: 20px;border:1px solid #e5e5e5;background-color: #f0f1f1;padding: 10px 48px 15px 48px;min-height: 41px;position: relative;}
.mdc-sheet .mdcse-point .p-num {display: inline-block;width: 34px;height: 34px;text-align: center;line-height: 34px;background-color: #000;font-size:13px;color: #fff;position: absolute;top: -1px;left: -1px;}
.mdc-sheet .mdcse-point .p-tit {font-size:13px;color: #1b1b1b;font-weight: bold;}
.mdc-sheet .mdcse-point .p-tit em {font-size:13px;color: #1b1b1b;font-weight: bold;border-bottom: 1px solid #333;}
.mdc-sheet .mdcse-point .p-exp {margin-top: 15px;font-size:13px;color: #1b1b1b;line-height: 20px;}
.mdc-sheet .point-red {font-size:11px;color: #dc0808;margin-top: 12px;position: relative;padding-left: 5px;line-height: 17px;}
.mdc-sheet .point-red:before {content: '*';color: inherit;font-size: inherit;display: inline-block;position: absolute;left: 0;top: 0;}
.mdc-sheet .point-red + .point-red {margin-top: 0;}
.mdc-sheet .mdcse-point.mp-result {margin-top: 0;border:1px solid #e5e5e5;background-color: #f0f1f1;padding: 13px;position: relative;}
.mdc-sheet .p-num-list {position: relative;display: inline-block;margin-bottom: -1px;margin-top: 30px;}
.mdc-sheet .p-num-list:after {content: '';display: block;clear: both;}
.mdc-sheet .p-num-list:before {content: '';display: block;width: 90%;height: 1px;background-color: #febf2a;position: absolute;left: 0;top: 17px;z-index: 0;}
.mdc-sheet .p-num-list li {float: left;width: 34px;height: 34px;text-align: center;line-height: 34px;background-color: #000;font-size:13px;color: #fff;margin-right: 10px;position: relative;z-index: 1;}
.mdc-sheet .mdcse-exp-blank {margin-top: 10px;border:1px solid #1b1b1b;}
.mdc-sheet .mdcse-exp-blank .b-tit {font-size: 13px;color: #1b1b1b;background-color: #f0f1f1;border-bottom: 1px solid #e5e5e5;padding: 11px 12px;}
.mdc-sheet .mdcse-exp-blank .b-exp {font-size: 12px;color: #999;padding: 11px 12px;line-height:20px;}
.mdc-sheet .mdcse-exp-select {border:1px solid #e5e5e5;background-color: #f9f9f9;position: relative;padding: 5px 48px 13px 48px;}
.mdc-sheet .mdcse-exp-select .s-num {display: inline-block;width: 34px;height: 34px;text-align: center;line-height: 34px;background-color: #f0f1f1;border:1px solid #e5e5e5;font-size:13px;color: #1b1b1b;position: absolute;top: -1px;left: -1px;}
.mdc-sheet .mdcse-exp-select.correct .s-num {background-color: #00d999;}
.mdc-sheet .mdcse-exp-select .mdcse-sentence {margin-top: 0;}
.mdc-sheet .mdcse-exp-select .mdcse-trans {margin-top: 0;}
.mdc-sheet .mdcse-exp-select-result {background-color: #f0f1f1;border: 1px solid #fd8787;margin-top: -1px;padding: 8px 48px 13px 48px;position: relative;min-height: 41px;}
.mdc-sheet .mdcse-exp-select-result .s-tit {position: absolute;top: 12px;left: 12px;width: 30px;line-height: 16px;}
.mdc-sheet .mdcse-exp-select-result .s-exp {font-size:13px;color: #1b1b1b;line-height: 24px;}
.mdc-sheet .mdcse-exp-select-result.correct {border: 1px solid #00f0b4;}
.mdc-sheet .correct .mdcse-exp-select .s-num {background-color: #00d999;}
.mdc-sheet .correct .mdcse-exp-select-result {border: 1px solid #00f0b4;}
.mdc-sheet .mdcs-bottom-txt {font-size: 18px;color: #333;text-align: center;padding: 50px 0;}
.mdc-sheet .mdcs-bottom-txt em {display: inline-block;padding-bottom: 6px;border-bottom: 1px solid #797979;}
/* �⑥뼱�쒗뿕 */
#vocabulary_popup #contents {margin-top:40px;}


.myclass-consult .qna-data li.answer .user{cursor:pointer;}
.myclass-consult .qna-data li.answer .cont{background:#f0f1f3;}
.myclass-consult .qna-data li.answer .cont:after{border-right:20px solid #f0f1f3;}
.myclass-consult .qna-tit{font-size:30px;color:#000;}
.myclass-consult .qna-data .cont .detail img{max-width:240px;cursor:pointer;}
.myclass-consult .qna-write-wrap{margin:30px 0 0 110px;}
.myclass-consult .textarea-base{background: #fff;border:1px solid #000;height:100px;}
.myclass-consult .textarea-base.tp-other{border:1px solid #ccc;}
.myclass-consult .file-wrap{position: relative;width:100%;}
.myclass-consult .file-wrap .btn-base.tp5{position: absolute;right:0;top:0;}
.file-wrap input#attachFile{padding:0 20px;width:340px; height:30px;border:0;text-overflow:ellipsis;white-space:nowrap; overflow:hidden;}
.file-wrap .btn_file_wrap.tp2:before{position:absolute; left:22px;top:10px;;content:"";display:block;width:12px;height:12px;background:url(../images/common/icon_addfile.jpg) 0 0 no-repeat;}
.file-wrap .btn_file_wrap.tp2 input{background:none;padding-left:20px;}
.popup-wrap.teacher{width:480px;height:400px;margin-left:-240px;margin-top:-240px;background:#fff;}
.popup-wrap .teacher-wrap{padding:45px 30px;}
.popup-wrap .teacher-wrap .tname{font-size:52px;line-height:60px;}
.popup-wrap .teacher-wrap .tname strong{font-weight:bold;}
.popup-wrap .teacher-wrap .tinfo{font-size:18px;line-height:28px;}
.popup-wrap .teacher-wrap .ttime{position: absolute;left:30px;bottom:25px;font-size:18px;line-height:28px;}
.popup-wrap .teacher-wrap .teacher{position: absolute;right:0;bottom:0;width:260px;}

.myclass-consult .qna-write-wrap .qna-question{margin-bottom:10px;padding-left:11px;font-size:12px;color:#000;}
.myclass-consult .qna-write-wrap span.hands{margin-left:40px;}
.myclass-consult .qna-write-wrap span.hands a{display:inline-block;width:14px;height:17px;text-indent:-20000px;font-size:0;vertical-align:middle;transition:background .3s;}
.myclass-consult .qna-write-wrap span.hands a.good{background:url(../images/myclass/hand1.png) 0 0 no-repeat;margin-right:15px;}
.myclass-consult .qna-write-wrap span.hands a.bad{background:url(../images/myclass/hand2.png) 0 0 no-repeat;}
.myclass-consult .qna-write-wrap span.hands a.good.on{background:url(../images/myclass/hand1_on.png) 0 0 no-repeat;}
.myclass-consult .qna-write-wrap span.hands a.bad.on{background:url(../images/myclass/hand2_on.png) 0 0 no-repeat;}
.myclass-consult .qna-write-wrap .qna-question.off{color:#ccc;}
.myclass-consult .qna-write-wrap .qna-question.off span.hands a.good{background:url(../images/myclass/hand1_off.png) 0 0 no-repeat;}
.myclass-consult .qna-write-wrap .qna-question.off span.hands a.bad{background:url(../images/myclass/hand2_off.png) 0 0 no-repeat;}
.myclass-consult .qna-hidden-txt{margin-bottom:10px;padding-left:11px;font-size:12px;color:#000;display:none;}
.myclass-consult .btns-wrap{margin-top:10px;text-align:right;display:none;}
.myclass-consult .qna-data.online{max-height:465px;overflow-y:auto;overflow-x:hidden;}
.myclass-consult .qna-party{margin:40px 0 15px;text-align:right;font-size:0;}
.myclass-consult .qna-party li{display:inline-block;width:40px;margin-left:10px;}
.myclass-consult .qna-party li .boxF,.myclass-consult .qna-party li  .boxS,.myclass-consult .qna-party li .boxT{width:40px;height:44px;}
.qna-data.online li.question .user{right:10px;}
.qna-data.online li.answer .user{left:10px;}
/* �섏쓽 媛뺤쓽�� �� ======================================================================================================================= */

/* 而⑥꽕�앹뒪 �뚭컻 */
.about-top-sec{padding:130px 0;background: #ffcd18;}
.about-top-sec .tit{font-size:40px;text-align:center;}
.about-content-sec{min-width:1280px;}
.about-content-sec .intro-wrap{padding:80px 0 100px;text-align:center;}
.about-content-sec .intro-wrap .txt1{font-size:24px;color:#333;}
.about-content-sec .intro-wrap .txt1 span{display:inline-block;position: relative;color:#3e51b4;}
.about-content-sec .intro-wrap .txt1 span:before{position: absolute;left:50%;margin-left:-2px;top:-8px;content:"";display:block;width:4px;height:4px;background: #3e51b4;border-radius:2px;}
.about-content-sec .intro-wrap .info{margin-top:55px;font-size:0;}
.about-content-sec .intro-wrap .info li{position:relative;display:inline-block;width:230px;height:230px;border-radius:50%;background:#f0f1f3;border:1px solid #3e51b4;}
.about-content-sec .intro-wrap .info li dt{font-size:44px;color:#3e51b4;padding:55px 0 20px;margin:0 25px;border-bottom:1px solid #d6d6d8;}
.about-content-sec .intro-wrap .info li dd{margin-top:25px;font-size:12px;color:#666;}
.about-content-sec .intro-wrap .info li.right{margin-left:48px;}
.about-content-sec .intro-wrap .info li.right:before{content:"+";display:block;position: absolute;left:-33px;top:50%;margin-top:-13px;font-size:30px;color:#3e51b4;}
.about-content-sec .teps-part1-wrap{padding:100px 0 120px;background:#ffcd18;}
.about-content-sec .teps-part1-wrap .img{width:954px;margin:0 auto;}
.about-content-sec .teps-newspaper{padding:100px 0 87px;margin:0 auto;width:900px;}
.about-content-sec .teps-newspaper .tit{font-size:24px;text-align:center;}
.about-content-sec .teps-newspaper .list{width:912px;position:relative;left:-6px;margin-top:55px;}
.about-content-sec .teps-newspaper .list:after{content:"";display:block;clear:both;}
.about-content-sec .teps-newspaper .list li{float:left;margin:0 6px 12px;}
.about-content-sec .teps-newspaper .list li a{position: relative;display:block;width:170px;height:220px;background:#ebebeb;text-align:left;}
.about-content-sec .teps-newspaper .list li a:before{content:"";display:block;width:100%;height:100%;position: absolute;left:0;top:0;background:#000;opacity:0;transition:opacity .3s;}
.about-content-sec .teps-newspaper .list li a:hover:before{opacity:0.3;}
.about-content-sec .teps-newspaper .list li .inner{padding:20px;}
.about-content-sec .teps-newspaper .list li .tit{font-size:12px;color:#999;text-align:left;}
.about-content-sec .teps-newspaper .list li .con{margin-top:10px;font-size:16px;line-height:21px;color:#333;}
.about-content-sec .teps-newspaper .list li .logo{margin-top:50px;text-align:center;}
.about-content-sec .teps-newspaper .list li .logo img{width:auto;}
.about-content-sec .teps-part2-wrap{padding:100px 0;background:#e8e8e8;}
.about-content-sec .teps-part2-wrap .txt{text-align:center;font-size:24px;line-height:36px;color:#333;}
.about-content-sec .teps-part2-wrap .txt strong{display:inline-block;font-weight:bold;position: relative;}
.about-content-sec .teps-part2-wrap .txt strong:before{position: absolute;left:0;bottom:3px;content:"";display:block;width:100%;height:12px;background: #ffcc00;}
.about-content-sec .teps-part2-wrap .txt strong span{position: relative;z-index:1;}
.about-content-sec .ot-cl-slide-wrap{width:900px;margin:0 auto;}
.about-content-sec .img{margin:85px auto 0;width:951px;}
.about-content-sec .teps-part3-wrap{height:381px;background:#313131 url(../images/etc/teps_hpay.png) 50% 0 no-repeat;text-align:center;}
.about-content-sec .teps-part3-wrap .txt{font-size:30px;color:#fff;margin-bottom:40px;padding-top:125px;}

.about-top-sec.tp2{padding:80px 0;}
.about-top-sec .tit2{font-size:36px;color:#000;text-align:center;}
.about-top-sec .con{font-size:20px;color:#333;text-align:center;margin-top:25px;}
.about-content-sec .teps-consult-wrap{position: relative;padding:140px 0 160px;margin:0 auto;width:900px;}
.about-content-sec .teps-consult-wrap .tit{font-size:26px;color:#000;}
.about-content-sec .consult-list{width:898px;border:1px solid #ccc;margin-top:25px;box-sizing: border-box;}
.about-content-sec .consult-list:after{content:"";display:block;clear:both;}
.about-content-sec .consult-list li.class{float:left;width: 180px;box-sizing: border-box;}
/* .about-content-sec .consult-list li.consult{float:right;width: 716px;border-left:1px solid #ccc;box-sizing: border-box;} */
.about-content-sec .consult-list li dt{padding:13px 0;font-size:12px;color:#9a9999;text-align:center;}
.about-content-sec .consult-list li dd{border-top:0px solid #ccc;}
.about-content-sec .consult-list li dd .box{position: relative;width: 180px;height:338px;}
.about-content-sec .consult-list li.consult dd .box{float:left;width: 178px;border-left:1px solid #ccc;overflow: hidden;}
.about-content-sec .consult-list li.consult dd .box:first-child{border-left:0;}
.about-content-sec .consult-list li dd .box a{display:block;padding:15px 20px;}
.about-content-sec .consult-list li dd .box a:before{content:"";display:block;width:100%;height:100%;position: absolute;left:0;top:0;background:#000;opacity:0;z-index:1;transition:opacity .3s;}
.about-content-sec .consult-list li dd .box a:hover:before{opacity:0.3;}
.about-content-sec .consult-list li dd .box .simg{position: absolute;right:0;bottom:0;}
.about-content-sec .consult-list li dd .box .simg img{width:auto;width: 166px;margin-bottom:62px;}
.about-content-sec .consult-list li dd .box .stit{position: relative;font-size:12px;font-weight:bold;color:#000;}
.about-content-sec .consult-list li dd .box .sname{position: relative;font-size:24px;color:#000;margin-top:23px;}
.about-content-sec .consult-list li dd .box .sinfo{position: absolute;left:20px;bottom:15px;font-size:11px;color:#000;line-height:16px;}
.about-content-sec .consult-list li dd .box .sinfo span{font-weight:bold;display:block;}
.about-content-sec .consult-detail{margin-top:43px;display:none;}
.about-content-sec .consult-detail:first-child{display:block;}
.about-content-sec .consult-detail dt{height:296px;}
.about-content-sec .consult-detail dt .people{position:relative;float:right;width:420px;height:296px;margin-right:30px;}
.about-content-sec .consult-detail dt .people .name{margin-top:30px;font-size:43px;line-height:50px;padding-right:150px;}
.about-content-sec .consult-detail dt .people .name strong{font-weight:bold;}
.about-content-sec .consult-detail dt .people .info{margin-top:20px;font-size:11px;color:#999;padding-right:150px;}
.about-content-sec .consult-detail dt .people .info span{margin:0 5px;font-size:10px;position: relative;top:-1px;}
.about-content-sec .consult-detail dt .people .simg{position: absolute;right:-40px;top:0;}
.about-content-sec .consult-detail dt .people .simg img{width:auto;}
.about-content-sec .consult-detail dd{padding-top:60px;border-top:1px solid #000;}
.about-content-sec .consult-detail dd .greeting{position: relative;padding-left:450px;min-height:520px;}
.about-content-sec .consult-detail dd .greeting .gimg{position: absolute;left:20px;width:400px;}
.about-content-sec .consult-detail dd .greeting .gtxt{font-size:12px;line-height:1.9;}
.about-content-sec .consult-detail dd .greeting .gtxt strong{font-weight:bold;}
.about-content-sec .consult-detail dd .review{margin-top:75px;}
.about-content-sec .consult-detail dd .review .tit{margin-left:30px;font-size:26px;}
.about-content-sec .consult-detail dd .review .review-detail{margin-top:20px;}
.about-content-sec .consult-detail dd .review .review-detail .article-slick-wrap{position:relative;padding:40px 60px;background: #f1f3f4;}
.about-content-sec .consult-detail dd .review .review-detail .article{font-size:14px;line-height:24px;}
.about-content-sec .consult-detail dd .review .review-detail .btn-prev,
.about-content-sec .consult-detail dd .review .review-detail .btn-next{display:block;width:20px;height:16px;text-indent:-20000px;position: absolute;top:50%;margin-top:-8px;}
.about-content-sec .consult-detail dd .review .review-detail .btn-prev{background:url(../images/etc/btn_arrow_prev.png) 0 0 no-repeat;left:20px;}
.about-content-sec .consult-detail dd .review .review-detail .btn-next{background:url(../images/etc/btn_arrow_next.png) 0 0 no-repeat;right:20px;}
.about-content-sec .btn-bottom{position: absolute;left:50%;bottom:-40px;display:block;width:100px;height:100px;background: #ffcc00;border-radius:50%;font-size:11px;color:#000;text-align:center;}
.about-content-sec .btn-bottom span{padding-top:28px;display:block;background:url(../images/etc/btn_arrow_top.png) 50% 10px no-repeat;}
.about-content-sec .column-wrap{padding:50px 0 80px;margin:0 auto;width:1200px;}
.about-content-sec .column-wrap .prob-sch-wrap{margin:0 auto;width:840px;}
.about-content-sec .column-wrap .column-list{width:1218px;position:relative;left:-9px;}
.about-content-sec .column-wrap .column-list li{float:left;margin:28px 9px 0;}
.about-content-sec .column-wrap .column-list:after{content:"";display:block;clear:both;}
.about-content-sec .column-wrap .column-list li a{display:block;width:388px;height:270px;position: relative;}
.about-content-sec .column-wrap .column-list li .simg img{width:388px;height:270px;position: absolute;left:0;top:0;}
.about-content-sec .column-wrap .column-list li .bg{position: absolute;left:0;top:0;width:100%;height:100%;
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
}
.about-content-sec .column-wrap .column-list li .txt-box{position: absolute;left:30px;bottom:30px;width:328px;text-align:center;}
.about-content-sec .column-wrap .column-list li .txt-box .tit{display:block;font-size:18px;line-height:26px;color:#000;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;max-height:52px;overflow:hidden;}
.about-content-sec .column-wrap .column-list li .txt-box .by{display:block;font-size:14px;color:#000;margin-top:10px;}
.about-content-sec .column-wrap .column-list li .hover-text{background:rgba(62,81,180,0.9);position: absolute;left:0;top:0;width:100%;height:100%;text-align:center;opacity:0;transition:opacity .3s;}
.about-content-sec .column-wrap .column-list li a:hover .hover-text{opacity:1;}
.about-content-sec .column-wrap .column-list li .hover-text .inner{padding:30px;}
.about-content-sec .column-wrap .column-list li .hover-text .tit{font-size:18px;color:#fff;}
.about-content-sec .column-wrap .column-list li .hover-text .by{font-size:14px;color:#fff;margin-top:30px;}
.about-content-sec .column-wrap .column-list li .hover-text .con{margin-top:20px;font-size:13px;color:#fff;line-height:22px;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;word-wrap:break-word;max-height:88px;overflow:hidden;}
.about-content-sec .column-wrap .column-list li .hover-text .wish{padding:6px 23px;display:inline-block;background:#fff;margin-top:20px;position: relative;color:#3e51b4;font-size:14px;line-height:16px;}
.about-content-sec .column-wrap .column-list li .hover-text .wish:after{content:"��";font-size:16px;line-height:16px;margin-left:10px;}
.about-content-sec .column-wrap .column-list li .hover-text .wish.on:after{content:"��";}

.popup-wrap.column{margin-top:-315px;}
.popup-wrap.column .popup-cont{max-height:initial;overflow-y:inherit;}
.popup-wrap.column .tit{font-size:30px;text-align:center;}
.popup-wrap.column .tip{font-size:15px;text-align:center;margin-top:35px;}
.popup-wrap.column .info{margin-top:25px;font-size:0;text-align:center;}
.popup-wrap.column .info li{position:relative;display:inline-block;margin-left:19px;padding-left:20px;font-size:14px;}
.popup-wrap.column .info li span{font-size:12px;margin-right:8px;}
.popup-wrap.column .info li:before{position:absolute;left:0;top:0;content:"";display:block;width:1px;height:16px;background:#000;}
.popup-wrap.column .info li:first-child{padding-left:0;margin-left:0;}
.popup-wrap.column .info li:first-child:before{display:none;}
.popup-wrap.column .ui-scrollbar{margin-top:30px;max-height:300px;}
.popup-wrap.column .article{font-size:14px;line-height:24px;color:#000;}
.popup-wrap.column .article img{width:auto;}
.popup-wrap.column .btn-wrap{margin-top:40px;}
.popup-wrap.column .btn-base{margin:0 auto;padding:13px 65px;}
.popup-wrap.column .btn-base:after{content:"��";margin-left:5px;}
.popup-wrap.column .btn-base.on:after{content:"��";}

/* 怨좉컼�쇳꽣 */
.about-top-sec.customer{background:#000;padding:80px 0;}
.about-top-sec.customer .tit{font-size:36px;color:#ffcc00;}
.about-top-sec.customer .con{font-size:20px;color:#ffcc00;line-height:32px;}
.customer-tab-wrap{position:relative;width:100%;height:60px;overflow:hidden;}
.customer-tab{margin:0 auto;width:840px;}
.customer-tab li{position:relative;float:left;width:25%;}
.customer-tab li a{display:block;padding:22px 0;font-size:16px;color:#999;text-align:center;}
.customer-tab li.li1 a{background:#f0f1f3;}
.customer-tab li.li2 a{background:#f0f1f3;}
.customer-tab li.li3 a{background:#cccccc;color:#fff;}
.customer-tab li.li4 a{background:#999999;color:#fff;}
.customer-tab li.on a{background:#fff;color:#000;}
.customer-tab li.li1:before,
.customer-tab li.li4:before,
.customer-tab li.li1:after,
.customer-tab li.li4:after{position:absolute;content:"";width:600px;height:60px;top:0;}
.customer-tab li:before{background:#fff;display:none;}
.customer-tab li.li1:after{background:#f0f1f3;}
.customer-tab li.li4:after{background:#999999;}
.customer-tab li.li1:before, .customer-tab li.li1:after{left:-600px;}
.customer-tab li.li4:before, .customer-tab li.li4:after{right:-600px;}
.customer-tab li.li1.on:before, .customer-tab li.li4.on:before{display:block;z-index:1;}
.customer-panel{width:900px;margin:50px auto 0;padding-bottom:100px;}
.customer-panel .prob-sch-wrap{width:840px;margin:0 auto;}
.customer-panel .prob-tab{margin:0 auto 32px;width:848px;}
.customer-panel .prob-tab:after{content:"";display:block;clear:both;}
.customer-panel .prob-tab li{float:left;margin:0 4px 8px;}
.customer-panel .prob-tab li>a{display:block;width:202px;padding-top:13px;height:29px;font-size:16px;color:#3e51b4;border:1px solid #3e51b4;text-align:center;}
.customer-panel .prob-tab li a.on{background:#3e51b4;color:#fff;}
.customer-panel .btn-wrap{margin-top:45px;}
.customer-panel .btn-base{min-width:128px;}
.customer-panel .info{font-size:13px;line-height:22px;}
.customer-panel .frec-frm-list{margin-top:20px;}
.customer-panel .textarea-base{height:200px;}

.tb-view{width:100%;}
.tb-view th{position: relative;padding:0 180px 30px 30px; font-size:20px;color:#000;text-align:left;border-bottom:1px solid #ccc;}
.tb-view td{padding:30px;font-size:14px;line-height:1.6;color:#000;}
.tb-view th .sinfo{font-size:12px;font-weight:normal;color:#999;position: absolute;right:0;top:10px;}
.customer-panel .btn-list{display:inline-block;font-size:12px;color:#000;margin:15px 0 0 30px;}



@media screen and (min-width:751px){
  .gnb-wrap{display:block !important;height:auto !important;}
  .gnb-wrap .foot-copy{display:none !important;}
}

@media screen and (max-width:750px){
  body{overflow-x:hidden;}
	body.only-pc{overflow-x:inherit;}
  body:not(.only-pc) .pcm{display:none !important;}
  body:not(.only-pc) .wbr{display:none;}
  body:not(.only-pc) .mom{display:block !important;width:100%;}
  body:not(.only-pc) .mbr{display:block;}
  body:not(.only-pc) .tbw{display:none;}
  body:not(.only-pc) .tbm{display:table;}
  body:not(.only-pc) #container.pb80{padding-bottom:50px !important;}

  body:not(.only-pc) #wrapper{min-width:inherit;}
  body:not(.only-pc) #header{height:auto;position: fixed;left:0;top:0;width:100%;background: #fff;transition:top .1s;}
  body:not(.only-pc) #header .main_banner{display:none;}
  body:not(.only-pc) #header .main_banner_mobile{display:block;}
	body:not(.only-pc) #header.hasScroll{top:-95px;}
	body:not(.only-pc) #container{}
  body:not(.only-pc) #header .inner{width:100%;padding:20px 0;height:auto;}
  body:not(.only-pc) #header h1{margin:0 auto;width:128px;}
  body:not(.only-pc) #header h1 a{width:128px;height:25px;background:url(../images/common/m_logo.png) 0 0 no-repeat;background-size:auto 25px;}
  body:not(.only-pc) #header .btn-menu{display:block;}
  body:not(.only-pc) #header .btn-login{display:block;}
  body:not(.only-pc) #footer .foot-top{display:none;}
  body:not(.only-pc) .gnb-wrap{display:none;left:-100%;top:65px;width:100%;background:#fff;border-top:1px solid #ccc;overflow-y:auto;transition:left .3s;display:block;}
	body:not(.only-pc) .gnb-wrap.hasActive{left:0;}
  body:not(.only-pc) #gnb>li{float:none;border-bottom:1px solid #ccc;margin-left:0;}
  body:not(.only-pc) #gnb li a{display:block;padding:15px;}
  body:not(.only-pc) #gnb li.active a{border-bottom:0;}
  body:not(.only-pc) #gnb span.num{left: 90px;top: 350px;right: unset;}
  body:not(.only-pc) #gnb ul{position:static;width:100%;border:0;border-top:1px solid #ccc;display:block !important;}
  body:not(.only-pc) #gnb ul li{border:0;}
  body:not(.only-pc) #gnb ul li a{padding:17px 30px;width:auto;text-align:left;}
  body:not(.only-pc) #util{display:none;}
  body:not(.only-pc) #util2{display:none;}

  body:not(.only-pc) #footer .foot-sec{width:100%;}
  body:not(.only-pc) #footer .foot-sec.bottom{padding:30px 0 27px;}
  body:not(.only-pc) #footer .inner{width:100%;float:none;}
  body:not(.only-pc) #footer address{padding:0 15px;}
  body:not(.only-pc) #footer .old_contep_move2{font-size:.8rem;margin-left:15px;}
  body:not(.only-pc) .foot-copy{padding:17px 15px 0;}
  body:not(.only-pc) .foot-copy .sns-list{position:static;margin-top:35px;}
  body:not(.only-pc) .foot-copy .copy-list{overflow:hidden;width:auto;}
  body:not(.only-pc) .foot-copy .copy-list li.copy{width:100%;margin-bottom:15px;}
  body:not(.only-pc) .foot-copy .copy-list li.pc{display:block;}
  body:not(.only-pc) .foot-copy .copy-list li.mobile{display:none;}
  body:not(.only-pc) .gnb-wrap .foot-copy{margin-top:0;border-top:0;padding-bottom:28px;}

  body:not(.only-pc) .btn-base{padding-top:17px;padding-bottom:17px;font-size:14px;}
  body:not(.only-pc) .btn-base.btn_temp_save{padding:10px 15px;margin-top:5px;margin-left:200px;margin-bottom:20px;}

  body:not(.only-pc) .file-wrap{width:auto;padding-left:130px;}
  body:not(.only-pc) .file-wrap div.btn_file_wrap{position:absolute;left:0;top:0;}
  body:not(.only-pc) .file-wrap input#attachReport{width:100%;float:none;padding:0;}

  body:not(.only-pc) .popup-dimm{display:none;}
  body:not(.only-pc) .popup-wrap{left:0;top:0;margin:0;width:100%;height:100%;margin-top:0 !important;overflow-y:auto;/*background:rgba(255,255,255,0.85)*/}
  body:not(.only-pc) .popup-wrap .popup-cont{padding:0 15px 15px;max-height:inherit;overflow-y:inherit;}
  body:not(.only-pc) .popup-wrap .title{margin-top:20px;font-size:20px;}
  body:not(.only-pc) .popup-wrap .info li{padding-left:11px;margin-left:10px;font-size:11px;}
  body:not(.only-pc) .popup-wrap .info li:before{height:10px;top:2px;}
  body:not(.only-pc) .popup-wrap .btn-close{left:15px;top:20px;width:12px;height:23px;margin-left:0;background:url(../images/common/m_popup_close.png) 0 0 no-repeat;background-size:12px auto;}

  /* �뚯썝媛��� */
  body:not(.only-pc) .signup-basic-info.joinus{background:#fff;padding:50px 0;}
  body:not(.only-pc) .signup-basic-info.joinus .inner{width:100%;}
  body:not(.only-pc) .signup-basic-info.joinus .tit{display:none;}
  body:not(.only-pc) .signup-basic-info.joinus .frec-frm-list{margin:0;padding:0 15px;}
  body:not(.only-pc) .signup-basic-info.joinus .input-base{width:100% !important;background:#f0f1f3;margin-left:0;}
  body:not(.only-pc) .signup-basic-info.joinus .input-base[name=score]{width:100px !important;}
  body:not(.only-pc) .signup-basic-info.joinus .frec-frm-list>li{padding-left:85px;margin-top:10px;}
  body:not(.only-pc) .signup-basic-info.joinus .frec-frm-list>li .label{font-size:11px;}
  body:not(.only-pc) .signup-basic-info.joinus .frec-frm-list>li .result.kakao{padding-left:33px;margin-left:0;font-size:12px;}
  body:not(.only-pc) .signup-basic-info.joinus .frec-frm-list>li .kakao:before{width:23px;height:23px;background-size:auto 23px;top:0;}
  body:not(.only-pc) .signup-basic-info.joinus .select-box.sm{background:#f0f1f3;border:1px solid #f0f1f3;}
  body:not(.only-pc) .signup-basic-info.joinus .frec-frm-list>li.birthday .select-box.sm{width:32% !important;margin-left:1% !important;float:left;box-sizing:border-box;}
  body:not(.only-pc) .signup-basic-info.joinus .frec-frm-list>li.birthday .select-box.sm:first-child{width:34% !important;margin-left:0 !important;}
  body:not(.only-pc) .signup-basic-info.joinus .frec-frm-list>li.mobile .select-box.sm{width:100% !important;margin-bottom:4px;box-sizing:border-box;}
  body:not(.only-pc) .signup-basic-info.joinus .frec-frm-list>li.path .select-box.sm{width:100% !important;border:0;}
  body:not(.only-pc) .signup-basic-info.joinus .btn-wrap{margin:80px 30px 0;}
  body:not(.only-pc) .signup-basic-info.joinus .btn-wrap .btn-base.tp4{width:100%;box-sizing:border-box;padding:18px 0;background: #fff;color:#000;}
}

/* �섏쓽 媛뺤쓽�� 紐⑤컮�� 踰꾩쟾 ======================================================================================================================= */
.mcs-list,
.myclass-detail-cont-m,
.btn-script-st2, .cplay-list-m,
.cplay-m, .mc-myclass-progress,
.mcs-curr-tab-wrap,
.mcs-contents,
.myclass .area-logout-m,
.myclass-consult .qna-write-wrap-m,
.myclass-cont-wrap .cont-m,
.myclass-taken .tb-taken .taken-detail .duration .m-txt,
.myclass-top .mcl-r .btn-re-test,
.myclass-top .mcl-r .mcl-r-tit,
.myclass-top .mcl-l-top,
.mcs-header,
.mc-nav-mobile {display: none;}
@media screen and (max-width:750px){
	.foot-copy .cs_kakao_m {position: absolute;right:15px; top:20px;}
	.foot-copy .cs_kakao_m span{display: block; margin-bottom: 10px; line-height: 20px;}
	.foot-copy .cs_kakao_m a{display: block; width:53px; height: 53px;} 
	.foot-copy .cs_kakao_m img {}
	/* 紐⑤컮�� �덉씠�꾩썐 */
	.myclass *, .myclass *:before, .myclass *:after {box-sizing: border-box;}
	.myclass #container {padding-top: 65px !important;height: auto !important;}
	.myclass-content-sec {margin-left: 0;width: 100%;height: auto !important;position: relative;z-index: 0;}
	.myclass-cont-wrap {padding: 0 0 10px 0 ;width: 100%;}
	
	/* 紐⑤컮�� �꾩슜 - �섎떒 nav */
	.mc-nav-mobile {display: block;height: 56px;width: 100%;display: block;position: relative; }
	.mc-nav-mobile .list {z-index: 25;position: fixed;bottom: 0;left: 0;width: 100%;background-color: #000;padding: 5px 0 10px;border-top: 1px solid #dbdbdb;}
	.mc-nav-mobile:after {content: '';display: block;clear: both;}
	.mc-nav-mobile li {float: left;width: 25%; text-align: center; font-size: 10px;}
	.mc-nav-mobile li a {display: block;width:100%; padding-top:36px;margin: 0 auto;position: relative; color:#666;/*background: url(../images/myclass/m_nav_icon.png) 0 0 no-repeat;*/ }
	/*.mc-nav-mobile li a:before {content: '';display: block;width: 100%;height: 100%;position: absolute;background: url(../images/myclass/m_nav_icon.png) 0 0 no-repeat;-webkit-background-size: 24px;background-size: 24px;opacity: 0.5;}
	.mc-nav-mobile .on a:before {opacity: 1;}*/
	.mc-nav-mobile .n01 a {background: url(../images/myclass/m_nav_curr.png) center 10px no-repeat; background-size: 25px 20px;}
	.mc-nav-mobile .n02 a {background: url(../images/myclass/m_nav_voca.png) center 10px no-repeat; background-size: 22px 22px;}
	.mc-nav-mobile .n03 a {background: url(../images/myclass/m_nav_cons.png) center 10px no-repeat; background-size: 22px 22px;}
	.mc-nav-mobile .n04 a {background: url(../images/myclass/m_nav_my.png) center 10px no-repeat; background-size: 24px 20px;}
	.mc-nav-mobile .n01.on a {background: url(../images/myclass/m_nav_curr_act.png) center 10px no-repeat; background-size: 25px 20px;color:#fff;}
	.mc-nav-mobile .n02.on a {background: url(../images/myclass/m_nav_voca_act.png) center 10px no-repeat; background-size: 22px 22px;color:#fff;}
	.mc-nav-mobile .n03.on a {background: url(../images/myclass/m_nav_cons_act.png) center 10px no-repeat; background-size: 22px 22px;color:#fff;}
	.mc-nav-mobile .n04.on a {background: url(../images/myclass/m_nav_my_act.png) center 10px no-repeat; background-size: 24px 20px;color:#fff;}
	
	/* 紐⑤컮�� �꾩슜 - �ㅻ뜑 */
	.mcs-header {display: block;position: fixed;width: 100%;height: 65px;left: 0;top: 0;background-color: #fff;z-index: 10;}
	.mcs-header .mcs-tit {display: block;width: 100%;height: 65px;line-height: 46px;text-align: center;font-size:17px;font-weight: 500;color: #333;border-bottom: 1px solid #ccc;}
	.mcs-header .ly-left {position: absolute;top:23px;left: 20px;}
	.mcs-header .ly-right {position: absolute;top:23px;right: 20px;}
	.mcs-header .ly-left a,
	.mcs-header .ly-right a {color: #3e51b4;font-size:17px;font-weight: 400;text-align: right;}
	.mcs-header .btn-back {display: block;font-size:17px;padding-left: 22px;height: 23px;padding-top: 2px;color: #3e51b4;}
	.mcs-header .btn-back:before {content: '';display: block;width: 12px;height: 23px;background: url(../images/common/m_icon_back_blue.png) 0 0 no-repeat;-webkit-background-size: 12px;background-size: 12px;position: absolute;top: 0;left: 0;}
	
	/* 紐⑤컮�� �꾩슜 - 由ъ뒪�� */
	.mcs-list {display: block;}
	.mcs-list > li {position: relative;}
	.mcs-list > li > a {display: block;font-size:16px;color: #000;height: 59px;line-height: 59px;border-bottom: 1px solid #f0f1f3;padding: 0 0 0 20px;background-color: #fff;position: relative;z-index: 0;}
	.mcs-list > li > a:hover {background-color: #f0f1f3;}
		
	/* 紐⑤컮�� �꾩슜 - 而⑦뀗痢� */
	.mcs-contents {padding: 40px 25px;display: block;}
	.mcs-contents .title-st1 {font-size:19px;color: #3e51b4;margin-bottom: 14px;}
	.mcs-contents .txt-st1 {font-size:13px;line-height: 19px;color: #333;}
	.mcs-contents .area-btn {text-align: center;margin-top: 45px;}
	.mcs-contents .area-btn .tp6 {width: 100%;}
	
	/* 紐⑤컮�� �꾩슜 - �앹뾽 而⑦뀗痢� */
	body .myclass .popup-wrap {width: 80% !important;height:auto;top:50%;left: 50% !important;margin-left: -40% !important;overflow-y: visible !important;background-color: #fff;}
	body .myclass .popup-wrap .btn-close {background-image: url(../images/common/popup_close.png);-webkit-background-size: 22px;background-size: 22px;width: 22px;height: 22px;left: auto;right: 0;top: -22px;}
	.mcs-pcont {padding: 14px 17px;}
	.mcs-pcont .title-st1 {font-size:19px;color: #3e51b4;margin-bottom: 14px;}
	.mcs-pcont .txt-st1 {font-size:13px;line-height: 19px;color: #333;}
	.mcs-pcont .area-btn {text-align: center;margin-top: 45px;}
	.mcs-pcont .area-btn .tp6 {width: 100%;}
	
	
	/* �쇱そ gnb */
	#left-menu{position: fixed;left:0;top:0;width:100%;height:100%;background:#fff;z-index:20;display: none;}
	#left-menu.on {display: block;}
	#left-menu .left-inner{position:relative;width:100%;height:100% !important;background: #fff;}
	#left-menu h1 {display: none;}
	#left-menu .util-list {display: none;}
	#left-menu .menu-list{padding:0;border-top:0;border-bottom:0;width: 100%;height: 100%;}
	#left-menu .menu-list .ml-home,
	#left-menu .menu-list .ml-consulting,
	#left-menu .menu-list .ml-curriculum {display: none;}
	#left-menu .menu-list > li {position: relative;width: 100%;height: 100%;}
	#left-menu .menu-list > li.on {display: block;}
	#left-menu .menu-list > li > a {font-size:17px;color: #000;font-weight: 500;text-align: center;border-bottom: 1px solid #ccc;height: 65px;line-height: 65px;padding: 0;position: relative;}
	#left-menu .menu-list > li.on .myclass-menu {position: relative;width: 100%;height: calc(100% - 118px);overflow-y: auto;-webkit-overflow-scrolling: touch;}
	#left-menu .menu-list>li>a:hover, .menu-list>li>a.on{background:#fff;color:#000 !important;}
	#left-menu .menu-list .ml-curriculum.on .myclass-menu > li > a {display: block;font-size:16px;color: #000;height: 59px;line-height: 59px;border-bottom: 1px solid #f0f1f3;padding: 0 0 0 20px;}
	#left-menu .menu-list .ml-curriculum.on .myclass-menu .myclass-sub {top: 0;left: 100% !important;/*transition: left 0.3s;*/position: fixed;width: 100%;height: calc(100% - 53px) !important;z-index: 600;}
	#left-menu .menu-list .ml-curriculum.on .myclass-menu .myclass-sub .mcs-header {position: relative;}
	#left-menu .menu-list .ml-curriculum.on .myclass-menu .myclass-sub ul {padding: 0;}
	#left-menu .menu-list .ml-curriculum.on .myclass-menu .myclass-sub li a {display: block;font-size:16px;color: #000;height: 59px;line-height: 59px;border-bottom: 1px solid #f0f1f3;padding: 0 0 0 20px;background-color: #fff;}
	#left-menu .menu-list .ml-curriculum.on .myclass-menu .myclass-sub li a:hover {background-color: #f0f1f3;}
	#left-menu .menu-list .ml-curriculum.on .myclass-menu > li > a.on {background-color: #f0f1f3;color: #000;}
	#left-menu .menu-list .ml-curriculum.on .myclass-menu > li > a.on + .myclass-sub {left: 0 !important;}	
	#left-menu .myclass-menu>li.active>a{background: #fff;color:#000;}
	#left-menu .mcs-header .mcs-tit {color: #fff;}
	#left-menu .mcs-header .btn-back {color: #fff;}
	#left-menu .mcs-header .btn-back:before {background-image: url(../images/common/m_icon_back.png);}
	#left-menu .myclass-sub li{margin-top:0;}
	#left-menu .myclass-sub .mcs-list {position: absolute;width: 100%;height: calc(100% - 65px);overflow-y: auto;-webkit-overflow-scrolling: touch;background-color: #fff;}
	#left-menu .myclass-sub.sub1 .mcs-header {background-color: #08c37e;}
	#left-menu .myclass-sub.sub2 .mcs-header {background-color: #0e87e0;}
	#left-menu .myclass-sub.sub3 .mcs-header {background-color: #543def;}
	#left-menu .myclass-sub.sub4 .mcs-header {background-color: #ed6e89;}
	#left-menu .myclass-sub.sub5 .mcs-header {background-color: #ba28eb;}
	#left-menu .myclass-sub.sub6 .mcs-header {background-color: #ff0022;}
	#left-menu .myclass-sub.sub7 .mcs-header {background-color: #91705f;}
	#left-menu .myclass-sub.sub8 .mcs-header {background-color: #1b1b1b;}
	#left-menu .myclass-sub.sub9 .mcs-header {background-color: #1b1b1b;}
	#left-menu .menu-list .ml-consulting.on .myclass-menu {background-color: #fff;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content: center;flex-direction: column;}
	#left-menu .menu-list .ml-consulting.on .myclass-menu li {margin: 10px auto;width: 85.33333333333333%;}
	#left-menu .menu-list .ml-consulting.on .myclass-menu li a {display: block;text-align: center;font-size:17px;color: #333;position: relative;background-color: #ffcc00;border-radius: 3px;padding: 56px 0;}
	#left-menu .menu-list .ml-consulting.on .myclass-menu li a:after {content: '��';color: inherit;margin-left: 4px;}
	#left-menu .menu-list .ml-consulting.on .myclass-menu li + li a {color: #fcfbfb;background-color: #3e51b4;}
	
	/* 紐⑤컮�� �꾩슜 - �⑥뼱�� */
	.mcw-voca .mcs-header .btn-edit-voca {display: block;}
	.mcw-voca .mcs-header .btn-com-voca {display: none;}
	.mcw-voca .mcs-list .ly-right {position: absolute;top:20px;right: 20px;display: none;z-index: 1;}
	.mcw-voca .mcs-list .ly-right a {color: #ff0303;font-size:17px;font-weight: 400;text-align: right;}
	.mcw-voca.editMode .mcs-header .btn-edit-voca {display: none;}
	.mcw-voca.editMode .mcs-header .btn-com-voca {display: block;}
	.mcw-voca.editMode .mcs-list .ly-right {display: block;}
	
	/* �섍컯�앺솃 */
	.myclass-top {padding-bottom: 35px;border-bottom: 0;}
	.myclass-top .teacher, .myclass-top .mem-id {display: none;}
	.myclass-top .mcl-l {background-color: #000;width: 100%;float: none;padding: 22px 20px 80px 20px;}
	.myclass-top .mcl-l-top {display: block;position: relative;margin-bottom: 10px;}
	.myclass-top .mcl-l-top .code {font-size:10px;color: #999;}
	.myclass-top .mcl-l-top .btn-edit-info {font-size:10px;color: #999;position: absolute;right: 0;top: 0;}
	.myclass-top .member {color: #fff;font-size:21px;}
	.myclass-top .member em {font-size: 26px;font-weight: 500;margin-right: 3px;}
	.myclass-top .mcl-r {float: none;width: 100%;height: auto;position: relative;}
	.myclass-top .mcl-r .mcl-r-tit {display: block;font-size:16px;line-height: 24px;color: #999;padding: 25px 15px;}
	.myclass-top .mcl-r .btn-base {font-size:12px;padding: 12px 0;}
	.myclass-top .mcl-r .btn-base.tp4 {position: absolute;right: 15px;top: 25px;width: calc(50% - 15px);}
	.myclass-top .mcl-r .btn-base.tp2{position: relative;left: auto;bottom: auto;width: calc(50% - 15px);margin-left: 50%;margin-top: 10px;text-align: center;border:1px solid #000;}
	.myclass-top .mcl-r .sinf {position: absolute;right: 15px;top: 58px;width: calc(50% - 15px);color: #999;line-height: 16px;text-align: left;}
	.myclass-top .mcl-r .score {position: relative;left: auto;bottom: auto;margin-top: 45px;padding: 0 15px;}
	.myclass-top .mcl-r .score li {font-size:10px;color: #999;float: left;width: 50%;padding-left: 0;margin-top: 0;}
	.myclass-top .mcl-r .score:after {content: '';display: block;clear: both;}
	.myclass-top .mcl-r .score li .tit {font-size:11px;color: #666;position: relative;display: block;padding-bottom: 70px;}
	.myclass-top .mcl-r .score li .tit.goal {top: 0;padding-bottom: 10px;}
	.myclass-top .mcl-r .score li .sco_cur {margin-right: 0;}
	.myclass-top .mcl-r .score li .sco_cur em {font-size:55px;color:black;font-weight: 400;display: block;padding-bottom: 5px;}
	.myclass-top .mcl-r .score li .sco_cur span {display:none;}
	.myclass-top .mcl-r .score li .sco {margin-right: 0;}
	.myclass-top .mcl-r .score li .sco em {font-size:55px;color: #3e51b4;font-weight: 400;display: block;padding-bottom: 5px;}
	.myclass-top .mcl-r .score li .sco span {display: none;}
	.myclass-top .mcl-r .btn-re-test {display: block;}
	.myclass-top .mcl-r .result {width: 50%;padding: 25px 0 25px 15px;overflow: hidden;clear: both;}
	.myclass-top .mcl-r .result.before {position:inherit;bottom:inherit;}
	.myclass-top .mcl-r .result.test {margin-bottom: 0;}
	.myclass-top .mcl-r .result li:first-child {font-size:55px;color: #999;font-weight: 400;display: block;width: 100%;margin-bottom: 20px;}
	.myclass-top .mcl-r .result.test li:first-child {color: #333;}
	.myclass-top .mcl-r .result li:first-child strong {font-size:11px;color: #666;display: block;margin-bottom: 10px;}
	.myclass-top .mcl-r .result li:first-child span {display: none;}
	.myclass-top .mcl-r .result li {margin-left: 0;width: 45%;}
	.myclass-top .mcl-r .result li + li {font-size:12px;color: #999;margin-bottom: 7px;}
	.myclass-top .mcl-r .result + .score {width: 50%;position: absolute;right: 0;top: 164px;padding: 0;}
	.myclass-top .mcl-r .result + .score li {width: 100%;}
	.myclass-top .mcl-r .result + .score li .sco em {padding-bottom: 20px;}
	
	.myclass-notice {margin:0 15px; padding-top:17px;border-top:2px solid #333;}
    .myclass-notice a{font-size: 14px; color:#2b2b2b;}
	.myclass-notice a span {font-size:bold; color:#ff2626;}

	.myclass-taken {padding: 0 0 45px 0;margin: 0 15px;/*border-top:2px solid #333;*/border-bottom:2px solid #333;}
	.myclass-taken .tit {font-size:26px;padding-top: 35px;}
	.myclass-taken .tb-taken thead,
	.myclass-taken .tb-taken td .cal-wrap,
	.myclass-taken .tb-taken td .btn {display: none !important;}
	.myclass-taken .tb-taken .taken-detail table tbody tr:after,
	.myclass-taken .tb-taken .taken-detail table tbody:after,
	.myclass-taken .tb-taken .taken-detail table:after{content: '';display: block;clear: both;}
	.myclass-taken .tb-taken .taken-detail tbody {float: left;display: block;width: 100%;}
	.myclass-taken .tb-taken .taken-detail tbody tr {float: left;display: block;width: 100%;}
	.myclass-taken .tb-taken .taken-detail tbody tr.mobile-lecture {margin-bottom: 20px;text-align: center;display:block !important;}
	.myclass-taken .tb-taken .taken-detail tbody tr.mobile-lecture a.pause-btn {border: 1px solid;line-height: 30px;width: 80%; display: inline-block;text-align: center;}
	.myclass-taken .tb-taken .taken-detail tbody td {float: left;display: block;width: 100%;padding: 0 !important;}
	.myclass-taken .tb-taken .taken-detail {border: 0;}
	.myclass-taken .tb-taken .taken-detail table {display: block;width: 100%;}
	.myclass-taken .tb-taken .taken-detail td + td {display: none;}
	.myclass-taken .tb-taken .taken-detail td + td + td +td {display: block;}
	.myclass-taken .tb-taken td .type.st1 {width: 100%;border-radius: 0;font-size:16px;padding: 14px 70px;}
	.myclass-taken .tb-taken td .type.st2 {width: 100%;border-radius: 0;font-size:16px;padding: 14px 70px;}
	.myclass-taken .tb-taken .taken-detail .duration {margin: 15px 0;}
	.myclass-taken .tb-taken .taken-detail .duration .m-txt {display: block;font-size:12px;color: #ccc;text-align: left;width: 50%;float: left;}
	.myclass-taken .tb-taken .taken-detail .duration .class-date {width: 50%;float: right;}
	.myclass-taken .tb-taken .taken-detail .duration:after {content: '';display: block;clear: both;}
	.myclass-taken .tb-taken td .class-date li {text-align: right;position: relative;margin-top: 20px;}
	.myclass-taken .tb-taken td .class-date li + li:before {content: '-';position: absolute;top: -18px;right:1px;}
	.myclass-taken .tb-taken td .class-date li + li span em {color: #ff3333;}
	.myclass-taken .tb-taken td .class-date li span {font-size:12px;color: #666;display: block;margin-bottom: 5px;}
	.myclass-taken .tb-taken td .class-date li span + span:before {display: none;margin-bottom: 0;}
	.myclass-taken .tb-taken td .class-date li span em {font-size:12px;color: #666;}	
	.myclass .cl-loadmap {margin-top:0 !important;}
	.myclass .cl-loadmap .tit {font-size:26px;padding-top: 15px;}
	.myclass .area-logout-m {display: block;margin: 100px 15px 0 15px;padding-top: 40px;padding-bottom: 20px;border-top: 2px solid #333;text-align: center;}
	
	/* 紐⑤컮�� �꾩슜 - 吏꾨떒�뚯뒪�� �명듃濡� */
	.diagnose-wrap {position:static;width:100%;}
	.diagnose-wrap.diagnose-wrap-m {display: block;}
	.diagnose-wrap .diagnose-cont{padding:75px 30px;margin-top:0;}	
	.diagnose-wrap .btns a{margin-top:7px;width:100%;margin-left:0;font-size:14px;}
	.diagnose-wrap .btns a:first-child{margin-top:0;}
	.diagnose-wrap .btn-base.tp6{width:100%;box-sizing:border-box;font-size:14px;padding:16px 0;}
	.diagnose-wrap .info li{font-size:13px;line-height:1.6;}
	.diagnose-wrap .inf{margin-top:55px;font-size:12px;color:#333;line-height:22px;font-size:13px;line-height:1.6;}
	
	/* 吏꾨떒�뚯뒪��  */
	.myclass-diagnose .tit {display: none;}
	.myclass-diagnose .con{padding:20px 15px;font-size:13px;line-height:1.4;margin-top:0;}
	.myclass-diagnose .con2{margin-top:0;margin-left:15px;margin-bottom:20px;}
	.myclass-diagnose .tab{width:100%;margin-top:0;}
	.myclass-diagnose .tab li{width:25%;margin-left:0;}
	.myclass-diagnose .tab li a{width:auto;border-right:1px solid #fff;height:auto;line-height:inherit;padding:10px 0;}
	.myclass-diagnose .panel{padding-bottom:0;}
	.myclass-diagnose .panel .answer-sheet{margin-top:0;}
	.myclass-diagnose .panel .answer-sheet li{padding-left:57px;min-height:62px;}
	.myclass-diagnose .panel .answer-sheet li a{width:49px;height:49px;line-height:49px;}
	.myclass-diagnose .panel .answer-sheet li span.stit{font-size:16px;line-height:49px;left:16px;}
	.myclass-diagnose .panel .answer-sheet li .input-wrap{padding-left:20px;}
	.myclass-diagnose .panel .answer-sheet li span.arrow{position: absolute;left:0;top:0;display:inline-block;font-size:12px;color:#ccc;line-height:32px;}
	.myclass-diagnose .panel .answer-sheet li input{display:inline-block;margin-left:0;border-bottom:0;padding:0 0;}
	.myclass-diagnose .btns-wrap {margin-top: 0;padding: 10px;}
	.myclass-diagnose .btns-wrap .btn-base {width: 100% !important;font-size:14px !important;padding: 24px 0 !important;}
	.myclass-diagnose .panel .answer-sheet li .area-inp {width: 100%;margin-top: 0;margin: 15px 0 10px 0;top: 0;}
	.myclass-diagnose .panel .answer-sheet li .area-inp .ai-inner {display: block;width: 92%;min-height:20px;height: auto;max-height:85px;overflow-y: scroll;-webkit-overflow-scrolling: touch;background-color: transparent;border:0;margin-left: 20px;}
	.myclass-diagnose .panel .answer-sheet li .area-inp:after{display: none;}
	.myclass-diagnose .panel .answer-sheet li .area-inp:before {content: '��';position: absolute;top: -3px;left: 0;font-size:14px;color: #999;}
	.myclass-diagnose .panel .answer-sheet li .area-inp textarea {width: 100%;min-height: 20px;padding: 0 5px 0 0;font-size:12px;color:#ff3333;background: none;border:0;}
	
	/*.myclass-diagnose .panel .answer-sheet li .area-inp.isText textarea {color: #ff3333;}*/
	.myclass-diagnose .panel .answer-sheet li .area-inp.isText:before {color: #ff3333;}
	
	.myclass-diagnose .panel .answer-sheet li .area-inp textarea::-webkit-input-placeholder {color: #999;}
	.myclass-diagnose .panel .answer-sheet li .area-inp textarea::-moz-placeholder {color: #999;}
	.myclass-diagnose .panel .answer-sheet li .area-inp textarea:-ms-input-placeholder {color: #999;}
	.myclass-diagnose .panel .answer-sheet li .area-inp textarea:-moz-placeholder {color: #999;}
	.myclass-diagnose .panel .answer-sheet li .area-inp textarea::placeholder {color: #999;}
	
	.myclass-diagnose .result {padding: 0 15px;margin-top: 20px;margin-bottom: 0;}
	.myclass-diagnose .result li {font-size:13px;margin-left: 0;margin-right: 17px;color: #666;}
	.myclass-diagnose .result li:first-child {width: 100%;font-size:60px;margin-bottom: 20px;margin-right: 0;}
	.myclass-diagnose .result li:first-child strong {display: block;font-size:13px;margin-bottom: 5px;}
	.myclass-diagnose .result li:first-child strong span {display: inline-block;}
	.myclass-diagnose .result li:first-child span {display: none;}
	.myclass-diagnose .btn-re-test {position: relative;margin: 25px 0 20px 15px;padding: 12px 26px !important;width:196px;}
	.myclass-diagnose .btn-free{position:relative;display:block;margin:0 0 30px 15px;padding: 12px 26px !important;width:196px;top:0;right:0;}
	
	
	/* 而⑥꽕�댄듃 */
	.myclass-consult .qna-data .name,
	.myclass-consult .qna-data .time,
	.myclass-consult .qna-tit,
	.myclass-consult .qna-data .cont .tit {display: none !important;}
	.myclass-consult .qna-data {margin-top: 15px;margin-bottom:50px;}
	.myclass-consult .qna-data .question {padding: 0 50px 0 15px; margin-top:20px;}
	.myclass-consult .qna-data .answer {padding: 0 15px 0 50px;}
	.myclass-consult .qna-data .cont {padding: 10px 15px;font-size:13px;color: #f0f1f3;line-height: 22px;border-radius: 10px;}
	.myclass-consult .qna-data .answer .cont {color: #000;}
	.myclass-consult .qna-data .user {width: 30px;}
	.myclass-consult .qna-data li.question .user {right: 5px;}
	.myclass-consult .qna-data li.answer .user {left: 5px;}
	.myclass-consult .qna-data .user .boxF, 
	.myclass-consult .qna-data .user .boxT, 
	.myclass-consult .qna-data .user .boxS {width: 30px;height: 35px;}
	.myclass-consult .qna-data li.question .cont:after{right: -10px;top: 12px;border-top: 5px solid transparent;border-left: 10px solid #3e51b4;border-bottom: 5px solid transparent;}
	.myclass-consult .qna-data li.answer .cont:after{left: -10px;top: 12px;border-top: 5px solid transparent;border-right: 10px solid #f0f1f3;border-bottom: 5px solid transparent;}
	.myclass-consult .qna-data.online {-webkit-overflow-scrolling: touch;max-height: none;overflow: visible;margin-top: 74px;}
	.myclass-consult .qna-party {margin: 0;width: 100%;background-color: #fff;position: fixed;top: 65px;right: 0;padding: 10px 5px 10px 0;z-index: 10;}
	.myclass-consult .qna-write-wrap {display: block;margin: 0;position: relative;min-height: 47px;}
	.myclass-consult .qna-write-wrap .qww-inner {position: fixed;width: 100%;bottom: 0;left: 0;}
	.myclass-consult .qna-write-wrap #attachFile {display: none;}
    .myclass-consult .qna-write-wrap .area-text {padding: 7px 10px 7px 50px;background-color: #191919;}
    .myclass-consult .qna-write-wrap .area-text .textarea-base {font-size:15px;white-space:pre;height: 33px;max-height:95px;padding: 5px 15px;border-radius: 15px;}
    .myclass-consult .qna-write-wrap .area-text .textarea-base:focus {height: 95px;}
    
	.myclass-consult .file-wrap {height: 0;margin: 0;padding: 0;width: 100%;}/* 33 55 75 95 */
	.myclass-consult .file-wrap .btn-base.tp5 {font-size:0;height: 24px;width: 24px;padding: 0;border-radius: 0;background: url(../images/myclass/btn-enter.png) 0 0 no-repeat;-webkit-background-size: 24px;background-size: 24px;border:0;top:-35px;right:16px;}
	.myclass-consult .file-wrap div.btn_file_wrap input {font-size:0;height: 24px;width: 24px;padding: 0;border-radius: 0;background: url(../images/myclass/btn_add_file.png) 0 0 no-repeat;-webkit-background-size: 24px;background-size: 24px;border:0;top: -36px;left:13px;}
	.myclass-consult .qna-write-wrap .qna-hidden-txt {font-size:17px;color: #ccc;background-color: #191919;margin: 0;padding: 11px 20px;}
	.myclass-consult .qna-write-wrap .qna-question ~ * {display: none;}
	.myclass-consult .qna-write-wrap .qna-question {font-size:17px;color: #ccc;background-color: #191919;margin: 0;padding: 15px 10%;}
	.myclass-consult .qna-write-wrap span.hands {margin-left: 0;position: absolute;right: 10%;top:12px;}
	.myclass-consult .qna-write-wrap span.hands a.good {font-size:0;height: 24px;width: 24px;padding: 0;border-radius: 0;background: url(../images/myclass/hand1-m.png) 0 0 no-repeat;-webkit-background-size: 24px;background-size: 24px;border:0;}
	.myclass-consult .qna-write-wrap span.hands a.bad {font-size:0;height: 24px;width: 24px;padding: 0;border-radius: 0;background: url(../images/myclass/hand2-m.png) 0 0 no-repeat;-webkit-background-size: 24px;background-size: 24px;border:0;}
	.myclass-consult .qna-write-wrap .btns-wrap {margin-top: 0;}
	.myclass-consult .qna-write-wrap .btns-wrap .btn-base:nth-child(1) {position: absolute;top: 10px;right: 10px;width: 22px;height: 22px;background: url(../images/common/popup_close.png) 0 0 no-repeat;-webkit-background-size: 22px;background-size: 22px;border:0;font-size: 0;}
	.myclass-consult .qna-write-wrap .btns-wrap .btn-base:nth-child(2) {display: none;}
	
	.mcw-consult .mcs-header .mcs-tit {text-align: left;padding-left: 50px;}
	.mcw-consult .mcs-header .btn-search-open {display: block;width: 17px;height: 17px;background: url(../images/myclass/icon_search.png) 0 0 no-repeat;-webkit-background-size: 17px;background-size: 17px;}
	.mcw-consult .mcs-header .area-search {display: none;width: calc(100% - 52px);}
	.mcw-consult .mcs-header .area-search input {display: inline-block;padding: 5px 10px;font-size: 17px;color: #ccc;background-color: #282828;border:0;width: 100%;}
	.mcw-consult .mcs-header .area-search .btn-search {display: block;width: 17px;height: 17px;background: url(../images/myclass/icon_search2.png) 0 0 no-repeat;-webkit-background-size: 17px;background-size: 17px;position: absolute;top: 9px;right: 10px;}
	.mcw-consult .mcs-header.searchMode {background-color: #191919;}
	.mcw-consult .mcs-header.searchMode .btn-back:before {background-image: url(../images/common/m_icon_back.png);}
	.mcw-consult .mcs-header.searchMode .area-search {display: block;position: absolute;top: 16px;left: 39px;}
	.myclass-consult .cont-m {display: block;position: relative;margin-bottom: 10px;}
	.myclass-consult .cont-m .name {display: inline-block;font-size:11px;}
	.myclass-consult .cont-m .time {display: inline-block;font-size:11px;}
	.myclass-consult .question .cont-m .time-m {color: #999;text-align: left;}
	.myclass-consult .question .cont-m .name-m {text-align: right;position: absolute;right: 0;color: #f0f1f3;}
	.myclass-consult .answer .cont-m .time-m {text-align: right;position: absolute;right: 0;color: #999;}
	.myclass-consult .answer .cont-m .name-m {color: #000;text-align: left;}
	
	.mcw-consult .popup-dimm {background: #fff;}
	.mcw-consult .popup-wrap.teacher {width: 80%;height: 260px;left: 50%;top: 50%;margin-top: -150px !important;margin-left: -40%;overflow-y: visible;border: 1px solid #eee;box-sizing: border-box;}
	.mcw-consult .popup-wrap.teacher .teacher-wrap {padding: 50px 0 0 15px;}
	.mcw-consult .popup-wrap.teacher .teacher-wrap .tname {font-size:28px;line-height: 36px;}
	.mcw-consult .popup-wrap.teacher .teacher-wrap .tinfo {font-size:13px;line-height: 18px;margin-top: 10px;}
	.mcw-consult .popup-wrap.teacher .teacher-wrap .ttime {left: 15px;bottom: 20px;font-size:13px;line-height: 18px;}
	.mcw-consult .popup-wrap.teacher .teacher-wrap .teacher {width: 180px;bottom: 0px;right: 0px;z-index: -1;}
	.mcw-consult .popup-wrap.teacher .btn-close {background: url(../images/common/m_btn_close2.png);-webkit-background-size: 25px;background-size: 25px;width: 25px;height: 25px;left: auto;right: 0;top: -25px;}
	.mcw-consult .popup-wrap.img {width: 80%;height: auto;left: 50%;top: 50%;margin-left: -40%;}
	
	/* �꾩껜 �좏삎�� */	
	.info.cplay-m, .cplay-m, .mc-myclass-progress {display: block !important;}
	.myclass-detail{padding-left:0;width:100%;margin-bottom: -10px;}
	.cplay-list dd{margin-top:0;}
	.cplay-list > dl > dt {display: none;}
	.cplay-list > dl > dd {/*display: none;*/}
	.cplay-list div.print {display: none;}
	.cplay-list .print-m {height:40px; text-align: center; color:#ccc; font-size: 13px; line-height: 40px;font-weight: 100;}
	.cplay-list dd .info {margin: 0;padding: 25px 30px 30px 30px;}
	.cplay-list dd .info .tit {font-size:18px;}
	.cplay-list dd .info .con {font-size:13px;}
	.cplay-list dd .info .btn-base {font-size:13px;padding: 18px 40px;margin-top: 20px;width: 100%;position: relative;}
	.cplay-list dd ul {border: 0 !important;}
	.cplay-list dd ul li {width: 100%;border-bottom: 1px solid #f0f1f3;} 
	.cplay-list dd ul li:first-child {/*border-top: 1px solid #f0f1f3;*/} 
	.cplay-list dd .cplay-detail li {width: 100%;}
	.cplay-list dd .top {display: none;} 
	.cplay-list dd li .btn-control {top:22px;}
	.cplay-list dd .cplay-detail li.tit {width: 100%;padding: 0;margin: 0;border:0;}
	.cplay-list dd .cplay-detail li.tit .name {width: 100%;display: block;font-size:24px;color: #000;font-weight: normal;height: 113px;line-height: 68px;border-bottom: 1px solid #f0f1f3;padding: 0 0 0 20px;background-color: #fff;position: relative;z-index: 0;}
	.cplay-list dd .cplay-detail li.tit .name a {display: block;font-size:24px;color: #000;font-weight: normal;height: 113px;line-height: 68px;border-bottom: 1px solid #f0f1f3;padding: 0 0 0 20px;background-color: #fff;position: relative;z-index: 0;}
	.cplay-list dd .cplay-detail li.tit .btn-control.right {right: 20px;}
	.cplay-list dd .cplay-detail li.tit .mean {top:50px; left:22px; font-size: 14px;width:calc(100% - 150px);}
	.cplay-list dd li .btn-img{right:65px;}
	.cplay-list dd li .btn-control.play{background:url(../images/myclass/mv_control_pause_m.png) 0 0 no-repeat;-webkit-background-size: 24px;background-size: 24px;}
	.cplay-list dd li .btn-control.pause{background:url(../images/myclass/mv_control_play_m.png) 0 0 no-repeat;-webkit-background-size: 24px;background-size: 24px;}
	.cplay-list dd li .btn-control.check{background:url(../images/myclass/mv_control_chk_m.png) 0 0 no-repeat;-webkit-background-size: 24px;background-size: 24px;}
	.cplay-list dd li .btn-control.lock{top:19px;background:url(../images/myclass/mv_control_lock_m.png) 50% 0 no-repeat;-webkit-background-size: 20px;background-size: 20px;}
	.cplay-list dd li .btn-control.plus{background:url(../images/myclass/mv_control_plus_m.png) 0 0 no-repeat;-webkit-background-size: 24px;background-size: 24px;}
	.cplay-list dd li .btn-control.check.on{background:url(../images/myclass/mv_control_chk_on_m.png) 0 0 no-repeat;-webkit-background-size: 24px;background-size: 24px;}
	.cplay-list dd li .btn-control a {display: block; width:104px; height:31px; padding-left:42px; margin-bottom:7px;border-radius: 15px; line-height: 30px; text-align: left;}
	.cplay-list dd li .btn-control .voca_eg {background-image:url(../images/myclass/my_eg.png),url(../images/myclass/myvo_arrow.png);  background-position: 18px 8px, 79px 10px;}
	.cplay-list dd li .btn-control .voca_img {background-image:url(../images/myclass/my_eg_img.png),url(../images/myclass/myvo_arrow.png);  background-position: 18px 8px, 79px 10px;}
	/* 媛뺤쓽 */
	/*.cplay-list .cl-1 li .name{display: none;}
	.cplay-list .cl-1 li .time{display: none;}
	.cplay-list .cl-1 ul li {padding: 0;width: 100%;height: 210px;background-color: #000;}
	.cplay-list .cl-1 ul .btn-control {left: 50%;top:50%;width: 30px;height: 30px;margin-top: -15px;margin-left: -15px;}
	.cplay-list .cl-1 .info {background-color: #f0f1f3;height: calc(100vh - 370px);}
	.cplay-list .cl-1 li .btn-control.pause{background:url(../images/myclass/btn_play_m.png) 0 0 no-repeat;-webkit-background-size: 30px;background-size: 30px;}*/
	.cplay-list dd .movie-wrap {margin: 0;width: 100%;height: 210px;}
	.cplay-list dd .movie-player {width: 100%;height: 210px;}
	.cplay-list dd .movie-player .content_video{width: 100%;height: 210px;}
	.cplay-list .cl-1 .movie-wrap .btn-play {left: 50%;top:50%;width: 30px;height: 30px;margin-top: -15px;margin-left: -15px;background:url(../images/myclass/btn_play_m.png) 0 0 no-repeat;-webkit-background-size: 30px;background-size: 30px;}
	.cplay-list .cplay-m .btn-base {width: calc(100% - 80px);margin-left:30px;position:relative;}
	.cplay-list .cplay-m .btn-base:before {content: '';display: block;position: absolute;
		top:0;right: -20px;
		border-top: 24px solid transparent;
		border-bottom: 24px solid transparent;
		border-left: 20px solid #3e51b4;
		border-right: 0;
	}
	.cplay-list .cplay .btn-base {width: calc(100% - 80px);margin-left:30px;position:relative;}
	.cplay-list .cplay .btn-base:before {content: '';display: block;position: absolute;
		top:0;right: -20px;
		border-top: 24px solid transparent;
		border-bottom: 24px solid transparent;
		border-left: 20px solid #3e51b4;
		border-right: 0;
	}	
	/* mp3 */
	.cplay-list .listening ul {border:0;} 
	.cplay-list .listening ul li .name {margin-right: 0;} 
	.cplay-list .listening ul li .time {right: 15px;} 
	.cplay-list .listening ul li .btn-script-st2 {display: inline-block;width: 15px;height: 20px;background: url(../images/myclass/icon-script.png) 0 0 no-repeat;-webkit-background-size: 15px;	background-size: 15px;margin-left: 20px;vertical-align: middle;margin-top: -4px;opacity: 0.5;} 
	.cplay-list .listening li .btn-control {left: 15px;}
	.cplay-list .listening .cplay-detail li {padding: 25px 15px 50px 53px;}
	.cplay-list .listening .cplay-detail li.on {padding: 25px 15px 50px 53px;}
	.cplay-list .listening .cplay-detail li.on .name a {color: #3e51b4;}
	.cplay-list .listening .cplay-detail li.on .btn-script-st2 {opacity: 1;}
	.cplay-list .listening .cplay-detail .gage-wrap {left: 112px;padding-left: 0;width: 100%;}
	.cplay-list .listening .cplay-detail .gage-wrap .speed {display: block;right:240px;left:unset;}
	.cplay-list .listening .cplay-detail .gage-wrap .gage {display: block;position: absolute;left: -60px;top:28px;background-color: #fff;width: calc(100% - 68px);}	
	/* 紐⑤쾾���� */
	.cplay-list .cl-3 .info {display: none;}
	.cplay-list .cl-3 .cplay-detail li {padding: 0;}
	.cplay-list .cl-3 .cplay-detail li .name {display: block;margin: 0;float: none;}
	.cplay-list .cl-3 .cplay-detail li .name a {display: block;padding: 25px 15px 25px 20px;}
	.cplay-list .cl-3 .cplay-detail li.on .name a {color: #3e51b4;}
	.cplay-list .cl-3 .cplay-m .btn-base {margin-top: 0;}
	/* �⑥뼱 */
	.cplay-list .cl-4 .movie-wrap {margin: 0;width: 100%;height: 210px;}
	.cplay-list .cl-4 .movie-player {width: 100%;height: 210px;}
	.cplay-list .cl-4 .movie-player .content_video{width: 100%;height: 210px;}
	.cplay-list .cl-4 .movie-wrap .btn-play {left: 50%;top:50%;width: 30px;height: 30px;margin-top: -15px;margin-left: -15px;background:url(../images/myclass/btn_play2.png) 0 0 no-repeat;-webkit-background-size: 30px;background-size: 30px;}
	.cplay-list .cl-4 .cplay-m .btn-base {margin-top: 0;}
	
	/* 異붽��⑥뼱 */
	.cplay-list.cpl-st2 dd {display: block;}
	.cplay-list.cpl-st2 .list {border:0;}
	.cplay-list.cpl-st2 .list li {width: 100%;padding: 0;margin: 0;border:0;}
	.cplay-list.cpl-st2 .list li a {display: block;font-size:16px;color: #000;font-weight: normal;height: 59px;line-height: 59px;border-bottom: 1px solid #f0f1f3;padding: 0 0 0 20px;background-color: #fff;position: relative;z-index: 0;}
	.cplay-list.cpl-st2 .list li a:hover {background-color: #f0f1f3;}
	.vocabulary_test .info.btn-wrap .btn-base {margin: 0 !important;margin-top: 20px !important;}
	
	.cplay-list-m.cpl-st2, .cplay-list-m.cpl-st2 dd {display: block !important;}
	.cplay-list-m.cpl-st2 dt {display: none;}
	#problem_main .txt {display:none;margin-top: 20px;font-size: 13px;text-align: center;color: #999;}
	#problem_main .info {display:none;margin:0;padding:25px 30px;}
	#problem_main .info .btn-base {width:100%;position:relative;font-size:15px;padding:12px 40px;}
	#problem_main .tp6:hover {background-color: #3e51b4;color: #fff;}
	
	/* 異붽� 泥�빐 �먮즺 */
	.cplay-list-m.cpl-st3, .cplay-list-m.cpl-st3 dd {display: block !important;}
	.cplay-list-m.cpl-st3 dt {display: none;}
	
	.cplay-list.cpl-st3 {border: 0;}
	.cplay-list.cpl-st3 .cplay-detail .gage-wrap {top:26px}
	.cplay-list.cpl-st3 .cl-2 .cont {display: block;} 
	.cplay-list.cpl-st3 .cl-2 ul,
	.cplay-list.cpl-st3 .cl-2 ul li:first-child {border: 0;} 
	.cplay-list.cpl-st3 .cl-2 ul li .name {margin-right: 0;} 
	.cplay-list.cpl-st3 .cl-2 ul li .time {right: 15px;} 
	.cplay-list.cpl-st3 .cl-2 ul li .btn-script-st2 {display: inline-block;width: 15px;height: 20px;background: url(../images/myclass/icon-script.png) 0 0 no-repeat;-webkit-background-size: 15px;	background-size: 15px;margin-left: 20px;vertical-align: middle;margin-top: -4px;opacity: 0.5;} 
	.cplay-list.cpl-st3 .cl-2 li .btn-control {left: 15px;}
	.cplay-list.cpl-st3 .cl-2 .cplay-detail li {padding: 25px 15px 25px 53px;}
	.cplay-list.cpl-st3 .cl-2 .cplay-detail li.on {padding: 25px 15px 50px 53px;}
	.cplay-list.cpl-st3 .cl-2 .cplay-detail li.on .name a {color: #3e51b4;}
	.cplay-list.cpl-st3 .cl-2 .cplay-detail li.on .btn-script-st2 {opacity: 1;}
	.cplay-list.cpl-st3 .cl-2 .cplay-detail .gage-wrap {left: 112px;padding-left: 0;width: 100%;}
	.cplay-list.cpl-st3 .cl-2 .cplay-detail .gage-wrap .speed {display: block;position: relative;}
	.cplay-list.cpl-st3 .cl-2 .cplay-detail .gage-wrap .gage {display: block;position: absolute;left: -60px;top:34px;background-color: #fff;width: calc(100% - 68px);}	
	.cplay-list-m .cplay-script {width: 100%;height: calc(100vh - 155px);overflow-x: hidden;overflow-y: auto;-webkit-overflow-scrolling: touch;}
	.cplay-list-m .cplay-script .cs-inner {padding: 28px;}
	
	/* 紐⑤컮�� �꾩슜 - 吏꾪뻾�곹솴 */
	.mc-myclass-progress {position: fixed;bottom: 72px;left: 20px;width: 42px;height: 42px;overflow: hidden;border-radius: 50%;background-color: #b6c3d6;transition: background 0.3s;}
	.mc-myclass-progress.per-0 {background-color: #b6c3d6;}
	.mc-myclass-progress.per-25 {
		background: linear-gradient(90deg, #b6c3d6 50%, transparent 50%, transparent), 
			        linear-gradient(180deg, #255bd6 50%, #b6c3d6 50%, #b6c3d6);
	}
	.mc-myclass-progress.per-50 {
		background: linear-gradient(90deg, #b6c3d6 50%, transparent 50%, transparent), 
			        linear-gradient(270deg, #255bd6 50%, #b6c3d6 50%, #b6c3d6);
	}
	.mc-myclass-progress.per-75 {
		background: linear-gradient(0deg, #255bd6 50%, transparent 50%, transparent), 
			        linear-gradient(270deg, #255bd6 50%, #b6c3d6 50%, #b6c3d6)
	}
	.mc-myclass-progress.per-100 {
		background: linear-gradient(90deg, #255bd6 50%, transparent 50%, transparent), 
			        linear-gradient(270deg, #255bd6 50%, #b6c3d6 50%, #b6c3d6)
	}
	.mc-myclass-progress:after {content: '';display: block;width: 38px;height: 38px;background-color: #fff;border-radius: 20px;position: absolute;top: 50%;left: 50%;margin-top: -19px;margin-left: -19px;z-index: 1;}
	.mc-myclass-progress .tit {display: block;text-align: center;font-size: 10px;color: #000;font-weight: bold;margin-top: 10px;position: relative;z-index: 2;}
	.mc-myclass-progress .per {display: block;text-align: center;font-size: 12px;color: #3b51b4;margin-top: 2px;position: relative;z-index: 2;}
	
	/* 紐⑤컮�� �꾩슜 - �� */
	.mcs-curr-tab-wrap {display: block;width: 100%;overflow: hidden;-webkit-overflow-scrolling: touch;}
	.mcs-curr-tab-wrap .mcs-curr-tab {background-color: #fefefe;position: relative;width: 100%;white-space: nowrap;overflow-x: auto;overflow-y: hidden;}
	.mcs-curr-tab-wrap .mcs-curr-tab li {display: inline-block;}
	.mcs-curr-tab-wrap .mcs-curr-tab li a {display: block;padding: 12px 20px;position: relative;font-size:15px;font-weight: 500;color: #ccc;transition: color 0.3s;}
	.mcs-curr-tab-wrap .mcs-curr-tab li a:after {content: '';display: block;width: 100%;height: 2px;background-color:#3b51b4;position: absolute;bottom: 0;left: 0;opacity: 0;transition: opacity 0.3s;}
	.mcs-curr-tab-wrap .mcs-curr-tab .on a {color: #3b51b4;}
	.mcs-curr-tab-wrap .mcs-curr-tab .on a:after {opacity: 1;}

	/* 紐⑤컮�� �꾩슜 - 紐⑤쾾���� */
	.myclass-detail-cont .mdc-sheet {margin:0;}
	.myclass-detail-cont .w-cplay-detail {position:fixed;top:0;left:0;z-index:9;background-color:white;height:100px;width:100%;}
	.myclass-detail-cont .w-cplay-detail .cplay-detail {height:100%;width:100%;}
	.myclass-detail-cont .w-cplay-detail .cplay-detail>li {height:100%;border:0;background-color:#f1f3f4;width:100%;}
	.myclass-detail-cont .w-cplay-detail .cplay-detail .gage-wrap {width:100%;}
	.myclass-detail-cont .w-cplay-detail .cplay-detail .gage-wrap .gage {cursor:pointer;position:absolute;width:calc(100% - 60px);left:-130px;top:36px;}
	.myclass-detail-cont#problem {padding:20px 35px 20px 20px;}
	.myclass-detail-cont .cplay-detail .gage-wrap .speed{display: block;right: 300px;left: unset;}

	.mdc-sheet {display: block;margin-top: -66px;}
	.mdc-sheet {margin: 20px;}
	.mdc-sheet .mdcs-header {position: relative;z-index: 1;}
	.mdc-sheet .mdcs-header .m_header_btn {position:absolute;top:0px;height:100%;width:40px;}
	.mdc-sheet .mdcs-header .m_header_btn img {width:22px;margin-top:29px;}
	.mdc-sheet .mdcs-header .m_header_btn.h_next {right:0;}
	.mdc-sheet .mdcs-header .t-header {position:relative;border:2px solid #fbc500;padding:12px 7px 12px 53px;}
	.mdc-sheet .mdcs-header .t-cnum {width:49px;height:41px;font-size:10px;line-height:41px;}
	.mdc-sheet .mdcs-header .t-title {margin-left: 10px;}
	.mdc-sheet .mdcs-header .t-title .tit {font-size:15px;margin-right: 10px;}
	.mdc-sheet .mdcs-header .t-title .num {font-size:15px;}
	.mdc-sheet .mdcs-header .t-title .num:before {height: 12px;margin-right: 10px;}
	.mdc-sheet .mdcs-header .t-sub-exp {margin-top: 8px;font-size:10px;padding-left: 10px;}
	.mdc-sheet .mdcs-header .t-sub-exp em {margin-left: 3px;}
	.mdc-sheet .mdcs-pop {top: 75px;padding: 20px 27px 10px 12px;right:20px;}
	.mdc-sheet .mdcs-pop .list li {margin-top: 16px;font-size: 11px;}	
	.mdc-sheet .mdcs-pop .list .l2:before {width: 7px;height: 7px;background-size: 7px;margin-right: 4px;}
	.mdc-sheet .mdcs-pop .list .l3:before {width: 11px;height: 8px;background-size: 11px;margin-right: 4px;}
	.mdc-sheet .mdcs-pop .list .l4:before {width: 11px;height: 8px;background-size: 11px;;margin-right: 4px;}
	.mdc-sheet .mdcs-pop .list .l5 em {border-bottom: 1px solid #86c7a7;margin-right: 4px;}
	.mdc-sheet .mdcs-pop .list .l6 em {font-size: 15px;margin-right: 4px;}
	.mdc-sheet .mdcs-pop .list .l6 em span {font-size: 20px;}
	.mdc-sheet .mdcs-pop .mdcsp-btn-close {width: 10px;height: 10px;background-size: 10px;top: 5px;right: 5px;}
	.mdc-sheet .mdcs-row {margin-top: 0;padding-top: 50px;padding-bottom: 40px;}
	.mdc-sheet .mdcs-row .iScrollVerticalScrollbar {opacity: 0;}
	.mdc-sheet .mstc .wcmt.isCmt {margin-bottom: 30px;}
	.mdc-sheet .mstc .wcmt-bracket:before {font-size:22px;}
	.mdc-sheet .mstc .wcmt-bracket:after {font-size:22px;}
	.mdc-sheet .mstc .wcmt .comment {font-size:12px;color: #dc0808;line-height: 20px;top:26px;}
	.mdc-sheet .mstc .cmt-st1 .cinner:before {width: 7px;height: 7px;background-size: 7px;margin-right: 3px;top:-4px;}
	.mdc-sheet .mstc .cmt-st2 .cinner:before {width: 11px;height: 8px;background-size: 11px;margin-right: 3px;}
	.mdc-sheet .mstc .cmt-st3 .cinner:before {width: 11px;height: 8px;background-size: 11px;margin-right: 3px;}
	.mdc-sheet .mdcs-guide {position: relative;height: 24px;margin-top: 41px;padding: 0;padding-left: 13px;font-size: 11px;border-radius: 12px;background-color: #fbc500;line-height: 24px;}
	.mdc-sheet .mdcs-guide span.step {margin-right: 5px;letter-spacing: -1px;}
	.mdc-sheet .mdcs-guide span.right {display: inline-block;position: absolute;top: 0;left: 56px;width: calc(100% - 56px);height: 24px;padding-left: 10px;border: 1px solid #a0a0a0;border-radius: 12px;background-color: #fff;font-weight:normal;line-height:20px;}
	.mdc-sheet .mdcs-guide .ico-o {width: 26px;height: 22px;margin: 0 3px 0 5px;background-size: 26px;}
	.mdc-sheet .mdcs-explain {margin-top: 30px;padding-left: 0;}
	.mdc-sheet .mdcse-sentence {margin-top: 40px;font-size: 18px;line-height: 28px;}
	.mdc-sheet .mdcse-trans {margin-top: 10px;font-size:12px;line-height: 20px;}
	.mdc-sheet .mdcse-point {margin-top: 10px;padding: 10px 20px 15px 35px;min-height: 41px;}
	.mdc-sheet .mdcse-point .p-num {width: 28px;height: 28px;line-height: 28px;font-size:9px;}
	.mdc-sheet .mdcse-point .p-tit {font-size:13px;}
	.mdc-sheet .mdcse-point .p-tit em {font-size:13px;}
	.mdc-sheet .mdcse-point .p-exp {margin-top: 10px;font-size:13px;line-height: 20px;}
	.mdc-sheet .point-red {font-size:11px;margin-top: 8px;padding-left: 5px;line-height: 17px;}
	.mdc-sheet .mdcse-point.mp-result {padding: 13px;}
	.mdc-sheet .p-num-list {margin-top: 30px;}
	.mdc-sheet .p-num-list:before {top: 15px;}
	.mdc-sheet .p-num-list li {width: 28px;height: 28px;line-height: 28px;font-size:9px;margin-right: 10px;}
	.mdc-sheet .mdcse-exp-blank {margin-top: 10px;}
	.mdc-sheet .mdcse-exp-blank .b-tit {font-size: 13px;padding: 11px 12px;}
	.mdc-sheet .mdcse-exp-blank .b-exp {font-size: 12px;padding: 11px 12px;}
	.mdc-sheet .mdcse-exp-select {padding: 5px 20px 13px 35px;}
	.mdc-sheet .mdcse-exp-select .s-num {width: 28px;height: 28px;line-height: 28px;font-size:13px;}
	.mdc-sheet .mdcse-exp-select-result {padding: 8px 20px 13px 48px;min-height: 39px;}
	.mdc-sheet .mdcse-exp-select-result .s-tit {top: 10px;left: 12px;width: 30px;line-height: 16px;}
	.mdc-sheet .mdcse-exp-select-result .s-exp {font-size:13px;line-height: 20px;}
	.mdc-sheet .mdcs-bottom-txt {font-size: 18px;padding: 50px 0;}
	.mdc-sheet .mdcs-bottom-txt em {padding-bottom: 6px;}

	.mdcs-paging {position: fixed;z-index: 20;right: -1px;top: 20%;padding: 20px 7px 20px 6px;background-color: #fff;border:1px solid #ccc;border-radius: 25px 0 0 25px;
		-webkit-box-shadow:1px 2px 5px 0px rgba(179,170,179,.3);
		box-shadow:1px 2px 5px 0px rgba(179,170,179,.3);
	}
	.mdcs-paging .list li {margin: 8px 0;}
	.mdcs-paging .list span {display: block;font-size: 0;width: 10px;height: 10px;border-radius: 100%;background-color: #fff;border:1px solid #3e51b4;transition: background-color 0.3s;}
	.mdcs-paging .list .on span {background-color: #3e51b4;}
	.mdcs-paging-text {position: fixed;z-index: 22;right: -100%;top: 0;width: 100%;height: 100%;background-color: #fff;transition: right 0.3s;
		background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 60%, rgba(255,255,255,1) 100%);
		background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 60%,rgba(255,255,255,1) 100%);
		background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 60%,rgba(255,255,255,1) 100%);
	}
	.mdcs-paging-text.open {right: 0;}
	.mdcs-paging-text .list {position: absolute;right: 25px;top: 50px;}
	.mdcs-paging-text .list li {margin: 25px 0;}
	.mdcs-paging-text .list li:first-child {margin-top: 0;}
	.mdcs-paging-text .list button {display: block;font-size:16px;color: #444;text-align: right;font-weight: bold;transition: color 0.3s;}
	.mdcs-paging-text .list .on button {color: #5168de;font-weight: bold;}
	.mdcs-paging-slider {position: fixed !important;z-index: 24;right: 0;top: 100px;width: 20px !important;height: 90%;opacity: 0;}
	.mdcs-paging-slider .ui-slider-handle {width: 100% !important;left: 0 !important;height: 30px !important;}

	/*gnb 20200404*/
	#gnb li a.free-class{background:url(../images/common/new_tab.png) 77px center no-repeat;}

	.cal-wrap .ui-datepicker.ui-datepicker-multi{width:auto !important; height:800px;}
	.cal-wrap .ui-datepicker-multi-2 .ui-datepicker-group{width: 35%; max-width:600px;}
	.cal-wrap .ui-datepicker .ui-datepicker-prev{left:0;}
	.cal-wrap .ui-datepicker .ui-datepicker-next{right:0;}
	.cal-wrap .dp-highlight.dp-first{background:none;border-radius:0;}
	.cal-wrap .dp-highlight.dp-end{background:none;border-radius:0}
	.cal-wrap .dp-highlight.dp-end .ui-state-default{position:relative;}
	.myclass-taken .tb-taken .taken-detail .ui-datepicker-calendar tbody td{display:block !important;}
}
/* �섏쓽 媛뺤쓽�� 紐⑤컮�� 踰꾩쟾 �� ======================================================================================================================= */

@media print{
	.btn-control.right{display:none !important;}
}
#wrapper.voca_page .t-sub-exp {display: none !important;}
#vocabulary_popup .t-sub-exp {display: none !important;}