@charset "utf-8";

.alert_right{display:inline-block;text-align:right;}
.alert_right p{display:inline-block;color:#8e9091;line-height:30px;}
.alert_right .ic_share{padding-left:35px;background:url(../images/educourse/ic_url.png) no-repeat left center;}

.module_tb{margin-bottom:15px;display:flex;display:-webkit-flex;}
.module_tb .module_right{margin-left:auto;}
.module_tb .module_right .t12{font-size:12px;color:#888;line-height:16px;}
.module_tb .module_left{margin-right:auto;padding:5px 0;}
.module_tb .module_left > *{vertical-align:middle;margin-left:25px;}
.module_tb .module_left .ml20{margin-left:20px;}
.module_tb .module_left h3{margin-left:0;font-weight:600;color:#444;font-size:17px;}


/*버튼*/
.btn_chapter{display:block;text-align:center;height:37px;line-height:37px; font-weight:400;color:#fff;border-radius:18px;background:#ff8125;transition:all 0.3s ease;}
.btn_chapter span{display:inline-block;margin-right:10px;width:14px;height:37px;background:url(../images/educourse/ic_chapter.png) no-repeat center center;vertical-align:top;}
.btn_chapter:hover{background:#ff6019;color:#fff;text-decoration:none;}
.btn_share{display:block;text-align:center;height:37px;line-height:37px;color:#ff8125;font-weight:400;border-radius:18px;border:1px solid #ff8125;transition:all 0.3s ease;}
.btn_share span{display:inline-block;margin-right:10px;width:14px;height:37px;background:url(../images/educourse/ic_share.png) no-repeat center top;vertical-align:top;}
.btn_share:hover{border:1px solid #ff6019;color:#ff6019;text-decoration:none;}
.btn_share:hover span{background-position:center bottom;}
.btn_sample{position:relative;display:inline-block;line-height:28px;font-size:16px;font-weight:400;color:#474e62;white-space:nowrap;transition:all 0.3s ease;}
.btn_sample:hover{color:#ff8125;}
.btn_sample:hover:after{content:'';position:absolute;right:0;bottom:2px;width:calc(100% - 38px);height:1px;background:#ff8125;}
.btn_sample span{display:inline-block;margin-right:5px;width:28px;height:28px;overflow:hidden;background:url(../images/educourse/btn_sample.png) no-repeat center top;vertical-align:top;}
.btn_sample:hover span,.btn_sample.on span{background:url(../images/educourse/btn_sample.png) no-repeat center bottom;vertical-align:top;}
.btn_korean{position:relative;display:inline-block;line-height:28px;font-size:16px;font-weight:400;color:#474e62;transition:all 0.3s ease;}
.btn_korean:hover{color:#ff8125;}
.btn_korean:hover:after{content:'';position:absolute;right:0;bottom:2px;width:calc(100% - 38px);height:1px;background:#ff8125;}
.btn_korean span{display:inline-block;margin-right:8px;width:28px;height:28px;overflow:hidden;background:url(../images/educourse/btn_korean.png) no-repeat center top;vertical-align:top;}
.btn_korean:hover span,.btn_sample.on span{background:url(../images/educourse/btn_korean.png) no-repeat center bottom;vertical-align:top;}
.btn_exp{position:relative;display:inline-block;line-height:28px;font-size:16px;font-weight:400;color:#474e62;transition:all 0.3s ease;}
.btn_exp:hover{color:#ff8125;}
.btn_exp:hover:after{content:'';position:absolute;right:0;bottom:2px;width:calc(100% - 38px);height:1px;background:#ff8125;}
.btn_exp span{display:inline-block;margin-right:8px;width:28px;height:28px;overflow:hidden;background:url(../images/educourse/btn_experiment.png) no-repeat center top;vertical-align:top;}
.btn_exp:hover span,.btn_sample.on span{background:url(../images/educourse/btn_experiment.png) no-repeat center bottom;vertical-align:top;}
.btn_bookmark{display:inline-block;font-size:14px;font-weight:400;color:#1e1e1e;line-height:20px;transition:all 0.3s ease;}
.btn_bookmark span{margin-right:8px;display:inline-block;width:17px;height:20px;background:url(../images/educourse/ico_plus_2023.png) 50% 50% no-repeat;vertical-align:top;}
.btn_bookmark.on span,.btn_bookmark:active span,.btn_bookmark:hover span{animation: color 0.4s ease-out;}
.btn_download{display:inline-block;font-size:14px;font-weight:400;color:#1e1e1e;line-height:20px;transition:all 0.3s ease;}
.btn_download span{margin-right:8px;display:inline-block;width:17px;height:20px;background:url(../images/educourse/ico_down_2023.png) 50% 50% no-repeat;vertical-align:top;}
.btn_download.on span,.btn_download:active span,.btn_download:hover span{animation: color 0.4s ease-out;}

/*22-09-30 교과서 자료실 고도화*/
.btn_chapter:hover {background:none; color:unset; text-decoration:none;}
.btn_sample {font-size:14px;}
.btn_sample span{background:url(../images/educourse/btn_sample2.png) no-repeat center top;}
.btn_sample:hover span,.btn_sample.on span{background:url(../images/educourse/btn_sample2.png) no-repeat center bottom;}
.btn_type2.btn-download {background:unset; border:1px solid #d0d0d0;}
.btn_type2:hover, .btn_type2.on{ background:#ff8125; border:1px solid #ff8125; text-decoration:none; color:#fff;}

select{appearance: none;-webkit-apparance:none;outline:none; padding:0 40px 0 20px;min-width:150px;height:42px;font-size:16px;letter-spacing:-0.04em;color:#8e9091;border:2px solid rgba(193,193,193,0.5);border-radius:10px;background: url(../images/educourse/ic_select.png) no-repeat calc(100% - 19px) -6px;}
select::-ms-expand{display:none;}
select{border-radius: 10px;}

.drop_menu{position:relative;display:inline-block;cursor: pointer;width:200px;height:42px;}
.label{position:relative;width:100%;padding:0 16px 0 17px;border:2px solid rgba(193,193,193,0.5);border-radius:10px;background:#fff ;font-size:16px;letter-spacing:-0.04em;color:#8e9091;line-height:39px;}
.label:after{content:'';position:absolute;right:19px;top:-4px;width:7px;height:39px;background:url(../images/educourse/ic_select.png) no-repeat center top;}
.drop_list{position:absolute;display:none;padding-bottom:10px;border:2px solid rgba(193,193,193,0.5);border-top:transparent; border-radius:0 0 10px 10px;width:100%;background:#fff;overflow: hidden;max-height:168px;overflow-y: auto;z-index:1;}
.drop_list li{display:block!important;font-size:16px;letter-spacing:-0.04em;color:#8e9091;line-height:39px;width:100%;background:#fff;padding:0 16px 0 17px;}
.drop_list li:hover{background:#f1f1f1;}
.drop_menu.on .label{border-bottom:transparent; border-radius: 10px 10px 0 0; background:#f1f1f1;}
.drop_menu.on .drop_list{display:block;}
.drop_menu.ty2 .label{padding:0 31px 0 22px;border-radius:0;background:transparent;font-size:14px;line-height:37px;border:none;border-right:1px solid #ddd;}
.drop_menu.ty2 .label:after{top:50%;right:0;margin-top:-3px;width:31px;height:6px;background:url(../images/chasi_pop/drop_menu_2.png) no-repeat right center;}
.drop_menu.ty2.on .label{background:#fff;}
.drop_menu.ty2 .drop_list{padding:10px 0;border-radius:0;border:1px solid #ddd;}
.drop_menu.ty2 .drop_list li{color:#8e9091;font-size:14px;line-height:33px;padding:0 22px;}

.data_list{border-top:3px solid #474e62;}
.data_list.break_list,.data_list.lb_list,.data_list.noline{border-top:none;}
.data_list ul {display:flex;display:-webkit-flex;flex-wrap:wrap;justify-content:flex-start; font-family: 'Noto Sans Korean', sans-serif;margin-top:-39px;}
.data_list ul:after {content:"";display:block;clear:both;}
.data_list ul li {position:relative;width:213px;margin-right :19px;margin-top:39px;}
.data_list ul li:nth-child(4n){margin-right:0;}
.data_list ul li {transition: all .3s ease; -webkit-transform: translate(0,0px); -moz-transform: translate(0,0px);-ms-transform: translate(0,0px); -o-transform: translate(0,0px); transform: translate(0,0px);}
.data_list ul li:hover .chk_box.type02 label {color: #404450;}
.data_list ul li > a {float: left;position: relative;overflow: hidden; padding: 20px; box-sizing: border-box;border: 1px solid #bfc4cf;}
.data_list ul li .data_cont {position: relative;width: 100%; overflow: hidden;border-radius:30px;border:1px solid #e0e0e0;box-sizing:border-box;}
.data_list ul li .data_cont .img {/*position:absolute; left:0;top:0;*/ width:100%;height:211px;box-sizing: border-box;}
/*.data_list ul li .data_cont .img img{width:100%;height:100%;}*/
.data_list ul li .data_cont .hover_box .tag,
.data_list ul li .data_cont .hover_box .tit,
.data_list ul li .data_cont .hidden_hover_box .tag,
.data_list ul li .data_cont .hidden_hover_box .tit {overflow: hidden; text-overflow: ellipsis; word-wrap: break-word;  white-space: nowrap;  box-sizing: border-box;}
.data_list ul li .data_cont .hover_box {position: relative;  top: 0;  left: 0; z-index:100; width:100%; height: 100%; opacity: 1;}
.data_list ul li .data_cont .hidden_hover_box {position: absolute;top: 0; left: 0;width:100%;height: 100%;text-align: center; opacity: 0;}
.data_list ul li .data_cont:hover .hidden_hover_box {width: 100%; height: 100%; opacity: 1;overflow: hidden;}
.data_list ul li .data_cont .hidden_hover_box .d_cont{position: absolute;bottom:25px;left:0;right:0;text-align:center; display: block; z-index:101;}
.data_list ul li .data_cont .hidden_hover_box .d_cont a{display:inline-block;position: relative;transform:translateY(70px);opacity:0;transition:all 0.45s ease-out; width:36px;height:36px; overflow:hidden; margin-right:2px;}
/*.data_list ul li .data_cont .hidden_hover_box .d_cont a:nth-child(3){margin-right:0;}*/
/*.data_list ul li .data_cont .hidden_hover_box .d_cont a:nth-child(4){margin-right:0; margin-left:8px;}*/
.data_list ul li .data_cont:hover .hidden_hover_box .d_cont a{transform:translateY(0);opacity:1;}
.data_list ul li .data_cont:hover .hidden_hover_box .d_cont a:first-child{transition-delay:100ms;}
.data_list ul li .data_cont:hover .hidden_hover_box .d_cont a:nth-child(2){transition-delay:170ms;}
.data_list ul li .data_cont:hover .hidden_hover_box .d_cont a:nth-child(3){transition-delay:240ms;}
.data_list ul li .data_cont:hover .hidden_hover_box .d_cont a:nth-child(4){transition-delay:310ms;}
.data_list ul li .data_cont .hidden_hover_box .d_cont a .ico {display:block;}
.data_list ul li .data_cont .hidden_hover_box .d_cont a .ico.preveal{background:url("../images/educourse/ico_view_on_2023.png") 50% 50% no-repeat #ffd563;}
.data_list ul li .data_cont .hidden_hover_box .d_cont a .ico.preveal.disabled{background:url("../images/educourse/ico_view_off_2023.png") 50% 50% no-repeat #727984;cursor:default;}
.data_list ul li .data_cont .hidden_hover_box .d_cont a:hover .ico.preveal{background:url("../images/educourse/ico_view_2023.png") 50% 50% no-repeat #ff8025;}
.data_list ul li .data_cont .hidden_hover_box .d_cont a .ico.down{background:url("../images/educourse/ico_down_2023.png") 50% 50% no-repeat #ffd563;}
.data_list ul li .data_cont .hidden_hover_box .d_cont a .ico.down.disabled{background:url("../images/educourse/ico_down_off_2023.png") 50% 50% no-repeat #727984;cursor:default;}
.data_list ul li .data_cont .hidden_hover_box .d_cont a .ico.plus {background:url("../images/educourse/ico_plus_on_2023_2.png") 50% 50% no-repeat #ffd563;}
.data_list ul li .data_cont .hidden_hover_box .d_cont a:hover .ico.plus{background:url("../images/educourse/ico_plus_2023.png") 50% 50% no-repeat #ff8025;}
.data_list ul li .data_cont .hidden_hover_box .d_cont a .ico.share {/* margin-right:0;margin-left:8px; */background:url("../images/educourse/ic_share2_wt.png") 50% 50% no-repeat #f1620c;border:0;}
.data_list ul li .data_cont .hidden_hover_box .d_cont a:hover .ico {background-color:#ff8025;}
.data_list ul li .data_cont .link_box{position:absolute;left:0;top:0;right:0;bottom:0;z-index:100;}
.data_list ul li .data_cont .link_box a{display:block;width:100%;height:100%;}
.data_list ul li .data_cont:hover .link_box{background: rgba(45, 54, 70, 0.7);opacity: 1;}
.data_list ul li .data_cont .type{position:absolute; top:14px;right:14px;z-index:101;width:40px;height:40px;overflow:hidden;}
.data_list ul li .data_cont .type img{width:100%;height:100%;}
.data_list ul li p.chk_cont {margin: 13px 0 0;position: relative;display: block !important;}
.data_list ul li p.chk_cont .chk_box label:before{top:12px;}
.data_list ul li p.chk_cont .chk_box label .txt{width:180px; max-height:46px; color:#535a6c; font-weight:400;text-overflow:ellipsis;overflow:hidden; line-height:23px;vertical-align:top; display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word;}
.data_list ul li p.chk_cont .chk_box label:hover .txt{color:#ff8125}
.data_list ul li p.chk_cont .chk_box input[type="checkbox"]:checked + label .txt{color:#535a6c;}
.data_list ul li p.chk_cont .chk_box label img {vertical-align:middle;}

/* 차시창 버튼 */
.btn_del{display:inline-block;width:23px;height:23px;border-radius:50%;background:#f1f1f1 url(../images/chasi_pop/btn_close.png) no-repeat center center;overflow:hidden;transition:all 0.2s;}
/* 버튼: 테마관 쪽 모음*/
.btn_degital{padding:0 25px;height:40px;background:#7f82ea;border-radius:24px;transition:0.3s all;}
.btn_degital span{display:block;padding:0 0 0 25px;font-size:14px;font-weight:500;color:#fff;line-height:40px;background:url(../images/chasi_pop/ic_degital.png) no-repeat left center;background-size:18px auto !important;letter-spacing:-0.045em;}
.btn_degital:hover{background:#595bbe;}
.btn_degital.btn_scienceLab span {background:url(../images/chasi_pop/ic_scienceLab.png) no-repeat left center;}
.btn_degital.btn_local span{background:url(../images/chasi_pop/ic_local.png) no-repeat left center;}
.btn_degital.btn_energy span{background:url(../images/chasi_pop/ic_energy.png) no-repeat left center;}
.btn_list{display:inline-block;padding:0 24px;height:42px;background:#eceff3;border-radius:21px;border:1px solid #ced5de;transition:0.3s all;vertical-align:top;}
.btn_list span{padding-left:20px;display:block;color:#393d49;line-height:40px;background:url(../images/chasi_pop/ic_list.png) no-repeat left top;}

/* 차시창 메인 */
.chasiEdit_main{position:relative;min-width:1260px;height:100%;padding:15px 15px 12px;background:#e9e1d9;line-height:1.2em;}
.chasiEdit_main section{padding:32px 0 0;height:calc(100% - 33px);}
/* 차시창 메인, 차시창 뷰어 상단 공통 영역 */
.hdr_chasiedit{display:flex;display:-webkit-flex;}
.hdr_chasiedit .hdr_left_module .btn_chasi_slide, .hdr_chasiedit .hdr_left_module .sel_chasi .select2-selection.select2-selection--single {display:inline-block;margin-right:2px;height:32px;padding:0 10px;border:1px solid #ced5de;border-radius:5px;background:#fff;transition:all 0.2s;}
.hdr_chasiedit .hdr_left_module .btn_chasi_slide span,.hdr_chasiedit .hdr_left_module .sel_chasi .select2-selection.select2-selection--single .select2-selection__rendered{display:block; height:auto; line-height:29px;color:#696c74;font-weight:400;letter-spacing:-0.04em;padding: 0 29px 0 0;background:url(../images/chasi_pop/btn_chasi_slide.png) no-repeat right top -2px; font-size:13px;}
.hdr_chasiedit .hdr_left_module .sel_chasi .select2-container--open .select2-selection.select2-selection--single .select2-selection__rendered {background-position:right bottom;}
.hdr_chasiedit .hdr_left_module .btn_chasi_slide.on span {background-position:right bottom -3px;}
.hdr_chasiedit .info{position:absolute;top:0;left:50%;width:62%;text-align:center;transform:translateX(-50%);}
/* 차시창 메인 - 상단 */
.hdr_chasiedit .tit_view{display:inline-block;vertical-align:top;}
.hdr_chasiedit .title{padding-top:18px;font-size:0;}
.hdr_chasiedit .title h1{margin:0 8px;font-size:18px;font-weight:600;color:#f25221;line-height:1.5;letter-spacing:-0.045em;}
.hdr_chasiedit .title h1 span{font-weight:400;}
.hdr_chasiedit .title .btn_prev,
.hdr_chasiedit .title .btn_next{display:inline-block;width:24px;height:24px;background-position:center center;background-repeat:no-repeat;background-color:#fff;border:1px solid #d9cec3;border-radius:100%;transition:all 0.2s;vertical-align:top;}
.hdr_chasiedit .title .btn_prev{background-image:url(../images/chasi_pop/btn_ui_prev.png);}
.hdr_chasiedit .title .btn_next{background-image:url(../images/chasi_pop/btn_ui_next.png);}
.hdr_chasiedit .title .btn_prev.disabled, .hdr_chasiedit .title .btn_prev:disabled,
.hdr_chasiedit .title .btn_next.disabled, .hdr_chasiedit .title .btn_next:disabled{background-color:#e4670d;cursor:default;}
.hdr_chasiedit .info .location{display:inline-block;position:static;font-size:0;vertical-align:top;}
.hdr_chasiedit .info .location span{display:inline-block;font-size:14px;color:#393d49;font-weight:400;margin:0 0 0 8px;background:none;line-height:1.8;letter-spacing:-0.045em;vertical-align:top;}
.hdr_chasiedit .info .location span + span{padding-left:15px;background:url(../images/chasi_pop/ico_location_arr.png) 0 50% no-repeat;}
.hdr_chasiedit .info .location em{display:inline-block;width:40px;height:25px;margin-top:5px;border-radius:5px;border:2px solid #1c60e9;font-size:13px;font-weight:400;color:#1c60e9;text-align:center;line-height:20px;vertical-align:top;}
@media screen and (max-width:1450px){
    .hdr_chasiedit .info{width:61%;}
    .hdr_chasiedit .title h1{font-size:16px;}
}
@media screen and (max-width:1350px) {
    .hdr_chasiedit .info{width:59%;}
    .hdr_chasiedit .title h1{font-size:15px;}
}
.hdr_chasiedit .info .location #title2 em{width:auto;height:auto;margin-top:0;border:0;border-radius:0;font:inherit;color:inherit;line-height:20px;}
/* 차시창 메인 - 하단 */
.chasiFrame_2n{display:flex;display:-webkit-flex;width:100%;height:100%;flex-wrap:nowrap;align-items:flex-start;justify-content:flex-start;}
.chasi_box{position:relative;height:calc(100% - 51px);border-radius:12px;}
.chasiFrame_2n .frame.left{width:45%;height:100%;z-index:1;}
.chasiFrame_2n .frame.left .chasi_box{border:3px solid #ff7225;box-shadow:2px 2px 0 #d7e0e7;}
.chasiFrame_2n .frame.right{width:55%;height:100%;}
.chasiFrame_2n .btn_guide{float:right;display:block;width:125px;height:30px;margin-top:8px;padding:0 15px;background:#393d49;border:1px solid #ddccbc;border-radius:15px;}
.chasiFrame_2n .btn_guide span{padding-right:10px;background:url(../images/chasi_pop/btn_guide_arrow.png) no-repeat right center;font-size:13px;font-weight:400;color:#696c74;letter-spacing:-0.045em;line-height:28px;color:#fff;}
.chasi_box .cont{overflow:hidden;position:relative;padding:52px 0 18px;width:100%;height:100%;background:#fff;border-radius:12px;}
.chasi_box *+h3{margin-top:12px;}
.chasi_box .cont .sort_head{overflow:hidden;position:absolute;left:0;right:0;top:0;height:52px;padding:10px 18px 10px 10px;background:#f1f1f1;border-bottom:1px solid #e6e6e6;}
.chasi_box .cont .sort_head .btn_save_chasi{float:left;padding:0 10px;height:30px;background:#fff;border:1px solid #bec5cb;border-radius:5px;transition:all 0.2s;}
.chasi_box .cont .sort_head .btn_save_chasi span{display:block;padding-left:20px;font-size:13px;font-weight:400;color:#696c74;background-image:url(../images/chasi_pop/ic_bookmark.png);background-position:0 0;background-repeat:no-repeat;letter-spacing:-0.045em;}
.chasi_box .cont .sort_head .btn_save_chasi:hover,
.chasi_box .cont .sort_head .btn_save_chasi.on{background-color:#ffe493;border-color:#ffda6b;color:#292f38;}
.chasi_box .cont .sort_head .btn_save_chasi:hover span,
.chasi_box .cont .sort_head .btn_save_chasi.on span{background-position:0 -20px;}
.chasi_box .cont .sort_head .btn_reset{float:right;display:block;margin-top:6px;position:relative;font-size:13px;font-weight:400;color:#909090;border-bottom:1px solid #c7c7c7;transition:all 0.2s;}
.chasi_box .cont .sort_head .btn_reset:hover{color:#393d49;border-color:#393d49;}
.chasi_box .cont .sort_list{height:100%;overflow-x:hidden;overflow-y:auto;padding:10px 0 0;max-height:none;}
/* 차시 목차 리스트(좌/우 공통영역) */
.wrap_chasi{position:relative;margin-top:1px;padding-left:10px;}
.wrap_chasi .chasi_item{position:relative;display:flex;display:-webkit-flex;justify-content: flex-start;width:100%;min-height:80px;padding:5px 16px 5px 5px;border-radius:5px 10px 10px 5px;}
.wrap_chasi .chasi_item:visited,.wrap_chasi .chasi_item:hover{background:#f8f1ea;}
.wrap_chasi .chasi_item .chasi_thumb{position:relative;width:160px;height:90px;margin-right:12px;border-radius:5px;background-color:#fff;background-image:none;background-repeat:no-repeat;background-position:50% 50%;border:1px solid #cdcdcd;overflow:hidden;image-rendering: -webkit-optimize-contrast;}
.chasi_box .nodata{padding:218px 0;text-align:center;}
.chasi_box .nodata span{display:block;color:#474e62;font-size:16px;letter-spacing:-0.04em;padding-top:130px;font-weight:400;background:url(../images/chasi_pop/nodata.png) no-repeat center top;}
.chasi_thumb .pic{height:100%;max-width:100%}
.chasi_thumb .pic.picWH100{width:100%;height:100% !important;}
.chasi_thumb .pic.picZoom150{position:absolute;top:50%;left:50%;width:auto;height:auto;transform:translate(-50%, -50%);max-height:100%;max-width:100%;}
.chasi_thumb .pic.picZoom150.picHtml{width:110%;height:140%;max-width:unset!important;max-height:unset!important;object-fit:unset}
.chasi_thumb .pic.picZoom150.picYoutube{width:100%;height:130%;max-width:unset!important;max-height:unset!important;}
.chasi_thumb .pic + .ico_play{position:absolute;right:6px;bottom:6px;display:inline-block;width:18px;height:18px;background:url(../images/chasi_pop/ico_play.png) 0 0 no-repeat;}
.chasi_thumb .type{position:absolute;bottom:0;right:0;width:25px;height:25px;}
.chasi_thumb .type.video{background:url(../images/chasi_pop/file_type.png) no-repeat center center;}
/* 차시창 오른쪽 탭 메뉴 (개편 2401) */
.frame.right .chasi_box .cont .title{display:flex;align-items:center;padding:0;border-bottom:1px solid #eb7843;height:34px;background-color:#fff;border-radius:10px 10px 0 0;overflow:hidden;}
.frame.right .chasi_box .title strong{font-size:16px;font-weight:600;color:#393d49;letter-spacing:-0.045em;}
.chasi_box .tab_ui{float:left;margin:-1px 0 0 0;overflow: hidden; background-color: #fff;width:240px;}
.chasi_box .tab_ui:after{content:'';display:block;clear:both;}
.chasi_box .tab_ui li{position:relative;float:left;display:block;height:34px;font-size:14px;font-weight:400;text-align:center;color:#393d49;overflow:hidden;border-right:1px solid #e1d2c4;}
.chasi_box .tab_ui li.on,.chasi_box .tab_ui li:hover{background:#ff7030;border:none;}
.chasi_box .tab_ui li span{display:block;margin-bottom:10px;}
.chasi_box .tab_ui li.on:before,
.chasi_box .tab_ui li:hover:before{content:'';position:absolute;top:-1px;right:0;bottom:-1px;left:0;display:block;box-sizing:border-box;background:#ff7030;}
.chasi_box .tab_ui li a{display:flex;align-items:center;position:relative;height:100%;font-size:13px;font-weight:400;word-break:keep-all;color:#393d49;justify-content:center;background-color:#f8f1ea;}
.chasi_box .tab_ui li:nth-child(1) a{width:131px;}
.chasi_box .tab_ui li:nth-child(2) a{width:106px;}
.chasi_box .tab_ui li.on a, .chasi_box .tab_ui li:hover a{color:#fff;background-color:#ff7031;}
.chasi_box .tab_ui li span{flex:1 35px;}
.chasi_box .tab_ui li .ic_recomme{background:url(../images/chasi_pop/ico_data.png) no-repeat center center;width:13px;height:13px;flex:0 20px;margin-bottom: 0;}
.chasi_box .tab_ui li.on .ic_recomme,.chasi_box .tab_ui li:hover .ic_recomme{background:url(../images/chasi_pop/ico_data.png) no-repeat center center;}
.chasi_box .tab_ui li .ic_source{background:url(../images/chasi_pop/ico_plus.png) no-repeat center center;flex:none;margin-bottom:0;width:13px;height:13px;flex:0 25px;}
.chasi_box .tab_ui li.on .ic_source,.chasi_box .tab_ui li:hover .ic_source{background:url(../images/chasi_pop/ico_plus.png) no-repeat center center; color: #fff;}
.wrap_chasi .you_msg{display:none;}
.chasi_box .search_box{display:flex;align-items:center;justify-content:flex-end;height:34px;padding:0 5px;width:calc(100% - 240px);}
.chasi_box .search_box .txt_wrap{line-height:0;position:relative;margin-left:12px;}
.chasi_box .search_box .txt_wrap input{height:24px;border:1px solid #c5c5c5;border-radius:3px;text-indent:10px;padding-right:23px;text-indent:5px;font-size:11px;width:170px;}

.chasi_box .search_box .txt_wrap .btn_search{display:inline-block;width:12px;height:12px;background:url(../images/chasi_pop/ic_search2.png) no-repeat center center;top:50%;right:7px;position:absolute;transform:translateY(-50%);}
.chasi_box .search_box .type_sel .d_radio_1{display:inline-block;position:relative;}
.chasi_box .search_box .type_sel input{display:none;}
.chasi_box .search_box .type_sel input + label{color:#5d616f;font-size:12px;padding-left:27px;position:relative;}
.chasi_box .search_box .type_sel input + label:before{content:"";display:inline-block;background:url(../images/chasi_pop/ic_youtube.png) no-repeat center center;width:20px;height:14px;position:absolute;top:50%;left:0;transform:translateY(-50%);}

/* 차시 목차 리스트 (타이틀) */
.frame.left .step{position:relative;width:calc(100% - 110px);min-height:80px;margin-left:100px;padding:5px 0;}
.frame.left .step.type6{padding-bottom:13px;}
.frame.left .step + .step:before{content:'';position:absolute;top:0;right:0;left:-100px;display:inline-block;height:1px;background:#e6e6e6;}
.frame.left .step .sTitle{position:absolute;left:-100px;top:0;width:100px;height:100%;z-index:10;}
.frame.left .step .sTitle h3{position:relative;height:100%;line-height:111px;}
.frame.left .step .sTitle span{position:relative;display:block;margin-left:24px;font-size:12px;font-weight:500;color:#ff7225;letter-spacing:-0.045em;white-space:nowrap; font-family:"ONE-Mobile-Title",sans-serif;}
.wrap_chasi .chasi_item .txt{flex:1;align-self:center;overflow:hidden;vertical-align:middle;}
.wrap_chasi .chasi_item .txt a{display:block; text-overflow:ellipsis; overflow:hidden; font-size:16px;line-height:22px;white-space: nowrap; vertical-align:middle;}

/* 22-01-10, 22-10 신학기 개편 */
.wrap_chasi .chasi_item{height:auto;}
.wrap_chasi .chasi_item .txt a{display:inline-block;font-size:15px;font-weight:500;color:#393d49;line-height:22px;white-space:unset;}
.wrap_chasi .chasi_item .txt .video_type{display:inline-block; vertical-align:middle; background-repeat:no-repeat; background-position:center center; overflow:hidden; text-indent:-999999px; margin-left:10px;}
.wrap_chasi .chasi_item .txt .video_type.ty_youtube{width:48px; height:22px;background-image:url(../images/common/type_youtube.png);}
.wrap_chasi .chasi_item .txt .video_type.ty_video{width:22px; height:22px;background-image:url(../images/common/type_video.png);}
.wrap_chasi .chasi_item .txt .video_type.ty_link{width:22px; height:22px;background-image:url(../images/common/type_link.png);}
.wrap_chasi .chasi_item .txt .quiz_type{display:block;font-size:15px;}
.wrap_chasi .chasi_item .chasi_thumb.external{background-image:url(../images/chasi_pop/ico_external.png);}

/* .wrap_chasi .chasi_item .txt>span{-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:13px;line-height:1.5em;max-height:2.9em;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;display: block;display: -webkit-box; font-weight: bold;}
.wrap_chasi .chasi_item .txt>span .txts {font-size:12px;font-weight:normal;} */
.wrap_chasi .chasi_item .wrap_btn{display:none;}
.wrap_chasi .chasi_item:hover .wrap_btn{display:block;}
.wrap_chasi .chasi_item .wrap_btn .btn_move_t,
.wrap_chasi .chasi_item .wrap_btn .btn_move_b{position:absolute;left:50%;margin-left:-12px;display:inline-block;width:23px;height:13px;background-position:50% 50%;background-repeat:no-repeat;background-color:#30333b;border:1px solid rgba(142,144,145,0.2);opacity:0.8;transition:all 0.3s;z-index:105;}
.wrap_chasi .chasi_item .wrap_btn .btn_move_t{top:0;border-radius:15px 15px 0 0;background-image:url(../images/chasi_pop/w_move_arrow_t.png);transform:translateY(-12px);}
.wrap_chasi .chasi_item .wrap_btn .btn_move_b{bottom:0;border-radius:0 0 15px 15px;background-image:url(../images/chasi_pop/w_move_arrow_b.png);transform:translateY(12px);}
/* .wrap_chasi .chasi_item .wrap_btn .btn_move_b:hover,.wrap_chasi .chasi_item .wrap_btn .btn_move_t:hover{border:none;background-color:#ff8125;} */
.wrap_chasi .chasi_item.link .txt a:hover{color:#ff8125;text-decoration: underline;}
.wrap_chasi .chasi_item .wrap_btn .btn_move_l{position:absolute;left:-13px;top:50%;display:inline-block;width:13px;height:23px;border-radius:15px 0 0 15px;border:1px solid rgba(142,144,145,0.2);background:url(../images/chasi_pop/w_move_arrow_l.png) 2px 50% no-repeat #30333b;opacity:1;z-index:105;transform:translateY(-50%);image-rendering:pixelated;}
/*.wrap_chasi .chasi_item .wrap_btn .btn_move_l:hover{background:url(../images/chasi_pop/w_move_arrow_l.png) 50% 50% no-repeat #30333b;animation:color2 0.3s ease-out;}*/

.wrap_chasi.disabled .chasi_item:hover{background:none;}
.wrap_chasi.disabled .chasi_item .wrap_btn{display:none;}
.wrap_chasi.disabled .chasi_item .chasi_thumb{background-color:#e9e9e9;opacity:0.3;}
.wrap_chasi.disabled .chasi_item .txt{opacity:0.3;}
.wrap_chasi.disabled .chasi_item .handle_module{opacity:0.3;}
.wrap_chasi.disabled .chasi_item .handle_module .btn_share:hover{background-color:transparent;}
.wrap_chasi.disabled .chasi_item .handle_module button{cursor:default;}
.wrap_chasi.disabled .you_msg{display:block;padding:0 16px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:420px;height:30px;line-height:30px;background:rgba(57,61,73,0.8);border-radius:5px;text-align:center;color:#fff;font-size:13px;z-index:10;}
.chasiFrame_2n .frame.left .wrap_chasi .chasi_item .wrap_btn .btn_move_l {display:none;}
.chasiFrame_2n .frame.right .wrap_chasi .chasi_item .wrap_btn .btn_move_t {display:none;}
.chasiFrame_2n .frame.right .wrap_chasi .chasi_item .wrap_btn .btn_move_b {display:none;}
.ui-sortable-helper{padding:5px 20px 5px 5px;opacity:0.9;border-radius:15px 32px 32px 15px;z-index:100;/*min-width:620px;*/}
.ui-sortable-helper .sTitle{display:none;}
.ui-sortable-helper .chasi_item{background:#f1f1f1;border:1px solid #ebebeb;box-shadow:10px 10px 5px rgba(121,121,121,0.4);}
.ui-sortable-helper .chasi_item .handle_module{display:none;}

@keyframes color2{
    0%{background-color:#fff;}
    100%{background-color:#ff8125;}
}
.wrap_chasi .chasi_item .handle_module{min-width:70px;margin:20px 0 0 15px;font-size:0;text-align:right;}
.wrap_chasi .chasi_item .handle_module .btn_share{display:inline-block;margin-right:8px;width:30px;height:30px;line-height:30px;border:none;vertical-align:middle;-ms-interpolation-mode: nearest-neighbor;}
.wrap_chasi .chasi_item .handle_module .btn_share span{display:block;width:30px;height:30px;background-image:url(../images/chasi_pop/btn_share02.png);background-repeat:no-repeat;background-position:60% 50%;}
.wrap_chasi .chasi_item .handle_module .btn_share:hover{background-color:#ffd563;}
.wrap_chasi .chasi_item .handle_module .btn_share:hover .sharePopupWrap,.wrap_chasi .chasi_item .handle_module .btn_share:hover .share_pop.type1{display:block;}
.wrap_chasi .chasi_item .handle_module .btn_save{display:inline-block;margin-left:5px;width:30px;height:30px;border-radius:50%;line-height:30px;border:none;vertical-align:middle;-ms-interpolation-mode: nearest-neighbor;image-rendering: crisp-edges;}
.wrap_chasi .chasi_item .handle_module .btn_save span{display:block;width:30px;height:30px;background:url(../images/chasi_pop/btn_save.png) no-repeat 1px 1px;}
.wrap_chasi .chasi_item .handle_module .btn_save:hover{background-color:#ffd563;}
.wrap_chasi .chasi_item .handle_module .btn_del{display:inline-block;width:24px;height:24px;border:1px solid #d9d8d8;vertical-align:middle;background-image:url("../images/chasi_pop/btn_close02.png");}
.wrap_chasi .chasi_item .handle_module .btn_del span{display:block;}
.wrap_chasi .chasi_item:hover .handle_module .btn_del{background-color:#fff;}
.wrap_chasi .chasi_item .handle_module .btn_down{display:inline-block;width:30px;height:30px;border-radius:50%;transition:all 0.3s;vertical-align:middle;-ms-interpolation-mode: nearest-neighbor;image-rendering: crisp-edges;}
.wrap_chasi .chasi_item .handle_module .btn_down span{display:block;width:30px;height:30px;background:url(../images/chasi_pop/btn_down.png) no-repeat center center;}
.wrap_chasi .chasi_item .handle_module .btn_down.dis{cursor:default;}
.wrap_chasi .chasi_item .handle_module .btn_down.dis span{background:url(../images/chasi_pop/btn_down.png) no-repeat center center;cursor:default;}
.wrap_chasi .chasi_item .handle_module .btn_down:hover{background-color:#ffd563;}
.wrap_chasi .chasi_item .handle_module .btn_down.dis:hover{background-color:transparent;}
.frame.left .wrap_chasi .chasi_item .handle_module .btn_down{display:none}
.frame.left .wrap_chasi .chasi_item .handle_module .btn_save{display:none;}
.frame.right .wrap_chasi .chasi_item .handle_module .btn_share{margin-right:4px;width:30px;height:30px;}
.frame.right .wrap_chasi .chasi_item .handle_module .btn_del{display:none;}

.wrap_chasi .chasi_item+.chasi_item,.tab_ui+.chasi_item,.tab_ui+.chasi_item,.bbs_vote .chasi_item:first-child{border-top:0;}
.wrap_chasi .chasi_item.alert{padding:0 20px;}
.wrap_chasi .chasi_item.alert .txtspan{padding-left:20px;text-indent:-20px;}
/* 차시 목차 리스트 하단영역*/
.frame .module_btn_bottom{min-height:45px;margin-top:6px;}
.frame .module_btn_bottom:after{content:'';display:block;clear:both;}
.frame .module_btn_bottom .b_left{float:left;margin-top:6px;font-size:0;}
/*.frame .module_btn_bottom .b_left p{margin-left:15px;display:inline-block;padding-left:12px;background:url(../images/chasi_pop/ic_notice.png) no-repeat left center;font-size:13px;color:#5f6a8b;line-height:36px;letter-spacing:-0.045em;}*/
.frame .module_btn_bottom .b_left .btn{display:inline-block;height:34px;padding:0 16px;background:#ffeda5;border:1px solid #daa05b;border-radius:6px;font-weight:500;color:#f25221;text-align:center;line-height:32px;letter-spacing:-0.045em;}
.frame .module_btn_bottom .b_left .btn:hover{background:#fff;border:1px solid #ff7225;color:#ff7225;}
.frame .module_btn_bottom .b_left [class^="btn"] + [class^="btn"]{margin-left:3px;}
/* 버튼: url 공유하기*/
.frame .module_btn_bottom .b_left .btn_share{display:inline-block;padding:0 18px;height:40px;background:#fff;border:1px solid #c0c6cd;border-radius:5px;color:#464a55;font-weight:400;line-height:38px;letter-spacing:-0.045em;}
.frame .module_btn_bottom .b_left .btn_share:hover{background:#ffd563;border-color:#ffd563;}
.frame .module_btn_bottom .b_left .btn_share span{display:inline-block;height:34px;background:url(../images/chasi_pop/btn_share.png) no-repeat center center;}
/* 버튼: 문제은행, 샘퀴즈, 수업 도우미 */
.frame .module_btn_bottom .b_left .btn_quiz_bank,
.frame .module_btn_bottom .b_left .btn_samquiz,
.frame .module_btn_bottom .b_left .btn_helper{position:relative;display:inline-block;padding:0 13px;height:36px;background:#fff;border:1px solid #ced5de;color:#464a55;font-weight:400;line-height:34px;border-radius:18px;}
.frame .module_btn_bottom .b_left .btn_quiz_bank:hover,
.frame .module_btn_bottom .b_left .btn_samquiz:hover,
.frame .module_btn_bottom .b_left .btn_helper:hover{padding:0 12px;border:2px solid #ced5de;color:#ff8125;line-height:32px;}
.frame .module_btn_bottom .b_left .btn_quiz_bank span,
.frame .module_btn_bottom .b_left .btn_samquiz span,
.frame .module_btn_bottom .b_left .btn_helper span{display:inline-block;margin:8px 4px 0 0;background-position:0 0;background-repeat:no-repeat;vertical-align:top;}
.frame .module_btn_bottom .b_left .btn_quiz_bank .ico_new,
.frame .module_btn_bottom .b_left .btn_samquiz .ico_new,
.frame .module_btn_bottom .b_left .btn_helper .ico_new{position:absolute;top:-6px;right:-4px;width:18px;height:18px;background:url(../images/chasi_pop/ico_new.png) 0 0 no-repeat;}
.frame .module_btn_bottom .b_left .btn_quiz_bank:hover .ico_new,
.frame .module_btn_bottom .b_left .btn_samquiz:hover .ico_new,
.frame .module_btn_bottom .b_left .btn_helper:hover .ico_new{top:-7px;right:-5px;}
/* 버튼: 문제은행*/
.frame .module_btn_bottom .b_left .btn_quiz_bank span{width:18px;height:17px;background-image:url(../images/chasi_pop/ic_quiz.png);}
.frame .module_btn_bottom .b_left .btn_quiz_bank:hover span{margin-top:7px;background-position:0 -17px;}
/* 버튼: 샘퀴즈 */
.frame .module_btn_bottom .b_left .btn_samquiz span{width:24px;height:19px;background-image:url(../images/chasi_pop/ic_sam_quiz.png);}
.frame .module_btn_bottom .b_left .btn_samquiz:hover span{margin-top:7px;background-position:0 -19px;}
/* 버튼: 수업 도우미 */
.frame .module_btn_bottom .b_left .btn_helper span{width:21px;height:19px;background-image:url(../images/chasi_pop/ic_classhelper.png);}
.frame .module_btn_bottom .b_left .btn_helper:hover span{margin-top:7px;background-position:0 -19px;}
/* 버튼: 수업 시작하기*/
.frame .module_btn_bottom .btn_class{padding:0 15px 0 12px;height:45px;background:#fff;border:1px solid #dbc9b8;border-radius:22px;transition:0.3s all;}
.frame .module_btn_bottom .btn_class span{display:block;padding:0 0 0 32px;color:#7b5e41;font-size:14px;font-weight:500;line-height:43px;background:url(../images/chasi_pop/ico_play2.png) no-repeat left center;letter-spacing:-0.045em;}
/*.frame .module_btn_bottom .btn_class:hover{background:#ff6019;}*/
/* 버튼 */
.frame .module_btn_bottom .btn_degital{float:right;}
/**/
.frame.right .wrap_chasi.selector{opacity:0.2;}

/* 비바샘, 유튜브 라디오버튼 */
.d_radio_2 input{appearance: none;-webkit-appearance:none;display:none;}
.d_radio_2 input[type="radio"] + label{position:relative;display:block;padding-left:32px;font-weight:400;color:#606677;line-height:18px;}
.d_radio_2 input[type="radio"] + label:before{content:'';position:absolute;left:4px;top:0;width:18px;height:18px;overflow:hidden;background:url(../images/chasi_pop/radio2.png) no-repeat center top;}
.d_radio_2 input[type="radio"]:checked + label:before{background:url(../images/chasi_pop/radio2.png) no-repeat center -19px;}
/* 차시창 2학기 개편 추가 2307 */
.frame.right .chasi_box .cont{padding:0;background:none;border-radius:0;margin: 0 2px;}
.frame.right .chasi_box .cont:after{content:none;}
.frame.right .chasi_box .cont .sort_list{padding:0; background-color: #fff;}
.frame.right .chasi_box .cont .sort_list > div{position:relative;}
.frame.right .chasi_box .cont .tab_cont{padding-top:0px;height:calc(100% - 35px);background-color:#fff;overflow:hidden;border: 1px solid #e1cbb6;border-radius:0 0 12px 12px;}
.tab_line{height:100%;}
.tab_line .tab_tit_inline{padding:0 5px;}
.tab_line h3{position:relative;display:inline-block;font-size:16px;font-weight:500;color:#ff8125;line-height:1;letter-spacing:-0.045em;}
.tab_line h3:after{content:'';position:absolute;right:-12px;top:-2px;width:7px;height:7px;border-radius:50%;background:#ff8125;}
.tab_line h3 .addlayer{position:absolute;left:calc(100% + 26px);top:-10px;}
.tab_line h3 .addlayer div{position:relative;display:inline-block;padding:0 10px;min-width:330px;line-height:28px;color:#fff;border-radius:5px;background:#7f82ea;box-shadow:2px 2px 0 rgba(153,169,183,0.65);vertical-align:top;}
.tab_line h3 .addlayer div p{font-size:12px;color:#fff;font-weight:400;}
.tab_line h3 .addlayer div:before{content:'';position:absolute;left:-8px;top:6px;width:8px;height:11px;background:url(../images/chasi_pop/chasi_bubble_arrow.png) no-repeat center center;}
.tab_line h3 .addlayer div .btn_close{position:absolute;right:4px;top:50%;margin-top:-13px;width:25px;height:25px;background:url(../images/chasi_pop/bubble_close.png) no-repeat center center;}
/*.tab_line h4{margin:30px 0 20px;padding:0 5px;font-size:18px;color:#393d49;font-weight:500;line-height:1;letter-spacing:-0.045em;}*/
/*.tab_line h4 span{margin-left:5px;display:inline-block;line-height:16px;color:#ff8125;font-weight:300;vertical-align:top;}*/
.tab_line .tab_sub_tit{margin:0;display:flex;display:-webkit-flex;justify-content: space-between;}
.tab_line .tab_sub_tit h4{margin-top:0;}
.tab_line .tab_sub_tit h4 span{line-height:inherit;}
.tab_line > [id*="Data"]{position:relative;}
.tab_line .wrap_chasi{padding:0;}
.tab_line .wrap_chasi.sub{margin-top:20px;}
.tab_line .wrap_chasi.sub + .wrap_chasi{margin-top:1px;}
.tab_line .wrap_chasi.sub .chasi_item, .wrap_chasi .chasi_item.sub{background:#faf5ee;border:1px solid #eddabf;}
/*.ui-draggable-handle{min-width:467px; max-width:800px;}*/
.ui-draggable-handle{width:100% !important;}
.recom_tab_wrap{overflow:hidden;position:relative;z-index:1;}
.recom_tab_wrap [class^="btn"]{position:absolute;top:0;left:0;width:21px;height:35px;background-color:#fff;background-position:50% 50%;background-repeat:no-repeat;background-size:5px 8px;border:1px solid #c9c9c9;z-index:10;opacity:1;}
.recom_tab_wrap [class^="btn"].swiper-button-disabled{opacity:0;}
.recom_tab_wrap [class^="btn_recom_prev"]{background-image:url(../images/chasi_pop/btn_recom_prev.png);}
.recom_tab_wrap [class^="btn_recom_next"]{right:0;left:auto;background-image:url(../images/chasi_pop/btn_recom_next.png);}
.recom_tab_wrap [class^="recomTabSwiper"] {background:#eff1f7;height:35px; border-bottom:1px solid #d7dde2;}
.recom_tab_wrap .recom_list{font-size:0;white-space:nowrap;}
.recom_tab_wrap .recom_list [class*="rcmdSubTypeArea"]{position:relative;display:inline-block;width:auto;height:100%;border-right:1px solid #d7dde2;text-align:center;}
.recom_tab_wrap .recom_list [class*="rcmdSubTypeArea"].on {border-bottom: 0;}
.recom_tab_wrap .recom_list [class*="rcmdSubTypeArea"].on:before{content:"";display:block;position:absolute;bottom:-3px;background-color:#fff;height:5px;width:100%;}
.recom_tab_wrap .recom_list [class*="rcmdSubTypeArea"] button{width:100%;height:100%;font-size:13px;font-weight:400;color:#393d49;letter-spacing:-0.045em; padding: 0 20px;}
.recom_tab_wrap .recom_list [class*="rcmdSubTypeArea"] span{color:#ff7725;}
.recom_tab_wrap .recom_list [class*="rcmdSubTypeArea"] span.txtUnder {color:inherit;position:relative;top:0;left:0;}
/*.recom_tab_wrap .recom_list [class*="rcmdSubTypeArea"].on:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:3px;background:#393d49;}*/
.recom_tab_wrap .recom_list [class*="rcmdSubTypeArea"].on button{background:#fff;font-weight:500;}
.recom_tab_wrap .recom_list [class*="rcmdSubTypeArea"].on span{font-weight:500;}
.recom_tab_wrap .recom_list [class*="rcmdSubTypeArea"].on span.txtUnder:after {content:"";display: inline-block;border-bottom: 1px solid #333;width:100%;height:1px;position:absolute;bottom:-2px;left:0;border-bottom:1px solid #333;}
.tab_line .btn_more{margin-top:27px;display:block;background:#eff1f7;border:1px solid #e7e7e7;height:35px;text-align:center;border-radius:5px;transition:0.3s all;}
.tab_line .btn_more span{display:inline-block;padding-right:15px;background:url(../images/chasi_pop/btn_more.png) no-repeat right center;font-size:13px;font-weight:400;color:#606677;line-height:33px;}
.tab_line .btn_more:hover{background:#e5e8f2;border-color:#e5e8f2;}
.recom_con_wrap{height:calc(100% - 35px); background-color: #fff;}
/* 차시창 2학기 개편 - 오른쪽 컨텐츠 */
.frame.right .recom_con_wrap .chasiListWrap{border-bottom:1px solid #ebebeb; padding: 15px 0 8px;}
.frame.right .recom_con_wrap .ListTit{font-size: 13px;font-family:"ONE-Mobile-Title",'Noto Sans Korean','sans-serif';padding:0 17px 5px;}
.frame.right .recom_con_wrap .ListTit span{color:#f25221;font-weight:600;margin-left:2px;vertical-align:middle;}
.frame.right .recom_con_wrap .chasiCont{display:flex;flex-wrap:wrap; padding: 0 17px;}
.frame.right .recom_con_wrap .chasiCont .wrap_chasi {width:calc(100% / 4) !important; padding:1px;}
.frame.right .recom_con_wrap .wrap_chasi .chasi_item{padding:5px;padding-bottom:7px;border-radius:0;border:1px solid #fff;}
.frame.right .recom_con_wrap .wrap_chasi .chasi_item:hover{border-radius:7px;border:1px solid #ff9b6e;box-shadow: 0px 4px 2px 0px #e0e0e0;}
.frame.right .recom_con_wrap .wrap_chasi .chasi_item:hover .link_box{background: rgba(45, 54, 70, 0.7);opacity: 1;}
.frame.right .recom_con_wrap .wrap_chasi .chasi_item:hover .hidden_hover_box{width:100%;height:100%;opacity:1;overflow:hidden;}
.frame.right .recom_con_wrap .wrap_chasi .chasi_item:hover .hidden_hover_box .d_cont a{transform:translateY(0);opacity:1;}
.frame.right .recom_con_wrap .wrap_chasi .chasi_item:hover .hidden_hover_box .d_cont a:first-child{transition-delay:100ms;}
.frame.right .recom_con_wrap .wrap_chasi .chasi_item:hover .hidden_hover_box .d_cont a:nth-child(2){transition-delay:170ms;}
.frame.right .recom_con_wrap .wrap_chasi .chasi_item:hover .hidden_hover_box .d_cont a:nth-child(3){transition-delay:240ms;}
.frame.right .recom_con_wrap .wrap_chasi .chasi_item:hover .hidden_hover_box .d_cont a:nth-child(4){transition-delay:310ms;}
.frame.right .recom_con_wrap .data_list{border-top:0;width:100%;}
.frame.right .recom_con_wrap .data_list ul li a {border:0;font-size: 13px;}
.frame.right .recom_con_wrap .wrap_chasi .chasi_item .txt a{display:block;width:100%;height:100%;}
.frame.right .recom_con_wrap .wrap_chasi .chasi_item .txt .verticalTxtWrap {display:block;padding-top:10px;}
.frame.right .recom_con_wrap .wrap_chasi .chasi_item .txt .verticalTxtWrap span {display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13px;color:#5f5f5f;line-height:16px;}
.frame.right .recom_con_wrap .wrap_chasi .chasi_item .txt .duration {font-size: 11px;color:#b0b0b0;}
.frame.right .recom_con_wrap .wrap_chasi .chasi_item .txt .samName{font-size:12px;font-weight:400;color:#8c8c8c;}
.frame.right .recom_con_wrap .data_list ul li .data_cont .thumbImg a.chasi_thumb.external,.frame.right .recom_con_wrap .data_list ul li .data_cont .thumbImg a.chasi_thumb.commonThumb,.frame.left .sort_list .wrap_chasi .chasi_item .chasi_thumb.commonThumb{background-image:url("../images/chasi_pop/thumb/thumb_viversam.png");background-size:cover;}
.frame.right .recom_con_wrap .data_list ul li .data_cont{border-radius:0;overflow:inherit;border:0;}
.frame.right .recom_con_wrap .data_list ul li{width:100%;margin:auto;margin-top:39px;z-index:0;}
.frame.right .recom_con_wrap .data_list ul li:hover{z-index:1;}
.frame.right .recom_con_wrap .data_list ul li .data_cont .type{top:0;right:0;width:29px;height:29px;display: inline-block;}
.frame.right .recom_con_wrap .data_list ul li .data_cont .type span {display:inline-block;background:url("../images/chasi_pop/type_icon.png") no-repeat 0 0;width:29px;height:29px;}
.frame.right .recom_con_wrap .data_list ul li .data_cont .type.xls span {background-position-x:-76px}
.frame.right .recom_con_wrap .data_list ul li .data_cont .type.ppt span {background-position-x:-38px}
.frame.right .recom_con_wrap .data_list ul li .data_cont .type.word span {background-position-x:0;}
.frame.right .recom_con_wrap .data_list ul li .data_cont .type.hwp span {background-position-x:-244px;}
.frame.right .recom_con_wrap .data_list ul li .data_cont .type.sound span {background-position-x:-115px;}
.frame.right .recom_con_wrap .data_list ul li .data_cont .type.video span {background-position-x:-158px;}
.frame.right .recom_con_wrap .data_list ul li .data_cont .type.img span {background-position-x:-201px;}
.frame.right .recom_con_wrap .data_list ul li .data_cont .type.zip span {background-position-x:-330px;}
.frame.right .recom_con_wrap .data_list ul li .data_cont .type.pdf span {background-position-x:-373px;}
.frame.right .recom_con_wrap .data_list ul li .data_cont .type.link span {background-position-x:-416px;}
.frame.right .recom_con_wrap .data_list ul li .data_cont .type.html span {background:none;width:0;height:0;}
.frame.right .recom_con_wrap .data_list ul li .data_cont .type.youtube span {background-image:url(../images/chasi_pop/type_icon2.png);width:79px;height:28px;}
.frame.right .recom_con_wrap .data_list ul li .data_cont .type.youtube{width:79px;height:28px;}
.frame.right .recom_con_wrap .data_list ul li .data_cont .thumbImg{height:0;padding-bottom:55.7%;position:relative;border:1px solid #e0e0e0;overflow:hidden;border-radius:7px;}
.frame.right .recom_con_wrap .data_list ul li .data_cont .thumbImg a.chasi_thumb{background-color:#fff;display:block;border:0;border-radius:0;text-align:center;width:100%;height:100%;position:absolute;top:0;left:0;right:0;bottom:0;background-image:none;}
.frame.right .recom_con_wrap .data_list ul li .data_cont .thumbImg a img{width:100%;height:auto;}
.frame.right .recom_con_wrap .data_list ul li .data_cont .hidden_hover_box .d_cont{bottom:9px;right:auto;left:50%;transform:translateX(-50%);display:inline-flex;}
.frame.right .recom_con_wrap .data_list ul li .data_cont .hidden_hover_box .d_cont a{width: 26px;height:26px;}
.frame.right .recom_con_wrap .data_list ul li .data_cont .hidden_hover_box .d_cont a .ico.plus{background-image: url("../images/chasi_pop/chasi_plus.png");background-position:center top;width:26px;height:26px;}
.frame.right .recom_con_wrap .data_list ul li .data_cont .hidden_hover_box .d_cont a:hover .ico.plus{background-position:center center;}
.frame.right .recom_con_wrap .data_list ul li .data_cont .hidden_hover_box .d_cont a .ico.plus.disabled{background-position:center bottom;}
.frame.right .recom_con_wrap .data_list ul li .data_cont .hidden_hover_box .d_cont a .ico.down{background-image: url("../images/chasi_pop/chasi_down.png");background-position:center top;width:26px;height:26px;}
.frame.right .recom_con_wrap .data_list ul li .data_cont .hidden_hover_box .d_cont a:hover .ico.down{background-position:center center;}
.frame.right .recom_con_wrap .data_list ul li .data_cont .hidden_hover_box .d_cont a .ico.down.disabled{background-position: center bottom;}
.frame.right .recom_con_wrap .data_list ul li .data_cont .hidden_hover_box .d_cont a .ico.share{background-image: url("../images/chasi_pop/chasi_share2.png");background-position:center top;width:26px;height:26px;}
.frame.right .recom_con_wrap .data_list ul li .data_cont .hidden_hover_box .d_cont a:hover .ico.share{background-position:center center;}
.frame.right .recom_con_wrap .data_list ul li .data_cont .hidden_hover_box .d_cont a .ico.share.disabled{background-position: center bottom;}
.frame.right .recom_con_wrap .videoNone {display: none;}
/*차시창 오른쪽 부가설명 X */
.frame.right .recom_con_wrap .wrap_chasi .chasi_item .handle_module,
.frame.right .recom_con_wrap .wrap_chasi .chasi_item .txt a span.period_num,
.frame.right .recom_con_wrap .wrap_chasi .chasi_item .txt .newLineArea{display: none;}
.frame.right .recom_con_wrap .wrap_chasi .chasi_item .txt .duration{display:block;}
/* 차시창 2학기 개편 - 드래그시 왼쪽 컨텐츠 */
.frame.left .sort_list .data_list {border-top:0;width:100%;}
.frame.left .sort_list .data_list ul{display:block;}
.frame.left .sort_list .data_list ul li{width:100%;display:flex;}
.frame.left .sort_list .data_list ul li .data_cont{width:160px;border:0;margin-right:12px;border-radius:0;}
.frame.left .sort_list .data_list ul li .data_cont .img{height:90px;}
.frame.left .sort_list .data_list ul li .data_cont .hover_box,
.frame.left .sort_list .data_list ul li .data_cont .link_box,
.frame.left .sort_list .data_list ul li .data_cont .hidden_hover_box,
.frame.left .sort_list .data_list ul li .data_cont .type,
.frame.left .sort_list .wrap_chasi .chasi_item .txt .duration{display: none;}
.frame.left .sort_list .wrap_chasi .chasi_item:hover .txt a span{color:#f25221;}
.frame.left .sort_list .wrap_chasi .chasi_item .chasi_thumb{display:block;border-color:#cdcdcd;border-radius:7px;text-align:center}
.frame.left .sort_list .data_list ul li .data_cont .img a img {max-width:100%;max-height:100%;}
.frame.left .sort_list .videoNone {display: block; background:rgba(255,255,255,.7);width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;}
.frame.left .sort_list .wrap_chasi .you_msg{display:block;position:absolute;top:32%;background:rgba(0,0,0,.5);padding:10px;border-radius:7px;color:#fff;left:5%;}
    /* 전체 차시 / 저장 차시 / 진도 차시 */
.pop_chasi{position:absolute;left:0;right:0;top:78px;background:#fff;z-index:9999;display:none;min-width:1024px;}
#pop_myprogress.pop_chasi {height:368px;}
#pop_mysave.pop_chasi {height:382px;}
.pop_chasi .inner_chasi {height:calc(100% - 43px);}
.pop_chasi .pop_c_head{display:flex;display:-webkit-flex;padding:0 30px 0 15px;height:39px;justify-content:flex-start;align-items:center;background:#f0f0f0;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
.pop_chasi .pop_c_head .flex_l{margin-right:auto;font-size:0;}

.drop_menu.ty2 .label{padding:0 31px 0 22px;border-radius:0;background:transparent;font-size:14px;line-height:37px;border:none;border-right:1px solid #ddd;}
.drop_menu.ty2 .label:after{}
.drop_menu.ty2.on .label{background:#fff;}
.drop_menu.ty2 .drop_list{padding:10px 0;border-radius:0;border:1px solid #ddd;}
.drop_menu.ty2 .drop_list li{color:#8e9091;font-size:14px;line-height:33px;padding:0 22px;}

.pop_chasi .pop_c_head .flex_l .ui-select-parent{height:37px;border-right:1px solid #ddd;}
.pop_chasi .pop_c_head .flex_l .ui-select-parent:first-child{width:181px;}
.pop_chasi .pop_c_head .flex_l .ui-select-parent:first-child{border-left:1px solid #ddd;}
.pop_chasi .pop_c_head .flex_l .ui-select-parent .select2-container--default .select2-selection--single{border-radius:0;background:transparent;border:none;height:37px!important;}
.pop_chasi .pop_c_head .flex_l .ui-select-parent .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:36px;color:#606677;font-size:14px;}
.pop_chasi .pop_c_head .flex_l .ui-select-parent .select2-container--default .select2-selection--single .select2-selection__arrow{height:36px;}
.pop_chasi .pop_c_head .flex_l .ui-select-parent .select2-container--default .select2-selection--single .select2-selection__arrow b{top:15px;right:0!important;width:31px;height:6px;background:url(../images/chasi_pop/drop_menu_2.png) no-repeat right center;}
.pop_chasi .pop_c_head .flex_l .ui-select-parent .select2-container--default .select2-selection--single .select2-selection__rendered{height:36px;line-height:36px;color:#606677;font-size:14px;}
.pop_chasi .pop_c_head .flex_l .ui-select-parent .select2-container--open .select2-selection--single{background:#fff!important;}
.pop_chasi .pop_c_head .flex_l .ui-select-parent .select2-container--open .select2-dropdown{margin-top:1px;left:-2px!important;width:182px!important;border-radius:0;}
.pop_chasi .pop_c_head .flex_l .ui-select-parent.wp297 .select2-container--open .select2-dropdown{margin-top:1px;left:-1px!important;min-width:298px!important;border-radius:0;}
.select2-container--default .select2-results>.select2-results__options{}
.pop_chasi .pop_c_head .flex_l .select2-results__option{font-size:14px;color:#8e9091;}
.pop_chasi .pop_c_head .flex_l .drop_menu.ty2 .label{color:#606677}
.pop_chasi .pop_c_head .flex_l .drop_menu.ty2:first-child{border-left:1px solid #ddd;}
.pop_chasi .pop_c_head .flex_l .drop_menu.ty2.wp297 .drop_list{left:-1px;width:298px;}
.pop_chasi .pop_c_head .flex_l .drop_menu.ty2.wp297 .drop_list li{padding:0 20px 0 21px;}
.pop_chasi .pop_c_head .flex_r{margin-left:auto;padding-right:40px;}
.pop_chasi .pop_c_head .flex_r .d_radio_2{display:inline-block;}
.pop_chasi .pop_c_head .flex_r .d_radio_2 + .d_radio_2{margin-left:12px;}
.pop_chasi .pop_c_body{display:block;padding:0 20px 0 30px;}
.pop_chasi .inner_chasi .pop_c_body {padding:0; overflow-y:auto; height:100%;}
.pop_chasi .pop_c_body .scr{height:100%;overflow-y:auto;}
.pop_chasi .inner_chasi .pop_c_body .scr {overflow-y:unset;}
.pop_chasi .pop_c_body .scr.pr30{position:relative;height: auto;padding-right:30px;padding-left:15px;}
.pop_chasi .pop_c_body .scr.pr30 .nodata_chasi.mySave {border-bottom:0; text-align:center; padding:115px 0;}
.pop_chasi .pop_c_body table{width:100%;}
.pop_chasi .pop_c_body table.pointer tr{cursor:pointer;}
.pop_chasi .pop_c_body table th p{color:#ff8125;}
.pop_chasi .pop_c_body table th{padding:5px 18px;border-bottom:1px solid #e9e9ea;text-align:left;}
.pop_chasi .pop_c_body table td{padding:5px 0;border-bottom:1px solid #e9e9ea;}
.pop_chasi .pop_c_body table td:nth-child(2),
.pop_chasi .pop_c_body table td:nth-child(3),
.pop_chasi .pop_c_body table td:nth-child(4){padding:5px 18px;border-left:1px solid #e9e9ea;}
.pop_chasi .pop_c_body table td.pr20{padding:6px 20px 6px 0;}
.pop_chasi .pop_c_body table td p{color:#393d49;}
.pop_chasi .pop_c_body table tr:not(.chasi_nodata_wrap):hover{background:#f6f3ed;}
.pop_chasi .pop_c_body table tr:hover .btn_del{background-color:#fff;}
.pop_chasi .pop_c_body table tr .date{color:#99a9b7;}
.pop_chasi .pop_c_body table tr:not(.chasi_nodata_wrap):hover .date{color:#ff8125;}
.pop_chasi .pop_c_body table tr:not(.chasi_nodata_wrap):hover td p{color:#ff8125;}
.pop_chasi .pop_c_body table tr:last-child td{border-bottom:none;}
.pop_chasi .pop_c_body table tr:last-child th{border-bottom:none;}
.pop_chasi .pop_c_body table td .sub_chapter{margin-top:8px;}
.sub_chapter{padding-left:13px;background:url(../images/chasi_pop/sub_chapter.png) no-repeat left 2px;}
.pop_chasi .pop_c_foot {display:block; position:absolute; bottom:0; width:100%;height:43px;background:#f1f1f1;text-align:center; z-index:999; }
.pop_chasi .pop_c_foot .btn_close{display:inline-block;padding-left:21px;height:43px;color:#000;line-height:43px;background:url(../images/chasi_pop/pop_c_close.png) no-repeat left center;}

.pop_chasi .pop_c_body .allview{display:flex;display:-webkit-flex;justify-content:flex-start;align-items: flex-start; width:100%;height:390px;padding-bottom:43px;}
.pop_chasi .pop_c_body .allview div{vertical-align:top;height:100%;overflow-y:auto;border-left:1px solid #ddd;}
.pop_chasi .pop_c_body .allview div a{display:block;padding:6px 20px;line-height:18px;color:#393d49;}
.pop_chasi .pop_c_body .allview div a:hover,.pop_chasi .pop_c_body .allview div a.on{background:#f1f1f1;color:#ff8125;}
.pop_chasi .pop_c_body .allview div .midwrap{padding:0;border:none;height:auto;}
.pop_chasi .pop_c_body .allview div .mid{position:relative;padding:6px 30px 6px 20px;}
.pop_chasi .pop_c_body .allview div .mid i{position:absolute;right:18px;top:0;display:block;width:8px;height:30px;background:url(../images/chasi_pop/unit_arrow.png) no-repeat center top;overflow:hidden;transform:rotate(180deg);}
.pop_chasi .pop_c_body .allview div .mid.on i{background:url(../images/chasi_pop/unit_arrow.png) no-repeat center bottom;}
.pop_chasi .pop_c_body .allview div .mid.on{background-color:transparent;}
.pop_chasi .pop_c_body .allview div .mid:hover{background:#f1f1f1;}
.pop_chasi .pop_c_body .allview div > .mid_wrap{display:block;border-left:none;height:auto;padding:0;}
.pop_chasi .pop_c_body .allview div > .mid_wrap a{padding:6px 30px 6px 50px;background:url(../images/chasi_pop/sub_chapter.png) no-repeat 34px center; color:#606677;}
.pop_chasi .pop_c_body .allview div > .mid_wrap a:hover{background-color:#f1f1f1;color:#ff8125;}
.pop_chasi .pop_c_body .allview div > .mid_wrap a.on{background-color:#f1f1f1;color:#ff8125;}
.pop_chasi .pop_c_body .allview .grade{width:7.58%;min-width:91px;}
.pop_chasi .pop_c_body .allview .semester{width:7.58%;min-width:91px;}
.pop_chasi .pop_c_body .allview .class{width:11%;min-width:133px;}
.pop_chasi .pop_c_body .allview .unit{width:30.16%;min-width:362px;}
.pop_chasi .pop_c_body .allview .chasi_doc{flex:1;}
.pop_chasi .pop_c_body .allview .chasi_doc .nodata{display: block;padding: 6px 20px;line-height: 18px;}

.pop_studylist{position:absolute;left:0px;top:67px;bottom:0px;z-index:9999;display:flex;flex-direction:column;justify-content:flex-end;}
.pop_studylist .wrap_idx{position:relative; left:10px; max-height:calc(99% - 72px);padding:0 0 30px;background:#fff;width:413px;box-shadow:6px 6px 10px rgba(45,50,65,0.3);border-radius:15px;}
.pop_studylist .wrap_idx .chasi_name{padding:11px;background:#ff8125;height:62px;border-radius:15px 15px 0 0;}
.pop_studylist .wrap_idx .chasi_name .drop_menu{width:100%;}
.pop_studylist .wrap_idx .chasi_name .drop_menu .label{border:none;height:40px;line-height:40px;font-size:14px;color:#606677;font-weight:400;border-radius:10px}
.pop_studylist .wrap_idx .chasi_name .drop_menu.on .label{background:#fff;}
.pop_studylist .wrap_idx .chasi_name .drop_menu .label:after{right:20px;top:-4px;height:40px;}
.pop_studylist .wrap_idx .chasi_name .drop_menu.on .label:after{background-position:center -48px;}
.pop_studylist .wrap_idx .chasi_name .drop_menu .drop_list{top:45px;border:2px solid #393d49;border-radius:10px;padding:0 0 14px;height:208px;overflow:hidden;}
.pop_studylist .wrap_idx .chasi_name .drop_menu .drop_list ul{max-height:165px;overflow-y:auto;}
.pop_studylist .wrap_idx .chasi_name .drop_menu .drop_list li{line-height:38px;height:38px;font-size:14px;color:#606677;}
.pop_studylist .wrap_idx .chasi_name .drop_menu .drop_list li.current{background:#f1f1f1;}
.pop_studylist .wrap_idx .chasiplan{position:relative;height:100%;border-radius:15px 0 0 0;overflow-y:scroll;overflow-x:hidden;}
.pop_studylist .wrap_idx .chasiplan dl{display:block;}
.pop_studylist .wrap_idx .chasiplan dl dt{padding:8px 21px;line-height:26px;display:block;background:#f7f0e5;border:1px solid #efe1ca;font-size:16px;color:#474e62;letter-spacing:-0.04em;}
.pop_studylist .wrap_idx .chasiplan dl dd{display:block;padding:12px 21px 13px;cursor:pointer;}
.pop_studylist .wrap_idx .chasiplan dl dd p{line-height:25px;font-size:14px;color:#8e9091;letter-spacing:-0.04em;}
.pop_studylist .wrap_idx .chasiplan dl dd p.now{color:#ff8125;}
.pop_studylist .wrap_idx:after{content:'';position:absolute;left:30px; /*59px*/ bottom:-12px;width:29px;height:12px;background:url(../images/chasi_pop/chasiplan.png) no-repeat center center;}
/*
    ** 2022-09-21 업데이트 ** 차시창 class 참고 : songcl
    1. 차시창 메인: chasiEdit_main
    2. 차시창 뷰어: chasiEdit_viewer
        2-1) 교과자료실 차시 뷰어(total.html)
            2-1-1) 하단영역(목차, 수업 도우미, 확대, 오류 신고): hdr_foot hdr_foot02
        2-2) 교과자료실 보조교과 차시 뷰어(tool.html), 테마관 뷰어-전체창(contentPopup.html) => 헤더영역 없음(<header class="hdr_chasiedit"></header>)
            2-2-1) 하단영역(수업 도우미, 확대): hdr_foot hdr_foot02 rightType02
            2-2-2) 하단영역(수업 도우미, 확대): hdr_foot rightType02
*/
/* 차시뷰어 영역 아이프레임, 캔버스 영역 리셋 */
.chasiEdit_viewer .chasiFrame > iframe,
.chasiEdit_viewer .chasiFrame #drawLayer > canvas{border:0;vertical-align:top;}
/**/
.chasiEdit_viewer{position:relative;height:100%;min-width:1200px;min-height:100%;}
.chasiEdit_viewer .chasi_frame{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:calc(100% - 43px);padding-top:44px;background:#fff;transition:height .3s;}
.chasiEdit_viewer .chasi_frame .chasiFrame{height:100%;text-align:center;/*height:830px;*/}
.chasiEdit_viewer .chasi_frame .chasiFrame img{height:100%;}
.chasiEdit_viewer .hdr_foot{position:absolute;left:0;bottom:0;right:0;display:flex;display:-webkit-flex;justify-content:space-between;max-height:43px;padding:6px 12px 6px 8px;background:#f4f4f4;border-top:1px solid #e3e3e3;transition:transform .3s;}
.chasiEdit_viewer .hdr_foot .btnFootCtl{display:none;}
.chasiEdit_viewer .hdr_foot .left .btn_list:hover,
.chasiEdit_viewer .hdr_foot .left .btn_list.on{background:#ffd563;border-color:#ffd563;}
.chasiEdit_viewer .hdr_foot .left,
.chasiEdit_viewer .hdr_foot .center{z-index:1;}
/* 차시창 하단 - 목차 */
.hdr_foot.hdr_foot02 .btn_list,
.pop_studylist .btn_list{position:relative;width:78px;height:auto;padding:0 16px 0 12px;background:#fff;border:1px solid #3c4043;border-radius:4px;}
.hdr_foot.hdr_foot02 .btn_list span,
.pop_studylist .btn_list span{padding-left:24px;background:url(../images/chasi_pop/ic_list2.png) no-repeat left center;font-size:13px;font-weight:400;color:#292f38;line-height:30px;}
.pop_studylist .btn_list{margin:26px 8px 4px;}
/* 차시창 하단 - 위치 영역 */
.chasiEdit_viewer .hdr_foot .left .viewer_control{display:inline-block;height:auto;vertical-align:top;}
.chasiEdit_viewer .hdr_foot .left .viewer_control a{position:relative;float:left;padding:0 13px;background:#fff;border:1px solid #c9c9c9;border-left:0;font-size:13px;font-weight:400;color:#434753;line-height:30px;}
.chasiEdit_viewer .hdr_foot .left .viewer_control a:first-child{border-left:1px solid #b7bbc7;border-radius:4px 0 0 4px;}
.chasiEdit_viewer .hdr_foot .left .viewer_control a:last-child{border-right:1px solid #b7bbc7;border-radius:0 4px 4px 0;}
.chasiEdit_viewer .hdr_foot .left .viewer_control a:hover,
.chasiEdit_viewer .hdr_foot .left .viewer_control a.now{background:#f5812c;font-weight:600;color:#fff;}
.chasiEdit_viewer .hdr_foot .left .viewer_control a:hover:before,
.chasiEdit_viewer .hdr_foot .left .viewer_control a.now:before{content:'';position:absolute;top:-1px;left:-1px;width:100%;height:100%;border:1px solid #f06a08;z-index:1;}
.chasiEdit_viewer .hdr_foot .left .viewer_control a:first-child:hover:before,
.chasiEdit_viewer .hdr_foot .left .viewer_control a:first-child.now:before{border-radius:4px 0 0 4px;}
.chasiEdit_viewer .hdr_foot .left .viewer_control a:last-child:hover:before,
.chasiEdit_viewer .hdr_foot .left .viewer_control a:last-child.now:before{border-radius:0 4px 4px 0;}
/* 차시창 하단 - 쪽수표시 */
.chasiEdit_viewer .hdr_foot .center{display:flex;position:absolute;top:0;bottom:0;left:50%;transform:translateX(-50%);}
.chasiEdit_viewer .hdr_foot .center [class^="btn_chasi_"]{position:relative;display:inline-block;width:42px;height:42px;background-position:50% 50%;background-repeat:no-repeat;background-size:26px 26px;vertical-align:top;}
.chasiEdit_viewer .hdr_foot .center .btn_chasi_prev{background:url(../images/chasi_pop/btn_prevchasi04.png) no-repeat center #477cf5;}
.chasiEdit_viewer .hdr_foot .center .btn_chasi_next{background:url(../images/chasi_pop/btn_nextchasi04.png)no-repeat center #477cf5;}
.chasiEdit_viewer .hdr_foot .center .pagenum{min-width:94px;padding:0 20px;display:inline-block;font-size:15px;font-weight:400;color:#6f6f6f;background:#fff;text-align:center;line-height:42px;}
.chasiEdit_viewer .hdr_foot .center .pagenum span{font:inherit;font-weight:400;color:#6f6f6f;}
.chasiEdit_viewer .hdr_foot .center .pagenum strong{font:inherit;font-weight:600;color:#f06a08;}
/* 차시창 하단 - 수업도우미 */
.chasiEdit_viewer .hdr_foot .right{display:flex;align-items:center;}
.chasiEdit_viewer .hdr_foot .right .main_help_tool{font-size:0;}
.chasiEdit_viewer .hdr_foot .right .main_help_tool [class^="btn_"],
.chasiEdit_viewer .hdr_foot .right .btn_helper{position:relative;display:inline-block;height:32px;padding:0 12px;background:#fff;border:1px solid #3c4043;border-left:0;font-size:13px;font-weight:400;color:#434753;text-align:center;}
.chasiEdit_viewer .hdr_foot .right .main_help_tool [class^="btn_"]:first-child{border-left:1px solid #3c4043;border-radius:4px 0 0 4px;}
.chasiEdit_viewer .hdr_foot .right .main_help_tool [class^="btn_"] span,
.chasiEdit_viewer .hdr_foot .right .btn_helper span{font:inherit;color:inherit;}
.chasiEdit_viewer .hdr_foot .right .btn_helper{padding:0 30px 0 12px;border-radius:0 4px 4px 0;transition:all 0.3s;}
.chasiEdit_viewer .hdr_foot .right .btn_helper:before{content:'';position:absolute;top:45%;right:12px;display:inline-block;width:11px;height:6px;background:url(../images/chasi_pop/drop_menu_2.png) 0 0 no-repeat;transform:rotate(-180deg);transition:all .3s;}
.chasiEdit_viewer .hdr_foot .right .help_wrap.on .btn_helper:before{transform:rotate(0);}
.chasiEdit_viewer .hdr_foot .right .help_wrap{position:relative;}
.chasiEdit_viewer .hdr_foot .right .help_wrap .wrap_help{overflow:hidden;position:absolute;top:0;left:0;display:none;width:100%;background:#fff;border:1px solid #b7bbc7;border-radius:6px;}
.chasiEdit_viewer .hdr_foot .right .help_wrap.on .wrap_help{display:block;transform:translateY(-102%);}
.chasiEdit_viewer .hdr_foot .right .help_wrap .wrap_help [class^="btn_"]{position:relative;display:block;width:100%;height:100%;text-align:left;}
.chasiEdit_viewer .hdr_foot .right .help_wrap .wrap_help [class^="btn_"] + [class^="btn"]{border-top:1px solid #b7bbc7;}
.chasiEdit_viewer .hdr_foot .right .help_wrap .wrap_help [class^="btn_"] span{display:block;padding:0 10px;font-size:13px;font-weight:400;color:#434753;line-height:30px;vertical-align:top;}
.chasiEdit_viewer .hdr_foot .right .help_wrap .wrap_help [class^="btn_"]:hover span{background:#467af1;color:#fff;}
/* 차시창 하단 - 확대/축소 */
.chasiEdit_viewer .hdr_foot .right .btn_zoom_wrap{display:inline-block;height:50px;padding:0 12px;border:none;border-left:1px solid #ced5de;border-right:1px solid #ced5de;line-height:50px;vertical-align:top;transition: all 0.3s;z-index:1;}
.chasiEdit_viewer .hdr_foot .right .btn_zoom_wrap .btn_zoom{display:inline-block;width:23px;height:23px;vertical-align:middle;text-indent:-99999px; overflow:hidden;}
.chasiEdit_viewer .hdr_foot .right .btn_zoom_wrap .btn_zoom.out{margin-right:3px;background:url(../images/chasi_pop/btn_zoom_minus.png) no-repeat center bottom;}
.chasiEdit_viewer .hdr_foot .right .btn_zoom_wrap .btn_zoom.in{background:url(../images/chasi_pop/btn_zoom_plus.png) no-repeat center bottom;}
.chasiEdit_viewer .hdr_foot .right .btn_zoom_wrap .btn_zoom.out:hover,
.chasiEdit_viewer .hdr_foot .right .btn_zoom_wrap .btn_zoom.in:hover{background-position:center top;}
.chasiEdit_viewer .hdr_foot .right .btn_zoom_wrap span{margin-left:7px; color:#7a828e; font-weight:500; font-size:13px; line-height:22px; vertical-align:middle; }
/* 차시창 하단 - 스마트 수업도구 툴 25.03.11 */
.chasiEdit_viewer .toolsWrap *::-webkit-scrollbar{width:4px;background-color:#fff;height:100%;border-radius:24px;}
.chasiEdit_viewer .toolsWrap *::-webkit-scrollbar-thumb{width:4px;background-color:rgba(130,140,174,0.37);border-radius:24px;}
.chasiEdit_viewer .toolsWrap *::-webkit-scrollbar-track{width:4px;background-color:#fff;border-radius:24px;}
.chasiEdit_viewer .toolsWrap{position:absolute;right:15px;bottom:0;border-radius:24px 24px 15px 15px;z-index:1;}
.chasiEdit_viewer .toolsWrap.close{bottom:100%;}
.chasiEdit_viewer .toolsWrap .toolsbtn{position:absolute;left:50%;top:-23px;transform:translateX(-50%);display:inline-block;width:100px;height:28px;background: url(../images/chasi_pop/toolsbtn.svg) no-repeat center bottom;z-index:0;}
.chasiEdit_viewer .toolsWrap .toolsbtn.on{background-position: center 0;top:-28px;}
.chasiEdit_viewer .toolsWrap .inner{position:relative;z-index:1;border-radius:24px 24px 15px 15px;margin-bottom:8px;opacity:1;transition:all 0.3s ease;overflow:hidden;width:76px;border:1px solid #E0E0E0;background-color:#fff;height:100%;}
.chasiEdit_viewer .toolsWrap .inner.close{opacity:0;position:absolute;bottom:-100vh;}
.chasiEdit_viewer .toolsWrap .scroll-box{padding:16px 9px 16px 16px;border-radius:24px 24px 15px 15px;overflow-y:auto;background-color:#fff;height:100%;}
.chasiEdit_viewer .toolsWrap .toolsBox ul li{width:44px;height:44px;text-align:center;background-color:#E9E9ED;border-radius:8px;position:relative;}
.chasiEdit_viewer .toolsWrap .toolsBox ul li:hover{}
.chasiEdit_viewer .toolsWrap .toolsBox ul li + li,.chasiEdit_viewer .toolsWrap .toolsBox .wrap_help{margin-top:8px;}
.chasiEdit_viewer .toolsWrap .toolsBox ul li button, .chasiEdit_viewer .toolsWrap .toolsBox ul li span{display:inline-block;width:100%;height:100%;}
.chasiEdit_viewer .toolsWrap .toolsBox ul li span{color:#53565D;font-size:12px;display:inline-flex;align-items:center;justify-content:center;font-weight:500;}
.chasiEdit_viewer .toolsWrap .toolsBox ul li:hover{background-color:#C2E2FF;}
.chasiEdit_viewer .toolsWrap .toolsBox ul li:hover span{font-weight:bold;}
.chasiEdit_viewer .toolsWrap .toolsBox ul li button.on{background:url("../images/chasi_pop/btn_color_pen.svg") no-repeat center center;width:10px;height:44px;position:relative;}
.chasiEdit_viewer .toolsWrap .toolsBox ul li button.on.btn_color_pen{background-image:url("../images/chasi_pop/btn_color_pen.svg");width: 28px;}
.chasiEdit_viewer .toolsWrap .toolsBox ul li button.on.btn_inp_txt{background-image:url("../images/chasi_pop/btn_inp_txt.svg");width: 32px;}
.chasiEdit_viewer .toolsWrap .toolsBox ul li button.on.btn_timer{background-image:url("../images/chasi_pop/btn_timer.svg");width: 32px;}
.chasiEdit_viewer .toolsWrap .toolsBox ul li button.on.btn_stop{background-image:url("../images/chasi_pop/btn_stop.svg");width: 30px;}
.chasiEdit_viewer .toolsWrap .toolsBox ul li button.on.btn_work{background-image:url("../images/chasi_pop/btn_work.svg");width: 36px;}
.chasiEdit_viewer .toolsWrap .toolsBox ul li button.on.btn_secret{background-image:url("../images/chasi_pop/btn_secret.svg");width: 32px;}
.chasiEdit_viewer .toolsWrap .toolsBox ul li button.on.btn_attention{background-image:url("../images/chasi_pop/btn_attention.svg");width: 36px;}
.chasiEdit_viewer .toolsWrap .toolsBox ul li button.on.btn_place{background-image:url("../images/chasi_pop/btn_place.svg");width: 36px;}
.chasiEdit_viewer .toolsWrap .toolsBox ul li button.on.btn_my_link{background-image:url("../images/chasi_pop/btn_my_link.svg");width: 36px;}
.chasiEdit_viewer .toolsWrap .toolsBox ul li button.on.btn_sound{background-image:url("../images/chasi_pop/btn_sound.svg");width: 36px;}
.chasiEdit_viewer .toolsWrap .toolsBox ul li button.on.btn_qr{background-image:url("../images/chasi_pop/btn_qr.svg");width: 36px;}
.chasiEdit_viewer .toolsWrap .toolsBox ul li button.on.btn_group{background-image:url("../images/chasi_pop/btn_group.svg");width: 36px;}
.chasiEdit_viewer .toolsWrap .toolsBox ul li button.on span, .chasiEdit_viewer .toolsWrap .toolsBox ul li button span.tooltip{display:none;}
.chasiEdit_viewer .toolsWrap .toolsBox ul li button.on span.tooltip.on{display:inline-flex;align-items:center;background-color:#59586E;color:#fff;left:100%;width:44px;height:44px;line-height:100%;padding:7px 4px;border-radius:4px;z-index:2;font-weight:400;position:fixed;transform: translateY(-50%);}
.chasiEdit_viewer .toolsWrap .toolsBox ul li button.on span.tooltip.on:before{content:"";display:inline-block;position:absolute;top:50%;right:-12px;transform:translateY(-50%);border: 7px solid transparent;border-left:7px solid #59586E;}
.chasiEdit_viewer .toolsWrap .toolsBox ul li button.on.btn_color_pen:hover span.tooltip,
.chasiEdit_viewer .toolsWrap .toolsBox ul li button.on.btn_inp_txt:hover span.tooltip,
.chasiEdit_viewer .toolsWrap .toolsBox ul li button.on.btn_timer:hover span.tooltip{bottom:-33px;}
.chasiEdit_viewer .toolsWrap .toolIconBtn, .chasiEdit_viewer .btn_scrfull{display:block;width:76px;height:76px;background: url("../images/chasi_pop/toolIconbtn.svg") no-repeat center center #C2E2FF;border-radius:16px;border:1px solid #B8DDFF;box-shadow:0 4px 0 0 rgba(0,0,0,0.05);}
.chasiEdit_viewer .toolsWrap .toolIconBtn.on{background-image:url("../images/chasi_pop/toolIconbtn_on.svg");}
.chasiEdit_viewer .btn_scrfull{background-color:#fff;background-image:none;border:1px solid #E9E9ED;border-radius:16px;width:76px;height:56px;margin-top:8px;color:#53565D;font-weight:500;margin-bottom:60px;}
.chasiEdit_viewer .toolsWrap .toggleBtn{height:56px;width:44px;background-color:#E9E9ED;border-radius:14px;margin-bottom:8px;}
.chasiEdit_viewer .toolsWrap .toggleBtn label{display:inline-block;position:relative;cursor: pointer;padding:0;margin:0;width:100%;height:28px;line-height:100%;}
.chasiEdit_viewer .toolsWrap .toggleBtn label:before{background-image:none;width:auto;height:auto;}
.chasiEdit_viewer .toolsWrap .toggleBtn input[type="radio"]{display:none;}
.chasiEdit_viewer .toolsWrap .toggleBtn span{display:inline-block;width:100%;height:28px;line-height:28px;}
.chasiEdit_viewer .toolsWrap .toggleBtn label span{color:#A4A5A9;font-size:11px;font-weight:500;text-align:center;}
.chasiEdit_viewer .toolsWrap .toggleBtn input[type="radio"]:checked + label{color:#fff;background-color:#6978B5;border-radius:14px;}
.chasiEdit_viewer .toolsWrap .toggleBtn input[type="radio"]:checked + label span{color:#fff;}
/* 테미관 뷰어 - 스마트 수업도구 툴 25.04.08 */
.chasiEdit_viewer.titNoneViewer .btn_scrfull{margin-bottom:44px;}
.chasiEdit_viewer.titNoneViewer .chasi_frame{height:100%;}
/*@media all and (max-height:880px){*/
/*    .chasiEdit_viewer .toolsWrap .inner{height:54vh;}*/
/*}*/

/* 차시창 하단 - 오류 신고 */
/*.chasiEdit_viewer .hdr_foot .right .errorReport {position:relative;display:inline-block; width:50px;height:50px; background: url(../images/chasi_pop/btn_report.png) no-repeat center; font-size:0;z-index:1;}*/
/**/
.chasiFrame iframe .chasiEdit_viewer .hdr_chasiedit{padding:0!important;display:none!important;}
/* 차시창 상단 */
.chasiEdit_viewer .hdr_chasiedit{position:relative;justify-content:space-between;min-height:44px;background:#f4f4f4;border-bottom:1px solid #e3e3e3;z-index:9999;transition:transform .3s;}
.chasiEdit_viewer .hdr_chasiedit .hdr_left_module{margin:6px 0 0 13px;}
.chasiEdit_viewer .hdr_chasiedit .hdr_left_module .btn_chasi_slide{border-color:#3c4043;}
.chasiEdit_viewer .hdr_chasiedit .hdr_left_module .btn_chasi_slide span{color:#000;}
.chasiEdit_viewer .info{width:auto;}
.chasiEdit_viewer .hdr_chasiedit .info .view_title{font-size:15px;font-weight:500;color:#f25221;line-height:3;letter-spacing:-0.025em;}
.chasiEdit_viewer .hdr_chasiedit .hdr_right_module{position:absolute;top:6px;right:10px;}
/* 오류 신고 추가 25.03.11*/
.chasiEdit_viewer .hdr_chasiedit .hdr_right_module .btn_qr_share, .chasiEdit_viewer .hdr_chasiedit .hdr_right_module .btn_error.errorReport{height:32px;margin:0;padding:0 13px;background:#fff;border:1px solid #3e4245;border-radius:4px;font-size:13px;color:#000;line-height:30px;letter-spacing:-0.045em;display:inline-block;}
.chasiEdit_viewer .hdr_chasiedit .hdr_right_module .btn_qr_share span, .chasiEdit_viewer .hdr_chasiedit .hdr_right_module .btn_error.errorReport span{width:19px;height:18px;margin-right:8px;background:url(../images/chasi_pop/ico_share02.svg) 0 0 no-repeat;vertical-align:middle;display:inline-block;}
.chasiEdit_viewer .hdr_chasiedit .hdr_right_module .btn_error.errorReport{margin-left:4px;}
.chasiEdit_viewer .hdr_chasiedit .hdr_right_module .btn_error.errorReport span{background-image: url("../images/chasi_pop/ico_error.svg");}
/* 차시창 전체보기 - 화면 확대로 수업도우미 안으로 이동 */
.chasiEdit_viewer.fullScreen .dimmed2{top:0 !important;}
/*.chasiEdit_viewer.fullScreen .hdr_chasiedit{transform:translateY(-100%);}*/
/*.chasiEdit_viewer.fullScreen .chasi_frame{height:100%;padding-top:0;}*/
/* 2023-07 화면 확대 버튼은 테마관 뷰어에만 사용 */
.chasiEdit_viewer.fullScreen .hdr_foot .btnFootCtl{position:absolute;top:0;right:16px;display:inline-block;width:43px;height:44px;background:url(../images/chasi_pop/btn_scr_out.png) 0 0 no-repeat;background-size:86px 44px;transform:translateY(-60px);opacity:0;animation:aniView .5s .5s forwards;}
.chasiEdit_viewer.fullScreen .hdr_foot .btnFootCtl:hover{background-position:100% 0;}
@keyframes aniView {
    0%{opacity:0;}
    100%{opacity:1;}
}
.chasiEdit_viewer.fullScreen .hdr_foot.on{transform:translateY(100%);}
/* 테마관 뷰어. 2021-07-08 수정 */
.chasiEdit_viewer.titNoneViewer .chasi_frame{position:static;padding-top:0;}
/* */
.chasi_h100{height:100%; overflow-y:hidden;}
.chasi_h100.black{background:#000;}
_:-ms-fullscreen, :root .chasi_h100 #viewer_wrapper .player { margin-top:-200px; }

.ui-sortable-placeholder{height:54px;background:#f1f1f1;border-radius:15px 35px 35px 15px ;}

/* 22-01-11 신학기 개편 */
.chasi_frame.zoom_wrap{overflow:auto;}
.chasi_frame.zoom_wrap .chasiFrame{margin:0 auto;}

/* 22-02-22 차시창 샘퀴즈 연동 */
.quiz_gate{width:100%;height:100%;background:#fff2cc;text-align:center;}
.quiz_gate [class^="quiz_type"]{position:relative;display:inline-block;height:36px;padding:0 18px;margin-top:60px;border-radius:18px;font-size:20px;font-weight:400;color:#fff;text-align:center;line-height:1.8;letter-spacing:-0.05em;}
.quiz_gate [class^="quiz_type"]:after{content:'';position:absolute;right:22px;bottom:-11px;display:inline-block;width:0;height:0;border-width:11px 11px 0 0;border-style:solid;z-index:1;}
.quiz_gate .quiz_type01{background:#fd5b76;}
.quiz_gate .quiz_type01:after{border-color:#fd5b76 transparent transparent transparent;}
.quiz_gate .quiz_type02{background:#36bc78;}
.quiz_gate .quiz_type02:after{border-color:#36bc78 transparent transparent transparent;}
.quiz_gate .tit{max-width:730px;margin:26px auto 0;font-size:48px;font-weight:500;color:#333;line-height:1.2;letter-spacing:-0.03em;word-break:keep-all;}
.quiz_gate .img_wrap{overflow:hidden;position:relative;width:400px;height:250px;margin:36px auto 0;border-radius:10px;}
.quiz_gate .img_wrap img{width:100%;}
.quiz_gate .img_wrap .quiz_num{position:absolute;top:10px;left:10px;display:inline-block;width:60px;height:30px;background:#fff;border-radius:15px;font-size:14px;font-weight:500;color:#333;text-align:center;line-height:2;letter-spacing:-0.05em;box-shadow:4px 4px 5px rgba(0,0,0,0.2);}
.quiz_gate .btn_wrap{overflow:visible;margin-top:62px;}
.quiz_gate .btn_wrap .btn{display:inline-block;width:242px;height:64px;background:url(../images/chasi_pop/btn_sam_txt.png) 50% 50% no-repeat #5676ff;border-radius:10px;box-shadow:5px 5px 7px rgba(0,0,0,0.3);}
/**/
.btn_degital.btn_vr_history span{padding-left:46px; background:url(../images/chasi_pop/ic_vr_history.png) no-repeat left center; background-size: 38px 33px;}
.btn_degital.btn_art span{background:url(../images/chasi_pop/ic_art.png) no-repeat left 10px; background-size: 29px 30px;}

.cont_head{position:relative;}
.cont_head .buttons{position:absolute;right:0;bottom:0;}
.cont_head .buttons .btn{margin-left:2px;display:inline-block;padding:0 20px;height:52px;font-weight:500;font-size:16px;color:#474e62;line-height:46px;border:3px solid #e4eef7;border-radius:26px;}
.cont_head .buttons .btn:hover{color:#474e62;border:3px solid #4083ee;}
.cont_head .buttons .btn.ty2:hover{border:3px solid #ffd563;}
.cont_head .buttons .btn.ty3:hover{border:3px solid #66cafe;}
.cont_head .buttons .btn.ty4:hover{border:3px solid #7579ea;}
.cont_head .buttons .btn span{margin-right:10px;display:inline-block;height:46px;vertical-align:top;}
.cont_head .buttons .btn.sam span{width:25px;background:url(../images/create/ic_intro_sam.png) no-repeat center center;}
.cont_head .buttons .btn.researchers span{width:32px;background:url(../images/create/ic_researcher.png) no-repeat center center;}
.intro_sam{margin-top:60px;padding:45px 55px 45px 40px;background:#ffe8ab;border-radius:30px;overflow:hidden;}
.intro_sam .thumb_img{float:left;width:155px;height:155px;border-radius:50%;overflow:hidden;}
.intro_sam .thumb_img img{width:100%;height:100%;}
.intro_sam .txtbox{float:left;width:calc(100% - 155px);padding-left:40px;}
.intro_sam .txtbox p{color:#9c774e;font-size:16px;line-height:26px;font-weight:400;letter-spacing:-0.1px;}

#doc_slider { width : 100%;height : 160px;background-color: #000000;position: fixed;  bottom : 0; background : rgba(0,0,0,0.6);}
#doc_idx { position: absolute; bottom : 20px;text-align: center;float: right;right:30px;color: #ffffff;}
#doc_folder { position: absolute; bottom : 140px;text-align: center;float: right;right:40px;color: #ffffff;cursor: pointer;}
#doc_folder .arrow { border: solid white;border-width: 0 3px 3px 0;display: inline-block;padding: 3px;}
#doc_folder .arrow.up { transform: rotate(-135deg);-webkit-transform: rotate(-135deg);}
#doc_folder .arrow.down { transform: rotate(45deg);-webkit-transform: rotate(45deg);}
/** Stage container **/
.connected-carousels .stage {margin: 20px auto;width:100%;height: auto; position: absolute; /* overflow-y:auto; */display:table;text-align:center;}
.connected-carousels .photo-credits {position: absolute;right: 15px;bottom: 0;font-size: 13px;color: #fff;text-shadow: 0 0 1px rgba(0, 0, 0, 0.85);opacity: .66;}
.connected-carousels .photo-credits a {color: #fff;}
/** Stage carousel specific styles **/
/** 이미지 상단 여백 처리 **/
.connected-carousels .carousel-stage {margin-left:auto;margin-right:auto;margin-top:auto; text-align:center;display:table-cell;vertical-align:middle;border: 10px solid #fff;border-top-width: 0px;border-left-width: 0px;border-right-width: 0px;border-bottom-width: 0px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 0;}
/** Stage carousel controls **/
.connected-carousels .prev-stage, .connected-carousels .next-stage {display: block;position: absolute;top: 0;width: 60px;height: 100%;color: #fff;}
.connected-carousels .prev-stage {left: 0;}
.connected-carousels .next-stage {right: 0;}
.connected-carousels .prev-stage.inactive, .connected-carousels .next-stage.inactive {/* display: none; */}
.connected-carousels .prev-stage span, .connected-carousels .next-stage span {/* display: none; */position: absolute;top: 50%;width: 30px;height: 30px;text-align: center;color: #fff;text-decoration: none;}
.connected-carousels .prev-stage span {left: 20px;}
.connected-carousels .next-stage span {right: 20px;}
.connected-carousels .prev-stage:hover span, .connected-carousels .next-stage:hover span {display: block;}
/** Navigation carousel controls **/
.connected-carousels .carousel-stage ul { width : 100%; /* height:100%; *//* background-color : #f6eacb; */background-color:#000;}
.connected-carousels .carousel-stage ul img{ max-width:100%;}
/** Navigation container **/
.navigation {width:500px;margin: 20px auto;position: relative;}
/** Shared carousel styles **/
.carousel {overflow: hidden;position: relative;}
.carousel ul { width: 20000em;position: relative;list-style: none;margin: 0;padding: 0;}
/* .carousel li {float: left;} */
/** Navigation carousel specific styles **/
.carousel-navigation {/*height: 102px;width: 580px;*/background: #fff;border: 10px solid #fff;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;-webkit-box-shadow: 0 0 2px #999;-moz-box-shadow: 0 0 2px #999;box-shadow: 0 0 2px #999;}
.carousel-navigation li {cursor: pointer;border: 1px solid #ccc;margin-right: 1px;margin-left: 1px;float:left;}
.carousel-navigation li img {display: block;border: 5px solid #fff;}
.carousel-navigation li.active img {border-color: #ccc;}
/** Navigation carousel controls **/
.prev-navigation, .next-navigation {display: block;position: absolute;width: 50px;height: 50px;background: #4E443C;color: #fff;text-decoration: none;text-shadow: 0 0 1px #000;font: 30px/43px Arial, sans-serif;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;-webkit-box-shadow: 0 0 2px #999;-moz-box-shadow: 0 0 2px #999;box-shadow: 0 0 2px #999;}
.prev-navigation {left: -25px;top: 35px;text-indent: 10px;}
.next-navigation {right: -25px;top: 35px;text-indent: 30px;}
.prev-navigation.inactive, .next-navigation.inactive {opacity: .5;cursor: default;}

#video-container {position:absolute;top:0;left:0;width:100%;height:100%; padding-bottom:81px;box-sizing:border-box;}
.starplayer_script_ui {position:fixed;bottom:0;width:100%;}

.tab_menu.create{margin:40px 0 0;text-align:center;}
.tab_menu.create li{display:inline-block;min-width:86px;vertical-align:top;margin:0 12px;}
.tab_menu.create li a{display:block;font-size:16px;color:#8e9091;font-weight:400;line-height:22px;word-break: keep-all;}
.tab_menu.create li a .icon{margin:6px auto 15px;display:block;width:74px;height:74px;border-radius:50%;background-position:center -6px;background-repeat:no-repeat;}
.tab_menu.create li a span.ellip{line-height:20px;font-weight:400;font-size:16px;letter-spacing:-0.03em;}
.tab_menu.create li.on a .icon,.tab_menu.create li:hover a .icon{margin:0 auto 9px;width:86px;height:86px;background-position:center bottom;}
.tab_menu.create li.m1.on a .ellip,.tab_menu.create li.m1 a:hover .ellip{color:#ff8125;font-weight:500;}
.tab_menu.create li.m1 .icon{background-color:#f1f1f1;}
.tab_menu.create li.m1.on a .icon ,.tab_menu.create li.m1 a:hover .icon{background-color:#606677;border:1px solid #393d49}
.tab_menu.create li.m2 .icon{background-color:#b5dbff;}
.tab_menu.create li.m2.on a .ellip,.tab_menu.create li.m2 a:hover .ellip{color:#57aeff;font-weight:500;}
.tab_menu.create li.m2.on a .icon ,.tab_menu.create li.m2 a:hover .icon{background-color:#72bbff;border:1px solid #64b4ff}
.tab_menu.create li.m3 .icon{background-color:#ffec48;}
.tab_menu.create li.m3.on a .ellip,.tab_menu.create li.m3 a:hover .ellip{color:#ffba25;font-weight:500;}
.tab_menu.create li.m3.on a .icon,.tab_menu.create li.m3 a:hover .icon{background-color:#ffdf2e;border:1px solid #ffcc01}
.tab_menu.create li.m4 .icon{background-color:#7beba2;}
.tab_menu.create li.m4.on a .ellip,.tab_menu.create li.m4 a:hover .ellip{color:#20c647;font-weight:500;}
.tab_menu.create li.m4.on a .icon,.tab_menu.create li.m4 a:hover .icon{background-color:#7beba2;border:1px solid #2fe04d}
.tab_menu.create li.m5 .icon{background-color:#ffadb7;}
.tab_menu.create li.m5.on a .ellip,.tab_menu.create li.m5 a:hover .ellip{color:#ff6839;font-weight:500;}
.tab_menu.create li.m5.on a .icon,.tab_menu.create li.m5 a:hover .icon{background-color:#ff9c7d;border:1px solid #ff754a}
.tab_menu.create li.m6 .icon{background-color:#b3e9f6;}
.tab_menu.create li.m6.on a .ellip,.tab_menu.create li.m6 a:hover .ellip{color:#54bdff;font-weight:500;}
.tab_menu.create li.m6.on a .icon,.tab_menu.create li.m6 a:hover .icon{background-color:#55e9ff;border:1px solid #19e1ff}
.tab_menu.create li.m7 .icon{background-color:#e2b3f6;}
.tab_menu.create li.m7.on a .ellip,.tab_menu.create li.m7 a:hover .ellip{color:#d355ff;font-weight:500;}
.tab_menu.create li.m7.on a .icon,.tab_menu.create li.m7 a:hover .icon{background-color:#d382ee;border:1px solid #cc44fc}

.tab_menu.create li.m2 a .icon.kw02{background-image:url(../images/create/job/tab_job_m2.png);}
.tab_menu.create li.m3 a .icon.kw03{background-image:url(../images/create/job/tab_job_m3.png);}
.tab_menu.create li.m4 a .icon.kw04{background-image:url(../images/create/job/tab_job_m4.png);}

.tab_menu.create li.m1 a .icon{background-image:url(../images/create/tab_menu_all.png);}
.tab_menu.create li.m2 a .icon.en02{background-image:url(../images/create/environment/tab_menu_02.png);}
.tab_menu.create li.m3 a .icon.en03{background-image:url(../images/create/environment/tab_menu_03.png);}
.tab_menu.create li.m4 a .icon.en04{background-image:url(../images/create/environment/tab_menu_04.png);}
.tab_menu.create li.m5 a .icon.en05{background-image:url(../images/create/environment/tab_menu_05.png);}
.tab_menu.create li.m6 a .icon.en06{background-image:url(../images/create/environment/tab_menu_06.png);}
.tab_menu.create li.m7 a .icon.en07{background-image:url(../images/create/environment/tab_menu_07.png);}

.job_cate_1{padding:0 20px 0 40px;text-align:right;background:url(../images/create/job/cate_job3.png) no-repeat left center;}
.job_cate_1 span{display:inline-block;font-size:16px;line-height:20px!important;color:#57aeff;font-weight:400;text-align:center;}
.job_cate_2{padding:0 20px 0 40px;text-align:right;background:url(../images/create/job/cate_job2.png) no-repeat left center;}
.job_cate_2 span{display:inline-block;font-size:16px;font-weight:400;line-height:20px!important;color:#ff8125!important;}
.job_cate_3{padding:0 20px 0 40px;text-align:right;background:url(../images/create/job/cate_job1.png) no-repeat left center}
.job_cate_3 span{display:inline-block;font-size:16px;font-weight:400;line-height:20px!important;color:#20c647!important;}

/*수진쌤 상세 페이지*/
.job_tit > img,
.job_tit > span{display:inline-block;vertical-align:middle;}
.job_tit > img{max-width:40px;margin-right:10px;}
.job_tit > span{width:100%;padding:0 10px 0 0;font-size:16px;font-weight:500;color:#303742;text-align:center;line-height:20px;}

.env_cate_1{padding:0 0 0 40px;text-align:right;background:url(../images/create/environment/env_cate01.png) no-repeat left center;}
.env_cate_1 span{display:inline-block;font-size:16px;line-height:20px!important;color:#57aeff;font-weight:400;text-align:center;letter-spacing:-0.06em;}
.env_cate_2{padding:0 0 0 40px;text-align:right;background:url(../images/create/environment/env_cate02.png) no-repeat left center;}
.env_cate_2 span{display:inline-block;font-size:16px;font-weight:400;line-height:20px!important;color:#ff8125!important;text-align:center;letter-spacing:-0.06em;}
.env_cate_3{padding:0 0 0 40px;text-align:right;background:url(../images/create/environment/env_cate03.png) no-repeat left center}
.env_cate_3 span{display:inline-block;font-size:16px;font-weight:400;line-height:20px!important;color:#20c647!important;text-align:center;letter-spacing:-0.06em;}
.env_cate_4{padding:0 0 0 40px;text-align:right;background:url(../images/create/environment/env_cate04.png) no-repeat left center;}
.env_cate_4 span{display:inline-block;font-size:16px;line-height:20px!important;color:#ff6839;font-weight:400;text-align:center;letter-spacing:-0.06em;}
.env_cate_5{padding:0 0 0 40px;text-align:right;background:url(../images/create/environment/env_cate05.png) no-repeat left center;}
.env_cate_5 span{display:inline-block;font-size:16px;font-weight:400;line-height:20px!important;color:#54bdff!important;text-align:center;letter-spacing:-0.06em;}
.env_cate_6{padding:0 0 0 40px;text-align:right;background:url(../images/create/environment/env_cate06.png) no-repeat left center}
.env_cate_6 span{display:inline-block;font-size:16px;font-weight:400;line-height:20px!important;color:#d355ff!important;text-align:center;letter-spacing:-0.06em;}


.tab_menu.create.heosam li.m2 .icon{background-color:#caccff;}
.tab_menu.create.heosam li.m2.on a .ellip,.tab_menu.create.heosam li.m2 a:hover .ellip{color:#7f72ff;font-weight:500;}
.tab_menu.create.heosam li.m2.on a .icon ,.tab_menu.create.heosam li.m2 a:hover .icon{background-color:#7f72ff;border:1px solid #6656ff}
.tab_menu.create.heosam li.m3 .icon{background-color:#ffec48;}
.tab_menu.create.heosam li.m3.on a .ellip,.tab_menu.create.heosam li.m3 a:hover .ellip{color:#ffba25;font-weight:500;}
.tab_menu.create.heosam li.m3.on a .icon,.tab_menu.create.heosam li.m3 a:hover .icon{background-color:#ffdf2e;border:1px solid #ffcd06}
.tab_menu.create.heosam li.m4 .icon{background-color:#7beba2;}
.tab_menu.create.heosam li.m4.on a .ellip,.tab_menu.create.heosam li.m4 a:hover .ellip{color:#20c647;font-weight:500;}
.tab_menu.create.heosam li.m4.on a .icon,.tab_menu.create.heosam li.m4 a:hover .icon{background-color:#7beba2;border:1px solid #38e254}
.tab_menu.create.heosam li.m5 .icon{background-color:#ffadb7;}
.tab_menu.create.heosam li.m5.on a .ellip,.tab_menu.create.heosam li.m5 a:hover .ellip{color:#ff6839;font-weight:500;}
.tab_menu.create.heosam li.m5.on a .icon,.tab_menu.create.heosam li.m5 a:hover .icon{background-color:#ff9c7d;border:1px solid #ff784e}
.tab_menu.create li.m2 a .icon.heo02{background-image:url('../images/tr/management/tab_menu02.png');}
.tab_menu.create li.m3 a .icon.heo03{background-image:url('../images/tr/management/tab_menu03.png');}
.tab_menu.create li.m4 a .icon.heo04{background-image:url('../images/tr/management/tab_menu04.png');}
.tab_menu.create li.m5 a .icon.heo05{background-image:url('../images/tr/management/tab_menu05.png');}

.manage_cate_1{padding:0 0 0 51px;text-align:center;background:url('../images/tr/management/manage_cate_1.png') no-repeat left center;}
.manage_cate_1 span{display:inline-block;font-size:16px;line-height:20px!important;color:#7f72ff;font-weight:400;text-align:center;letter-spacing:-0.06em;}
.manage_cate_2{padding:0 0 0 51px;text-align:center;background:url('../images/tr/management/manage_cate_2.png') no-repeat left center;}
.manage_cate_2 span{display:inline-block;font-size:16px;font-weight:400;line-height:20px!important;color:#ffba25!important;text-align:center;letter-spacing:-0.06em;}
.manage_cate_3{padding:0 0 0 51px;text-align:center;background:url('../images/tr/management/manage_cate_3.png') no-repeat left center}
.manage_cate_3 span{display:inline-block;font-size:16px;font-weight:400;line-height:20px!important;color:#20c647!important;text-align:center;letter-spacing:-0.06em;}
.manage_cate_4{padding:0 0 0 51px;text-align:center;background:url('../images/tr/management/manage_cate_4.png') no-repeat left center;}
.manage_cate_4 span{display:inline-block;font-size:16px;line-height:20px!important;color:#ff6839;font-weight:400;text-align:center;letter-spacing:-0.06em;}

.tab_menu.create li.m2 a .icon.global02{background-image:url('../images/create/global/global_tab_1.png');}
.tab_menu.create li.m3 a .icon.global03{background-image:url('../images/create/global/global_tab_2.png');}
.tab_menu.create li.m4 a .icon.global04{background-image:url('../images/create/global/global_tab_3.png');}
.tab_menu.create li.m5 a .icon.global05{background-image:url('../images/create/global/global_tab_4.png');}
.tab_menu.create li.m6 a .icon.global06{background-image:url('../images/create/global/global_tab_5.png');}
.tab_menu.create li.m7 a .icon.global07{background-image:url('../images/create/global/global_tab_6.png');}
.tab_menu.world li.m7 .icon{background-color:#d2bdab;}
.tab_menu.world li.m7.on a .icon, .tab_menu.world li.m7 a:hover .icon{background-color:#b39781; border-color:#b39781;}
.tab_menu.world li.m7.on a .ellip, .tab_menu.world li.m7 a:hover .ellip{color:#b39781;}

.global_cate_1{padding:0 0 0 50px;text-align:center;background:url('../images/create/global/global_cate_01.png') no-repeat left center;}
.global_cate_1 span{display:inline-block;font-size:16px;line-height:40px;color:#7f72ff;font-weight:400;text-align:center;letter-spacing:-0.06em;}
.global_cate_2{padding:0 0 0 50px;text-align:center;background:url('../images/create/global/global_cate_02.png') no-repeat left center;}
.global_cate_2 span{display:inline-block;font-size:16px;font-weight:400;line-height:40px;color:#ffba25;text-align:center;letter-spacing:-0.06em;}
.global_cate_3{padding:0 0 0 50px;text-align:center;background:url('../images/create/global/global_cate_03.png') no-repeat left center}
.global_cate_3 span{display:inline-block;font-size:16px;font-weight:400;line-height:40px;color:#20c647;text-align:center;letter-spacing:-0.06em;}
.global_cate_4{padding:0 0 0 50px;text-align:center;background:url('../images/create/global/global_cate_04.png') no-repeat left center;}
.global_cate_4 span{display:inline-block;font-size:16px;line-height:20px;color:#ff6839;font-weight:400;text-align:center;letter-spacing:-0.06em;}
.global_cate_5{padding:0 0 0 50px;text-align:right;background:url('../images/create/global/global_cate_05.png') no-repeat left center;}
.global_cate_5 span{display:inline-block;font-size:16px;font-weight:400;line-height:20px;color:#54bdff;text-align:center;letter-spacing:-0.06em;}
.global_cate_6{padding:0 0 0 50px;text-align:center;background:url('../images/create/global/global_cate_06.png') no-repeat left center;}
.global_cate_6 span{display:inline-block;font-size:16px;font-weight:400;line-height:20px;color:#b39781;text-align:center;letter-spacing:-0.06em;}

/* 관쌤 */
.tab_menu.create li.m2 a .icon.contrarian02{background-image:url('../images/create/contrarian/tab_menu_01.png');background-color:#ffdac4;}
.tab_menu.create li.m2.on a .icon.contrarian02,
.tab_menu.create li.m2 a:hover .icon.contrarian02{background-color:#ffd563;border:1px solid #ffc016;}
.tab_menu.create li.m2.on a .contrarian02 + .ellip,
.tab_menu.create li.m2 a:hover .contrarian02 + .ellip{color:#ff8125;}
.tab_menu.create li.m3 a .icon.contrarian03{background-image:url('../images/create/contrarian/tab_menu_02.png');background-color:#b3e9f6;}
.tab_menu.create li.m3.on a .icon.contrarian03,
.tab_menu.create li.m3 a:hover .icon.contrarian03{background-color:#63e1ff;border:1px solid #1fd4ff;}
.tab_menu.create li.m3.on a .contrarian03 + .ellip,
.tab_menu.create li.m3 a:hover .contrarian03 + .ellip{color:#1dcdf7;}
.tab_menu.create li.m4 a .icon.contrarian04{background-image:url('../images/create/contrarian/tab_menu_03.png');background-color:#bbddc7;}
.tab_menu.create li.m4.on a .icon.contrarian04,
.tab_menu.create li.m4 a:hover .icon.contrarian04{background-color:#7beba2;border:1px solid #2fe04d;}
.tab_menu.create li.m4.on a .contrarian04 + .ellip,
.tab_menu.create li.m4 a:hover .contrarian04 + .ellip{color:#20c647;}
.tab_menu.create li.m5 a .icon.contrarian05{background-image:url('../images/create/contrarian/tab_menu_04.png');background-color:#e0c7b6;}
.tab_menu.create li.m5.on a .icon.contrarian05,
.tab_menu.create li.m5 a:hover .icon.contrarian05{background-color:#caafa3;border:1px solid #b3978b;}
.tab_menu.create li.m5.on a .contrarian05 + .ellip,
.tab_menu.create li.m5 a:hover .contrarian05 + .ellip{color:#a99389;}
.tab_menu.create li.m6 a .icon.contrarian06{background-image:url('../images/create/contrarian/tab_menu_05.png');background-color:#ffdbe5;}
.tab_menu.create li.m6.on a .icon.contrarian06,
.tab_menu.create li.m6 a:hover .icon.contrarian06{background-color:#ffb7cb;border:1px solid #ff8ead;}
.tab_menu.create li.m6.on a .contrarian06 + .ellip,
.tab_menu.create li.m6 a:hover .contrarian06 + .ellip{color:#ff83a5;}
.tab_menu.create li.m7 a .icon.contrarian07{background-image:url('../images/create/contrarian/tab_menu_06.png');background-color:#d8d6f4;}
.tab_menu.create li.m7.on a .icon.contrarian07,
.tab_menu.create li.m7 a:hover .icon.contrarian07{background-color:#ada4ff;border:1px solid #887bff;}
.tab_menu.create li.m7.on a .contrarian07 + .ellip,
.tab_menu.create li.m7 a:hover .contrarian07 + .ellip{color:#887bff;}

p[class^="contrarian_cate"]{padding:0 0 0 55px;text-align:center;}
p[class^="contrarian_cate"] span{display:inline-block;font-size:16px;line-height:35px;font-weight:400;text-align:center;letter-spacing:-0.06em;}
.contrarian_cate_1{background:url('../images/create/contrarian/cate_01.png') no-repeat left center;}
.contrarian_cate_1 span{color:#ff8125;}
.contrarian_cate_2{background:url('../images/create/contrarian/cate_02.png') no-repeat left center;}
.contrarian_cate_2 span{color:#1dcdf7;}
.contrarian_cate_3{background:url('../images/create/contrarian/cate_03.png') no-repeat left center}
.contrarian_cate_3 span{color:#20c647;}
.contrarian_cate_4{background:url('../images/create/contrarian/cate_04.png') no-repeat left center;}
.contrarian_cate_4 span{color:#a99389;}
.contrarian_cate_5{background:url('../images/create/contrarian/cate_05.png') no-repeat left center;}
.contrarian_cate_5 span{color:#ff83a5;}
.contrarian_cate_6{background:url('../images/create/contrarian/cate_06.png') no-repeat left center}
.contrarian_cate_6 span{color:#887bff;}

.tab_menu.create li.m2 a .icon.economy02{background-image:url('../images/create/economy/tab_menu_01.png');}
.tab_menu.create li.m3 a .icon.economy03{background-image:url('../images/create/economy/tab_menu_02.png');}
.tab_menu.create li.m4 a .icon.economy04{background-image:url('../images/create/economy/tab_menu_03.png');}
.tab_menu.create li.m5 a .icon.economy05{background-image:url('../images/create/economy/tab_menu_04.png');}
.tab_menu.create li.m6 a .icon.economy06{background-image:url('../images/create/economy/tab_menu_05.png');}
.tab_menu.create li.m7 a .icon.economy07{background-image:url('../images/create/economy/tab_menu_06.png');}

p[class^="economy_cate"]{padding:0 0 0 45px;text-align:center;}
p[class^="economy_cate"] span{display:inline-block;font-size:16px;line-height:30px;font-weight:400;text-align:center;letter-spacing:-0.06em;}
.economy_cate_1{background:url('../images/create/economy/economy_cate_01.png') no-repeat left center;}
.economy_cate_1 span{color:#57aeff;}
.economy_cate_2{background:url('../images/create/economy/economy_cate_02.png') no-repeat left center;}
.economy_cate_2 span{color:#ff8125;}
.economy_cate_3{background:url('../images/create/economy/economy_cate_03.png') no-repeat left center}
.economy_cate_3 span{color:#20c647;}
.economy_cate_4{background:url('../images/create/economy/economy_cate_04.png') no-repeat left center;}
.economy_cate_4 span{color:#ff6839;}
.economy_cate_5{background:url('../images/create/economy/economy_cate_05.png') no-repeat left center;}
.economy_cate_5 span{color:#54bdff;}
.economy_cate_6{background:url('../images/create/economy/economy_cate_06.png') no-repeat left center}
.economy_cate_6 span{color:#d355ff;}

.tab_menu.create li.m2 a .icon.exercise01{background-image:url('../images/create/exercise/tab_menu01.png');}

.tab_menu.create.exercise li.m2 .icon{background-color:#caccff;}
.tab_menu.create.exercise li.m2.on a .ellip,.tab_menu.create.exercise li.m2 a:hover .ellip{color:#7f72ff;font-weight:500;}
.tab_menu.create.exercise li.m2.on a .icon ,.tab_menu.create.exercise li.m2 a:hover .icon{background-color:#7f72ff;border:1px solid #6656ff}


.tab_menu.create li.m3 a .icon.exercise02{background-image:url('../images/create/exercise/tab_menu02.png');}
.tab_menu.create li.m4 a .icon.exercise03{background-image:url('../images/create/exercise/tab_menu03.png');}
.tab_menu.create li.m5 a .icon.exercise04{background-image:url('../images/create/exercise/tab_menu04.png');}
.tab_menu.create li.m6 a .icon.exercise05{background-image:url('../images/create/exercise/tab_menu05.png');}

p[class^="exercise_cate"]{padding:0 0 0 45px;text-align:center;}
p[class^="exercise_cate"] span{display:inline-block;font-size:16px;line-height:44px;font-weight:400;text-align:center;letter-spacing:-0.06em;}
.exercise_cate_1{background:url('../images/create/exercise/exercise_cate_01.png') no-repeat left center;}
.exercise_cate_1 span{color:#57aeff;line-height:20px !important;}
.exercise_cate_2{background:url('../images/create/exercise/exercise_cate_02.png') no-repeat left center;}
.exercise_cate_2 span{color:#ff8125;}
.exercise_cate_3{background:url('../images/create/exercise/exercise_cate_03.png') no-repeat left center}
.exercise_cate_3 span{color:#20c647;}
.exercise_cate_4{background:url('../images/create/exercise/exercise_cate_04.png') no-repeat left center;}
.exercise_cate_4 span{color:#ff6839;}
.exercise_cate_5{background:url('../images/create/exercise/exercise_cate_05.png') no-repeat left center;}
.exercise_cate_5 span{color:#54bdff;}
/* 현진쌤의 또래공감 이야기 */
.tab_menu.create li.m2 a .icon.personality01{background-image:url('../images/create/personality/tab_menu_01.png');}
.tab_menu.create li.m3 a .icon.personality02{background-image:url('../images/create/personality/tab_menu_02.png');}
.tab_menu.create li.m4 a .icon.personality03{background-image:url('../images/create/personality/tab_menu_03.png');}
.tab_menu.create li.m5 a .icon.personality04{background-image:url('../images/create/personality/tab_menu_04.png');}
.tab_menu.create li.m6 a .icon.personality05{background-image:url('../images/create/personality/tab_menu_05.png');}
p[class^="per_cate"]{padding:8px 0 8px 45px;text-align:center;}
p[class^="per_cate"] span{display:inline-block;font-size:16px;line-height:30px;font-weight:400;text-align:center;letter-spacing:-0.06em;}
.per_cate_1{background:url('../images/create/personality/per_cate_01.png') no-repeat left center;}
.per_cate_1 span{color:#57aeff;}
.per_cate_2{background:url('../images/create/personality/per_cate_02.png') no-repeat left center;}
.per_cate_2 span{color:#ff8125;}
.per_cate_3{background:url('../images/create/personality/per_cate_03.png') no-repeat left center}
.per_cate_3 span{color:#20c647;}
.per_cate_4{background:url('../images/create/personality/per_cate_04.png') no-repeat left center;}
.per_cate_4 span{color:#ff6839;}
.per_cate_5{background:url('../images/create/personality/per_cate_05.png') no-repeat left center;}
.per_cate_5 span{color:#54bdff;}

/* CIA의 인공지능 수업 첫 걸음 */
p[class^="cia_cate_"]{padding:0 0 0 40px;background:url("../images/create/sw_cia/cia_cate_01.png")left center no-repeat;}
p[class^="cia_cate_"] span{display: inline-block;font-size: 16px;font-weight: 400;line-height: 40px;color:#8050eb;text-align: center;letter-spacing: -0.06em;}
p[class^="cia_cate_"].cia_cate_1 span{color:#00a993;}
p[class^="cia_cate_"].cia_cate_2{background-image:url("../images/create/sw_cia/cia_cate_02.png");}



/* 쌤채널 상세 아이콘 */
/* 광수쌤 */
.create_tb.tblist.view tbody th .title span[class^="job_cate"]{display:inline-block; vertical-align:middle; width:34px; height:37px; padding:0; margin-right:10px;}
/* 마니쌤 */
.create_tb.tblist.view tbody th .title span[class^="env_cate"]{display:inline-block; vertical-align:middle; width:36px; height:38px; padding:0; margin-right:10px;}
/* 허쌤 */
.create_tb.tblist.view tbody th .title span[class^="manage_cate"]{display:inline-block; vertical-align:middle; width:33px; height:32px; padding:0; margin-right:10px;}
/* 세시연 */
.create_tb.tblist.view tbody th .title span[class^="global_cate"]{display:inline-block; vertical-align:middle; width:29px; height:33px; padding:0; margin-right:10px;}
.create_tb.tblist.view tbody th .title span.global_cate_6{width:46px;}
/* 관쌤-- */
.create_tb.tblist.view tbody th .title span[class^="contrarian_cate"]{display:inline-block; vertical-align:middle; width:36px; height:38px; padding:0; margin-right:10px;}
/* 달구쌤 */
.create_tb.tblist.view tbody th .title span[class^="economy_cate"]{display:inline-block; vertical-align:middle; width:34px; height:30px; padding:0; margin-right:10px;}
/* 혁준쌤 */
.create_tb.tblist.view tbody th .title span[class^="exercise_cate"]{display:inline-block; vertical-align:middle; width:34px;height:41px; padding:0; margin-right:10px;}
/* 여진쌤 */
.create_tb.tblist.view tbody th .title span[class^="reading_cate"]{display: inline-block; margin: 0 5px 0 0; font-size: inherit; font-weight: inherit; color: #fd788c;}
/* 현진쌤 */
.create_tb.tblist.view tbody th [class^="per_cate"]{display:inline-block; vertical-align:middle; width:43px; height:34px; padding:0; margin-right:10px;}

/*메인*/
/* 메인 슬라이드 01 */
.main_top {padding:14px 0;}
.main_top article {height: 100%;}
.main_top .main_visual {overflow:hidden;width:293px;height:100%;border-radius:13px;}
.main_top .main_visual ul li {height:183px;text-align: center;z-index: 1 !important;}
.main_top .main_visual ul li a {z-index: 4;}
.main_top .main_visual ul li .main_visual_slide {display: inline-block;position: relative;width: 1200px;height: 100%;margin: 0 auto;}
.main_top .main_visual ul li .image {display: block;position: relative;margin: 0 auto;height:100%;z-index: 4;background-position:center center;background-repeat:no-repeat;background-size:293px 183px;}
.main_top .main_visual ul li .pro_bar_warp {position: absolute;bottom: 41px;left: 100px;width: 180px;height: 3px;background:rgba(71,78,98,0.1);z-index: 10;border-radius:1.5px;overflow:hidden;}
.main_top .main_visual ul li .pro_bar_warp .pro_bar {position:absolute;bottom:0;left:0;width: 0;height: 3px;background: #525252;z-index: 5;border-radius:1.5px;}
.main_top .main_visual ul li .pro_bar_warp .pro_ani {animation: proBar 5000ms 1 forwards;}
.main_top .main_visual ul li .rbg{position:absolute;right:0;top:0;width:50%;height:471px;}

.main_top .main_visual .module_btn{position:absolute;bottom:28px;left:50%;margin-left:-570px;}
.module_btn .swiper-button-next, .module_btn .swiper-button-prev{position:relative;display:inline-block;left:auto;right:auto;top:auto;vertical-align:top;margin-top:0;outline:none;}
.module_btn .swiper-button-prev{width:18px;height:21px;background:url(../images/main/btn_module_left.png) no-repeat center center;}
.module_btn .swiper-button-next{width:18px;height:21px;background:url(../images/main/btn_module_right.png) no-repeat center center;}
.module_btn .swiper-button-pause{display:inline-block;width:18px;height:21px;cursor: pointer;margin-left:2px;position:relative;background:url(../images/main/btn_pause.png) no-repeat center center;z-index:10;}
.module_btn .swiper-button-play{display:none;width:18px;height:21px;cursor: pointer;margin-left:2px;position:relative;background:url(../images/main/btn_play.png) no-repeat center center;z-index:10;}
.module_btn .swiper-button-prev:after,.swiper-container-rtl .module_btn .swiper-button-next:after{content:none;}
.module_btn .swiper-button-next:after, .swiper-container-rtl .module_btn .swiper-button-prev:after{content:none;}
.module_btn .swiper-pagination{position:relative;left:auto;bottom:auto;margin-left:200px;width:auto;display:inline-block;vertical-align:top;font-size:14px;font-weight:400;color:#525252;letter-spacing:-0.09em;-ms-transform:none;}
.module_btn .swiper-pagination span{font-size:14px;font-weight:400;color:#525252;}
@keyframes proBar {
    0%{width:0;}
    100%{width:100%; display: block;}
}

.main_top .main_visual ul li .button_type01_box {position: absolute;left: 30px;bottom: 84px;z-index: 5;}
.main_top .main_visual ul li .button_type01_box .button_type01 {overflow: hidden;position: relative;width: 80px;height: 80px;text-align: center;border-radius: 40px;background: #474e62;}
.main_top .main_visual ul li .button_type01_box .button_type01 span {display:block;position:relative;height: 80px;text-align:center;font-weight: 500;letter-spacing: 0px;font-size:16px;color:#fff;text-decoration:none;z-index:2;line-height:80px;transition:all .5s ease;}
/*.main_top .main_visual ul li .main_visual_slide:hover .button_type01_box .button_type01 span {background: url('/images/renew/btn/btn_button_type01_hover.png');background-position: right 38px center;background-repeat: no-repeat;}*/
/* .main_top .main_visual ul li .main_visual_slide .button_type01_box .button_type01 .button_type01_eff {position:absolute;left:-164px;width:164px;height:42px;background:#fff;transition:all .5s ease;z-index:1;} */
/* .main_top .main_visual ul li .main_visual_slide:hover .button_type01_box .button_type01 .button_type01_eff {left:0;} */
/* .main_top .main_visual ul li .main_visual_slide:hover .button_type01_box .button_type01 span {color:#393d49;} */
.main_top .main_visual ul li .rbg {position: absolute;top: 0;right: 0;width: 50%;height: 512px;z-index: 3;}
#slide_counter {position: absolute;left: 50%;bottom: 0;margin-top: 0;margin-left: -130px;margin-bottom: 39px;z-index: 5;color: #fff;font-size: 14px;}
.slide_counter_badge {display: inline;color: rgba(255, 255, 255, 0.4);}

/*메인 팝업*/
.pop_layer_visual{display:none;position:absolute;right:0;margin-top:15px;background:#474e62;border-radius:30px;padding:2px;box-shadow:6px 6px 0 rgba(0,0,0,0.15);z-index:10;}
.pop_layer_visual .pop_wrap{position:relative;min-width:320px;width:auto;min-height:240px;padding:17px 8px 25px;background:#fff;border-radius:28px;}
.pop_layer_visual .pop_wrap:before{content:'';position:absolute;right:220px;top:-13px;width:19px;height:11px;background:url(../images/main/pop_layer_visul_arrow.png) no-repeat center top;}
.pop_layer_visual .pop_wrap .module_head{overflow:hidden;padding:0 25px 13px 20px;}
.pop_layer_visual .pop_wrap .module_head p{position:relative;float:left;padding-left:11px;font-size:14px;color:#8e9091;line-height:16px;}
.pop_layer_visual .pop_wrap .module_head p:before{content:'';position:absolute;left:5px;top:8px;width:2px;height:2px;background:#8e9091;}
.pop_layer_visual .pop_wrap .btn_more_v{float:right;position:relative;display:block;padding:0 18px 0 0;line-height:16px;color:#425067;font-weight:300;font-size:14px;text-align:right;}
.pop_layer_visual .pop_wrap .btn_more_v:after{content:'';position:absolute;right:0;top:4px;width:10px;height:10px;overflow:hidden;background:url(../images/main/pop_btn_link.png) no-repeat right top;}
.pop_layer_visual .pop_wrap .btn_more_v:hover{color:#ff8125;}
.pop_layer_visual .pop_wrap .btn_more_v:hover:after{background:url(../images/main/pop_btn_link.png) no-repeat right bottom;}
.pop_layer_visual .pop_wrap .txtbook_list{position:relative;padding-left:6px;}
.pop_layer_visual .pop_wrap .txtbook_list .wrap_list{overflow:hidden;}
.pop_layer_visual .pop_wrap .btn__right{position:absolute;right:0;top:64px;width:40px;height:40px;overflow:hidden;background:url(../images/main/btn__right.png) no-repeat center top;z-index:99;outline:none;}
.pop_layer_visual .pop_wrap .btn__right.swiper-button-disabled{opacity:0;cursor: auto;pointer-events: none;}
.pop_layer_visual .pop_wrap .btn__right:hover{background:url(../images/main/btn__right.png) no-repeat center bottom;}
.pop_layer_visual .pop_wrap .btn__left{position:absolute;left:0;top:64px;width:40px;height:40px;overflow:hidden;background:url(../images/main/btn__left.png) no-repeat center top;z-index:99;outline:none;}
.pop_layer_visual .pop_wrap .btn__left.swiper-button-disabled{opacity:0;cursor: auto;pointer-events: none;}
.pop_layer_visual .pop_wrap .btn__left:hover{background:url(../images/main/btn__left.png) no-repeat center bottom;}
.pop_layer_visual .pop_wrap .txtbook_list ul{display:flex;display:-webkit-flex;flex-direction:row;justify-content: flex-start;}
.pop_layer_visual .pop_wrap .txtbook_list li{width:109px!important; height:199px;}
.pop_layer_visual .pop_wrap .txtbook_list.chasi li{margin-right:8px;padding-bottom:11px;}
.pop_layer_visual .pop_wrap .txtbook_list li:first-child{margin-left:0!important;}
.pop_layer_visual .pop_wrap .nodata {margin:0;padding:78px 0;text-align:center;}
.pop_layer_visual .pop_wrap .nodata p{font-weight:400;font-size:14px;color:#474e62;}
.pop_layer_visual .pop_wrap .slider-wrap-product .nodata {width:345px!important;}
.pop_layer_visual .pop_wrap .txtbook_list li .bookimg{position:relative;border:1px solid #e4e4e5;width:109px;height:137px;box-shadow:2px 2px 0 rgba(102,102,102,0.06);}
.pop_layer_visual .pop_wrap .txtbook_list li .bookimg img{width:100%;height:100%;}
.pop_layer_visual .pop_wrap .txtbook_list li a span{margin-top:8px;display:block;font-size:13px;line-height:18px;}
.pop_layer_visual .pop_wrap .slider-wrap-product{position:relative;padding:0 20px;width:630px;}
.pop_layer_visual .pop_wrap .txtbook_list li a .bookimg:before{content:'';position:absolute;left:0;top:0;right:0;bottom:0;background:#424a58;opacity:0;transition:all 1s ease;}
.pop_layer_visual .pop_wrap .txtbook_list li a .bookimg:after{content:'';position:absolute;left:-1px;top:-1px;width:109px;height:137px;border-color:#ff8125;border-style:solid;border-width:0;transition:all 0.2s ease;box-sizing:border-box;}
.pop_layer_visual .pop_wrap .txtbook_list li:hover a .bookimg:before{opacity:0.8;}
.pop_layer_visual .pop_wrap .txtbook_list li:hover a .bookimg:after{border-width:3px;}

.pop_layer_visual .pop_wrap .txtbook_list li{justify-content: center;}
.pop_layer_visual .pop_wrap .txtbook_list li a span{margin-top:8px;}
.pop_layer_visual .pop_wrap .txtbook_list li:hover a span{color:#ff8125}

.pop_layer_visual .pop_wrap .bar_wrap{position: absolute;bottom:0;left:0;width: 100%;height: 3px;background: rgba(190,183,169,0.3);z-index: 10;border-radius: 1.5px;overflow: hidden;}
.pop_layer_visual .pop_wrap .pro_bar {position:absolute;bottom:0;left:0;width: 100%;height: 3px;background: #ff8125;z-index: 5;border-radius:1.5px;}


.main_top_type02 {position: absolute;top: 0; left: 0;width: 100%;height:238px;}
.main_top_type02 .inner {position: relative;width: 1200px;margin: 0 auto;}
.main_top_type02 .inner .banner_m_top{position:absolute;top:35px;right:0;box-sizing:border-box;margin-top:0;padding:8px 6px;width:345px;height:375px;background:#efefef;border:2px solid #e2e2e2;border-radius:20px;z-index : 5;box-shadow: 0 6px 1px rgba(71, 71, 71, 0.1);}
.main_top_type02 .inner .banner_m_top .myscrap:after{content:'';display:block;clear:both;}
.main_top_type02 .inner .banner_m_top .myscrap > li{float:left;position:relative;width:161px;}
.main_top_type02 .inner .banner_m_top .myscrap > li .btn_txt{display:block;border:1px solid #efefef;font-size:16px;font-weight:600;color:#393c48;text-align:center;line-height:2.44;letter-spacing:-0.06em;}
.main_top_type02 .inner .banner_m_top .myscrap > li .btn_txt.on,
.main_top_type02 .inner .banner_m_top .myscrap > li .btn_txt:hover{background-color:#ffd65a;border:1px solid #ffcd35;border-radius:19px;}
.main_top_type02 .inner .banner_m_top .myscrap > li .btn_txt span{display:inline-block;width:12px;height:7px;margin:16px 0 0 12px;overflow:hidden;background-image:url(../images/main/banner_tab_ic.png);background-repeat:no-repeat;background-position:center top;vertical-align:top;}
.main_top_type02 .inner .banner_m_top .myscrap > li .btn_txt.on span,
.main_top_type02 .inner .banner_m_top .myscrap > li .btn_txt:hover span{background-image:url(../images/main/banner_tab_ic.png);background-repeat:no-repeat;background-position:center bottom;}
.main_top_type02 .inner .banner_m_top .myscrap > li:first-child .pop_layer_visual{right:-166px;}
.main_top_type02 .inner .banner_m_top .myscrap > li:last-child .pop_layer_visual{right:-4px;}
.main_top_type02 .inner .banner_m_top .myscrap > li:last-child .pop_layer_visual .pop_wrap:before{right:60px;}
.main_top_type02 .inner .banner_m_top .myscrap > li + li{margin-left:7px;}
.main_top_type02 .inner .banner_m_top .myscrap > li + li:before{content:'';position:absolute;top:10px;left:-4px;display:inline-block;width:1px;height:21px;background:#dedede;}
.main_top_type02 .inner .banner_m_top .recom_ch{overflow:hidden;margin-top:6px;border:2px solid #eaeaea;border-radius:12px;}
/*.main_top_type02 .inner .banner_m_top .recom_ch .type01 {margin-top:0;font-size:14px;color: #606677;text-align: left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}*/
.main_top_type02 .inner .banner_m_top .recom_ch .type02{margin-top:20px;font-size:17px;font-weight:600;color:#404041;line-height:1;letter-spacing:-0.04em;}
.main_top_type02 .inner .banner_m_top .recom_ch > ul{font-size:0;}
.main_top_type02 .inner .banner_m_top .recom_ch > ul li{display:inline-block;width:calc(50% - .5px);border-top:1px solid #d6e2ed;border-left:1px solid #d6e2ed;text-align:center;}
.main_top_type02 .inner .banner_m_top .recom_ch > ul li:nth-child(odd){border-left:0;}
.main_top_type02 .inner .banner_m_top .recom_ch > ul li:nth-child(-n+2){border-top:0;}
.main_top_type02 .inner .banner_m_top .recom_ch > ul li a{position:relative;display:block;padding:28px 0;background-color:#fff;}
.main_top_type02 .inner .banner_m_top .recom_ch > ul li:hover a:after{background-position:center top;}
.main_top_type02 .inner .banner_m_top .recom_ch > ul li a .thumb{display:inline-block;width:55px;height:55px;background-position:center top;background-repeat:no-repeat;background-size:100% 100%;}
.main_top_type02 .inner .banner_m_top .recom_ch > ul li.math a .thumb{background-image:url(../images/main/thum_math.png);}
.main_top_type02 .inner .banner_m_top .recom_ch > ul li.dokdo a .thumb{background-image:url(../images/main/thum_dokdo.png);}
.main_top_type02 .inner .banner_m_top .recom_ch > ul li.local a .thumb{background-image:url(../images/main/thum_local.png);}
.main_top_type02 .inner .banner_m_top .recom_ch > ul li.lab a .thumb{background-image:url(../images/main/thum_lab.png);}


/*
 메인 슬라이드 02
.main_top_type02 .inner .visual .content02 {position: relative;height: 196px;padding: 28px 30px 24px 38px;background: #fff;box-sizing: border-box; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px;}
.main_top_type02 .inner .visual .content02.type02 {padding: 39px 0 0 38px; overflow:hidden}
.main_top_type02 .inner .visual .content02 .main_slider02 {position: absolute;top: 38px;left: 100px;width:100%}
.main_top_type02 .inner .visual .content02 .main_slider02 > .bxSlider {width:96px; margin-left:40px}
.main_top_type02 .inner .visual .content02 .main_slider02 ul li {position:relative;width:96px}
.main_top_type02 .inner .visual .content02 .main_slider02 ul li a img {width:94px;height:118px; border:1px #efefef solid}
.main_top_type02 .inner .visual .content02 .main_slider02 a.hover_wrap .txt_wrap {display: none;}
.main_top_type02 .inner .visual .content02 .main_slider02 a.hover_wrap:hover .txt_wrap {position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: block;background-color: rgba(57, 61, 73, 0.8);}
.main_top_type02 .inner .visual .content02 .main_slider02 a.hover_wrap .txt_wrap .txt {color: #fff;padding:0 5px;line-height:120px;text-align:center;}
.main_top_type02 .inner .visual .content02 .main_slider02 a.hover_wrap .txt_wrap .txt span {display:inline-block; line-height:1.3em; vertical-align:middle}
.main_top_type02 .inner .visual .content02 .main_slider02 .bx-wrapper {}
.main_top_type02 .inner .visual .content02 .main_slider02 .bx-wrapper .bx-next,
.main_top_type02 .inner .visual .content02 .main_slider02 .bx-wrapper .bx-prev {position: absolute;top: 48px;width: 31px;height: 31px;z-index: 1;text-indent: -9999px;}
.main_top_type02 .inner .visual .content02 .main_slider02 .bx-wrapper .bx-next {left: 230px;background: url('/images/renew/btn/main_slider02_next.png')no-repeat 50%;}
.main_top_type02 .inner .visual .content02 .main_slider02 .bx-wrapper .bx-prev {left: 20px;background: url('/images/renew/btn/main_slider02_prev.png')no-repeat 50%;}

.main_top_type02 .inner .visual .content02 .main_slider02_block {position: absolute;top: 30px;right: 0;width: 44px;height: 134px;background: #fff;background: rgba(255, 255, 255, 0.8);background: linear-gradient( to left, white, rgba(255, 255, 255, 0.7) );}
.main_top_type02 .inner .visual .content02 .settings_wrap {display: inline-block;margin-top: 6px;vertical-align: top;}
.main_top_type02 .inner .visual .content02 .settings_wrap span.txt02 {font-size: 14px;color: #6b6f77;font-weight: 400;letter-spacing: -1px;line-height: 19px;display: block;}
.main_top_type02 .inner .visual .content02 .settings_wrap a {position: absolute;left: 38px;bottom: 44px;color: #393d49;font-size: 16px;text-decoration: none; letter-spacing: -1px; font-weight:400}
.main_top_type02 .inner .visual .content02 .settings_wrap a span {margin-right: 16px;margin-top: -1px;}
.main_top_type02 .inner .visual .content02 .settings_wrap span {font-size: 24px;color: #3bc0f7;font-weight:600;line-height: 30px;letter-spacing: -1px;}
.main_top_type02 .inner .visual .content02 .settings_wrap_right {float: right;width: 116px;height: 100%;padding: 6px;border-radius: 10px;border: 1px dotted #d9d9d9;box-sizing: border-box;}
.main_top_type02 .inner .visual .content02 .settings_wrap_right .settings {display: block;width: 100%;height: 100%;background-color: #f4f4f4;background-image: url('/images/renew/btn/btn_settings.png');background-position: center;background-repeat: no-repeat;box-shadow: 0px 0px 5px 0px #e3e4e5 inset;}
.main_top_type02 .inner .visual .content02 .settings_wrap_type02 {display: inline-block;vertical-align: top;}
.main_top_type02 .inner .visual .content02 .settings_wrap_type02 span {font-size: 18px;color: #393d49;font-weight: 800;line-height: 22px;}
.main_top_type02 .inner .visual .content02 .settings_wrap_type02 a {position: absolute;left: 38px;bottom: 44px;color: #393d49;font-size: 16px;text-decoration: none;}
.main_top_type02 .inner .visual .content02 .setting {display: inline-block;width: 38px;height: 38px;background-image: url('/images/renew/btn/btn_setting.png');background-repeat: no-repeat;background-size: auto;background-position: center; vertical-align:middle;}
.main_top_type02 .inner .visual .content02 .setting_type02 {width: 38px;height: 38px;background-image: url('/images/renew/btn/btn_setting.png');background-repeat: no-repeat;background-size: auto;background-position: center;}

.main_top_type02 .inner .visual .content .main_slider03{height: 195px;}
.main_top_type02 .inner .visual .content .main_slider03 .bxslider {height : 195px }
.main_top_type02 .inner .visual .content .main_slider03 .bx-viewport {height: 195px;}
.main_top_type02 .inner .visual .content {border-top-left-radius: 20px;border-top-right-radius: 20px;}
.main_top_type02 .inner .visual .content .txt_box > a {height: 195px;}
.main_top_type02 .inner .visual .content .txt_box > a:hover {text-decoration: none;}
.main_top_type02 .inner .visual .content > ul {position: absolute;top: 40px;right: 22px;z-index: 999;}
.main_top_type02 .inner .visual .content > ul li {float: left;margin-right: 5px;}
.main_top_type02 .inner .visual .content > ul li:last-child {margin-right: 0;}
.main_top_type02 .inner .visual .content > ul li a {display: block;width: 10px;height: 10px;border: 1px solid #393d49;border-radius: 50%;background: none;box-sizing: border-box;text-indent: -99999px;}
.main_top_type02 .inner .visual .content > ul li a:hover {width: 10px;height: 10px;text-decoration: none;}
.main_top_type02 .inner .visual .content > ul li a.on {display: block;width: 10px;height: 10px;background-color: #393d49;}
.main_top_type02 .inner .visual .content .main_slider03 .bx-pager.bx-default-pager {position: absolute; top: 40px; right: 22px; z-index: 50;}
.main_top_type02 .inner .visual .content .main_slider03:hover .bx-pager.bx-default-pager {opacity: 1;}
.main_top_type02 .inner .visual .content .main_slider03 .bx-pager.bx-default-pager > div {float: left; margin-right: 5px;}
.main_top_type02 .inner .visual .content .main_slider03 .bx-pager.bx-default-pager > div:last-child {margin-right: 0;}
.main_top_type02 .inner .visual .content .main_slider03 .bx-pager.bx-default-pager > div a {display: block;width: 10px;height: 10px;border: 1px solid #393d49;border-radius: 50%;background: none;box-sizing: border-box;text-indent: -99999px;}
.main_top_type02 .inner .visual .content .main_slider03 .bx-pager.bx-default-pager > div a:hover {width: 10px;height: 10px;text-decoration: none;}
.main_top_type02 .inner .visual .content .main_slider03 .bx-pager.bx-default-pager > div a.active {display: block;width: 10px;height: 10px;background-color: #393d49;}
.main_top_type02 .inner .visual .content .main_slider03 .bx-prev {position: absolute; top: 50%;}
.main_top_type02 .inner .visual .content .main_slider03 .bx-wrapper  .bx-controls-direction {opacity: 0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;}
.main_top_type02 .inner .visual .content .main_slider03:hover .bx-controls-direction {opacity: 1;}
.main_top_type02 .inner .visual .content .main_slider03 .bx-wrapper .bx-next,
.main_top_type02 .inner .visual .content .main_slider03 .bx-wrapper .bx-prev {position: absolute; top: 50%; width: 31px; height: 31px; z-index: 50; text-indent: -9999px;}
.main_top_type02 .inner .visual .content .main_slider03 .bx-wrapper .bx-prev {background: url('/images/renew/btn/main_slider02_prev.png')no-repeat 50%; left: -15px;}
.main_top_type02 .inner .visual .content .main_slider03 .bx-wrapper .bx-next {background: url('/images/renew/btn/main_slider02_next.png')no-repeat 50%; right: -15px;}
.main_top_type02 .inner .visual .content .main_slider03 .bx-controls-direction .disabled {display:none} */

.mainarticle{padding:60px 0;}
section article{margin:0 auto;width:1200px;}
article .tit_head{}
article .tit_head .m_tit01{display:inline-block;width:179px;height:26px;background:url(../images/main/main_h3_01.png) no-repeat center center;}
article .tit_head .m_tit02{display:inline-block;width:290px;height:26px;background:url(../images/main/main_h3_02.png) no-repeat center center;}
article .tit_head .m_tit03{display:inline-block;width:260px;height:26px;background:url(../images/main/main_h3_03.png) no-repeat center center;}
article .tit_head .m_tit04{display:inline-block;width:260px;height:26px;background:url(../images/main/main_h3_04.png) no-repeat left center;}
article .tit_head .grade{display:inline-block;vertical-align:top;margin-top:-2px;}
article .tit_head .grade li{position:relative;display:inline-block;vertical-align:top;padding-left:27px;}
article .tit_head .grade li:first-child{padding-left:30px;}
article .tit_head .grade li:before{content:'';position:absolute;left:11px;top:9px;width:6px;height:6px;background:url(../images/main/today_class_bedge.png) no-repeat center center;}
article .tit_head .grade li:first-child:before{content:none;}
article .tit_head .grade li a{position:relative;display:block;font-size:24px;font-weight:400;color:#99a9b7;line-height:24px;letter-spacing:-0.06em;}
article .tit_head .grade li.on a,article .tit_head .grade li:hover a{font-weight:500;color:#ff8125;}
article .tit_head .grade li.on a:after,article .tit_head .grade li:hover a:after{content:'';position:absolute;left:0;bottom:-4px;width:100%;height:2px;background:#ff8125;}
.subject{display:flex;display:-webkit-flex;flex-wrap:wrap;justify-content:space-between;margin-top:32px;}
.subject li{position:relative;flex:0 224px;height:326px;}
.subject li:before{content:'';position:absolute;top:0;left:50%;display:inline-block;width:92px;height:92px;border-radius:100%;transform:translateX(-50%);z-index:-1;}
.subject li a{overflow:hidden;display:block;height:100%;padding-top:28px;}
.subject li a > div{width:100%;height:298px;padding:60px 12px 12px 12px;background-color:#efefef;border:1px solid #e0e5eb;border-top:0;border-radius:40px;text-align:center;transition:all 0.2s ease;}
.subject li a > div.icoChasi{background-image:url(../images/main/ico_chasidata.png);background-position:162px 16px;background-repeat:no-repeat;}
.subject li a > div:before{content:'';position:absolute;top:28px;right:0;bottom:0;left:0;border-style:solid;border-width:0;border-color:#e0e5eb;border-radius:40px;box-sizing:border-box;transition:all 0.2s ease;}
.subject li a > div:after{content:'';position:absolute;top:28px;left:50%;width:98%;height:36px;border-radius:40px 40px 0 0;transform:translateX(-50%);}
.subject li a .subject_tit{position:absolute;top:0;left:50%;display:inline-block;width:70px;height:70px;color:#fff;font-family:'netmarbleM', sans-serif;font-size:18px;line-height:3.7;letter-spacing:-0.04em;transform:translateX(-50%);z-index:1;}
.subject li a .subject_tit:before,
.subject li a .subject_tit:after{content:'';position:absolute;top:33px;left:50%;display:inline-block;transform:translateX(-50%);}
.subject li a .subject_tit:before{top:32px;width:65px;height:32px;border-radius:0 0 32px 32px;z-index:-1;}
.subject li a .subject_tit:after{width:76px;height:38px;background:#fff;border-radius:0 0 38px 38px;border:1px dashed #c3b8b8;border-top:0;z-index:-2;}
.subject li a .txtbox h4{overflow:hidden;position:relative;font-size:15px;font-weight:300;line-height:1.1;letter-spacing:-0.04em;}
.subject li a .txtbox p{overflow:hidden;height:42px;margin-top:12px;font-size:18px;font-weight:400;color:#343b48;line-height:1.2;letter-spacing:-0.06em;word-break:break-all;}
.subject li a .thum_frame{overflow:hidden;width:202px;height:132px;margin-top:25px;border:1px solid #e0e0e0;border-radius:28px;}
.subject li a .thum_frame img{width:100%;height:100%;}
.subject li a:hover > div{background-color:#fff;}
.subject li a:hover > div:before{border-width:2px;}
.subject li:first-child:before,
.subject li:first-child .subject_tit:before{background:#a87dc8;}
.subject li:first-child a > div:after{box-shadow:0 25px 0px -20px #a87dc8 inset;}
.subject li:first-child a:hover > div:before{border-color:#a87dc8;}
.subject li:first-child a .txtbox h4{color:#a87dc8;}
.subject li:nth-child(2):before,
.subject li:nth-child(2) .subject_tit:before{background:#ff8096;}
.subject li:nth-child(2) a > div:after{box-shadow:0 25px 0px -20px #ff8096 inset;}
.subject li:nth-child(2) a:hover > div:before{border-color:#ff8096;}
.subject li:nth-child(2) a .txtbox h4{color:#ff8096;}
.subject li:nth-child(3):before,
.subject li:nth-child(3) .subject_tit:before{background:#66cafe;}
.subject li:nth-child(3) a > div:after{box-shadow:0 25px 0px -20px #66cafe inset;}
.subject li:nth-child(3) a:hover > div:before{border-color:#66cafe;}
.subject li:nth-child(3) a .txtbox h4{color:#66cafe;}
.subject li:nth-child(4):before,
.subject li:nth-child(4) .subject_tit:before{background:#8589e6;}
.subject li:nth-child(4) a > div:after{box-shadow:0 25px 0px -20px #8589e6 inset;}
.subject li:nth-child(4) a:hover > div:before{border-color:#8589e6;}
.subject li:nth-child(4) a .txtbox h4{color:#8589e6;}
.subject li:nth-child(5):before,
.subject li:nth-child(5) .subject_tit:before{background:#f0b138;}
.subject li:nth-child(5) a > div:after{box-shadow:0 25px 0px -20px #f0b138 inset;}
.subject li:nth-child(5) a:hover > div:before{border-color:#f0b138;}
.subject li:nth-child(5) a .txtbox h4{color:#f0b138;}

.maintoday{overflow:hidden;position:relative;width:100%;height:426px;background:#fff0a0;}
.maintoday:before{content:'';position:absolute;bottom:0;left:0;display:block;width:100%;height:16px;background:#fff;z-index:1;}
.maintoday .object1{position:absolute;right:50%;margin-right:758px;bottom:152px;width:46px;height:53px;background:url(../images/main/today_bg_article01.png) no-repeat center center; animation: movet3 4s ease 1s infinite alternate;}
.maintoday .object2{position:absolute;left:50%;margin-left:272px;top:30px;width:33px;height: 33px;background:url(../images/main/today_bg_article02.png) no-repeat center center; animation: movet2 4s ease 1s infinite alternate;}
.maintoday .object3{position:absolute;left:50%;margin-left:688px;bottom:57px;width:46px;height:46px;background:url(../images/main/today_bg_article03.png) no-repeat center center;animation: movet 4.5s ease 1s infinite alternate; }
.maintoday .object4{position:absolute;left:50%;margin-left:465px;top:-134px;width:267px;height:267px;background:url(../images/main/today_bg_article04.png) no-repeat center center; }
.maintoday .object5{position:absolute;right:50%;margin-right:386px;bottom:-196px;width:396px;height:396px;background:url(../images/main/today_bg_article05.png) no-repeat center center;animation: movet2 4.5s ease 1s infinite alternate; }
@keyframes movet{
    0%{transform:translateY(0px);}
    100%{transform:translateY(-25px);}
}
@keyframes movet2{
    0%{transform:translateY(0px);}
    100%{transform:translateY(20px);}
}
@keyframes movet3{
    0%{transform:translateY(0px);}
    100%{transform:translateY(22px);}
}

.maintoday article{padding:60px 0 0;}
.maintoday article .todayviva{margin-top:14px;padding-left:4px;width:1152px;height:288px;}
.maintoday article .todayviva ul{display:flex;display:-webkit-flex;justify-content:flex-start;}
.maintoday article .todayviva ul li{width:160px;text-align:center;}
.maintoday article .todayviva ul li a{margin:41px auto 0;padding:5px;display:block;width:160px;height:196px;border-radius:80px;transition:all 0.4s ease-out;box-shadow:0 10px 0 rgba(239,211,126,0);}
.maintoday article .todayviva ul li a .vivasam_img{display:block;margin:0 auto;width:150px;height:150px;border-radius:50%;overflow:hidden;border:1px solid #f6e97f;}
.maintoday article .todayviva ul li a .vivasam_img img{width:100%;height:100%;}
.maintoday article .todayviva ul li a p{margin-top:11px;font-size:18px;line-height:1.3;font-weight:400;color:#606677;}
.maintoday article .todayviva ul li a p b{font:inherit;font-weight:bold;}
.maintoday article .todayviva ul li.on a,.maintoday article .todayviva ul li:hover a{margin-top:0;border-radius:80px;height:237px;background:#6569df;box-shadow:0 10px 0 rgba(239,211,126,1);}
.maintoday article .todayviva ul li.on a .vivasam_img,.maintoday article .todayviva ul li:hover a .vivasam_img{border:none;width:150px;height:150px;}
.maintoday article .todayviva ul li.on a p,.maintoday article .todayviva ul li:hover a p{margin-top:13px;font-size:16px;font-weight:500;line-height:20px;color:#fff;}
.maintoday .todayvivaBar{position:relative;width:620px;height:6px;margin:13px auto 17px;background:#ffca3a;border:1px solid #ffba00;border-radius:6px;z-index:2;}
.maintoday .todayvivaBar .swiper-scrollbar-drag{position:absolute;top:-12px;width:30px !important;height:30px;background:#ff8b00;border:4px solid #fff;border-radius:100%;box-shadow:0px 3px 2px 0px rgb(0,0,0,.1);}
.maintoday .todayvivaBar .swiper-scrollbar-drag:before{content:'';position:absolute;top:0;left:0;display:inline-block;width:8px;height:8px;margin:7px;background:#fff;border-radius:4px;}

/*선생님 캐릭터 아이콘*/
.character{display:block;border-radius:50%;overflow:hidden;border:1px solid #e7dbd0;background:#fff;}
.character img{width:100%;height:100%;}

.special article{padding: 60px 0;}
.hashtag{overflow:hidden;position:relative;padding:0 70px;margin-top:11px;}
.hashtag .tag_chk{float:left;margin-left:5px;margin-top:5px;vertical-align:top;}
.hashtag .tag_chk input[type="radio"]{appearance: none;-webkit-appearance:none;display:none;}
.hashtag .tag_chk.all{margin-left:0;position:absolute;left:0;top:0;}
.hashtag .tag_chk.all input[type="radio"] + label{min-width:70px; cursor:pointer}
.hashtag .tag_chk.all input[type="radio"]:checked + label,.hashtag .tag_chk.all:hover input[type="radio"] + label{background:#394f68;border:1px solid #152f4d;}
.hashtag .tag_chk.all input[type="radio"]:checked + label span,.hashtag .tag_chk.all:hover input[type="radio"] + label span{color:#fff;}
.hashtag .tag_chk input[type="radio"] + label{display:inline-block;padding:0 20px;min-width:80px;background:#f2f2f2;border:1px solid #dbdbdb;border-radius:20px;text-align:center;letter-spacing:-0.02em;cursor:pointer;}
.hashtag .tag_chk input[type="radio"] + label:before{content:none;}
.hashtag .tag_chk input[type="radio"] + label span{display:block;height:40px;line-height:40px;font-size:15px;color:#394f68;}
.hashtag .tag_chk.point input[type="radio"] + label{background:#fff19d;border:1px solid #ffe763;box-shadow:0px 0px 0px 1px #ffe763 inset;}
.hashtag .tag_chk.point input[type="radio"] + label span{color:#343b48;}
.hashtag .tag_chk input[type="radio"]:checked + label,.hashtag .tag_chk:hover input[type="radio"] + label{background:#ff8125;border:1px solid #ec732b;box-shadow:none;}
.hashtag .tag_chk input[type="radio"]:checked + label span,.hashtag .tag_chk:hover input[type="radio"] + label span{color:#fff;}
.forsam{margin-top:10px;margin-left:-24px;display:flex;display:-webkit-flex;flex-wrap:wrap;}
.forsam li{position:relative;width:282px;padding:30px 0 0;margin-left:24px;transition:all 0.3s ease; transform: rotate(.001deg);}
.forsam li a{position:relative;display:block;width:282px;height:301px;border:1px solid #e7dbd0;border-radius:40px;overflow:hidden;z-index:0;box-shadow:0 0 0 rgba(96,102,119,0.0);}
.forsam li a .imgbox{position:relative;overflow:hidden;width:100%;height:100%;background:#f7f0e5 url(../images/main/ic_basic.png) no-repeat center 53px;border-radius:38px;}
/* .forsam li:before{content:'';position:absolute;left:0;top:20px;width:282px;height:301px;border-width:1px;border-style:solid;border-color:#ff8125;z-index:50;box-sizing:border-box;border-radius:40px;transition:all ease;opacity:0;transition-delay:0.2s}
.forsam li:hover:before{opacity:1;transition-delay:0s;} */
.forsam li a .titbox{position:absolute;left:-1px;right:-1px;bottom:0;width:282px;padding:25px 40px 25px;height:131px;background:#fff;text-align:center;border-top:1px solid #e7dbd0;border-radius:30px 30px 38px 38px;z-index:50;}
.forsam li.profile a .titbox{padding:45px 40px 25px;height:151px;}
.forsam li a .titbox p{font-size:16px;font-weight:400;}
.forsam li:first-child a .titbox p,.forsam li:nth-child(8) a .titbox p{color:#fc615d;}
.forsam li:nth-child(2) a .titbox p,.forsam li:nth-child(7) a .titbox p{color:#8b8eeb;}
.forsam li:nth-child(3) a .titbox p,.forsam li:nth-child(6) a .titbox p{color:#21c6ad;}
.forsam li:nth-child(4) a .titbox p,.forsam li:nth-child(5) a .titbox p{color:#ff8125;}

.forsam li a .titbox h5{margin-top:4px;font-size:18px;font-weight:400;line-height:24px;color:#393d49;}
.forsam li a .titbox h5 b{font:inherit;font-weight:bold;}
.forsam li a .imgbox img{width:100%;height:100%;transform:scale(1);transition:all 0.8s ease;}
.forsam li .character{display:none;}
.forsam li:hover .character img{transform:scale(1);}
.forsam li.profile .character{display:block;position:absolute;left:50%;bottom:117px;margin-left:-30px;width:60px;height:60px;border-radius:50%;background:#f7f0e5;}
.forsam li:hover{padding-top:20px;}
.forsam li:hover a{border:1px solid #ff8125;box-shadow:0 10px 4px rgba(96,102,119,0.14);}
.forsam li:hover a .imgbox img{transform:perspective(500px) scale(1.2) rotate(.001deg);}

.project_bn{margin-top:25px;overflow:hidden;}
.project_bn .left_section{float:left;width:50%;padding-right:12px;}
.project_bn .left_section a{position:relative;display:block;width:100%;height:389px;}
.project_bn .left_section a span{position:absolute;left:49px;bottom:46px;width:51px;height:51px;overflow:hidden;background:url(../images/main/project_link.png) no-repeat center top;}
.project_bn .left_section a:hover span{background:url(../images/main/project_link.png) no-repeat center bottom;}
.project_bn .left_section a img{width:100%;height:100%;}
.project_bn .right_section{float:left;width:50%;padding-left:12px;}
.project_bn .right_section a{position:relative;display:block;margin-top:10px;padding:18px 20px 18px 132px;width:100%;height:123px;border-radius:30px;background:#ecf2f5;border:1px solid #dae7f2;transition:background 0.4s ease;}
.project_bn .right_section a .imgbox{position:absolute;left:20px;top:18px;width:85px;height:85px;border-radius:50%;border:1px solid #e9e9ea;overflow:hidden;}
.project_bn .right_section a p{margin-top:11px;font-size:18px;font-weight:400;letter-spacing:-0.04em;line-height:24px;}
.project_bn .right_section a h5{margin-top:10px;font-size:22px;font-weight:500;letter-spacing:-0.06em;line-height:26px;color:#393d49;}
.project_bn .right_section a .imgbox img{width:100%;height:100%;}
.project_bn .right_section a:hover{padding:17px 19px 17px 131px;}
.project_bn .right_section a:hover .imgbox{left:19px;top:17px;}
.project_bn .right_section a:first-child{margin-top:0;}
.project_bn .right_section a:first-child p{color:#fe5353;}
.project_bn .right_section a:first-child:hover{background:#fff0ec;border:2px solid #ffd4c8;}
.project_bn .right_section a:first-child:hover .imgbox{border-color:#ffd4c8;}
.project_bn .right_section a:nth-child(2) p{color:#23aaec;}
.project_bn .right_section a:nth-child(2):hover{background:#e6f8ff;border:2px solid #c7efff;}
.project_bn .right_section a:nth-child(2):hover .imgbox{border-color:#c7efff;}
.project_bn .right_section a:nth-child(3) p{color:#eda119;}
.project_bn .right_section a:nth-child(3):hover{background:#fff4d9;border:2px solid #ffe7ac;}
.project_bn .right_section a:nth-child(3):hover .imgbox{border-color:#ffe7ac;}

.m-notice{margin:40px auto 100px;position:relative;padding:30px 187px 28px 215px;width:100%;height:100px;border-radius:30px;border:4px solid #d4dbe6;}
.m-notice .ic_notice{position:absolute;left:40px;top:30px;width:143px;height:34px;background:url(../images/main/ic_notice.png) no-repeat left center;}
.m-notice a{display:block;overflow:hidden;text-overflow:ellipsis;font-size:18px;line-height:34px;font-weight:400;color:#424a58;white-space:nowrap;}
.m-notice a:hover{color:#ff8125;}
.m-notice .writedate{position:absolute;right:35px;top:30px;line-height:34px;font-size:18px;color:#c0c0c0;letter-spacing:-0.04em;}


/* 티스쿨추천강의 */
/* Con : 고정 */
.conWrap{position:relative;width:910px;}
.conWrap .btnWrap{position:absolute;}
.conWrap .btnWrap ul{overflow:hidden;border-radius:3px;font-size:0;}
.conWrap .btnWrap li{display:inline-block;}
.conWrap .btnWrap li + li{border-left:1px solid #252526;}
.conWrap .btnWrap [class^="btn"]{text-decoration:none;display:block;box-sizing:border-box;width:120px;height:48px;padding-right:16px;background-color:#3a3b3d;background-image:url(../images/samteo/tschool/ico_arr.png);background-position:94px 50%;background-repeat:no-repeat;font-size:15px;font-weight:500;color:#fff;text-align:center;line-height:3.2;letter-spacing:-0.025em;box-shadow:inset 0 -5px 0 rgba(54,50,50,.14)}

/* 매회차 변경 : 위치, 컬러*/
.conWrap .box1 .btnWrap{left:45px;top:500px;}
.conWrap .box1 .btnCoupon{background-color:#ff4317;}
.conWrap .box2 .btnWrap{left:505px;top:500px;}
.conWrap .box2 .btnCoupon{background-color:#4fd8ff; color: #000000;  background-image:url('../images/samteo/tschool/ico_arr2.png');}
.conWrap .box3 .btnWrap{left:45px;top:1101px;}
.conWrap .box3 .btnCoupon{background-color:#009f68;}
.conWrap .box4 .btnWrap{left:504px;top:1101px;}
.conWrap .box4 .btnCoupon{background-color:#a72331;}
/* // 티스쿨추천강의 */

/*오늘 뭐하지 시즌  as-is 소스개정*/
.eventView { position:relative;padding:0;}
.eventView.noline {padding-top:0;border-top:none;border-bottom:none}
.eventView .eventEnd { position:absolute; top:182px; right:83px; z-index:8000; }
.eventView > [class^="evt"]{position:relative;}

.evt .btnShare{position:absolute;top:362px;right:60px;display:inline-block;width:347px;height:56px;background:url(../images/tr/btnShare.png) 0 0 no-repeat;z-index:1;}
.evt .evtListWrap{overflow:hidden;position:absolute;top:362px;left:0;box-sizing:border-box;width:100%;padding:0 60px;}
.evt .evtListWrap li{float:left;width:50%;height:430px;}
.evt .evtListWrap li .btnWrap{margin-top:315px;text-align:center;}
.evt .evtListWrap li:nth-child(2) .btnWrap{margin-top:402px;}
.evt .evtListWrap li:nth-child(3) .btnWrap{margin-top:317px;}
.evt .evtListWrap li:nth-child(4) .btnWrap{margin-top:394px;}
.evt .evtTxtWrap{position:absolute;top:1328px;width:100%;text-align:center;}
.evt .btnEnter{display:block;}

#evtPopWrap, #evtPopWrap .evtPopCont{display:none;}
#evtPopWrap .evtPopCont{position:fixed;top:50%;left:50%;width:850px;height:600px;background:#fff;transform:translate(-50%, -50%);z-index:9999;}
#evtPopWrap .evtPopTop{position:relative;padding:25px 20px 20px 25px;background:#e8e7dc;}
#evtPopWrap .btnEvtPdf{position:absolute;bottom:20px;right:20px;display:inline-block;width:156px;height:51px;background:url(../images/tr/btnPdf.png) 0 0 no-repeat;}
#evtPopWrap .btnEvtPopClose{position:absolute;top:25px;right:25px;display:inline-block;width:25px;height:25px;background:url(../images/tr/btnEvtPopClose.png) 0 0 no-repeat;}
#evtPopWrap .tblFixWrap{position:relative;padding-top:35px;}
#evtPopWrap .tblWrap{overflow-y:auto;max-height:409px;}
#evtPopWrap .tblWrap table{width:100%;}
#evtPopWrap .tblWrap tr{width:100%;table-layout:fixed;}
#evtPopWrap .tblWrap tr th:first-child,
#evtPopWrap .tblWrap tr td:first-child{padding:0 10px 0 20px;}
#evtPopWrap .tblWrap tr th:last-child,
#evtPopWrap .tblWrap tr td:last-child{padding:0 20px 0 10px;}
#evtPopWrap .tblWrap thead tr{position:absolute;top:0;left:0;width:100%;}
#evtPopWrap .tblWrap thead th{box-sizing:border-box;height:35px;background:#96958b;font-family:'Noto Sans Korean', sans-serif;font-weight:100;color:#fff;}
#evtPopWrap .tblWrap thead th:first-child{width:80px;}
#evtPopWrap .tblWrap thead th:nth-child(2){width:640px;}
#evtPopWrap .tblWrap thead th:last-child{width:130px !important;}
#evtPopWrap .tblWrap.colType04 thead th:nth-child(2){width:290px;}
#evtPopWrap .tblWrap.colType04 thead th:nth-child(3){width:350px;}
#evtPopWrap .tblWrap tbody tr{display:table-row;}
#evtPopWrap .tblWrap tbody tr:first-child td{border-top:0;}
#evtPopWrap .tblWrap tbody tr td{height:42px;padding:0 10px;border-top:1px solid #eaeaea;font-family:'돋움', sans-serif;font-size:14px;color:#61554a;}
#evtPopWrap .tblWrap tbody tr td:first-child{font-family:'Noto Sans Korean', sans-serif;font-weight:500;color:#333;text-align:center;opacity:0.6;}
#evtPopWrap .tblWrap tbody tr td:first-child + td{font-weight:bold;}
#evtPopWrap .tblWrap tbody tr td:last-child{font-size:12px;color:#746c65;text-align:center;}
#evtPopWrap .tblWrap tbody tr td.txt01{color:#333;}

/* 오늘뭐하지 시즌2 */
.evt.s2 .btnShare{display:block;height:50px;background:url(../images/tr/btnShare2.png) 0 0 no-repeat;}
.evt.s2 .evtListWrap li .btnWrap {position:absolute;top:315px;left:118px;margin-top:0;width:276px;height:37px;}
.evt.s2 .evtListWrap li .btnWrap:after {content:"";display:block;clear:both;}
.evt.s2 .evtListWrap li .btnWrap .ebookBtn {float:left;display:block;width:120px;height:37px;}
.evt.s2 .evtListWrap li .btnWrap .downBtn {float:right;display:block;width:150px;height:37px;}
.evt.s2 .evtListWrap li:nth-child(2) .btnWrap{top:417px;left:506px;}
.evt.s2 .evtListWrap li:nth-child(3) .btnWrap{top:764px;left:117px;}
.evt.s2 .evtListWrap li:nth-child(4) .btnWrap{top:824px;left:509px;}

/* 오늘뭐하지 시즌2 팝업 */
#evtPopWrap.s2 .dimed{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,0.8);z-index:1000;}
#evtPopWrap.s2 div[class*="evtPopTop"] {position: relative;width:850px;height:154px;}
#evtPopWrap.s2 .evtPopTop1 {background:url('../images/tr/s2_popTit01.png') no-repeat;}
#evtPopWrap.s2 .evtPopTop2 {background:url('../images/tr/s2_popTit02.png') no-repeat;}
#evtPopWrap.s2 .evtPopTop3 {background:url('../images/tr/s2_popTit03.png') no-repeat;}
#evtPopWrap.s2 .evtPopTop4 {background:url('../images/tr/s2_popTit04.png') no-repeat;}
#evtPopWrap.s2 .btnEvtPdf{right:24px;display:block;height:45px;background:none;}
#evtPopWrap.s2 .btnEvtPopClose{top:17px;right:19px;}

/* 오늘뭐하지 음미체실*/
.eventDetail{position:relative;}
.eventDetail img{vertical-align:top;}
.eventView {border:none;}
.descPage {font-size:16px;color:#555;line-height:21px;font-weight:400;font-family:'Noto Sans CJK KR', sans-serif;letter-spacing:-0.8px;}
.descPage .clr {color:#5fc1f7;font-weight:600;}
.section1 .shareBtn {float:right;width:250px;height:32px;margin-bottom:13px;padding-left:16px;border:1px solid #f75442;border-radius:5px;color:#f75459;text-align:left;font-size:12px;font-weight:500;letter-spacing:-1px;background:url('../images/create/arr_type10.png') 226px 11px no-repeat;font-family:'Noto Sans CJK KR', sans-serif;}
.section1 .tabBtnWrap {width:100%;border-top:4px solid #474e62;clear:both;padding-top:15px;}
.section1 .tabBtnWrap ul li {float:left;width:225px;height:150px;margin-right:2px;background-repeat:no-repeat;background-position:bottom;cursor:pointer;}
.section1 .tabBtnWrap ul li:nth-child(1) {background-image:url('../images/tr/tab1_btn_off.png');}
.section1 .tabBtnWrap ul li:nth-child(2) {background-image:url('../images/tr/tab2_btn_off.png');}
.section1 .tabBtnWrap ul li:nth-child(3) {background-image:url('../images/tr/tab3_btn_off.png');}
.section1 .tabBtnWrap ul li:nth-child(4) {background-image:url('../images/tr/tab4_btn_off.png');}
.section1 .tabBtnWrap ul li:nth-child(1).on {background-image:url('../images/tr/tab1_btn_on.png');}
.section1 .tabBtnWrap ul li:nth-child(2).on {background-image:url('../images/tr/tab2_btn_on.png');}
.section1 .tabBtnWrap ul li:nth-child(3).on {background-image:url('../images/tr/tab3_btn_on.png');}
.section1 .tabBtnWrap ul li:nth-child(4).on {background-image:url('../images/tr/tab4_btn_on.png');}
.section2 {position:relative;height:auto;}
.section2 .tabConWrap {display:none;float:left;width:100%;padding-top:30px;}
.section2 .tabConWrap:nth-child(1) {display:block;}
.section2 .tabConWrap h4 {font-size:26px;letter-spacing:-0.5px;font-weight:700;padding-left:25px;background-repeat:no-repeat;background-position:0 13px;padding-bottom:15px;border-bottom:1px solid #e9e9ea;}
.section2 .tabConWrap.tabCon1 h4 {background-image:url('../images/tr/tit1_ico.png');color:#00af9d;}
.section2 .tabConWrap.tabCon2 h4 {background-image:url('../images/tr/tit2_ico.png');color:#725ea5;}
.section2 .tabConWrap.tabCon3 h4 {background-image:url('../images/tr/tit3_ico.png');color:#308ece;}
.section2 .tabConWrap.tabCon4 h4 {background-image:url('../images/tr/tit4_ico.png');color:#f15d59;}
.section2 .tabConWrap ul {padding:20px 0 40px 30px;}
.section2 .tabConWrap ul li {font-size:16px;color:#8e9091;line-height:28px;padding-left:12px;background:url('../images/tr/list_ico.png') 0 50% no-repeat;letter-spacing:-0.5px;}
.section2 .tabConWrap ul li .clrTxt {color:#474e62;font-weight:500;font-size:inherit;}
.section2 .tabConWrap div[class*="box"] {position:relative;width:910px;height:524px;margin-bottom:20px;}
.section2 .tabConWrap div[class*="box"] .ebookBtn {position:absolute;top:453px;left:100px;display:block;width:126px;height:40px;cursor:pointer;}
.section2 .tabConWrap div[class*="box"] .downBtn {position:absolute;top:453px;left:235px;display:block;width:126px;height:40px;}
/*음악*/
.section2 .tabConWrap.tabCon1 .box1 {background-image:url('../images/tr/tabcon1_box1.png');}
.section2 .tabConWrap.tabCon1 .box2 {background-image:url('../images/tr/tabcon1_box2.png');}
/*미술*/
.section2 .tabConWrap.tabCon2 .box1 {background-image:url('../images/tr/tabcon2_box1.png');}
.section2 .tabConWrap.tabCon2 .box2 {background-image:url('../images/tr/tabcon2_box2.png');}
.section2 .tabConWrap.tabCon2 .box3 {background-image:url('../images/tr/tabcon2_box3.png');}
.section2 .tabConWrap.tabCon2 .box4 {background-image:url('../images/tr/tabcon2_box4.png');}
/*체육*/
.section2 .tabConWrap.tabCon3 .box1 {background-image:url('../images/tr/tabcon3_box1.png');}
.section2 .tabConWrap.tabCon3 .box2 {background-image:url('../images/tr/tabcon3_box2.png');}
/*실과*/
.section2 .tabConWrap.tabCon4 .box1 {background-image:url('../images/tr/tabcon4_box1.png');}

/* 오늘뭐하지 시즌3*/
/* 공통 */
.eventDetail.s3{position:relative;box-sizing:border-box;width:910px;font-family:'Noto Sans Korean', sans-serif; margin:0;}
.eventDetail img{vertical-align:top;}
.clfix:after {content:"";display:block;clear:both;}
.eventView {border:none;}
.descPage {font-size:16px;color:#555;line-height:21px;font-weight:400;letter-spacing:-0.8px;font-family:'Noto Sans Korean', sans-serif;}
.descPage .clr {color:#5fc1f7;font-weight:700;}
.eventDetail .btnWrap button {position:absolute;}
.eventDetail.s3 .btnWrap .shareBtn {top:549px;right:120px;width:auto;height:auto;float:none;border:0;}
.eventDetail .btnWrap .sampleBtn {top:720px;right:180px;}
.eventDetail .applyList {padding:0 60px 80px 60px;background:#fbeecb;}
.eventDetail .applyList li {float:left;width:186px;margin-right:15px;background:url('../images/tr/s3_list_bg.png') no-repeat;}
.eventDetail .applyList li:last-child {margin-right:0;}
.eventDetail .applyList li p {padding-top:20px;font-size:18px;line-height:20px;letter-spacing:-1px;text-align:center;color:#34373a;font-weight:600;}
.eventDetail .applyList li button {width:186px;height:43px;margin-top:100px;background:#FFF;font-family:'Noto Sans Korean', sans-serif;color:#919191;font-size:16px;line-height:43px;letter-spacing:-0.5px;box-shadow:3px 3px #d6ceb8;font-weight:500;}
.eventDetail .applyList li button:hover, .eventDetail .applyList li button:active {background:#009d8f;color:#FFF;}
/******************/
#newEvent {width:910px;height:280px;background:url('/images/opendata/today/season3/cont2.png') no-repeat center top;padding:0 57px 0px 62px;box-sizing:border-box;}
#newEvent:after { clear: both; overflow: hidden; content: ''; display: block; }
#newEvent .list {width: 183px;height: 252px;float: left;padding: 0;margin-left: 19px;}
#newEvent .list:nth-child(4n+1) { margin-left: 0; }
#newEvent .list .txt {display: table;width: 100%;height: 80px;padding-bottom: 2px;margin-bottom: 70px;box-sizing: border-box;}
#newEvent .list .txt strong {display: table-cell;vertical-align: middle;text-align: center;font-size: 18px;color: #10493a;font-weight: 800;line-height: 22px;}
#newEvent .list .episode {    display: block;    padding-left: 7px;    overflow: hidden;    height: 32px;}
#newEvent .list .episode .noti {    float: left;    display: block;    color: #805d41;    font-size: 14px;    padding-top: 1px;    padding-right: 6px;    position: relative;}
#newEvent .list .episode .noti:after {    display: block;    content: '';    width: 0;    height: 0;    border-style: solid;    border-width: 3.5px 0 3.5px 4px;    border-color: transparent transparent transparent #805d41;    position: absolute; right: -3px; top: 8px;}
#newEvent .list .episode .count {    color: #f2434d;     float: right;     line-height: 0.7;    padding-right: 2px;}
#newEvent .list .episode .count i {    font-size:  28px;    position: relative;    font-weight: 800;    top: 5px;    padding-right: 5px;}
#newEvent .list .btn { display: block; width: 189px; height: 45px; background: url('/images/opendata/today/season2/btn.png') no-repeat 0 0; }
#newEvent .list .btn:hover {background-image: url('/images/opendata/today/season2/btn_on.png'); }
/******************/
/* POPUP */
#popApply.todayS3{width:570px !important;z-index:100;font-family:'돋움', snas-serif;}
#popApply.todayS3 *{font: inherit; color: inherit;}
#popApply.todayS3 .dimed{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,0.8);z-index:1;}
#popApply.todayS3 .msgPopCnt{overflow:hidden;position:relative;border-radius:20px;z-index:1;}
#popApply.todayS3 .msgPopCnt .tit{background:#009d8f;padding:20px 0;text-align:center;height:auto;}
#popApply.todayS3 .msgPopCnt .popClose{position:absolute;top:17px;right:19px;}
#popApply.todayS3.msgPopup .contWrap{padding:15px 15px 30px !important;}
#popApply.todayS3 table{border-top:2px solid #c1c1c1;border-bottom:1px solid #dfdfdf;}
#popApply.todayS3 table tbody th{height:33px;padding-left:0;background:#f2f2f2;border-right:1px solid #dfdfdf;font-size:12px;color:#666;text-align:center;}
#popApply.todayS3 table tbody td{padding:10px !important;}
#popApply.todayS3 .examInfo{margin-bottom:0;}
#popApply.todayS3 .examInfo table tr td .txt{height:20px;}
#popApply.todayS3 .examInfo table tr td select{height:23px;border:1px solid #707070;color:#666;}
#popApply.todayS3 .fileWrap {background:#f2f2f2;padding:15px;border-bottom:1px solid #dfdfdf;}
#popApply.todayS3 .fileWrap p, #popApply .comentWrap p {font-size:12px;color:#666;letter-spacing:-0.7px;font-weight:600;margin-bottom:10px;}
#popApply.todayS3 .fileWrap .inputFile p input {width:400px;height:18px;border:1px solid #d5d5d5;margin-right:5px;}
#popApply.todayS3 .fileWrap .inputFile p button {width:80px;padding:3px 0 0 0;line-height:20px;color:#FFF;font-size:11px;letter-spacing:-0.8px;text-align:center;background:#707070; font-weight:300;}
#popApply.todayS3 .fileWrap .inputFile ul {font-size:11px;color:#e55b48;letter-spacing:-0.3px;line-height:18px;}
#popApply.todayS3 .fileWrap .inputFile ul em {color:#508ae8;margin-left:10px;}
#popApply.todayS3 .fileWrap .inputFile ul button {width:100px;height:18px;background:#FFF;border:1px solid #707070;color:#707070;font-size:11px;line-height:18px;text-align:center;letter-spacing:-0.8px;}
#popApply.todayS3 .comentWrap {position:relative;background:#f2f2f2;padding:15px;border-bottom:1px solid #dfdfdf;}
#popApply.todayS3 .comentWrap textarea {width:509px;height:120px;padding:10px;border:1px solid #dedede;box-sizing:border-box;font-size:11px;line-height:20px;letter-spacing:-0.6px;color:#666;}
#popApply.todayS3 .comentWrap textarea::placeholder {color:#b7b7b7;}
#popApply.todayS3 .comentWrap .countTxt {position:absolute;top:25px;right:20px;letter-spacing:-0.6px;color:#b7b7b7;font-size:11px;}
#popApply.todayS3 .comentWrap .countTxt .countNum {color:#666;}
#popApply.todayS3 dl[class^="agreeInfo"] {padding-top:18px;padding-left:10px;}
#popApply.todayS3 dl[class^="agreeInfo"] dt {font-size:12px;color:#666;letter-spacing:-0.7px;font-weight:600;margin-bottom:8px;}
#popApply.todayS3 dl[class^="agreeInfo"] dd {font-size:11px;color:#888;letter-spacing:-0.3px;line-height:18px;}
#popApply.todayS3 dl[class^="agreeInfo"] dd ul li span {display:block;margin-left:8px;}
#popApply.todayS3 dl[class^="agreeInfo"] dd ul li span.clr {color:#e55b48;}
#popApply.todayS3 .agreeInfo2 {padding-bottom:20px;border-bottom:1px solid #dfdfdf;}
#popApply.todayS3.msgPopup .agree {margin-left:16px;margin-top:15px; font-weight:600;}
#popApply.todayS3.msgPopup .agree label{display:inline;font-size:12px;letter-spacing:-0.5px;line-height:18px;font-weight:inherit;}
#popApply.todayS3.msgPopup .agree label span {display:block;margin-left:22px;}
#popApply.todayS3.msgPopup .btnArea button {width:200px;height:50px;background:#009d8f;color:#FFF;font-size:19px;text-align:center;font-family:'Noto Sans Korean', sans-serif;letter-spacing:-0.3px;border-radius:3px;}
#popApply.todayS3.msgPopup .searchSchool,
#popApply.todayS3.msgPopup .search_address2 {display:inline-block;height:21px;padding:0 21px 0 7px;margin-left:3px;font-family:'돋움', sans-serif;background-color:#bebebe;background-image:url(../images/tr/s3_right_ico.png);background-repeat:no-repeat;background-position:top 50% right 7px;border:1px solid #a8a8a8;border-radius:3px;font-size:11px;color:#fff;line-height:22px;}
#popApply.todayS3.msgPopup .searchSchoolTxt {font-size:11px;color:#a0a0a0;line-height:15px;letter-spacing:-0.6px;margin:6px 0 0 2px;font-family:'돋움', sans-serif;}
#popApply.todayS3.msgPopup .searchSchoolTxt span {display:block;padding-left:8px;font:inherit; color:inherit;}
/* 오늘 뭐하지 시즌3 발표페이지 */
.evt.s3done .btnShare{top:324px;background:none;}
.evt.s3done .evtListWrap{top:338px;}
.evt.s3done .evtListWrap li{height:452px;}
.evt.s3done .evtListWrap li .btnWrap{overflow:hidden;position:absolute;top:356px;left:127px;margin-top:0;width:276px;height:37px;}
.evt.s3done .evtListWrap li:nth-child(2) .btnWrap{top:450px;left:506px;}
.evt.s3done .evtListWrap li:nth-child(3) .btnWrap{top:809px;left:132px;}
.evt.s3done .evtListWrap li:nth-child(4) .btnWrap{top:866px;left:508px;}
.evt.s3done .evtListWrap li .btnWrap .ebookBtn{float:left;display:block;width:120px;height:37px;}
.evt.s3done .evtListWrap li .btnWrap .downBtn{float:right;display:block;width:150px;height:37px;}

#evtPopWrap.s3done .dimed{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,0.8);z-index:1000;}
#evtPopWrap.s3done .evtPopCont{height:auto;}
#evtPopWrap.s3done div[class*="evtPopTop"]{position: relative;width:850px;height:154px;}
#evtPopWrap.s3done .evtPopTop1{background:url('../images/tr/season3done/pop_tit01.png') no-repeat;}
#evtPopWrap.s3done .evtPopTop2{background:url('../images/tr/season3done/pop_tit02.png') no-repeat;}
#evtPopWrap.s3done .evtPopTop3{background:url('../images/tr/season3done/pop_tit03.png') no-repeat;}
#evtPopWrap.s3done .evtPopTop4{background:url('../images/tr/season3done/pop_tit04.png') no-repeat;}
#evtPopWrap.s3done .btnEvtPdf{right:24px;display:block;height:45px;background:none;}
#evtPopWrap.s3done .btnEvtPopClose{top:17px;right:19px;}

/* 오늘뭐하지 시즌4 */
/* 공통 */
.eventDetail.s4{position:relative;box-sizing:border-box;width:910px;font-family:'Noto Sans Korean', sans-serif; margin:0;}
.eventDetail img{vertical-align:top;}
.clfix:after {content:"";display:block;clear:both;}
.eventView {border:none;}
.descPage {font-size:16px;color:#555;line-height:21px;font-weight:400;letter-spacing:-0.8px;font-family:'Noto Sans Korean', sans-serif;}
.descPage .clr {color:#5fc1f7;font-weight:700;}
.eventDetail.s4 .btnWrap button {position:absolute;}
.eventDetail.s4 .btnWrap .shareBtn {top:549px;right:120px;width:auto;height:auto;float:none;border:0;}
.eventDetail.s4 .btnWrap .sampleBtn {top:720px;right:180px;}
.eventDetail.s4 .applyList {padding:0 60px 80px 60px;background:#fcdcdc;}
.eventDetail.s4 .applyList li {float:left;width:186px;margin-right:15px;background:url('../images/tr/season4/s4_list_bg.png') no-repeat;}
.eventDetail.s4 .applyList li:last-child {margin-right:0;}
.eventDetail.s4 .applyList li p {padding-top:20px;font-size:18px;line-height:20px;letter-spacing:-1px;text-align:center;color:#34373a;font-weight:600;}
.eventDetail.s4 .applyList li button {width:186px;height:43px;margin-top:100px;background:#FFF;font-family:'Noto Sans Korean', sans-serif;color:#919191;font-size:16px;line-height:43px;letter-spacing:-0.5px;box-shadow:3px 3px #f8c5c5;font-weight:500;}
.eventDetail.s4 .applyList li button:hover, .eventDetail .applyList li button:active {background:#417ee7;color:#FFF;}
/* POPUP */
#popApply.todayS4{width:570px !important;z-index:100;font-family:'Noto Sans Korean', snas-serif;}
#popApply.todayS4 *{font:inherit;color:inherit;}
#popApply.todayS4 .dimed{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,0.8);z-index:1;}
#popApply.todayS4 .msgPopCnt{overflow:hidden;position:relative;border-radius:20px;border:1px solid #ff8025;z-index:1;}
#popApply.todayS4 .msgPopCnt .tit{background:#ffe785;padding:20px 0 10px 40px;height:auto;}
#popApply.todayS4 .msgPopCnt .popClose{position:absolute;top:37px;right:25px;}
#popApply.msgPopup.todayS4 .contWrap {padding:0;border:none;}
#popApply.todayS4 input[type="text"]{height:32px;padding:0 14px;border:1px solid #dfdfdf;border-radius:4px;}
#popApply.todayS4 input[type="radio"]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;}
#popApply.todayS4 input[type="radio"] + label{position:relative;display:inline-block;font-size:14px;font-weight:400;color:#393d49;line-height:2.2;}
#popApply.todayS4 input[type="radio"] + label:before{content: '';display:inline-block;width:19px;height:19px;margin:0 8px 0 0;background:#fff;border:1px solid #adafb6;border-radius:100%;vertical-align:middle;}
#popApply.todayS4 input[type="radio"]:checked + label:after{content:'';position:absolute;top:11px;left:4px;width:13px;height:13px;background:#ff8025;border-radius:100%;}
#popApply.todayS4 table{width:100%;padding:0 40px;border-bottom:1px solid #dfdfdf;background:#f1f1f1;}
#popApply.todayS4 table tbody th {font-size:14px;color:#606677;padding-left:40px;border:none;}
#popApply.todayS4 table tbody td {font-size:14px;padding:10px !important;border:none;}
#popApply.todayS4 table tbody td .input {width:260px;height:32px;}
#popApply.todayS4 table .borderB th,
#popApply.todayS4 table .borderB td{border-bottom:1px solid #dfdfdf;}
#popApply.todayS4 .btnZipCode {display:inline-block;width:70px;height:32px;background:#abadb5;border-radius:4px;color:#fff;font-size:13px;line-height:32px;text-align:center;}
#popApply.todayS4 .ui-select-parent{width:122px;height:32px;vertical-align:top;}
#popApply.todayS4 .select2-container .select2-selection--single,
#popApply.todayS4 .select2-container--default .select2-selection--single .select2-selection__rendered,
#popApply.todayS4 .select2-results__option{height:32px !important;line-height:32px;}
#popApply.todayS4 .select2-container .select2-selection--single{border-radius:4px;}
#popApply.todayS4 .select2-container--default .select2-selection--single .select2-selection__arrow b{top:0;height:32px;background-position:50% -8px;}
#popApply.todayS4 .formMulti .input.wp120 {width:120px;}
#popApply.todayS4 .formMulti #cellphone2, #popApply.todayS4 .formMulti #cellphone3 {width:120px;}
#popApply.todayS4 .examInfo{margin-bottom:0;}
#popApply.todayS4 .examInfo table tr td .txt{height:20px;}
#popApply.todayS4 .examInfo table tr td select{width:90px;height:30px;border:1px solid #707070;color:#666;background:#FFF;border-radius:3px;}
#popApply.todayS4 .fileWrap {background:#f2f2f2;padding:15px 40px;border-bottom:1px solid #dfdfdf;font-size:14px;}
#popApply.todayS4 .fileWrap p, #popApply.todayS4 .comentWrap p {font-size:14px;color:#606677;letter-spacing:-0.7px;font-weight:600;margin-bottom:10px;}
#popApply.todayS4 .fileWrap .inputFile p input {width:400px;height:32px;border:1px solid #d5d5d5;margin-right:5px;}
#popApply.todayS4 .fileWrap .inputFile p button {width:80px;padding:3px 0 0 0;line-height:20px;color:#FFF;font-size:12px;letter-spacing:-0.8px;text-align:center;background:#abadb5; font-weight:300;}
#popApply.todayS4 .fileWrap .inputFile ul {font-size:12px;color:#ff8025;letter-spacing:-0.3px;line-height:22px;}
#popApply.todayS4 .fileWrap .inputFile ul em {color:#393d49;margin-left:10px;}
#popApply.todayS4 .fileWrap .inputFile ul button {width:100px;height:24px;background:#abadb5;color:#FFF;font-size:13px;line-height:24px;text-align:center;letter-spacing:-0.8px;border-radius:5px;}
#popApply.todayS4 .comentWrap {position:relative;background:#f2f2f2;padding:15px 40px;border-bottom:1px solid #dfdfdf;}
#popApply.todayS4 .comentWrap textarea {width:490px;height:120px;padding:10px;border:1px solid #dedede;box-sizing:border-box;font-size:12px;line-height:20px;letter-spacing:-0.6px;color:#666;border-radius:3px;}
#popApply.todayS4 .comentWrap textarea::placeholder {color:#b7b7b7;}
#popApply.todayS4 .comentWrap .countTxt {position:absolute;top:25px;right:40px;letter-spacing:-0.6px;color:#b7b7b7;font-size:11px;}
#popApply.todayS4 dl[class^="agreeInfo"] {padding:18px 40px;}
#popApply.todayS4 dl[class^="agreeInfo"] dt {font-size:14px;color:#666;letter-spacing:-0.7px;font-weight:600;margin-bottom:8px;}
#popApply.todayS4 dl[class^="agreeInfo"] dd {font-size:14px;color:#888;line-height:23px;}
#popApply.todayS4 dl[class^="agreeInfo"] dd ul li {letter-spacing:-0.5px;}
#popApply.todayS4 dl[class^="agreeInfo"] dd ul li span {display:block;margin-left:8px;}
#popApply.todayS4 dl[class^="agreeInfo"] dd ul li span.clr {color:#ff8125;}
#popApply.todayS4 .agreeInfo2 {padding-bottom:20px;}
#popApply.todayS4.msgPopup .agree {margin-left:16px;margin-top:15px; font-weight:600;}
#popApply.todayS4.msgPopup .agree label{display:inline;font-size:12px;letter-spacing:-0.5px;line-height:18px;font-weight:inherit;}
#popApply.todayS4.msgPopup .agree label span {display:block;margin-left:22px;}
#popApply.todayS4.msgPopup .btnArea button {width:200px;height:50px;background:#009d8f;color:#FFF;font-size:19px;text-align:center;font-family:'Noto Sans Korean', sans-serif;letter-spacing:-0.3px;border-radius:3px;}
#popApply.todayS4.msgPopup .searchSchool,
#popApply.todayS4.msgPopup .search_address2 {display:inline-block;height:21px;padding:0 21px 0 7px;margin-left:3px;font-family:'돋움', sans-serif;background-color:#bebebe;background-image:url(../images/tr/s3_right_ico.png);background-repeat:no-repeat;background-position:top 50% right 7px;border:1px solid #a8a8a8;border-radius:3px;font-size:11px;color:#fff;line-height:22px;}
#popApply.todayS4.msgPopup .searchSchoolTxt {font-size:12px;color:#a8a8a8;line-height:15px;letter-spacing:-0.6px;margin:6px 0 0 2px;}
#popApply.todayS4.msgPopup .searchSchoolTxt span {display:block;padding-left:8px;font:inherit; color:inherit;}
#popApply.todayS4.msgPopup .agreeForm{wisth:490px;padding:20px 40px 0 40px;border-top:1px solid #dfdfdf;}
#popApply.todayS4.msgPopup .agreeForm .chk{font-size:14px;color:#393d49;}
#popApply.todayS4.msgPopup .agreeForm .chk.point{color:#ff3859;}
#popApply.todayS4.msgPopup .agreeForm .chk label{padding-left:33px;font-weight:500;}
#popApply.todayS4.msgPopup .agreeForm .chk + .chk{margin-top:9px;}
#popApply.todayS4.msgPopup .agreeForm + .agreeWrap{margin-top:20px;padding-top:20px;border-top:1px solid #dfdfdf;}
#popApply.todayS4.msgPopup .btnWrap{margin-top:30px;padding-bottom:40px;}
#popApply.todayS4.msgPopup .btnWrap .btnPopApply{display:inline-block;width:178px;height:56px;background:#ff8125;border-radius:28px;font-size:20px;font-weight:600;color:#fff;}
#popApply.todayS4.msgPopup .btnPopApply:before{content:'';display:inline-block;width:8px;height:8px;margin-right:10px;background:#ff8125;border:5px solid #fff;border-radius:100%;}
/* 학교 검색 팝업 */
.eventDetail .joinSchool {display: none; top: 300px; width: 550px; margin-left: -240px; margin-top: 0; z-index:9901; box-shadow: 5px 5px 4px 2px rgba(0, 0, 0, 0.2);}
.eventDetail .layerPop {position:absolute;background: #fff}
.eventDetail .joinSchool .popContent {padding-top: 20px;}
.eventDetail .joinSchool .school_list {height: 260px;}
.joinSchool.todayS3 .posItem .schoolSearch_btn{right:35px;}
.create_tb.tblist.view tbody th{padding:25px 20px 22px;background:#fff;border-bottom:1px solid #ddd;}
.create_tb.tblist.view tbody th .title{font-size:20px;font-weight:500;color:#474e62;line-height:30px;word-break:break-all;}
.create_tb.tblist.view tbody th .title span{color:#ff8125;font-size:inherit;font-weight:inherit;}
.create_tb.tblist.view tbody th .title i{color:#474e62;font-size:inherit;font-weight:300;}
.create_tb.tblist.view tbody th .title b{font:inherit;font-weight:bold;}
.create_tb.tblist.view tbody th .titleWrap{font-size:0;}
.create_tb.tblist.view tbody th .titleWrap .title{display:inline-block;width:calc(100% - 53px);vertical-align:top;}
.create_tb.tblist.view tbody th .info{margin-top:6px;}
.create_tb.tblist.view tbody th .info span{position:relative;padding:0 10px;font-size:14px;color:#8e9091;}
.create_tb.tblist.view tbody th .info span:first-child{padding:0 10px 0 0;}
.create_tb.tblist.view tbody th .info span:first-child:before{content:none;}
.create_tb.tblist.view tbody th .info span:before{content:'';position:absolute;left:0;top:4px;width:1px;height:12px;background:#e5e5e5;}
.create_tb.tblist.view tbody th .info .file{color:#474e62;}
.create_tb.tblist.view tbody th .info .file span{color:#ff8125;}
.create_tb.tblist.view tbody th .ic_reple{display:inline-block;text-align:center;padding-top:41px;min-width:36px;background:url(../images/create/ic_reple.png) no-repeat center top;font-size:14px;color:#474e62;}
.create_tb.tblist.view tbody th .ic_view{margin-left:20px;display:inline-block;text-align:center;padding-top:41px;min-width:36px;background:url(../images/create/ic_review.png) no-repeat center top;font-size:14px;color:#474e62;}
/*.create_tb.tblist.view tbody td:first-child,*/
/*.create_tb.tblist.view tbody td:last-child{padding:30px;}*/
/* .create_tb.tblist.view tbody tr:last-child > td{border-bottom:3px solid #474e62} */
.create_tb.tblist.view tbody td .view_article{padding:30px 0 48px;margin:0 auto;}
.create_tb.tblist.view tbody td .view_article .travelDetail{width:747px;margin:0 auto;}
.create_tb.tblist.view tbody td .view_article .travelDetail em{font-style:normal;}
.create_tb .activityDetail .tbl_type thead tr th{padding: 4px;background: #faf5ee;border-bottom: none;}
.create_tb.tblist.view tbody td .view_article .ico_tb tr td{border-bottom:1px solid #ddd;}

/*샘터 설렘캠페인 as-is 개정*/
.eventDetail{width:747px;margin:40px auto 0;}
.eventDetail .eventEnd { position:absolute; top:182px;right:83px; z-index:1; }
.eventDetail .map_cont {position: relative;width:747px; height: 792px; padding: 0 40px;;background: url(../images/samteo/img02.jpg) no-repeat 0 0;}
.eventDetail .map_cont h5 {height:62px; line-height: 61px; text-align: center; color: #fff; font-size: 18px; font-weight: 700;}
.eventDetail .map_cont h5 strong {color: #fff200;font-size:inherit;font-weight:inherit;}
.eventDetail .map_cont .location {position:relative;top:auto;right:auto;}
.eventDetail .map_cont .location li {position: absolute;width:71px;height:57px; line-height: 75px; color: #41403a; text-align: center;}
.eventDetail .map_cont .location li::after{content:'';display: block;position: absolute;top: 50%;right: 0;width: 10px;height: 10px;margin-top: -5px;margin-right: -15px;background: url(../images/samteo/arr_breadcrumb.png) no-repeat 50%;}
.eventDetail .map_cont .location li.nodata {line-height: 59px;}
.eventDetail .map_cont .location li span {display: inline-block;line-height: 1.2em; font-size: 13px; font-weight: 700; }
.eventDetail .map_cont .location li span strong {display: block;color:#e85c65;}
.eventDetail .map_cont .location li.seo {top:138px;left:263px}
.eventDetail .map_cont .location li.gg {top:26px;left:166px}
.eventDetail .map_cont .location li.inc {top:72px;left:105px}
.eventDetail .map_cont .location li.gan {top:63px;right:243px}
.eventDetail .map_cont .location li.sej {top:211px;left:207px}
.eventDetail .map_cont .location li.chu {top:309px;left:103px}
.eventDetail .map_cont .location li.dae {top:294px;left:290px}
.eventDetail .map_cont .location li.jeo {top:403px;left:73px}
.eventDetail .map_cont .location li.gwa {top:484px;left:177px}
.eventDetail .map_cont .location li.gye {top:195px;right:107px}
.eventDetail .map_cont .location li.dgu {top:292px;right:218px}
.eventDetail .map_cont .location li.uls {top:368px;right:116px}
.eventDetail .map_cont .location li.bus {top:465px;right:172px}
.eventDetail .map_cont .location li.jej {top:617px;left:229px}
.eventDetail .map_cont .location li.gan span,
.eventDetail .map_cont .location li.sej span,
.eventDetail .map_cont .location li.gwa span,
.eventDetail .map_cont .location li.uls span {margin-left:20px}
.eventDetail .map_cont .btn_pop {position: absolute;top:706px;right:87px}
.eventDetail .entry_form {position: relative; height: 602px; background: url(../images/samteo/img03.jpg) no-repeat 0 0;}
.eventDetail .entry_form .radio_list {position: absolute; top: 92px; left: 80px; *zoom:1}
.eventDetail .entry_form .radio_list:after {content: ""; display: block; clear: both;}
.eventDetail .entry_form .radio_list li {float: left; position: relative; width: 83px; padding-top: 90px; margin-left: 19px; background-image: url(../images/samteo/ico_radio_off.png); background-repeat: no-repeat; text-align: center; cursor:pointer}
.eventDetail .entry_form .radio_list li:first-child {margin-left: 0;}
.eventDetail .entry_form .radio_list li.radio_01 {background-position: 0 0;}
.eventDetail .entry_form .radio_list li.radio_02 {background-position: -106px 0;}
.eventDetail .entry_form .radio_list li.radio_03 {background-position: -208px 0;}
.eventDetail .entry_form .radio_list li.radio_04 {background-position: -310px 0;}
.eventDetail .entry_form .radio_list li.radio_05 {background-position: -412px 0;}
.eventDetail .entry_form .radio_list li.radio_06 {background-position: -516px 0;}
.eventDetail .entry_form .radio_list li.checked {background-image: url(../images/samteo/ico_radio_on.png);}
.eventDetail .entry_form .radio_list li input {margin: 0 0 0 -4px;}
.eventDetail .entry_form .radio_list li label {letter-spacing: -1.5px; font-weight: bold; font-size: 16px; color: #333;}
.eventDetail .entry_form .msg {position: absolute; top: 277px; left: 80px; width: 585px; padding-bottom: 10px; background: #f5f5f5; border: 1px #d6d6d6 solid;}
.eventDetail .entry_form .msg textarea {width: 555px; height: 64px; padding: 15px; border: none; background: #f5f5f5; font-size: 13px; color: #666; outline:none}
.eventDetail .entry_form .msg .count {margin:0 15px 0 0; text-align: right; font-size: 12px; color: #999; font-family: "Nanum Gothic","나눔고딕",NanumGothic,"돋움",Dotum,Helvetica,"Apple SD Gothic Neo",sans-serif;}
.eventDetail .entry_form .msg .count span{font-size:inherit;font-family:inherit;}
.eventDetail .entry_form .btn_my {position: absolute; top:410px; right:80px}
.eventDetail .entry_form .btn_my a {display: inline-block;width: 94px; height: 25px;background: url(../images/samteo/btn_mywrite.png) no-repeat 0 0; color: #fff; font-size:12px; text-align: center; line-height: 24px; text-decoration: none; font-family: "Nanum Gothic","나눔고딕",NanumGothic,"돋움",Dotum,Helvetica,"Apple SD Gothic Neo",sans-serif; font-weight: 700;}
.eventDetail .entry_form .btn {position: absolute; left: 50%; bottom: 50px; margin-left: -164px; staffIntroEdubackground: none;}
.eventDetail .entry_form .after {position: absolute; top: 0; left: 0; width: 100%; height: 55px; padding: 247px 0; background: url(../images/samteo/bg_close.png) no-repeat 0 0;  font-size: 28px; font-weight: bold; color: #ff0; text-align: center;}

.examInfo { margin-bottom:10px; }
.examInfo table { border-top:1px solid #989898; border-bottom:1px solid #989898; letter-spacing:-.06em; }
.examInfo table tr th { height:42px; padding-left:10px; border-bottom:1px solid #e1e1e1; color:#333; font:13px "Nanum Gothic","나눔고딕",NanumGothic,"돋움",Dotum,Helvetica,"Apple SD Gothic Neo",sans-serif; text-align:left; }
.examInfo table tr td { border-bottom:1px solid #e1e1e1; color:#666; font:13px "Nanum Gothic","나눔고딕",NanumGothic,"돋움",Dotum,Helvetica,"Apple SD Gothic Neo",sans-serif; }
.examInfo table tr:last-child th, .examInfo table tr:last-child td { border-bottom:0; }
.examInfo table tr td select {appearance:auto;background:none; height:27px; padding:0px; text-indent:0px; border:1px solid #d9d9d9; vertical-align:middle; color:#999; font:12px "Nanum Gothic","나눔고딕",NanumGothic,"돋움",Dotum,Helvetica,"Apple SD Gothic Neo",sans-serif;border-radius:0;}
.examInfo table tr td .txt { width:340px; height:25px; padding-left:10px; border:1px solid #d9d9d9; color:#999; font:12px "Nanum Gothic","나눔고딕",NanumGothic,"돋움",Dotum,Helvetica,"Apple SD Gothic Neo",sans-serif; }
.examInfo table tr td img { vertical-align:middle; }
.examInfo table tr td input[type="radio"]{margin-right:4px;vertical-align: middle;}
.examInfo table tr td label { margin-right:25px;color:#666;font-size:13px; }
.examInfo table tr th.add { height:auto; }
.examInfo table tr td.add { padding:8px 0 8px; }
.examInfo table tr td.add div { padding:5px 0 0; }
.examInfo table tr td.add div input { margin-bottom:2px; }
.examInfo table tr td.typeAdd { line-height:30px; }
.examInfo .posItem {position:relative;}
.examInfo .posItem .i_label {position:absolute;top:5px;left:5px;font-size:12px;color:#d85f5b;margin-right:0}
.examInfo .posItem .text {padding:5px}

/* 공모전 수상작 목록 */
.steamDownLoad{overflow:hidden;position:absolute;top:60px;right:0;width:465px;height:140px;}
.steamDownLoad > *{position:absolute;}
.steamDownLoad .downList{top:32px;right:206px;font-size:0;}
.steamDownLoad .downList li{position:relative;display:inline-block;}
.steamDownLoad .downList li a{display:block;width:71px;height:88px;}
.steamDownLoad .downList li a:before{content:'';position:absolute;bottom:0;left:0;display:block;width:100%;height:100%;background-position:0 0;background-repeat:no-repeat;background-size:67px auto;}
.steamDownLoad .downList li:nth-child(1) a:before{background-image:url('../images/tr/img_steam_01.png');}
.steamDownLoad .downList li:nth-child(2) a:before{background-image:url('../images/tr/img_steam_02.png');}
.steamDownLoad .downList li:nth-child(3) a:before{background-image:url('../images/tr/img_steam_03.png');}
.steamDownLoad .downList li a:after{content:'';position:absolute;top:0;right:0;display:inline-block;width:1px;height:88px;border-right:1px solid #d3d3d4;border-left:1px solid #d3d3d4;}
.steamDownLoad .downList li a:hover:before{left:50%;box-sizing:border-box;width:86px;height:112px;background-size:100% auto;transform:translateX(-50%);box-shadow: 3px 3px 0 #e0e0e0;}
.steamDownLoad .downList li:nth-child(1) a:hover:before{border:3px solid #7fcbeb;}
.steamDownLoad .downList li:nth-child(2) a:hover:before{border:3px solid #fabf26;}
.steamDownLoad .downList li:nth-child(3) a:hover:before{border:3px solid #b4c92c;}
.steamDownLoad .downList li a:hover:after{top:16px;left:22px;width:28px;height:28px;background:url('../images/tr/down_white.png') 50% 50% no-repeat #474e62;border-radius:5px;border:0;}
.steamDownLoad .downList li .txt{display:block;padding-top:92px;font-size:12px;font-weight:400;color:#606677;text-align:center;}
.steamDownLoad .downList li a:hover .txt{font-weight:600;color:#ff8125;}
.steamDownLoad .downList li a:hover .txt:after{display:none;}
.steamDownLoad .downList li.new .txt:after{content: '';position:absolute;top:-4px;right:-4px;display:inline-block;width:22px;height:22px;background:url(../images/create/ic_new.png) 50% 50% no-repeat;z-index:1;}
.steamDownLoad .downList li + li{margin-left:16px;}
.steamDownLoad .infoTxt{top:0;right:0;display:inline-block;width:199px;height:71px;padding:12px 0 0 38px;background:url('../images/tr/bg_steam.png') 0 0 no-repeat;font-size:13px;font-weight:500;color:#4c4c4c;line-height:1.2;}
.steamDownLoad .infoTxt strong{font:inherit;font-weight:600;color:#ff6c00;}
.steamDownLoad .btnLink{top:90px;right:0;display:inline-block;padding-right:24px;background-image:url('../images/create/list_arrow_min_gray.png');background-position:90% 23px;background-repeat:no-repeat;font-size:13px;font-weight:600;color:#4c4c4c;line-height:1.3;}
.steamDownLoad .btnLink:hover{background-image:url('../images/create/list_arrow_min.png');color:#ff6c00;}
.tr_list{padding:5px 0 0 0;border-top:3px solid #474e62;}
.tr_list li{margin-top:10px;}
.tr_list li a{display:table;table-layout:fixed;width:100%;padding:19px 30px;border:1px solid #ddd;border-radius:20px;}
.tr_list li a p{display:table-cell;text-align:center;vertical-align:middle;}
.tr_list li a p span{display:block;}
.tr_list li a .img{width:57px;height:50px;text-align:left;}
.tr_list li a .img img{width:43px;height:43px;}
.tr_list li a .tit{padding-right:30px;width:464px;font-size:16px;color:#425067;font-weight:400;overflow:hidden;text-overflow: ellipsis;white-space:nowrap;}
.tr_list li a .sub{position:relative;padding:0 15px 0 20px;width:195px;}
.tr_list li a .sub:before{content:'';position:absolute;left:0;top:0;width:1px;height:50px;background:#ddd;}
.tr_list li a .sub span{color:#888;font-size:14px;font-weight:300;line-height:20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word; word-break:keep-all;max-height:40px;}

.tr_list li a .info{position:relative;padding-left:20px;width:150px;}
.tr_list li a .info:before{content:'';position:absolute;left:0;top:0;width:1px;height:50px;background:#ddd;}
.tr_list li a .info span{font-size:14px;font-weight:400;color:#425067;line-height:18px;overflow:hidden;text-overflow: ellipsis;white-space:nowrap;}

.tr_list li:hover a{padding:18px 29px;background-color:#fff9ef;border:2px solid #ff8125;}
.tr_list li:hover a .tit{color:#ff8125;text-decoration: underline;text-underline-position:under;}
/* 공모전 수상작 상세 */
.originalidea{margin:40px auto 0;padding-bottom:30px;/* border-bottom:3px solid #474e62; */}
.visual{height:242px;/*padding:50px 50px 40px;*/background:#62ba96;border-radius:20px;overflow:hidden;}
.steam .visual img{width:100%!important;}
.visual h3{font-size:32px;color:#ffeb63;font-weight:600;line-height:1;}
.visual p{margin-top:10px;color:#ffffff;font-size:16px;font-weight:500; line-height:1;}
.visual p span{color:#f9e965;font-size:inherit;font-weight:inherit;}
.visual p.mt7{margin-top:7px;}
.visual p.mt57{margin-top:57px;}
.visual p.fw_400{font-weight:400;}
.visual p.fs_14{font-size:14px;font-weight:300;}

/*공모작 수상작*/
h4.tit_cir{padding-left:33px;font-size:24px;font-weight:600;color:#474e62;line-height:1;}
h4.tit_cir.color_g{background:url('../images/tr/cir_green.png')no-repeat left center;}
h4.tit_cir.color_b{background:url('../images/tr/cir_black.png')no-repeat left center;}
h4.tit_cir.color_p{background:url('../images/tr/cir_pink.png')no-repeat left center;}
.tbl_list{width:100%;border:1px solid #e2e2e2;}
.tbl_list .t1 th.first{background:#f2f2f2;font-weight:400;border:1px solid #e2e2e2;}
.tbl_list .t1 td {padding: 10px 0 10px 20px;border:1px solid #e2e2e2;color:#666;}

.databox{margin-top:17px;}
.databox ul{border-top:1px solid #dddddd;}
.databox ul li{border-bottom:1px solid #dddddd;}
.databox ul li dl{overflow:hidden;}
.databox ul li dt{float:left;border-right:1px solid #ddd;width:176px;padding:16px 0;color:#61646d;font-size:16px;text-align:center;background:#f1f1f1;font-weight:400;}
.databox ul li dd{float:left;position:relative;width:734px;padding:16px 20px 16px 30px;color:#61646d;font-size:16px;}
.databox ul li dd a{position:absolute;right:20px;width:80px;padding:0 21px 0 9px;font-size:13px;color:#61646d;border:1px solid #d3d3d3;background:#f8f8f8 url('../images/lb/drop_arrow.png') no-repeat right 10px top 9px;line-height:25px;border-radius:3px;}

.themebox ul{display:flex;display:-webkit-flex;flex-wrap:wrap;margin-top:10px;}
.themebox ul li{margin:7px 7px 0 0;}
.themebox ul li:nth-child(3n){margin-right:0;}
.themebox ul li a{position:relative;display:block;width:298px;height:90px;padding:24px 50px 23px 24px;background:#eef4f9;border-radius:15px;border:1px solid #e6eff7;}
.themebox ul li a p{font-size:18px; color:#393d49;font-weight:400;line-height:1; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.themebox ul li a span{display:block;padding-bottom:10px;font-size:14px; font-weight:400;letter-spacing: -0.06em;line-height:1;}
.themebox ul li a span.c_o{display:block;padding-bottom:10px;font-size:14px; font-weight:400;letter-spacing: -0.06em;color:#ff8125;line-height:1;}
.themebox ul li a span.arrow{display:none;position:absolute;right:30px;bottom:30px;width:28px;height:28px;background:url('../images/tr/arrow_circle.png')no-repeat center bottom;}
.themebox ul li:hover a{background:#ffe568;border-color:#ffe568;}
.themebox ul li:hover a span.arrow{display:block;}

/* 2023-06-12 초등 개편 6월 선반영 */
.themebox.themebox_renew06 ul li a {height: 80px; padding: 20px 50px 19px 23px; border: 1px solid #d4e1ed; border-radius: 10px;}
.themebox.themebox_renew06 ul li a span.c_o {padding-bottom: 7px;}
.themebox.themebox_renew06 ul li a p {width: calc(100% - 8px); font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.themebox.themebox_renew06 ul li a span.arrow {right: 50px; bottom: 22px; width: 8px; height: 12px; background:url('../images/tr/arrow_right.png')no-repeat center;}
.themebox.themebox_renew06 ul li:hover a {background: #ff7031; border: 1px solid #ff7031;}
.themebox.themebox_renew06 ul li:hover a span.c_o {color: #fff!important;}
.themebox.themebox_renew06 ul li:hover a p {color: #fff;}




/* 과정형 수행평가 */
.btn.research_info span{margin-right:10px;width:35px;background:url('../images/tr/ic_researchers.png') no-repeat center center;}
.btn.research_info2 span{margin-right:11px;width:28px;background:url('../images/tr/ic_researchers2.png') no-repeat center center;}

.grade_cont_tab{display:flex;display:-webkit-flex;margin-top:57px;padding-bottom:30px;}
.grade_cont_tab li{margin-right:10px;}
.grade_cont_tab li a{display:block;width:159px;height:46px;background:#f1f1f1;border:1px solid #dddddd;border-radius:21.5px;color:#393d49;font-size:16px;font-weight:400;text-align: center;line-height:44px;}
.grade_cont_tab li:hover a, .grade_cont_tab li.on a{background:#ffd563;border:none;line-height:46px;}

.tblist.grade_cont_tb th{padding:13px;background:#f1f1f1;border-bottom:1px solid #8e9091;}
.tblist.grade_cont_tb th p{line-height:1;font-size:14px;font-weight:300;color:#393d49;}
.tblist.grade_cont_tb td:first-child{border-left:none;}
.tblist.grade_cont_tb td:last-child{border-right:none;}
.tblist.grade_cont_tb td{padding:15px;border:1px solid #e1e1e1;}
.tblist.grade_cont_tb td.chapter, .tblist.grade_cont_tb td.tit{padding:12px 15px;}
.tblist.grade_cont_tb td.method{padding:12px 15px;}
.tblist.grade_cont_tb td.down{padding:15px 7px 15px 9px;}
.tblist.grade_cont_tb td p{color:#393d49;font-size:14px;font-weight:300;line-height:16px;}
.grade_cont_info{margin-top:15px;font-size:16px;color:#ff8125;line-height:28px;}
.btn_grade_down span{display:inline-block;padding:7px 15px;background:#ffd563;border:1px solid #ffcb3d;border-radius:14px;color:#393d49;font-size:13px;font-weight:400;line-height:1;}

/* 비주얼싱킹 */
.think_wrap{margin-top:57px;border-top:3px solid #474e62;}
.think_wrap .thinking{position:relative;padding:50px 85px 60px 105px;overflow:hidden;}
.think_wrap .thinking .img_wrap{float:left;width:168px;height:227px;overflow:hidden;}
.think_wrap .thinking .img_wrap img{width:100%;height:100%;}
.think_wrap .thinking ul{float:right;width:512px;}
.think_wrap .thinking ul li{padding:14px 0;font-size:16px;color:#8e9091;line-height:20px;border-top:1px solid #ddd;}
.think_wrap .thinking ul li p{font-size:20px;color:#474e62;font-weight:500;line-height:26px;}
.think_wrap .thinking ul li:first-child{border-top:none;}
.think_wrap .thinking .btn_think_down{position:absolute;left:118px;bottom:0;width:145px;height:46px;padding:0 30px 0 58px;background:#ffd563 url('../images/educourse/ic_down_2.png') no-repeat 30px 15px;border-radius:23px;font-size:16px;font-weight:500;color:#393d49;line-height:46px;letter-spacing:-0.04em;}
.thinking_imgWrap{padding:60px;margin-top:40px;display:flex;display:-webkit-flex;border:1px solid #f3e6d2;background:#f9f4ed;border-radius:20px;}
.thinking_imgWrap li{margin-right:9px;width:191px;height:245px;}
.thinking_imgWrap li img{width:100%;height:100%;}
.thinking_imgWrap li:last-child{margin-right:0;}

/* 에듀테크 수업활용 꿀팁 */
.edutech_wrap {margin-top:57px;border-top:3px solid #474e62;}
.edutech_wrap .edutech {position:relative;padding:32px 38px 0;}
.edutech_wrap .edutech:after {content:""; display: block; clear: both;}
.edutech_wrap .edutech .img_wrap{float:left;width:253px;height: auto;overflow:hidden;}
.edutech_wrap .edutech .img_wrap img{width:100%;height:auto;}
.edutech_wrap .edutech ul{float:right;width:512px;}
.edutech_wrap .edutech ul li:first-child {padding-top:15px;}
.edutech_wrap .edutech ul li:last-child {padding-bottom:0;}
.edutech_wrap .edutech ul li{padding:21px 0;font-size:15px;color:#383a41;line-height:23px;border-top:1px solid #ddd; font-weight:400;}
.edutech_wrap .edutech ul li p{font-size:20px;margin-bottom:11px; color:#2b2f3a;font-weight:600;line-height:26px;}
.edutech_wrap .edutech ul li p span {font-size: 20px; font-weight:600; color:#ff8125;}
.edutech_wrap .edutech ul li p span {font-size: 20px; font-weight:600; color:#ff8125;}
.edutech_wrap .edutech ul li:first-child{border-top:none;}
.edutech_wrap .edutech .btn_think_down{ display: block; width:145px;height:46px; margin: 10px auto 0; padding:0 30px 0 58px;background:#ffd563 url('../images/educourse/ic_down_2.png') no-repeat 30px 15px;border-radius:23px;font-size:16px;font-weight:500;color:#393d49;line-height:46px;letter-spacing:-0.04em;}
.edutech_imgWrap{display:flex;display:-webkit-flex;margin-top:40px;padding:0 38px;}
.edutech_imgWrap li{margin-right:9px;width:204px;height:259px;}
.edutech_imgWrap li img{width:100%;height:100%;}
.edutech_imgWrap li:last-child{margin-right:0;}
.edubtnWrap {display:flex; justify-content:center; margin-top:25px; margin-bottom:45px; }
.edubtnWrap a { display:inline-block; margin-right:7px; padding-left:50px; color:#fff; font-size:15px; font-weight:500; line-height:47px;}
.edubtnWrap a.ebook {width:162px; height:48px; background: url('../images/tr/eduEbook.png')no-repeat center; background-size:100% auto;}
.edubtnWrap a.pdf1 {width:222px; height:48px; background: url('../images/tr/eduPDF1.png')no-repeat center; background-size:100% auto;}
.edubtnWrap a.pdf2 {width:193px; height:48px; background: url('../images/tr/eduPDF2.png')no-repeat center; background-size:100% auto;}
.edubtnWrap a img {width:100%;}
.edu_tschool {position:relative; width:911px; height:459px; background: url('../images/tr/edu_school.png')no-repeat center; background-size:100% auto;}
.edu_tschool .tschool_btn {position:absolute; top:130px; left:50%; transform:translateX(-50%); width:149px; font-size:0;}
.edu_tschool .tschool_btn img {width:100%;}
.popup_wrap.staffintro_pop{position:absolute;left:20%;z-index:1001;border-radius:0;border:none;width:1015px;height:891px;}
.popup_wrap.staffintro_pop .popup_close{position:absolute;height:28px; width:28px; right:40px; top:40px; text-indent:-9999px; font-size:0; overflow:hidden;background:url(../images/common/btn_close3.png) no-repeat left top;}
.edu_themaWrap {display:flex; justify-content:space-between; width:100%; height:185px; padding:80px 20px 0; margin-top:13px; background: url('../images/tr/edu_thema.png')no-repeat center; background-size:100% auto; }
.edu_themaWrap li a {display:block; padding-top:25px; font-size:15px; font-weight:500; color:#000000; line-height:18px; text-align:center;}
.edu_themaWrap li:nth-child(1) {width:172px; height:85px; background: url('../images/tr/thema_link1.png')no-repeat center; background-size:100% auto;}
.edu_themaWrap li:nth-child(1) a {padding-left:65px;}
.edu_themaWrap li:nth-child(2) {width:167px; height:85px; background: url('../images/tr/thema_link2.png')no-repeat center; background-size:100% auto;}
.edu_themaWrap li:nth-child(2) a {padding-left:55px;}
.edu_themaWrap li:nth-child(3) {width:150px; height:85px; background: url('../images/tr/thema_link3.png')no-repeat center; background-size:100% auto;}
.edu_themaWrap li:nth-child(3) a {padding-left:65px;}
.edu_themaWrap li:nth-child(4) {width:162px; height:85px; background: url('../images/tr/thema_link4.png')no-repeat center; background-size:100% auto;}
.edu_themaWrap li:nth-child(4) a {padding-left:62px;}
.edu_themaWrap li:nth-child(5) {width:200px; height:85px; background: url('../images/tr/thema_link5.png')no-repeat center; background-size:100% auto;}
.edu_themaWrap li:nth-child(5) a {padding-left:80px;}
.edu_themaWrap li a img {width:100%;}
#staffIntroEdu .popup_wrap {top:33%;}
#staffIntroEdu .popup_wrap.staffintro_pop {width:919px; height:1064px; background:none;}
#staffIntroEdu .popup_wrap.staffintro_pop img {width:100%;}
#staffIntroEdu .popup_close {right:50px;}

/* 2020-10-08 온라인 교실 생존비법 신규 채널 */
.btn_net_teacher { display:inline-block; width: 247px; height: 70px; overflow: hidden;  background: url("../images/tr/online_class_survive_way.png") -1px -15px no-repeat; }
.online_class_survive_way { color: #393d49; font-family: "Noto Sans KR", sans-serif; font-weight: 400; }
.online_class_survive_way .ocsw_func { margin-top: 20px; position: relative; height: 96px; width: 100%; z-index: 50; }
.online_class_survive_way .ocsw_func .inner { position: relative; z-index: 9997; border: 1px solid #e5e5e5; background: #f2f3f5; -webkit-border-radius: 10px 10px 0 0; -khtml-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; -ms-border-radius: 10px 10px 0 0; -o-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; overflow: hidden; }
.online_class_survive_way .ocsw_func .inner:after { display: block; clear: both; content: ''; }
.online_class_survive_way .ocsw_func a { float: left; width: 16.6666666667%; position: relative; }
.online_class_survive_way .ocsw_func a:before { position: absolute; top: 50%; left: -1px; content: ''; display: block; width: 1px; height: 29px; margin-top: -14.5px; background: #d6d6d8; }
.online_class_survive_way .ocsw_func a em { display: block; width: 100px; height: 95px; line-height: 500px; margin: 0 auto; background: url("../images/tr/online_class_survive_way.png") 0px -103px no-repeat; overflow: hidden; }
.online_class_survive_way .ocsw_func a.f_all em { background-position: 0px -103px; }
.online_class_survive_way .ocsw_func a.f_all:hover em, .online_class_survive_way .ocsw_func a.f_all.on em { background-position: 0px -203px; }
.online_class_survive_way .ocsw_func a.f_zoom em { background-position: -100px -103px; }
.online_class_survive_way .ocsw_func a.f_zoom:hover em, .online_class_survive_way .ocsw_func a.f_zoom.on em { background-position: -100px -203px; }
.online_class_survive_way .ocsw_func a.f_google em { background-position: -200px -103px; }
.online_class_survive_way .ocsw_func a.f_google:hover em, .online_class_survive_way .ocsw_func a.f_google.on em { background-position: -200px -203px; }
.online_class_survive_way .ocsw_func a.f_vod em { background-position: -300px -103px; }
.online_class_survive_way .ocsw_func a.f_vod:hover em, .online_class_survive_way .ocsw_func a.f_vod.on em { background-position: -300px -203px; }
.online_class_survive_way .ocsw_func a.f_image em { background-position: -400px -103px; }
.online_class_survive_way .ocsw_func a.f_image:hover em, .online_class_survive_way .ocsw_func a.f_image.on em { background-position: -400px -203px; }
.online_class_survive_way .ocsw_func a.f_etc em { background-position: -500px -103px; }
.online_class_survive_way .ocsw_func a.f_etc:hover em, .online_class_survive_way .ocsw_func a.f_etc.on em { background-position: -500px -203px; }
.online_class_survive_way .ocsw_func.is-active .inner { position: fixed; top: 54px; left: 0; width: 910px; margin-left: 250px; }
@media (min-width: 1019px) { .online_class_survive_way .ocsw_func.is-active .inner { left: 50%; margin-left: -250px; } }
@media (min-width: 1200px) { .online_class_survive_way .ocsw_func.is-active .inner { left: 50%; margin-left: -310px; width: 910px; } }
.online_class_survive_way .ocsw_tbl { width: 100%; text-align: center; }
.online_class_survive_way .ocsw_tbl th { background-color: #393d49; color: #fff; padding: 10px 0 9px; font-weight:600; font-size: 15px; }
.online_class_survive_way .ocsw_tbl td { height: 90px; padding: 10px 5px; font-size: 14px; border-bottom: 1px solid #e5e5e5; word-break: break-all; }
.online_class_survive_way .ocsw_tbl td.fir { border-left: 1px solid #e5e5e5; background-color: #fafafa; }
.online_class_survive_way .ocsw_tbl td.lt { text-align: left; padding-left: 25px; padding-right: 10px; }
.online_class_survive_way .ocsw_tbl td.mdl { background-color: #fafafa; }
.online_class_survive_way .ocsw_tbl td.lst { border-right: 1px solid #e5e5e5; }
.online_class_survive_way .ocsw_tbl td .tl { display: block; font-weight:600; font-size: 16px; line-height: 1.2; margin-bottom: 5px; }
.online_class_survive_way .ocsw_tbl td .ul { position: relative; line-height: 19px; padding-left: 8px; font-weight:400;}
.online_class_survive_way .ocsw_tbl td .ul:before { position: absolute; top: 9px; left: 0; content: ''; display: block; width: 4px; height: 1px; background-color: #393d49; }
.online_class_survive_way .ocsw_tbl td a.viewer { display: inline-block; width: 89px; height: 27px; overflow: hidden; line-height: 500px; background: url("../images/tr/online_class_survive_way.png") -280px -11px no-repeat; }
.online_class_survive_way .paging { padding: 20px 0 0; }

.ocsw-teacher-popup { position: absolute; top: 0; left: 50%; width: 1155px; height: 900px; margin: 0 0 0 -577.5px; z-index: 9999; color: #393d49; font-weight: 400; font-size: 14px;}
.ocsw-teacher-popup .t-head { z-index: 2; background-color: #3bc0f7; padding: 27px 40px 0; height: 112px; position: relative; font-weight:600; }
.ocsw-teacher-popup .t-head p { font-size: 16px; color: #fff; line-height: 1.3; }
.ocsw-teacher-popup .t-head p.tl { font-size: 30px; }
.ocsw-teacher-popup .t-head p.tl span { color: #fffc00;font-size:inherit; }
.ocsw-teacher-popup .t-contents { z-index: 2; background: #fff; position: relative; }
.ocsw-teacher-popup .t-contents .popup-inner-scroll { height: 758px; overflow: hidden; overflow-y: auto; scroll-behavior: smooth; }
.ocsw-teacher-popup .t-contents .popup-inner-scroll::-webkit-scrollbar { width: 6px; height: 6px; background-color: #fff; }
.ocsw-teacher-popup .t-contents .popup-inner-scroll::-webkit-scrollbar-thumb { background-color: #c6c6c6; }
.ocsw-teacher-popup .t-contents ul { font-size: 0; margin: 0 20px 0; }
.ocsw-teacher-popup .t-contents ul li { display: inline-block; width: 50%; margin-top: 50px; font-size: 14px; }
.ocsw-teacher-popup .t-contents ul li .inner-li { display: table; width: 100%; }
.ocsw-teacher-popup .t-contents ul li .pt, .ocsw-teacher-popup .t-contents ul li .pt-etc { display: table-cell; vertical-align: middle; }
.ocsw-teacher-popup .t-contents ul li .pt { padding-left: 20px; width: 166px; }
.ocsw-teacher-popup .t-contents ul li .pt em { display: block; width: 128px; height: 128px; background: url("../images/tr/online_class_survive_way_teacher.png") -10px -10px no-repeat; overflow: hidden; line-height: 500px; }
.ocsw-teacher-popup .t-contents ul li .pt-etc { padding-right: 20px; }
.ocsw-teacher-popup .t-contents ul li .pt-etc .nm { font-size: 18px; font-weight:600; }
.ocsw-teacher-popup .t-contents ul li .pt-etc .history { margin-top: 15px; line-height: 1.3; }
.ocsw-teacher-popup .t-contents ul li.l-1 .pt em { background: url("../images/tr/online_class_survive_way_teacher.png") -10px -10px no-repeat; }
.ocsw-teacher-popup .t-contents ul li.l-2 .pt em { background: url("../images/tr/online_class_survive_way_teacher.png") -158px -10px no-repeat; }
.ocsw-teacher-popup .t-contents ul li.l-3 .pt em { background: url("../images/tr/online_class_survive_way_teacher.png") -10px -189px no-repeat; }
.ocsw-teacher-popup .t-contents ul li.l-4 .pt em { background: url("../images/tr/online_class_survive_way_teacher.png") -158px -189px no-repeat; }
.ocsw-teacher-popup .t-contents ul li.l-5 .pt em { background: url("../images/tr/online_class_survive_way_teacher.png") -10px -368px no-repeat; }
.ocsw-teacher-popup .t-contents ul li.l-6 .pt em { background: url("../images/tr/online_class_survive_way_teacher.png") -158px -368px no-repeat; }
.ocsw-teacher-popup .t-contents ul li.l-7 .pt em { background: url("../images/tr/online_class_survive_way_teacher.png") -10px -547px no-repeat; }
.ocsw-teacher-popup .t-contents ul li.l-8 .pt em { background: url("../images/tr/online_class_survive_way_teacher.png") -158px -547px no-repeat; }
.ocsw-teacher-popup .t-contents ul li.l-9 .pt em { background: url("../images/tr/online_class_survive_way_teacher.png") -10px -726px no-repeat; }
.ocsw-teacher-popup .t-contents ul li.l-10 .pt em { background: url("../images/tr/online_class_survive_way_teacher.png") -158px -726px no-repeat; }
.ocsw-teacher-popup .t-contents ul li.l-11 .pt em { background: url("../images/tr/online_class_survive_way_teacher.png") -10px -905px no-repeat; }
.ocsw-teacher-popup .t-contents ul li.l-12 .pt em { background: url("../images/tr/online_class_survive_way_teacher.png") -158px -905px no-repeat; }
.ocsw-teacher-popup .t-contents ul li.l-13 .pt em { background: url("../images/tr/online_class_survive_way_teacher.png") -10px -1084px no-repeat; }
.ocsw-teacher-popup .t-contents ul li.l-14 .pt em { background: url("../images/tr/online_class_survive_way_teacher.png") -158px -1084px no-repeat; }
.ocsw-teacher-popup .t-contents ul li.l-15 .pt em { background: url("../images/tr/online_class_survive_way_teacher.png") -10px -1263px no-repeat; }
.ocsw-teacher-popup .t-contents ul li.l-16 .pt em { background: url("../images/tr/online_class_survive_way_teacher.png") -158px -1263px no-repeat; }
.ocsw-teacher-popup .t-contents ul li.l-17 .pt em { background: url("../images/tr/online_class_survive_way_teacher.png") -10px -1442px no-repeat; }
.ocsw-teacher-popup .t-contents ul li.l-18 .pt em { background: url("../images/tr/online_class_survive_way_teacher.png") -158px -1442px no-repeat; }
.ocsw-teacher-popup .t-contents ul li.l-19 .pt em { background: url("../images/tr/online_class_survive_way_teacher.png") -10px -1621px no-repeat; }
.ocsw-teacher-popup .t-contents ul li.l-20 .pt em { background: url("../images/tr/online_class_survive_way_teacher.png") -158px -1621px no-repeat; }
.ocsw-teacher-popup .t-contents ul li.l-21 .pt em { background: url("../images/tr/online_class_survive_way_teacher.png") -10px -1800px no-repeat; }
.ocsw-teacher-popup .t-contents ul li.l-22 .pt em { background: url("../images/tr/online_class_survive_way_teacher.png") -158px -1800px no-repeat; }
.ocsw-teacher-popup .t-contents ul li.l-23 .pt em { background: url("../images/tr/online_class_survive_way_teacher.png") -10px -1979px no-repeat; }
.ocsw-teacher-popup .t-contents ul li.l-24 .pt em { background: url("../images/tr/online_class_survive_way_teacher.png") -158px -1979px no-repeat; }
.ocsw-teacher-popup .t-contents ul li.l-25 .pt em { background: url("../images/tr/online_class_survive_way_teacher.png") -10px -2158px no-repeat; }
.ocsw-teacher-popup .t-contents ul li.l-26 .pt em { background: url("../images/tr/online_class_survive_way_teacher.png") -158px -2158px no-repeat; }
.ocsw-teacher-popup .t-contents ul li.l-27 .pt em { background: url("../images/tr/online_class_survive_way_teacher.png") -10px -2337px no-repeat; }
.ocsw-teacher-popup .t-contents ul li.l-28 .pt em { background: url("../images/tr/online_class_survive_way_teacher.png") -158px -2337px no-repeat; }
.ocsw-teacher-popup .t-contents ul li.l-29 .pt em { background: url("../images/tr/online_class_survive_way_teacher.png") -10px -2516px no-repeat; }
.ocsw-teacher-popup .t-contents ul li.l-30 .pt em { background: url("../images/tr/online_class_survive_way_teacher.png") -158px -2516px no-repeat; }
.ocsw-teacher-popup .t-contents ul li.l-31 .pt em { background: url("../images/tr/online_class_survive_way_teacher.png") -10px -2695px no-repeat; }
.ocsw-teacher-popup .t-contents ul li.l-32 .pt em { background: url("../images/tr/online_class_survive_way_teacher.png") -158px -2695px no-repeat; }
.ocsw-teacher-popup .t-contents ul li.l-33 .pt em { background: url("../images/tr/online_class_survive_way_teacher.png") -10px -2874px no-repeat; }
.ocsw-teacher-popup .t-contents ul li.l-34 .pt em { background: url("../images/tr/online_class_survive_way_teacher.png") -158px -2874px no-repeat; }
.ocsw-teacher-popup .t-contents ul li.l-35 .pt em { background: url("../images/tr/online_class_survive_way_teacher.png") -10px -3053px no-repeat; }
.ocsw-teacher-popup .t-contents ul li.l-36 .pt em { background: url("../images/tr/online_class_survive_way_teacher.png") -158px -3053px no-repeat; }
.ocsw-teacher-popup .t-contents ul li.l-37 .pt em { background: url("../images/tr/online_class_survive_way_teacher.png") -10px -3232px no-repeat; }
.ocsw-teacher-popup .t-contents ul li.l-38 .pt em { background: url("../images/tr/online_class_survive_way_teacher.png") -158px -3232px no-repeat; }
.ocsw-teacher-popup .t-contents ul li.l-39 .pt em { background: url("../images/tr/online_class_survive_way_teacher.png") -10px -3411px no-repeat; }
.ocsw-teacher-popup .t-contents ul li.l-40 .pt em { background: url("../images/tr/online_class_survive_way_teacher.png") -158px -3411px no-repeat; }
.ocsw-teacher-popup .t-contents .list-foot { padding-bottom: 30px; }
.ocsw-teacher-popup .t-contents .list-foot .inner { margin: 60px 30px 0; border: 1px solid #d6d6d6; background: #f5f5f5; padding: 30px 50px; line-height: 1.4; }
.ocsw-teacher-popup .t-contents .list-foot b { display: block; font-weight:600; font-size: 30px; margin-bottom: 10px; }
.ocsw-teacher-popup .t-contents .list-foot p { font-size: 16px; }
.ocsw-teacher-popup .t-contents .list-foot p.clr { color: #3bc0f7; font-weight:600; }
.ocsw-teacher-popup .close { position: absolute; top: 40px; right: 40px; z-index: 3; width: 33px; height: 32px; overflow: hidden; line-height: 500px; background: url("../images/tr/online_class_survive_way.png") -408px -9px no-repeat; }
.ocsw-teacher-popup-layer { position: fixed; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; background: #000; filter: alpha(opacity=40); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; -webkit-opacity: 0.4; -khtml-opacity: 0.4; -moz-opacity: 0.4; -ms-opacity: 0.4; -o-opacity: 0.4; opacity: 0.4; z-index: 9998; display: none; }


/*문제은행*/
.subcontents.quizbank{width:100%;display:block;}
.step_qbank{height:68px;/*border-top:1px solid #ddd;*/border-bottom:1px solid #ddd;}
.step_qbank ul{margin:0 auto;width:1200px;text-align:center;}
.step_qbank ul li{position:relative;display:inline-block;margin-left:20px;padding-right:56px;}
.step_qbank ul li:after{content:'';position:absolute;right:0;top:15px;width:36px;height:36px;background:url(../images/qbank/step_arrow.png) no-repeat center top;}
.step_qbank ul li.on:after{background:url(../images/qbank/step_arrow.png) no-repeat center bottom;}
.step_qbank ul li:nth-child(2){padding-right:66px;margin-left:30px;}
.step_qbank ul li:last-child{padding-right:0;}
.step_qbank ul li:last-child:after{content:none;}
.step_qbank ul li p{position:relative;display:block;min-width:120px;height:67px;line-height:67px;font-size:22px;color:#c0c0c0;font-weight:500;}
.step_qbank ul li.on p{color:#ff8125;}
.step_qbank ul li.on p:after{content:'';position:absolute;left:0;bottom:0;width:100%;height:3px;background:#ff8125;}
.step_qbank .btn_before{position:absolute;top:13px;left:50%;margin-left:485px;width:115px;height:40px;border-radius:10px;border:1px solid #ddd;text-align:center;}
.step_qbank .btn_before span{display:inline-block;height:38px;line-height:38px;padding-left:26px;font-size:16px;font-weight:400;background:url(../images/qbank/ic_before.png) no-repeat left center;color:#393d49;}

.chapter_head{background:#f1f1f1;border-bottom:1px solid #ddd;}
.chapter_head article{position:relative;width:1200px;margin:0 auto;padding:24px 0;overflow:visible; z-index:20;}
.chapter_head article .left_sect{float:left;}
.chapter_head article .left_sect h3{display:inline-block;font-size:30px;font-weight:600;color:#393d49;line-height:38px;vertical-align:top}
.chapter_head article .left_sect .btn__chapter{margin-left:20px;padding:0 13px;display:inline-block;height:38px;border-radius:5px;vertical-align:top;background:#ddd;}
.chapter_head article .left_sect .btn__chapter span{display:block;color:#000;padding-right:25px;line-height:38px;height:38px;font-size:14px;font-weight:400;background:url(../images/qbank/btn_chapt_ic.png) no-repeat right top;}
.chapter_head article .left_sect .btn__chapter:hover,.chapter_head article .left_sect .btn__chapter.on{background:#ffde83;}
.chapter_head article .left_sect .btn__chapter:hover span,.chapter_head article .left_sect .btn__chapter.on span{background:url(../images/qbank/btn_chapt_ic.png) no-repeat right bottom;}
.chapter_head article .left_sect .ui-select-parent{margin-left:2px;}
.chapter_head article .left_sect .ui-select-parent .select2-container{z-index:2;}
.chapter_head article .left_sect .ui-select-parent .select2-container .select2-selection--single{height:38px!important;}
.chapter_head article .left_sect .ui-select-parent .select2-container--default .select2-selection--single .select2-selection__rendered{height:38px;line-height:36px;}
.chapter_head article .right_sect{float:right;}
.chapter_head article .right_sect .ui-select-parent{margin-left:6px;float:left;}
.chapter_head article .right_sect .ui-select-parent .select2-container .select2-selection--single{height:38px!important;}
.chapter_head article .right_sect .ui-select-parent .select2-container--default .select2-selection--single .select2-selection__rendered{height:38px;line-height:36px;}
.chapter_head article .right_sect .ui-select-parent .select2-results__option{line-height:38px;}
.chapter_head article .right_sect .ui-select-parent.wp136 .select2-container .select2-results__options{max-height:238px;}
.chapter_head article .right_sect .btn_subject{display:block;margin-left:6px;float:left;width:113px;height:38px;line-height:36px;font-size:16px;color:#393d49;font-weight:400;border-radius:10px;border:1px solid #ffc72e;background:#ffd563;text-align:center;}
.chapter_head article .right_sect .btn_again{display:block;margin-left:6px;float:left;width:135px;height:40px;line-height:38px;border-radius:10px;border:1px solid #d4d4d4;background:#fff;text-align:center;}
.chapter_head article .right_sect .btn_again span{display:inline-block;line-height:38px;padding-left:20px;font-size:16px;color:#393d49;font-weight:400;background:url(../images/qbank/btn_again.png) no-repeat left center;letter-spacing:-0.06em;}

.layer_chapter_pop{display:none;position:absolute;z-index:1;top:86px;}
.layer_chapter_pop .layer_body{position:relative;background:#f9f9f9;width:600px;border-top:1px solid #ddd;}
.layer_chapter_pop .layer_body .scroll_area{height:835px;padding:30px 60px;overflow-y:scroll}
.layer_chapter_pop .layer_body:before{content:'';position:absolute;left:198px;top:-16px;width:27px;height:16px;background:url(../images/qbank/layer_chaper_pop.png) no-repeat center center;z-index:10;}
.layer_chapter_pop .layer_body h3{line-height:36px;padding-bottom:10px;font-size:18px;font-weight:400;color:#393d49;border-bottom:1px solid #ddd;}
.layer_chapter_pop .layer_body dl{margin-top:21px;}
.layer_chapter_pop .layer_body dl dt{padding:5px 10px;font-size:20px;font-weight:500;color:#393d49;}
.layer_chapter_pop .layer_body dl dd{padding:7px 0 5px 39px;font-size:16px;color:#393d49;}


.chapter_body{position:relative;width:1200px;margin:0 auto;}
.chapter_body:before{content:'';position:absolute;left:-50%;top:0;width:50%;height:845px;background:#f9f9f9;}
.chapter_body.make:before{content:none;}

/********* 단원선택(Step1) *********/
.chapter_select {float:left;width:518px;background:#f9f9f9;border-right:1px solid #e9e9ea;}
.chapter_select .scroll_area {height:845px;overflow-y:scroll;}
.chapter_select .inner {position:relative;padding:30px 30px 30px 0;}
.chapter_select .inner .inner_top{height:60px;background:#4ca2ff;text-align:center;}
.chapter_select .inner .inner_top p{line-height:60px;color:#fff;font-size:18px;}
.chapter_select .inner .inner_top p span{font-size:inherit;font-weight:400;color:#ffe063;}
.chapter_select .innerInfo{position:relative;padding:15px 0;line-height:36px;border-bottom:1px solid #ddd;font-size:18px;font-weight:400;color:#393d49;}
.chapter_select .btn_check {display:inline-block;height:36px;vertical-align:top;}
.chapter_select .btn_check span{position:relative;display:block;padding:0 0 0 32px;line-height:34px;color:#8e9091;font-size:18px;font-weight:400;letter-spacing:-0.02em;}
.chapter_select .btn_check span:before{content:'';position:absolute;left:0;top:50%;margin-top:-11px;width:23px;height:23px;background:url(../images/educourse/ic_checkbox.png) no-repeat center top;}
.chapter_select .btn_check.on span{color:#ff8125;}
.chapter_select .btn_check.on span:before{background-position:center -24px;}
/*
필요없어서 주석처리
.chapter_select .btn_check:hover, .chapter_select .btn_check.on:hover{padding:0 17px;border:2px solid #ff8125;background:#fff;}
.chapter_select .btn_check:hover span, .chapter_select .btn_check.on:hover span{color:#ff8125;line-height:32px;background:url(../images/qbank/btn_all_check.png) no-repeat left -35px;}
*/
.chapter_select dl {margin:28px 0 0 0;}
.chapter_select dl.first {margin:25px 0 0 0;}
.chapter_select dl dt {position:relative;padding-left:44px;margin-bottom:5px;min-height:31px;color:#222;font-size:16px;}
.chapter_select dl dt .chk_box {margin:3px 0 4px 0;width:100%;}
.chapter_select dl dt label {display:block;padding-left:36px;}
.chapter_select dl dt label a{display:block;color:#393d49;font-size:20px;font-weight:500;}
.chapter_select dl dt input[type="checkbox"]:checked + label a{color:#ff8125;}
.chapter_select dl dt .btn_acc {position:absolute;top:0;left:0;width:30px;height:31px;background:url(../images/qbank/btn_acc.png) no-repeat center top; margin-right:10px; vertical-align:top; text-indent:-10000px;font-size:0;line-height:0}
.chapter_select dl dt .btn_acc.close {background:url(../images/qbank/btn_acc.png) no-repeat center bottom;}
.chapter_select dl dd {display:none;padding:6px 0 6px 72px;text-indent:0;color:#555555;}
.chapter_select dl dd:last-child{padding-bottom:1px;}
.chapter_select dl dd .chk_box input[type="checkbox"] + label:before{top:0;margin-top:0;}
.chapter_select dl dd .chk_box label {padding-left:60px;font-size:16px;font-weight:300;color:#393d49;text-indent:-20px;}
.chapter_select dl.active dd {display:block;}


/* 플로팅 */
.chapter_select.floating {float:none;position:absolute;z-index:100;top:50px;left:-480px; border-right:none;background:#f9f9f9 url(/images/qbank/bg_chapter.png) 479px 0 repeat-y; padding-right:10px;}
.chapter_select.floating .btn_chapter {position:absolute;z-index:110;top:0;right:-20px;display:inline-block;width:26px;height:147px;background:url(/images/qbank/btn_view_open.png) 0 0 no-repeat; text-indent:-10000px;font-size:0;line-height:0}
.chapter_select.floating .btn_chapter.close {background:url(/images/qbank/btn_view_close.png) 0 0 no-repeat;}
.chapter_select.floating .scroll_area {height:649px;}
.chapter_select.floating dl dd {display:block;padding:5px 0 5px 40px;}

/* 단원확인 */
.chapter_select.my_info .scroll_area {height:649px;}
.chapter_select.my_info ol {padding-left:20px;}
.chapter_select.my_info ol li {list-style:decimal;color:#222;font-size:16px;font-weight:bold;}
.chapter_select.my_info ol li h3 {margin-top:18px;}
.chapter_select.my_info ol li .txt {display:block;padding:3px 0;}
.chapter_select.my_info ol li p {font-size:12px;color:#666}
.chapter_select.my_info ol li p.elInfoTxt{margin:4px 0;padding:0;font-size:13px;font-weight:bold;color:#666;}

.chapter_option {float:left;width:682px;}
.chapter_option .scroll_area {height:835px;}
.chapter_option .inner {padding:26px 20px 30px 30px;}
.chapter_option  h2 {font-size:20px;}
.chapter_option  h2 #qbankTotalCnt {color:#2e9fff;}
.chapter_option h3{font-size:23px;font-weight:600;color:#393d49;line-height:1;}
.chapter_option .item_wrap {margin:16px 0 0 0;}
.chapter_option .item_wrap:first-child{margin:0;}
.chapter_option .item_wrap:after {content:"";display:block;clear:both;}
.chapter_option .item_wrap > dl {}
.chapter_option .item_wrap > dl > dt {font-size:16px;font-weight:500;color:#393d49;}
.chapter_option .item_wrap > dl > dd {position:relative;padding-top:7px;}
.chapter_option .item_wrap > dl > dd .check_opt{display:inline-block;margin:5px 5px 0 0;float:left;}
.check_opt input[type="checkbox"] + label{height:40px;padding:0 34px;border-radius:20px;border:1px solid #ddd;background:#fff;line-height:38px;font-size:14px;font-weight:400;color:#8e9091;letter-spacing:-0.04em;cursor:pointer;}
.check_opt input[type="checkbox"] + label:before{content:'';position:relative;left:auto;top:auto;margin-top:0;display:inline-block;width:0px;height:38px;background:none;vertical-align:top;}
.check_opt input[type="checkbox"] + label:hover,
.check_opt input[type="checkbox"]:checked + label:hover{padding:0 33px;background:#fff;background:none;border:2px solid #4ca2ff;color:#007bff;line-height:36px;}
.check_opt input[type="checkbox"]:checked + label{background:#4ca2ff;padding:0 26px 0 40px;border:2px solid #4ca2ff;color:#fff;line-height:36px;}
.check_opt input[type="checkbox"]:checked + label:before{position:absolute;top:13px;left:22px;display:inline-block;width:14px;height:11px;background:url(../images/qbank/btn_all_check.png) 0 -80px no-repeat;}
.check_opt input[type="radio"] {appearance: none;display:none;}
.check_opt input[type="radio"] + label{position:relative;display:inline-block;padding:0 24px 0 40px;height:40px;border-radius:20px;border:1px solid #ddd;background:#fff;line-height:38px;font-size:14px;font-weight:400;color:#8e9091;letter-spacing:-0.04em;cursor:pointer;}
.check_opt input[type="radio"] + label:before{content:'';position:absolute;left:6px;top:6px;margin-top:0;margin-right:10px;display:inline-block;width:25px;height:25px;background:url(../images/qbank/item_radio.png) no-repeat center top;vertical-align:top;}
.check_opt input[type="radio"]:checked + label{padding:0 23px 0 39px;border:2px solid #4ca2ff;color:#4ca2ff;line-height:36px;}
.check_opt input[type="radio"]:checked + label:before{left:5px;top:5px;background:url(../images/qbank/item_radio.png) no-repeat center bottom;}
.que_number{border-top:1px solid #ddd;}
.que_number dt{padding-top:15px;line-height:24px;}
.que_number dt .txt_help{float:right;font-size:14px;color:#ff8125;line-height:24px;}
.que_number dd{padding-top:17px!important;}
.que_number dd .wrap_quiz_count{width:100%;border-radius:10px;border:2px solid #b6b6b6;overflow:hidden;}
.que_number dd table {width:100%;}
.que_number dd table tbody td{width:138px;border-right:1px solid #ddd;text-align:center;padding:0;}
.que_number dd table tbody td p{height:36px;border-bottom:1px solid #ddd;font-size:18px;color:#272b35;}
.que_number dd table tbody td input{width:100%;height:55px;margin:11px auto;line-height:55px;text-align:center;font-size:30px;font-weight:500;background:transparent}
.que_number dd table tbody .total{width:auto;padding:20px 0;border-right:none;background:#f9f9f9;}
.que_number dd table tbody .total p{border-bottom:none;line-height:25px;height:25px;}
.que_number dd table tbody .total .count, .que_number dd table tbody .total .count input, .que_number dd table tbody .total .count label{margin:0;height:40px;line-height:40px;font-size:42px;font-weight:600;color:#393d49;}
.que_number dd table tbody .lv_h p{background:#ffc9c9;line-height:35px;}
.que_number dd table tbody .lv_h input{color:#fd5b89;}
.que_number dd table tbody .lv_m p{background:#ffc8a0;line-height:35px;}
.que_number dd table tbody .lv_m input{color:#ff8125;}
.que_number dd table tbody .lv_l p{background:#c9f3ff;line-height:35px;}
.que_number dd table tbody .lv_l input{color:#32d1ff;}
.level_area{border-top:1px solid #ddd;}
.level_area dt{padding-top:15px;line-height:24px;}

.f_btns{margin-top:30px;text-align:center;}
.f_btns .chk_box.type01{margin-right:15px;}
.f_btns .chk_box label{padding-left:32px;font-weight:400;}
.f_btns .btn_enter{display:inline-block;width:167px;height:48px;text-align:center;line-height:48px;border-radius:24px;background:#ff8125;color:#fff;font-size:16px;}
.f_btns .btn_enter:hover{background:#4c88ff;}
.f_btns .btn_submit{display:inline-block;width:149px;height:48px;text-align:center;line-height:48px;border-radius:24px;background:#4c88ff;color:#fff;font-size:18px;}


.quiz_lv_info{position:relative;padding:20px 0;border-bottom:1px solid #c0c0c0;}
.quiz_lv_info dl{float:left;display:table;border:1px solid #c0c0c0;border-radius:10px;}
.quiz_lv_info dl dt{display:table-cell;padding:11px 25px 11px 35px;background:#f1f1f1;border-right:1px solid #c0c0c0;border-radius:10px 0 0 10px;vertical-align:middle;}
.quiz_lv_info dl dt p{display:inline-block;font-size:20px;color:#4c88ff;line-height:35px;}
.quiz_lv_info dl dt p span{display:inline-block;color:inherit;font-weight:600;font-size:28px;line-height:35px;vertical-align:top;}
.quiz_lv_info dl dt .btn_reset{margin-left:22px;display:inline-block;vertical-align:top;}
.quiz_lv_info dl dt .btn_reset span{display:block;padding-left:26px;font-size:14px;color:#71737a;font-weight:400;line-height:35px;background:url(../images/qbank/ic_reset.png) no-repeat left center;}
.quiz_lv_info dl dd{display:table-cell;;padding:11px 30px 11px 25px;vertical-align:middle;}
.quiz_lv_info dl dd p{display:inline-block;margin:0 13px;vertical-align:top;line-height:35px;font-size:18px;font-weight:400;}
.quiz_lv_info dl dd p span{display:inline-block;margin-right:15px;width:35px;height:35px;line-height:35px;color:#fff;font-size:18px;border-radius:50%;vertical-align:top;text-align:center;}
.quiz_lv_info dl dd .txt_lv_h{color:#fd5b5b;}
.quiz_lv_info dl dd .txt_lv_h span{background:#ff9faf;}
.quiz_lv_info dl dd .txt_lv_m{color:#ff8125;}
.quiz_lv_info dl dd .txt_lv_m span{background:#ffb57f;}
.quiz_lv_info dl dd .txt_lv_l{color:#28cfff;}
.quiz_lv_info dl dd .txt_lv_l span{background:#6adaff;}
.quiz_lv_info .info_btn{position:absolute;right:0;bottom:20px;}
.quiz_lv_info .info_btn .btn_type05{width:149px;height:48px;font-size:18px;font-weight:400;}
.quiz_lv_info .info_btn .btn_type05:hover{color:#fff;}
.quiz_lv_info .info_btn .btn_type06{margin-left:3px;width:149px;height:48px;font-size:18px;font-weight:400;}
.quiz_lv_info .info_btn .btn_type06:hover{color:#fff;}
.quiz_lv_info .info_btn .layer_pop_wrap{position:relative;}
.quiz_lv_info .info_btn .layer_pop_wrap:after{content:'';position:absolute;right:221px;bottom:-4px;width:21px;height:12px;background:url(../images/qbank/layer_pop_tail.png) no-repeat center center;transform:rotate(180deg);z-index:11;}
.quiz_lv_info .info_btn .layer_pop_wrap .layer_pop_body{position:absolute;right:111px;bottom:-50px;padding:6px;width:240px;border:2px solid #ff8125;border-radius:10px;background:#fff;z-index:1;}
.quiz_lv_info .info_btn .layer_pop_wrap .layer_pop_body .btn_down{display:block;text-align:left;font-size:14px;font-weight:400;color:#393d49;line-height:32px;}
.quiz_lv_info .info_btn .layer_pop_wrap .layer_pop_body .btn_down span{float:left;margin-right:10px;width:32px;height:32px;border-radius:10px;background:#ffd563 url(../images/educourse/ic_down.png) no-repeat center center;}
.quiz_lv_info .info_btn .layer_pop_wrap .btn_close{position:absolute;right:8px;top:11px;width:22px;height:22px;border-radius:50%;background:url(../images/qbank/layer_pop_close2.png) no-repeat center center;}

.quizlist{position:relative;padding:60px 0;}
.quizlist .sub_infobox{position:absolute;left:0;top:0;width:100%;overflow:hidden;padding-top:20px;}
.quizlist .sub_infobox .chk_box{float:left;margin-top:7px;}
.quizlist .sub_infobox .chk_box label{padding-left:33px;font-size:16px;color:#8e9091;font-weight:400;}
.quizlist .sub_infobox .btn_add{float:right;padding:0 5px;width:118px;height:40px;line-height:38px;border:1px solid #ddd;background:#fff;border-radius:20px;color:#8e9091;font-size:14px;font-weight:400;}
.quizlist .sub_infobox .btn_add span{display:inline-block;margin:5px 10px 5px 0;width:28px;height:28px;background:#e9e9ea url(../images/qbank/btn_add.png) no-repeat center top;border-radius:50%;vertical-align:top;}
.quizlist .sub_infobox .btn_add:hover{background:#ffd563;border-color:#ffd563;color:#393d49;}
.quizlist .sub_infobox .btn_add:hover span{background:#fff url(../images/qbank/btn_add.png) no-repeat center bottom;}
.quizlist:after{content:'';position:absolute;left:50%;top:0;width:1px;height:100%;background:#e9e9ea;}
.quizlist .onquiz li{margin-top:15px;overflow:hidden;}
.onquiz li .list_area{float:left;padding:30px;width:568px;border:1px solid #99a9b7;}
.onquiz li .list_area .img_text{margin-bottom:30px;padding-left:45px;}
.onquiz li .list_area .num{float:left;margin-right:19px;width:26px;height:26px;background:#99a9b7;border-radius:5px;text-align:center;font-weight:600;color:#fff;line-height:26px;}
.onquiz li .list_area .explain_box{margin:30px 0 0 45px;padding:15px;border:1px #dbdee1 solid;}
.onquiz li .list_area .explain_box p + p{margin-top:10px;}
.onquiz li .info_area {float:right;padding:25px 29px 20px;width:568px;border:1px solid #99a9b7;}
.onquiz li .info_area h3{font-size:20px;font-weight:500;color:#393d49}
.onquiz li .info_area p{font-size:16px;color:#393d49;}
.onquiz li .info_area .txt {margin-top:10px;}
.onquiz li .info_area .txt span{position:relative;display:inline-block;padding:0 9px;}
.onquiz li .info_area .txt span:before{content:'';position:absolute;left:0;top:50%;margin-top:-6px;width:1px;height:13px;background:#c9c9c9;}
.onquiz li .info_area .txt span:first-child{padding-left:0;}
.onquiz li .info_area .txt span:first-child:before{content:none;}
.onquiz li .info_area .txt.high span{color:#fd5b5b;}
.onquiz li .info_area .txt.midd span{color:#ff8125;}
.onquiz li .info_area .txt.low span{color:#28cfff;}
.onquiz li .info_area .btns{margin-top:16px;text-align:left;width:100%;padding:0;}
.onquiz li .info_area .btns .btn_func{display:inline-block;min-width:49px;height:23px;line-height:21px;padding:0 7px;text-align:center;color:#606677;vertical-align:top;border:1px solid #ddd;border-radius:3px;}
.onquiz li .btns.self{float:left;margin-left:30px;width:523px;text-align:left;padding-right:30px;}
.onquiz li .btns.self .btn_func{display:inline-block;width:65px;height:31px;line-height:29px;padding:0 7px;text-align:center;color:#606677;vertical-align:top;border:1px solid #ddd;border-radius:5px;}
.onquiz li .btns.self .btn_func.dark{float:right;display:block;width:90px;height:31px;line-height:31px;font-size:14px;color:#fff;background:#606677;border-radius:5px;text-align:center;}


.example_q{position:relative;float:left;width:50%;height:1200px;border-right:1px solid #e9e9ea;}
.example_q .schbox{position:absolute;left:0;top:0;right:0;background:#fff;padding:30px 30px 0 0;}
.example_q .schbox .search{position:relative;padding:9px 130px 19px 29px;background:#f1f1f1;border-radius:10px;border:1px solid #c0c0c0;}
.example_q .schbox .search dl{margin-top:10px;}
.example_q .schbox .search dl dt{display:inline-block;width:70px;font-size:14px;color:#393d49;font-weight:400;}
.example_q .schbox .search dl dd{display:inline-block;font-size:14px;color:#393d49;}
.example_q .schbox .search dl dd .check_opt{margin-left:3px;}
.example_q .schbox .search dl dd .check_opt input[type="checkbox"] + label{min-width:65px;height:31px;padding:0 24px;border:1px solid #fff;border-radius:4px;color:#393d49;line-height:29px;letter-spacing:-0.02em;text-align:center;}
.example_q .schbox .search dl dd .check_opt input[type="checkbox"]:checked + label{padding:0 12px 0 34px;background:#4ca2ff;border:2px solid #4ca2ff;color:#fff;line-height:27px;}
.example_q .schbox .search dl dd .check_opt input[type="checkbox"] + label:hover{border:2px solid #32d1ff;padding:0 10px; line-height:27px;}
.example_q .schbox .search dl dd .check_opt input[type="checkbox"] + label:hover,
.example_q .schbox .search dl dd .check_opt input[type="checkbox"]:checked + label:hover{padding:0 23px;border:2px solid #4ca2ff;background:#fff;color:#007bff;line-height:27px;}
.example_q .schbox .search dl dd .check_opt input[type="checkbox"]:checked + label:before{position:absolute;top:8px;left:18px;display:inline-block;width:14px;height:11px;background:url(../images/qbank/btn_all_check.png) 0 -80px no-repeat;}
.example_q .schbox .search dl dd .check_opt input[type="checkbox"] + label:before,
.example_q .schbox .search dl dd .check_opt input[type="checkbox"] + label:hover:before{display:none;}
.example_q .schbox .btn_search{position:absolute;right:30px;top:30px;width:93px;height:93px;padding-top:28px;border-radius:50%;background:url(../images/qbank/ic_search.png) 50% 20px no-repeat #4c88ff;color:#fff;font-size:14px;font-weight:400;letter-spacing:-0.04em;}
.example_q .schbox .clfix{padding:20px 0;border-bottom:1px solid #c0c0c0;display:flex;display:-webkit-flex;justify-content: flex-start;}
.example_q .schbox .clfix .chk_box{margin-right:auto;}
.example_q .schbox .clfix .chk_box label{padding-left:33px;font-size:16px;color:#8e9091;font-weight:400;letter-spacing:-0.04em;line-height:40px;}
.example_q .schbox .clfix .ui-select-parent{margin-left:auto;}
.example_q .schbox .clfix .ui-select-parent .select2-container .select2-selection--single{border-width:2px;height:40px!important;}
.example_q .schbox .clfix .ui-select-parent .select2-container--default .select2-selection--single .select2-selection__rendered{padding:0 15px;line-height:36px;height:36px;}
.example_q .schbox .clfix .paging{display:inline-block;margin:6px auto;padding:0;}
.example_q .schbox .clfix .paging li ~ li{margin:0;}
.example_q .schbox .clfix .paging li a{width:28px;height:28px;line-height:28px;font-size:12px;font-weight:400;color:#ababab;background-position:center -7px;border:none;}
.example_q .schbox .clfix .paging li a.on{font-weight:600;color:#425067;font-size:14px;}
.example_q .schbox .clfix .paging li a:hover{background-position:center -49px;}
.example_q .schbox .clfix .paging .prev{margin:0 5px 0 0;}
.example_q .schbox .clfix .paging .next{margin:0 0 0 5px;}
.example_q .inner{padding:293px 0 30px;height:100%;border-bottom:1px solid #c0c0c0;}
.example_q .inner .scroll_area{height:100%;overflow-y:scroll;padding-bottom:30px;}
.example_q .inner .scroll_area .onquiz li{margin:20px 30px 0 0;display:block;border:1px solid #99a9b7;width:552px;overflow:hidden;}
.example_q .inner .scroll_area .onquiz li:first-child{margin-top:0;}
.example_q .inner .scroll_area .onquiz li .list_area{padding:30px 30px 0;border:none;width:100%;}
.example_q .inner .scroll_area .onquiz li .list_area .explain_box{margin:20px 30px 0 45px;width:420px;text-align:center;padding:15px 0;}
.example_q .inner .scroll_area .onquiz li .info_area{float:left;margin:10px 0 20px 75px;padding:17px 25px;width:420px;border:1px solid #dedede;background:#fffbe4;}
.example_q .inner .scroll_area .onquiz li .info_area h3{font-size:18px;font-weight:500;}
.example_q .inner .scroll_area .onquiz li .info_area .btns{display:none;}
.sel_q{position:relative;float:right;width:50%;height:1200px;}
.sel_q .quiz_lv_info{position:absolute;left:0;top:0;right:0;padding:30px 0 0 33px;height:264px;border-bottom:none;}
.sel_q .quiz_lv_info dl{float:none;}
.sel_q .quiz_lv_info dl dt{width:217px;text-align:center;border-right:1px solid #dedede;}
.sel_q .quiz_lv_info dl dd{padding:12px 25px;}
.sel_q .quiz_lv_info .info_btn{margin-top:18px;position:relative;right:auto;bottom:auto;display:block;text-align:center;}
.sel_q .quiz_lv_info .info_btn .layer_pop_wrap:after{right:353px;bottom:-4px;}
.sel_q .quiz_lv_info .info_btn .layer_pop_wrap .layer_pop_body{right:244px;bottom:-50px;}
.sel_q .quiz_lv_info .under{margin-top:9px;padding:20px 0 16px;border-bottom:1px solid #c0c0c0;text-align:right;}
.sel_q .quiz_lv_info .under .btn_reset{display:inline-block;padding:0 15px;width:106px;height:31px;line-height:29px;border-radius:15px;border:1px solid #ddd;}
.sel_q .quiz_lv_info .under .btn_reset span{display:block;height:29px;padding-left:17px;background:url(../images/qbank/all_reset.png) no-repeat left -1px;color:#393d49;font-size:14px;font-weight:400;line-height:29px;overflow:hidden;text-align:left;}
.sel_q .quiz_lv_info .under .btn_reset:hover{background:#ffde83;border-color:#ffde83;}
.sel_q .quiz_lv_info .under .btn_reset:hover span{background:url(../images/qbank/all_reset.png) no-repeat left -32px;}
.sel_q .inner{padding:293px 0 30px;height:100%;border-bottom:1px solid #c0c0c0;}
.sel_q .inner .scroll_area{height:100%;overflow-y:scroll;}
.sel_q .inner .scroll_area{height:100%;overflow-y:scroll;padding-bottom:30px;}
.sel_q .inner .scroll_area .onquiz li{margin:20px 0 0 30px;display:block;width:552px;overflow:hidden;}
.sel_q .inner .scroll_area .onquiz li:first-child{margin-top:0;}
.sel_q .inner .scroll_area .onquiz li .list_area{padding:30px 30px 0;border:none;width:100%;}
.sel_q .inner .scroll_area .onquiz li .list_area .explain_box{margin:20px 30px 0 45px;width:420px;text-align:center;padding:15px 0;}
.sel_q .inner .scroll_area .onquiz li .info_area{float:left;margin:10px 0 20px 75px;padding:17px 25px;width:420px;border:1px solid #dedede;background:#fffbe4;}
.sel_q .inner .scroll_area .onquiz li .info_area h3{font-size:18px;font-weight:500;}
.sel_q .inner .scroll_area .onquiz li .info_area .btns{display:none;}


/*시험지 저장하기*/
.last.chapter_body:before{height:660px;}
.last .chapter_select{width:540px;}
.last .chapter_select .scroll_area{height:664px;}
.last .chapter_select .inner{padding:40px 0;}
.last .chapter_select .info_area {position:relative;padding-left:40px;}
.last .chapter_select .info_area + .info_area {margin-top:40px;}
.last .chapter_select .info_area .num{position:absolute;left:0;top:0;width:19px;height:19px;background:#99a9b7;line-height:19px;border-radius:5px;text-align:center;font-weight:500;color:#fff;}
.last .chapter_select .info_area h3{font-size:16px;font-weight:500;color:#393d49;line-height:1;}
.last .chapter_select .info_area p{margin-top:5px;font-size:16px;color:#606677;}
.last .chapter_select .info_area .txt {margin-top:10px;}
.last .chapter_select .info_area .txt span{position:relative;display:inline-block;padding:0 9px;font-size:14px;}
.last .chapter_select .info_area .txt span:before{content:'';position:absolute;left:0;top:50%;margin-top:-6px;width:1px;height:13px;background:#c9c9c9;}
.last .chapter_select .info_area .txt span:first-child{padding-left:0;}
.last .chapter_select .info_area .txt span:first-child:before{content:none;}
.last .chapter_select .info_area .txt.high span{color:#fd5b5b;}
.last .chapter_select .info_area .txt.midd span{color:#ff8125;}
.last .chapter_select .info_area .txt.low span{color:#28cfff;}
.last .chapter_option{width:660px;}
.last .chapter_option .inner{padding:40px 40px 40px 54px;}
.last .chapter_option .quiz_lv_info{border-bottom:none;}
.last .chapter_option .quiz_lv_info dl{float:none;width:100%;}
.last .chapter_option .quiz_lv_info dl dt{background:#dbf7fc;width:168px;text-align:center;}
.last .chapter_option .quiz_lv_info dl dt p{font-weight:500;font-size:22px;color:#393d49;}
.last .chapter_option .quiz_lv_info dl dt p span{font-size:28px;font-weight:600;color:#4c88ff;margin-right:5px;}
.last .chapter_option .quiz_lv_info dl dd{padding:13px 0 17px;background:#fff;border-radius:0 10px 10px 0;}
.last .chapter_option .quiz_lv_info dl dd .txt_lv_h{margin-left:30px;}
.last .chapter_option .quiz_lv_info dl dd .quiztypebox{margin-top:13px;padding:16px 30px 0;border-top:1px solid #dedede;}
.last .chapter_option .quiz_lv_info dl dd .quiztypebox span{position:relative;margin-right:23px;padding:0 0 0 9px;display:inline-block;line-height:29px;font-size:18px;font-weight:400;}
.last .chapter_option .quiz_lv_info dl dd .quiztypebox span em{font-size:inherit;font-weight:inherit;}
.last .chapter_option .quiz_lv_info dl dd .quiztypebox span:before{content:'';position:absolute;left:0;top:12px;width:3px;height:3px;background:#8e9095;}
.last .chapter_option .quiz_lv_info .save_quiz{margin-top:20px;padding:10px 36px 6px;border:4px solid #f1f1f1;border-radius:10px;}
.last .chapter_option .quiz_lv_info .save_quiz table{width:100%;}
.last .chapter_option .quiz_lv_info .save_quiz table th{width:109px;padding:20px;vertical-align:top;border-bottom:1px solid #dedede;font-size:16px;font-weight:400;text-align:left;line-height:40px;}
.last .chapter_option .quiz_lv_info .save_quiz table td{padding:20px 12px 20px 0;vertical-align:top;border-bottom:1px solid #dedede}
.last .chapter_option .quiz_lv_info .save_quiz table td .btn_ch_add{width:110px;display:inline-block;margin-right:10px;padding:0 15px;height:36px;line-height:34px;border-radius:18px;font-weight:500;color:#8e9091;border:1px solid #ced5de;}
.last .chapter_option .quiz_lv_info .save_quiz table td .btn_ch_add:hover{padding:0 14px;color:#ff8125;border:2px solid #ff8125;line-height:32px;}
.last .chapter_option .quiz_lv_info .save_quiz table td .btn_ch_add span{display:block;padding-left:19px;height:34px;font-weight:400;letter-spacing:-0.04em;background:url(../images/qbank/btn_ch_add2.png) no-repeat left top;}
.last .chapter_option .quiz_lv_info .save_quiz table td .btn_ch_add:hover span{line-height:32px;background:url(../images/qbank/btn_ch_add2.png) no-repeat left -35px;}
.last .chapter_option .quiz_lv_info .save_quiz table td input[type="text"]{padding:0 13px;border-radius:10px;height:40px;line-height:38px;border:1px solid #c1c1c1;}
.last .chapter_option .quiz_lv_info .save_quiz table td input[type="text"]::placeholder{color:#9fa1a5;}
.last .chapter_option .quiz_lv_info .save_quiz table td input[type="text"]:-ms-placeholder{color:#9fa1a5;}
.last .chapter_option .quiz_lv_info .save_quiz table tr:last-child th,.last .chapter_option .quiz_lv_info .save_quiz table tr:last-child td{border-bottom:none;}
.last .chapter_option .f_btns{margin-top:4px;}

.last .end{margin:25px 0 6px;border:5px solid #f1f1f1;border-radius:15px;}
.last .end .end_bd{padding:15px;text-align:center;}
.last .end .end_bd h4{text-align:center;height:88px;border-radius:10px;line-height:88px;font-size:34px;color:#fff;font-weight:600;background:#32d1ff;text-align:center;}
.last .end .end_bd h5{margin-top:38px;font-size:18px;font-weight:500;color:#393d49;}
.last .end .end_bd p{font-size:18px;color:#878fa8;line-height:26px;}
.last .end .btns_end{margin-top:36px;}
.last .end .btns_end .btn_func{margin-left:3px;display:inline-block;padding:0 20px;min-width:68px;height:31px;line-height:28px;text-align:center;border:1px solid #ff8125;border-radius:5px;font-size:14px;color:#ff8125;font-weight:500;}
.last .end .btns_end .btn_func:first-chiuld{margin-left:0;}
.last .end .end_ft{margin-top:25px;height:55px;background:#f9f9f9;border-top:1px solid #dedede;border-radius:0 0 10px 10px;}
.last .end .end_ft p{line-height:55px;color:#8e9091;text-align:center;}
.last .end .end_ft p a{color:#ff8125;}


.btn_month_view {position:absolute;top:10px;right:12px; padding-left:4px;text-decoration:underline;font-weight:bold;color:#176ecd;}
.btn_month_view:after {content: ""; display:block; position: absolute; left: 0; top: 50%; width:2px; height:2px; margin-top:-1px; background: #176ecd}
.pop_month_detail {display:none;position:absolute;top:26px;left:0;background:#f0f2f6;padding:0 8px;border:1px #b3bbc1 solid;color:#444;*zoom:1; z-index:10}
.pop_month_detail:after {content:"";display:block;clear:both;}
.pop_month_detail .detail_list {float:left; width:138px; height:259px;}
.pop_month_detail .detail_list:first-child {border-left:none}
.pop_month_detail .detail_list h3 {height:29px; background:url(/images/qbank/bg_sec2.gif) 0 5px no-repeat;border-bottom:1px #dadee3 solid;text-align:center; line-height:28px;color:#222; font-size:14px}
.pop_month_detail .detail_list:first-child h3 {background:none}
.pop_month_detail .detail_list > ul {height:174px;margin-top:10px;padding:0 0 0 20px; background:url(/images/qbank/bg_sec2.gif) 0 0 repeat-y;}
.pop_month_detail .detail_list:first-child > ul {background:none}
.pop_month_detail .detail_list > ul > li {margin-bottom:4px;}
.pop_month_detail .detail_list > ul > li label {margin-left:4px;}
.pop_month_detail .btns {position:absolute;left:0;bottom:15px;width:100%;height:20px;text-align:center;}

.que_number_box {margin-top:10px;*zoom:1}
.que_number_box:after {content:"";display:block;clear:both;}
.que_number_box .total {float:left;height:46px;padding:0 10px 0 13px;border-right:1px #ececec solid; margin-right:10px;}
.que_number_box .total input[type="text"] {width:74px;height:38px;padding:3px 0;border:1px #bbb solid;font-size:28px;color:#444;font-weight:bold;text-align:center;}
.que_number_box .level {float:left;position:relative;height:26px;padding:20px 13px 0 0;*zoom:1}
.que_number_box .level:after {content:"";display:block;clear:both;}
.que_number_box .level .btn_level {position:absolute;top:0;left:0;background:url(/images/qbank/icon_help.png) 100% 0 no-repeat;padding:0 18px 2px 0; text-decoration:none;}
.que_number_box .level .btn_level.type2 {background:none;}
.pop_help {display:none;position:absolute;top:17px;left:0;width:245px;padding:15px;background:#fffadc; border:1px #e5e1c6 solid;color:#666; letter-spacing:-0.035em;text-align:left;}
.pop_help em {font-weight:bold;color:#222;}
.pop_help .arrow {position:absolute;top:-6px;left:40px;display:inline-block;width:9px;height:6px; background:url(/images/qbank/bg_help_arrow.png) 0 0 no-repeat}
.pop_help strong {display:block; margin-top:6px;color:#d43e2b; font-weight:bold;}
.que_number_box .level dl {float:left;margin-left:6px;text-align:center;*zoom:1}
.que_number_box .level dl:after {content:"";display:block;clear:both;}
.que_number_box .level dl dt {float:left;width:26px;height:24px;line-height:24px;letter-spacing:-0.065em}
.que_number_box .level dl dd {float:left;}
.que_number_box .level dl dd input[type="text"] {width:70px;height:20px;padding:2px 0;border:1px #bbb solid;border-left:none;font-size:16px;color:#444;font-weight:bold;text-align:center;}
.que_number_box .level dl.high {margin-left:0}
.que_number_box .level dl.high dt {background:#f1d3d0;border:1px #dcaba6 solid;color:#c2433b;}
.que_number_box .level dl.mid dt {background:#f9f4dd;border:1px #e0d597 solid;color:#a78441;}
.que_number_box .level dl.row dt {background:#e4f3de;border:1px #bdd4b4 solid;color:#6c8265;}
.que_number dd .txt_help {margin:5px 0 0 13px;}

.btns {width:478px;padding:10px 0 20px 0;text-align:center;}
.btns .check_area {margin-bottom:8px;}
.btns .check_area .pop_help {top:34px;left:auto;right:38px;width:160px;font-size:12px}


.tab_question {padding:23px 0 0 40px;*zoom:1}
.tab_question:after {content:"";display:block;clear:both;}
.tab_question li {float:left;}
.tab_question li a {display:block;width:94px;height:22px;background:#ebebed;border:1px #d5d8dc solid;line-height:20px;text-align:center;color:#666;text-decoration:none;font-size:12px;}
.tab_question li a.on {background:#fff;border:1px #6f6f6f solid;color:#222;font-size:12px;}

.question_auto {border-bottom:1px #eaeaea solid;}
.question_auto .scroll_area {height:520px;overflow:auto; overflow-x:hidden;}
.que_list {background:#fff;padding:20px 17px 30px 40px;}
.que_list > li {background:url(/images/qbank/dotted_v.gif) 469px 0 repeat-y;margin-top:45px;text-align:left;*zoom:1}
.que_list > li:first-child {margin-top:0;}
.que_list > li:after {content:"";display:block;clear:both;}
.que_list > li .img_text {padding-bottom:20px;}
.que_list > li .list_area,
.que_list > li .info_area {float:left;position:relative}
.que_list > li .list_area {width:440px;min-height:82px;padding-left:30px; }
.que_list > li .info_area {width:384px;padding-left:30px;}
.que_list > li .list_area .num {position:absolute;top:0;left:0;width:19px;height:19px;background:#f2f4f8; border:1px #e5e6e8 solid; color:#666;line-height:17px;text-align:center;}
.que_list > li .list_area .explain_box {margin:20px 0 0 -30px;width:391px;padding:15px;border:1px #dbdee1 solid; background:#fff;}
.que_list > li .list_area .explain_box p {padding-top:12px;}
.que_list > li .list_area .explain_box p:first-child {padding-top:0;}
.que_list > li .info_area h3 {font-size:16px;color:#222;}
.que_list > li .info_area .txt {display:block;padding:5px 0;}
.que_list > li .info_area p {padding:0 0 5px 0;font-size:12px;color:#666;}
.que_list > li .btns {*zoom:1}
.que_list > li .btns:after {content:"";display:block;clear:both;}
.que_list > li .btns li {float:left;margin-left:2px;}
.que_list > li .btns li:first-child {margin:0;}
.que_list .explain_box {display:none;}
.que_list > li .info_area p.elInfoTxt{margin:4px 0;padding:0;font-size:13px;font-weight:bold;color:#666;}


.question_direct {border-bottom:1px #eaeaea solid;*zoom:1}
.question_direct:after {content:"";display:block;clear:both;}
.question_direct .left_cont {float:left;position:relative;width:506px;background:#f9f9f9;border-right:1px #eaeaea solid;}
.question_direct .left_cont select {position:absolute;top:23px;right:18px}
.question_direct .left_cont .scroll_area {height:435px;}
.question_direct .left_cont .que_list {padding:0 3px 30px 40px}
.question_direct .left_cont .que_list > li {background:#fff;padding:10px;border:1px #d6d6db solid;}
.question_direct .que_list > li .explain_box {margin:10px 0 10px 0;width:371px;padding:10px;}
.question_direct .que_list > li .explain_box img {width:371px !important;}
.question_direct .left_cont .list_area {width:auto;}
.question_direct .left_cont .btns {margin:0 6px 0 30px;}

.question_direct .right_cont {float:right;position:relative;width:440px;padding:22px 0 0 0}
.question_direct .right_cont .scroll_area {height:354px;}
.question_direct .right_cont .que_list {padding:0 0 30px 0}
.question_direct .right_cont .help_area {position:relative;margin:10px 0 0 0;height:62px;font-size:12px;}
.question_direct .right_cont .help_area em {color:#d43e2b}
.question_direct .right_cont .help_area a {position:absolute;top:0;right:40px; text-decoration:underline}
.question_direct .right_cont .btns {margin:0 5px 0 0;}

.question_direct .right_cont .list_area {width:414px;}
.question_direct .que_list > li .list_area,
.question_direct .que_list > li .info_area {float:none;}
.question_direct .que_list > li .info_area .txt {padding:3px 0}
.question_direct .que_list > li .info_area {width:364px;background:#fffce2;border:1px #dad6ba solid;margin:10px 0 8px 0;padding:8px 0 3px 22px;}
.question_direct .que_list > li .info_area {margin:10px 0 8px 30px;}


/********* 시험지저장,다운(Step3) *********/
.paper_save {float:right;width:409px;padding:25px 39px 20px 30px;}
.paper_save h2 {font-size:20px;margin-bottom:15px;}
.paper_save .que_count.type2 {width:393px}
.paper_save .que_count.type2 .info_box {width:173px;padding-top:25px;}
.save_option {width:373px;padding:10px 14px;margin-top:10px;border:4px #ebebeb solid;}
.save_option dl {*zoom:1}
.save_option dl:after {content:"";display:block;clear:both;}
.save_option dl:first-child {margin:0 0 10px 0;border-bottom:1px #ebebeb solid; padding-bottom:4px}
.save_option dl dt {float:left;width:62px;font-weight:bold; line-height:23px;}
.save_option dl dd {float:right;width:311px; margin-bottom:6px;}
.save_option dl dd select {width:100%;}
.save_option dl dd .txt_help {margin-top:3px;}
.save_option .btn_ass,
.save_option .btn_ass3 {width:68px}
.paper_save .btn_area2 {margin-top:20px;text-align:center}
.paper_down {float:left;padding:30px;text-align:center;}
.paper_down .inner {width:369px;border:1px #e1e1e1 solid;padding:20px 19px;}
.paper_down .paper_name {height:56px;background:#f3f8fb;border:1px #e1e1e1 solid;padding:25px 40px;text-align:left;font-size:20px; font-weight:normal; line-height:1.35;text-align:center;}
.paper_down .paper_name p {display:inline-block; *display:inline; *zoom:1;vertical-align:middle;}
.paper_down .paper_name .va {display:inline-block; height:56px; width:0; overflow:hidden; vertical-align:middle}
.paper_down .txt {margin:25px 0 15px;font-size:16px;}
.paper_down .btns .btn_wide {width:100px}
.paper_down .txt_msg {margin-top:10px; font-size:13px}
.paper_down .txt_msg a {text-decoration:underline;}


/********* 출제정보표 *********/
#popup_qbank.popup_type2 {margin:0;}
#popup_qbank.popup_type2 #header {position:relative;background:#fff; border-bottom:3px #1285cd solid;}
#popup_qbank.popup_type2 #header h1 {padding:14px 0 14px 30px;font-size:22px;color:#222;line-height:25px;}
#popup_qbank.popup_type2 #header h1 em {display:inline-block;margin-left:10px;color:#1285cd;font-size:16px;}
#popup_qbank.popup_type2 #container {width:auto;height:auto;border:none;}
#popup_qbank.popup_type2 .question_info {padding:12px 0 15px 30px}
#popup_qbank.popup_type2 .que_count {width:500px}

.order_save .scroll_area {height:567px;}
.order_save .que_list.sortable {padding:0 10px 30px 10px}
.order_save .que_list.sortable > li {position:relative; margin-top:10px; background:#fff;*zoom:1; border:1px #fff solid;}
.order_save .que_list.sortable > li.ui-sortable-helper {border:1px #99b9ef solid;}
.order_save .que_list.sortable > li .sortable_box {margin-top:10px;padding:20px;*zoom:1;}
.order_save .que_list.sortable > li .sortable_box:first-child {margin-top:0}
.order_save .que_list.sortable > li .sortable_box:after {content:"";display:block;clear:both;}
.order_save .que_list.sortable > li .sortable_box .list_area {width:430px;min-height:70px;background:url(/images/qbank/dotted_v.gif) 469px 0 repeat-y;background-position:100% 0;}
.order_save .que_list.sortable > li .sortable_box .img_q {height:70px;overflow:hidden;}
.order_save .que_list.sortable > li .sortable_box .img_q img {width:391px !important}
.order_save .que_list.sortable > li .sortable_box .img_q.zoomIn {position:absolute;top:0;left:17px;overflow:visible; background:#fff; height:auto;padding:10px; border:2px #81a0b9 solid; z-index:100; box-shadow:4px 4px 0 rgba(0,0,0,0.1);-webkit-box-shadow:4px 4px 0 rgba(0,0,0,0.1);}
.order_save .que_list.sortable > li .sortable_box .list_area .btn_qview {position:absolute;top:0;right:10px; width:20px;height:20px; background:url(/images/qbank/btn_more.gif) 0 0 no-repeat; text-indent:-1000px;font-size:0;line-height:0;z-index:101;}

.order_save .que_list.sortable .handler {position:absolute;top:50%;right:19px;display:inline-block;width:32px;height:32px; margin-top:-16px;background:url(/images/qbank/icon_sort.gif) 0 0 no-repeat; cursor:pointer}
.order_save .que_list.sortable > li.ui-sortable-helper .handler {background-position:0 -32px;}

/********* 문의하기 *********/
.popup_type2 .popup_close{position:absolute;right:15px;top:14px;}
.err_report {min-width:960px;padding:20px 30px 30px 30px}
.err_report table {width:100%;border-top:1px #989898 solid;border-bottom:1px #989898 solid;}
.err_report table tbody th {padding:7px 0 7px 10px;border-top:1px #e1e1e1 solid; text-align:left}
.err_report table tbody td {padding:7px 0 7px 10px;border-top:1px #e1e1e1 solid;}
.err_report table tbody td.check {padding:11px 0 11px 10px}
.err_report table tbody td label {margin:0 10px 0 4px;}
.err_report table tbody tr:first-child th,
.err_report table tbody tr:first-child td {border-top:none;}
.err_report input[type="text"], .err_report input[type="password"] {height: 24px;background: #fff;padding: 2px 10px;border: 1px #ccc solid;font-size: 12px;color: #888;}
.err_report textarea{border: 1px #ccc solid;font-size: 12px;color: #888;padding: 10px;}
.err_report .btns{width:100%;padding:0;margin:10px 10px 0 0;text-align:right;}
.err_report .btns .txt_help{font-size: 12px;color: #d43e2b;line-height: 35px;font-weight: 500;}
.err_report h2 { margin-bottom:10px;font-size:22px;color:#222;font-weight:500;}
.err_report .quizlist{padding:0;border:4px #ebebeb solid;}
.err_report .quizlist .scroll_area {height:240px;overflow-x:hidden;overflow-y:scroll;}
.err_report .quizlist .onquiz {padding:20px 0 20px 0}
.err_report .quizlist .onquiz li:first-child{margin-top:0}
.err_report .quizlist .onquiz  .list_area {width:50%;border:none;padding:0 0 0 30px;}
.err_report .quizlist .onquiz  .info_area {width:50%;border:none;padding:0 0 0 30px;}
.err_report .quizlist:after{margin-left:-8px;}
.err_report .quizlist .num{display:none;}
.err_report .quizlist .pop_view_quiz{display:none;}
.err_report .quizlist .img_q{margin:7px 0;}
.err_report .onquiz li .list_area .img_text{padding-left:0;}

/********* 문항 교체, 추가 *********/
.win_pop{background:#f1f1f1;overflow:hidden;height:100%;}
.win_pop .chapter_head{background:#fff;}
.win_pop .chapter_head article{padding:24px 40px;}
.win_pop .chapter_head article .left_sect .ui-select-parent .select2-container .select2-selection--single{height:40px!important;border-width:2px;}
.win_pop .chapter_head article .left_sect .ui-select-parent .select2-dropdown{border-width:2px;}
.win_pop .example_q{padding:30px 10px 30px 40px;border-right:none;}
.win_pop .example_q .schbox{position:relative;padding:0;background:none;}
.win_pop .example_q .schbox .search{padding:9px 130px 17px 24px; background:#fff;}
.win_pop .example_q .schbox .search dl dd .check_opt input[type="checkbox"] + label{padding:0 24px;border:1px solid #ddd;color:#393d49;line-height:29px;}
.win_pop .example_q .schbox .search dl dd .check_opt input[type="checkbox"]:checked + label{padding:0 12px 0 34px;background:#4ca2ff;border:2px solid #4ca2ff;line-height:27px;color:#fff;}
.win_pop .example_q .schbox .search dl dd .check_opt input[type="checkbox"] + label:hover,
.win_pop .example_q .schbox .search dl dd .check_opt input[type="checkbox"]:checked + label:hover{padding:0 23px;border:2px solid #4ca2ff;background:#fff;color:#007bff;line-height:27px;}
.win_pop .example_q .schbox .search dl dd .check_opt input[type="checkbox"]:checked + label:before{position:absolute;top:8px;left:18px;display:inline-block;width:14px;height:11px;background:url(../images/qbank/btn_all_check.png) 0 -80px no-repeat;}
.win_pop .example_q .schbox .search dl dd .check_opt input[type="checkbox"] + label:before,
.win_pop .example_q .schbox .search dl dd .check_opt input[type="checkbox"] + label:hover:before{display:none;}


.win_pop .example_q{height:835px;}
.win_pop .example_q .inner{margin-top:25px;padding:0;border:none;}
.win_pop .example_q .inner h4{font-size:16px;font-weight:400;color:#393d49;}
.win_pop .example_q .inner .scroll_area{margin-top:10px;height:484px;border:1px solid #babbbc;background:#fff;}
.win_pop .example_q .inner .scroll_area .onquiz li{width:100%;border:none;}
.win_pop .example_q .inner .scroll_area.nodata{background: #fff url(../images/qbank/bg_change_search.png) 50% 50% no-repeat;}
.win_pop .example_q .inner .scroll_area.nodata .onquiz{background:#fff;}
.win_pop .onquiz li .btns.self{margin:0 20px;padding:27px 0 0;width:492px;text-align:left;}
.win_pop .onquiz li .btns.self .btn_func{margin-right:2px;display:inline-block;;text-align:center;width:65px;height:31px;line-height:29px;font-size:14px;color:#474e62;border:1px solid #d0d0d0;border-radius:5px;border:1px solid #d0d0d0;}
.win_pop .onquiz li .btns.self .btn_func.dark{float:right;border:none;color:#fff;width:90px;}
.win_pop .sel_q{padding:30px 40px 30px 10px;height:835px;}
.win_pop .quiz_lv_info{position:relative;left:auto;top:auto;right:auto;height:auto;padding:0;min-height:151px;}
.win_pop .quiz_lv_info .info_btn .btn_type06{width:199px;}
.win_pop .sel_q .quiz_lv_info dl{width:100%;}
.win_pop .sel_q .quiz_lv_info dl dt{width:188px;background:#dbf7fc;}
.win_pop .sel_q .quiz_lv_info dl dd{padding:12px 25px 12px 30px;background:#fff;border-radius:0 10px 10px 0;}
.win_pop .sel_q .inner{margin-top:25px;padding:0;border:none;}
.win_pop .sel_q .inner h4{position:relative;font-size:16px;font-weight:400;color:#393d49;}
.win_pop .sel_q .inner h4 .btn_reset{position:absolute;right:0;bottom:0;display:inline-block;padding:0 15px;width:106px;height:31px;line-height:29px;border-radius:15px;border:1px solid #ddd;background:#fff;}
.win_pop .sel_q .inner h4 .btn_reset span{display:block;height:29px;padding-left:17px;background:url(../images/qbank/all_reset.png) no-repeat left -1px;color:#393d49;font-size:14px;font-weight:400;line-height:29px;overflow:hidden;text-align:left;}
.win_pop .sel_q .inner h4 .btn_reset:hover{background:#ffde83;border-color:#ffde83;}
.win_pop .sel_q .inner h4 .btn_reset:hover span{background:url(../images/qbank/all_reset.png) no-repeat left -32px;}
.win_pop .sel_q .inner .scroll_area{margin-top:10px;height:484px;border:1px solid #babbbc;background:#fff;}
.win_pop .sel_q .inner .scroll_area .onquiz li{margin:20px 0 0;width:100%;border:none;}
.win_pop .sel_q .inner .scroll_area .onquiz li .list_area{padding: 30px 30px 0;border: none;width: 100%;}
.win_pop .sel_q .inner .scroll_area.nodata{background: #fff url(../images/qbank/bg_change_select.png) 50% 50% no-repeat;}
.win_pop .sel_q .inner .scroll_area.nodata .onquiz{background: #fff;}
.win_pop .chapter_body.make .quiz_lv_info{padding:20px 20px 0 40px;border-bottom:none;}
.win_pop .step_qbank_conts{position:relative;height:100%;}
.win_pop .chapter_head.fix{position:absolute;left:0;top:0;right:0;height:91px;}
.win_pop .chapter_head.fix article{padding:26px 40px;}
.win_pop .step_qbank_conts .scroll_area_wrap{position:absolute;left:0;top:91px;right:0;bottom:0;overflow-y:scroll;}
.win_pop .scroll_area_wrap .quiz_lv_info dl{width:560px;}
.win_pop .scroll_area_wrap .quiz_lv_info dl dt{background:#dbf7fc;width:168px;text-align:center;}
.win_pop .scroll_area_wrap .quiz_lv_info dl dt p{font-weight:500;font-size:22px;color:#393d49;}
.win_pop .scroll_area_wrap .quiz_lv_info dl dt p span{font-size:28px;font-weight:600;color:#4c88ff;margin-right:5px;}
.win_pop .scroll_area_wrap .quiz_lv_info dl dd{padding:9px 0 13px;background:#fff;border-radius:0 10px 10px 0;}
.win_pop .scroll_area_wrap .quiz_lv_info dl dd p{line-height:31px;}
.win_pop .scroll_area_wrap .quiz_lv_info dl dd p span{margin-right:20px;width:31px;height:31px;line-height:31px;}
.win_pop .scroll_area_wrap .quiz_lv_info dl dd .txt_lv_h{margin-left:25px;}
.win_pop .scroll_area_wrap .quiz_lv_info dl dd .quiztypebox{margin-top:10px;padding:5px 25px 0;border-top:1px solid #dedede;}
.win_pop .scroll_area_wrap .quiz_lv_info dl dd .quiztypebox span{position:relative;margin-right:23px;padding:0 0 0 9px;display:inline-block;line-height:26px;font-size:16px;font-weight:400;}
.win_pop .scroll_area_wrap .quiz_lv_info dl dd .quiztypebox span em{font-size:inherit;font-weight:inherit;}
.win_pop .scroll_area_wrap .quiz_lv_info dl dd .quiztypebox span:before{content:'';position:absolute;left:0;top:12px;width:3px;height:3px;background:#8e9095;}
.win_pop .scroll_area_wrap .quiz_lv_info .info_btn{right:40px;bottom:0;}
.win_pop .scroll_area_wrap .quiz_lv_info .info_btn .btn_guide{margin:9px 7px;vertical-align:bottom;display:inline-block;width:30px;height:30px;background:url(../images/qbank/btn_guide.png) no-repeat center center;}
.win_pop .scroll_area_wrap .quiz_lv_info .info_btn .btn_type05{width:167px;}
.win_pop .scroll_area_wrap .quiz_lv_info .info_btn .btn_type06{width:167px;}
.win_pop .scroll_area_wrap .quiz_lv_info .info_btn .layer_pop_wrap .layer_pop_body{right:-36px;bottom:-50px;z-index:10;}
.win_pop .scroll_area_wrap .quiz_lv_info .info_btn .layer_pop_wrap:after{right:74px;bottom:-4px;z-index:11;}
.win_pop .scroll_area_wrap .quizlist{margin:20px 40px 20px 40px;border:1px solid #babbbc;background:#fff;padding:36px 0;}
.win_pop .scroll_area_wrap .onquiz li{margin-top:5px;position:relative;padding:9px 15px;overflow:visible;display:flex;justify-content: flex-start;}
.win_pop .scroll_area_wrap .onquiz li .list_area{position:relative;padding:0 50px 0 30px;width:50%;border:none;height:120px;}
.win_pop .scroll_area_wrap .onquiz li .list_area .img_text{display:none;}
.win_pop .scroll_area_wrap .onquiz li .list_area .img_q{height:70px;overflow:hidden;}
.win_pop .scroll_area_wrap .onquiz li .list_area .num{width:21px;height:21px;font-size:14px;line-height:21px;font-weight:400;}
.win_pop .scroll_area_wrap .onquiz li .list_area .btn_img_q_all{position:absolute;right:63px;;top:0;width:21px;height:21px;background:url(../images/qbank/btn_all_img.png) no-repeat center center;z-index:11;}
.win_pop .scroll_area_wrap .onquiz li .list_area .pop_view_quiz{display:none;position:absolute;right:84px;top:0;border:2px solid #81a0b9;text-align:center;width:415px;height:auto;box-shadow:4px 4px 0 rgba(171,171,171,0.3);z-index:10;background:#fff;}
.win_pop .scroll_area_wrap .onquiz li .list_area .pop_view_quiz img{margin:7px 0;}
.win_pop .scroll_area_wrap .onquiz li .info_area{border:none;padding:5px 60px 0 58px;width:50%;}
.win_pop .scroll_area_wrap .onquiz li .info_area h3{line-height:1;}
.win_pop .scroll_area_wrap .onquiz li .info_area p{margin-top:4px;}
.win_pop .scroll_area_wrap .onquiz li .info_area .txt{margin-top:10px;}
.win_pop .scroll_area_wrap .onquiz li .info_area .btns{margin-top:15px;}
.win_pop .scroll_area_wrap .onquiz li .btn_drag_quiz{position:absolute;right:75px;top:10px;display:block;width:32px;height:32px;background:url(../images/qbank/icon_sort.gif) no-repeat top;}
.win_pop .scroll_area_wrap .onquiz li .btn_drag_quiz:active{background:url(../images/qbank/icon_sort.gif) no-repeat bottom;}
.win_pop .scroll_area_wrap .quiz_sortable_place{background:transparent;border-radius:0;}
.win_pop .scroll_area_wrap .ui-sortable-helper{border:1px solid #81a0b9;border-radius:0;background:#fff;}
.win_pop .scroll_area_wrap .ui-sortable-helper .list_area{float:left;}
.win_pop .scroll_area_wrap .ui-sortable-helper .info_area{float:left;}


/* layer popup : 다운로드 진행바 */
.layer_prograss {position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:415px;height:252px;text-align:center;border-radius:40px;border:2px solid #ff8125;box-shadow:8px 8px 5px rgba(0,0,0,0.4);z-index:9999;;background:#fff;}
.layer_prograss h5{font-size:24px;color:#393d49;font-weight:600;}
.layer_prograss h5 span{color:#ff8125;font-size:inherit;font-weight:inherit;}
.layer_prograss p{margin-top:6px;font-size:16px;color:#8e9091;}
.contatainer {margin:28px 0 0;display: flex;justify-content: center;align-items: center;position: relative;padding: 48px 0 25px;overflow: hidden;}
.loader-container > div {
    display: inline-block;
    margin-left:4px;
    position:relative;
    width: 14px;
    height: 14px;
    background: #e8e8e8;
    border-radius: 50%;
    animation: loading 1.2s infinite ease-in;
}

.loader-container div:nth-child(1) {
    background:#fd5b76;
}
.loader-container div:nth-child(2) {
    animation-delay: .2s;
    background:#5bdac7;
}
.loader-container div:nth-child(3) {
    animation-delay: .4s;
    background:#ffc657;
}
.loader-container div:nth-child(4){
    animation-delay: .6s;
    background:#6569df;
}

@keyframes loading {
    0% {
        transform: translateY(0);
    }
    25% {
        transform: translateY(-100%);
    }
    50% {
        transform: translateY(0);
    }
}


/*문제은행 가이드 */
.guide_layout{display:none;position:fixed;width:1200px;height:900px;top:0;left:50%;margin-left:-600px;z-index:9999;}
.guide_layout .pop_head{text-align:right;height:91px;padding:15px 30px;}
.guide_layout .pop_head input[type=checkbox]{margin-right:4px;appearance: auto;-webkit-appearance: auto;display:inline-block;}
.guide_layout .pop_head input[type=checkbox] + label{padding-left:0;color:#fff;font-size:16px;font-weight:400;}
.guide_layout .pop_head input[type=checkbox] + label:before{content:none;}
.guide_layout .pop_head .popup_close{margin-left:30px;display:inline-block;color:#fff;padding-left:18px;background:url(../images/qbank/guide_close.png) no-repeat left center;font-size:16px;font-weight:400;color:#fff;}
.guide_layout .pop_body{position:relative;width:100%;height:809px;}
.guide_layout .pop_body .tip1{position:absolute;right:220px;top:94px;width:337px;height:123px;background:url(../images/qbank/guide_txt1.png) no-repeat center center;}
.guide_layout .pop_body .tip2{position:absolute;right:102px;top:485px;width:342px;height:141px;}
.guide_layout .pop_body .tip2 .guid_txt2{display:inline-block;margin-top:38px;width:278px;height:64px;background:url(../images/qbank/guide_txt2.png) no-repeat center center;vertical-align:top;}
.guide_layout .pop_body .tip2 .img_mov{margin-left:7px;display:inline-block;vertical-align:top;animation: guide 0.8s ease infinite;}
@keyframes guide{
    from {transform:translateY(0);}
    to {transform:translateY(-15px);}
}
.dreamEvent{position:relative;}
.dreamEvent .eventEnd { position:absolute; top:275px;left:652px; z-index:1; }
.dream2020 {word-wrap: break-word; font-family: 'Noto Sans Korean';}
.dream2020 img {vertical-align:middle;}
.dream2020 [class^="cont"] {position: relative;}
.dream2020 .cont2 .btn_wrap {padding: 37px 0 58px; background: #caedec; text-align: center;}

/* 신청팝업 */
.dream2020 .msgPopup {display:none;position:absolute;top:50%;left:50%;width:530px;height:auto;border: 1px solid #989898;margin:-550px 0 0 -265px;z-index:9900;}
.dream2020 .msgPopup .close {position: absolute; top: 18px; right: 25px;}
.dream2020 .msgPopup .msgPopCnt {background:#fff;}
.dream2020 .msgPopup .contWrap {padding:25px 25px 40px; border: none;}
.dream2020 .msgPopup .examInfo {margin-bottom: 0; border-top: 2px solid #707070;}
.dream2020 .msgPopup table {width:100%; border: 0;}
.dream2020 .msgPopup caption {text-indent:-1000px;font-size:0;line-height:0;}
.dream2020 .msgPopup table th {height: 38px; padding: 0; background: #f2f2f2;font-weight: bold; text-align: center;}
.dream2020 .msgPopup table td {padding: 5px 10px; color:#333}
.dream2020 .msgPopup table td .name {color:#888}
.dream2020 .msgPopup .examInfo table tr td input[type="radio"] + label {display: inline-block; width: 150px; margin-right: 0;}
.dream2020 .msgPopup select, .dream2020 .msgPopup input {vertical-align: middle;}
.dream2020 .msgPopup .remaining_lb th,
.dream2020 .msgPopup .remaining_lb td {height: auto; padding-top: 10px; padding-bottom: 0; border-bottom: none; background: #f2f2f2;}
.dream2020 .msgPopup .remaining_lb p {font-size: 12px; color: #666;}
.dream2020 .msgPopup .remaining_wrap td {padding: 0 15px 15px; border-bottom: 1px solid #e1e1e1; background: #f2f2f2;}
.dream2020 .msgPopup textarea {box-sizing: border-box; width: 100%; height: 100px; padding:10px;border:1px solid #d9d9d9;color:#999;font:12px "Nanum Gothic","나눔고딕",NanumGothic,"돋움",Dotum,Helvetica,"Apple SD Gothic Neo",sans-serif}
.dream2020 .msgPopup .remaining {margin-bottom: 3px; font-size:11px; color:#b7b7b7; text-align:right}
.dream2020 .msgPopup .remaining span {color: #666;}
.dream2020 .msgPopup .school_name span {display: inline-block; height: 25px; line-height: 25px; padding: 0 10px; border: 1px solid #d9d9d9; vertical-align: middle; font-size: 12px; color:#888}
.dream2020 .msgPopup .school_name a {display: inline-block; vertical-align: middle;}
.dream2020 .msgPopup #School_Search img {vertical-align: middle;}
.dream2020 .msgPopup #schAddr02 .input_area {margin-bottom: 5px;}
.dream2020 .msgPopup #schAddr02 input {width: 191px;}
.dream2020 .msgPopup #schAddr02 select {width: 100px;}
.dream2020 .msgPopup #groupSel02 input {width: 125px;}
.dream2020 .msgPopup .txt {vertical-align: middle;}
.dream2020 .msgPopup .txt.num {width: 40px;}
.dream2020 .msgPopup .inputList > li {margin-top:7px;}
.dream2020 .msgPopup .inputList > li:first-child {margin-top:0;}
.dream2020 .msgPopup .input_unit {display: inline; width: auto; margin: 0 0 0 4px;}
.dream2020 .msgPopup .input_unit + input {margin-left: 16px;}
.dream2020 .msgPopup .info_txt {margin-left: 6px; font-size: 11px;}
.dream2020 .msgPopup .event_info {margin-bottom: 25px; padding: 20px 15px; border-bottom: 1px solid #dfdfdf; font-size: 12px;}
.dream2020 .msgPopup .event_info dt {margin-bottom: 10px; font-weight: bold; color: #666;font-size:12px;}
.dream2020 .msgPopup .event_info dd { color: #888;}
.dream2020 .msgPopup .event_info li {position: relative; margin-top: 3px; padding-left: 8px; line-height: 16px;font-size: 11px;}
.dream2020 .msgPopup .event_info li p {letter-spacing: -1px;font-size: 11px;}
.dream2020 .msgPopup .event_info li span {color: #232323;font-size: 11px;}
.dream2020 .msgPopup .event_info li a {display: inline-block; height: 14px; margin-left: 5px; padding: 0 8px; border: 1px solid #666; color: #666;font-size: 11px;}
.dream2020 .msgPopup .event_info li a:hover {text-decoration: none;}
.dream2020 .msgPopup .event_info li:first-child {margin-top: 0;}
.dream2020 .msgPopup .event_info li:before {content: ""; display: block; position: absolute;  left: 0; top: 6px; width: 2px; height: 2px; background: #888;}
.dream2020 .msgPopup .event_info ul + p {margin-top: 10px; color: #999;}
.dream2020 .msgPopup .agree_wrap .event_info {margin-top: 25px; border: none; background: #f2f2f2;}
.dream2020 .msgPopup .agree {padding-bottom: 0; margin-bottom: 15px; color: #666;}
.dream2020 .msgPopup .agree input {margin:2px 5px 0 0; vertical-align: top;}
.dream2020 .msgPopup .agree label {padding-left:28px;display: inline-block; line-height: 18px; font-weight:bold; vertical-align: top;font-size:13px;}
.dream2020 .msgPopup .agree label span {color: #ff565d;}
.dream2020 .msgPopup .btnArea {margin-top:25px; border-top:0; text-align:center; padding:0;}
.dream2020 .msgPopup .btnArea a {float:none !important;}

/* 학교검색 레이어 재정의 */
.dream2020 .joinSchool {}
.dream2020 .joinSchool input[type=text] {width: 255px; height: 25px; padding: 0 10px; border: 1px solid #d9d9d9; float: left;}

/* 사연리스트 */
.dream2020 .story_list {position:relative; top: 0; left: 0; padding-bottom: 40px; background: #715c5c;}
.dream2020 .story_list ul {width: 746px; height:350px; padding: 0 72px; overflow: hidden; *zoom:1}
.dream2020 .story_list ul:after {content: ""; display: block; clear: both;}
.dream2020 .story_list li {float: left; box-sizing: border-box; width: 238px; height: 100%; border-radius: 30px; background:#fff; padding:40px 30px; margin-left:16px;}
.dream2020 .story_list li:first-child {margin-left:0;}
.dream2020 .story_list li > div {height:100%; overflow-y:auto;line-height:1.5; font-size: 14px; color: #666;}
.dream2020 .story_list li p {margin: 0 0 15px 0; color: #130c0e; text-align:left;}
.dream2020 .story_list a.btn_roll {position:absolute;top: 165px;display:inline-block;width:14px;height:23px;background: url(../../images/event/dream200413/btn_page.png) no-repeat 0 0;text-indent:-1000px;font-size:0;line-height:0}
.dream2020 .story_list a.btn_roll.prev {left:50px; background-position:0 0 !important;}
.dream2020 .story_list a.btn_roll.next {right:50px; background-position:-14px 0 !important;}
.dream2020 .story_list a.btn_roll.dis {display: none;}
.dream2020 .story_list .btn_modify {position: absolute; right: 62px; top: 270px;}
.dream2020 .paging {padding: 21px 0 0;}
.dream2020 .paging a {color: #fff;}
.dream2020 .paging a:hover,
.dream2020 .paging a.on {color:#bdece6; border:2px solid #bdece6; font-weight:bold; text-decoration:none; }


/************************************ 꿈지기 캠패인 2021 ************************************/
.dream2021 .eventEnd {top:182px;left:auto;right:83px;}
.dream2021 .cont2 .btnWrap {position:absolute;bottom:0;left:0;width:100%;}
.dream2021 .cont2 .btnWrap [class^="btn"]{display:block;}
.dream2021 .cont2 .btnWrap .btnReview{width:235px;margin-left:490px;}
.dream2021 .cont2 .btnWrap .btnApply{width:360px;margin:106px auto 120px;}
.dream2021 #storyApply .dimed{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,0.8);z-index:1;}
.dream2021 #storyApply .msgPopCnt{overflow:hidden;position:relative;z-index:1;}
.dream2021 .msgPopup .tit{height:auto;padding:0;background:none;}
.dream2021 .msgPopup table th{height:33px;padding:0;background:#f2f2f2;font-weight:bold;color:#666;text-align:center;}
.dream2021 .msgPopup table td{padding:10px;font-size:11px;color:#666}
.dream2021 .msgPopup .remaining_lb p{line-height:1.5;}
.dream2021 .msgPopup textarea {box-sizing: border-box; width: 100%; height: 100px; padding:10px;border:1px solid #d9d9d9;color:#666;font:12px "Nanum Gothic","나눔고딕",NanumGothic,"돋움",Dotum,Helvetica,"Apple SD Gothic Neo",sans-serif}
.dream2021 .msgPopup .school_name span{display:inline-block;height:25px;line-height:25px;padding:0 10px;border:1px solid #d5d5d5;font-size:11px;color:#666;vertical-align:middle;}
.dream2021 .msgPopup .school_name .school_search{display:inline-block;width:70px;height:27px;border:1px solid #d5d5d5;font-size:11px;font-weight:bold;color:#666;line-height:2.5;vertical-align:middle;letter-spacing:-.06em}
.dream2021 .msgPopup .txt {color:#666;vertical-align:middle;}
.dream2021 .msgPopup .info_txt{display:block;margin-top:5px;}
.dream2021 .msgPopup .event_info{margin-bottom:15px;padding:20px 15px 15px;border-bottom: 1px solid #dfdfdf;font-size:12px;}
.dream2021 .msgPopup .event_info li{position:relative;padding-left:8px;line-height:1.85;}
.dream2021 .msgPopup .event_info li span{color:#1e1e21;}
.dream2021 .msgPopup .event_info li em{color:#e40000;font-size:11px;}
.dream2021 .msgPopup .event_info li a{display:inline-block;width:94px;height:16px;margin-left:5px;border:1px solid #666;color:#666;text-align:center;line-height:1.5;}
.dream2021 .msgPopup .event_info li a:hover{text-decoration:none;}
.dream2021 .msgPopup .event_info ul + p{color:#999;line-height:1.85;font-size:11px;}
.dream2021 .msgPopup .agree_wrap .event_info{margin-top: 25px; border: none; background: #f2f2f2;}
.dream2021 .msgPopup .agree_wrap .event_info ul li{color:#1e1e21;}
.dream2021 .msgPopup .agree{margin-bottom:15px;padding-bottom:0;pading-left:15px;color:#666;}

/*사연리스트*/
.dream2021 .storyListWrap {position:relative; top: 0; left: 0; padding-bottom: 56px; background: #ffe9e6;}
.dream2021 .storyListWrap ul {width: 910px; height:350px; padding: 0 72px; overflow: hidden; *zoom:1}
.dream2021 .storyListWrap ul:after {content: ""; display: block; clear: both;}
.dream2021 .storyListWrap li {float: left; box-sizing: border-box; width: 238px; height: 100%; border-radius: 30px; background:#fff; padding:38px 14px 38px 30px; margin-left:16px;}
.dream2021 .storyListWrap li:first-child {margin-left:0;}
.dream2021 .storyListWrap li > div{overflow-y:auto;height:272px;padding-right:15px;font-size:14px;color:#404041;line-height:1.6;}
.dream2021 .storyListWrap li > div strong{display:block;margin:0 0 10px 0;color:#130c0e;text-align:left;}
.dream2021 .storyListWrap a.btn_roll {position:absolute;top: 165px;display:inline-block;width:14px;height:23px;background: url(/images/event/dream210322/btn_page.png) no-repeat 0 0;text-indent:-1000px;font-size:0;line-height:0}
.dream2021 .storyListWrap a.btn_roll.prev {left:50px; background-position:0 0 !important;}
.dream2021 .storyListWrap a.btn_roll.next {right:50px; background-position:-14px 0 !important;}
.dream2021 .storyListWrap a.btn_roll.dis {display: none;}
.dream2021 .storyListWrap .btn_modify {position: absolute; right: 62px; top: 270px;}
.dream2021 .paging {padding: 22px 0 0;}
.dream2021 .paging > *{display:inline-block;box-sizing:border-box;width:30px;height:30px;margin:0 4px;padding:0;font-size:16px;color:#404041;vertical-align:top;}
.dream2021 .paging a, .dream2021 .paging a:hover{border:0;color:#404041;line-height:30px;}
.dream2021 .paging strong{border:2px solid #fe7396;font-weight:bold;color:#fe7396;line-height:25px;width: auto;padding: 0 3px;}
.dream2021 .paging [class^="btnPage"]{position:relative;}
.dream2021 .paging .btnPageFirst{background:url(../images/samteo/bg_paging.png) no-repeat 8px 50%;}
.dream2021 .paging .btnPagePrev{background:url(../images/samteo/bg_paging.png) no-repeat -13px 50%;}
.dream2021 .paging .btnPageNext{background:url(../images/samteo/bg_paging.png) no-repeat -39px 50%;}
.dream2021 .paging .btnPageLast{background:url(../images/samteo/bg_paging.png) no-repeat -60px 50%;}

/************************************ 꿈지기 캠패인 2022 ************************************/
.dream2022 .eventEnd {top:336px;right:72px;}
.dream2022 .cont2 .btnWrap .btnApply{width:360px;margin:85px auto 40px;}

.dream2022 .msgPopup{width:568px;margin-left:-284px;z-index:1000;}
.dream2022 #storyApply .msgPopCnt{overflow:hidden;position:relative;background:#fff;border:2px solid #ff8025;border-radius:20px;z-index:1;box-shadow:8px 8px 5px rgba(0, 0, 0, 0.4);}
.dream2022 .msgPopup .tit{position:relative;height:72px;padding:0 66px 0 38px;background:#ffe785;}
.dream2022 .msgPopup .tit h2{font-size:22px;font-weight:900;color:#ff8025;line-height:3.2;}
.dream2022 .msgPopup .tit .close{position:absolute;top:26px;right:23px;display:inline-block;width:20px;height:21px;background:url(/resources/images/event/common/btn_popclose.png) 0 0 no-repeat}
.dream2022 .msgPopup .examInfo{border-top:0;}
.dream2022 .msgPopup .contWrap{padding:0;}
.dream2022 .msgPopup table th{height:33px;padding:10px 0 10px 37px;background:#f1f1f1;color:#606677; vertical-align:top; text-align:left; font-size:14px; line-height:2.2;font-family: 'Noto Sans Korean','AppleSDGothic Neo-Regular','Malgun Gothic', '맑은 고딕', 'dotum', '돋움', sans-serif;}
.dream2022 .msgPopup table td{padding:10px 37px 10px 0;color:#666; background:#f1f1f1; font-size:14px;}
.dream2022 .msgPopup table td.txt{line-height:2.2;color:#393d49;font-weight:400;}
.dream2022 .msgPopup .remaining_lb p{line-height:1.5;color:#b1b2ba;}
.dream2022 .msgPopup .school_name span{height:auto;padding:0;border:none;border-radius:0;background:transparent;line-height:1;}
.dream2022 .msgPopup .school_name .school_search{display: inline-block;min-width: 100px;width:auto;height: 32px;padding: 0 10px;background: #abadb5;border-radius: 4px;font-size: 13px;color: #fff;text-align: center;line-height: 2.2;font-weight:500;}
.dream2022 .msgPopup .txt.num{width:90px;}
.dream2022 .msgPopup .input_unit{font-size:14px; color:#393d49; font-weight:400;}
.dream2022 .msgPopup input[type="text"]{width:100%;height:32px;padding:0 14px;border:1px solid #dfdfdf;border-radius:4px;font-size:14px; color:#393d49; font-weight:400;}
.dream2022 .msgPopup input[type="radio"],
.dream2022 .msgPopup input[type="checkbox"]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;}
.dream2022 .msgPopup input[type="radio"] + label{position:relative;display:inline-block;padding:0;font-size:14px;font-weight:400;color:#393d49;line-height:2.2;font-weight:400;}
.dream2022 .msgPopup input[type="checkbox"] + label{position:relative;display:inline-block;padding:0;font-size:14px;font-weight:400;color:#393d49;line-height:1.642;font-weight:400;}
.dream2022 .msgPopup input[type="radio"] + label:before{content: '';display:inline-block;width:19px;height:19px;margin:0 8px 0 0;background:#fff;border:1px solid #adafb6;border-radius:100%;vertical-align:middle;}
.dream2022 .msgPopup input[type="checkbox"] + label:before{content: '';position:relative;top:auto;left:auto;display:inline-block;width:23px;height:23px;margin:0 8px 0 0;background:url(/resources/images/educourse/ic_checkbox.png) no-repeat center top;vertical-align:middle;}
.dream2022 .msgPopup input[type="radio"]:checked + label:after{content:'';position:absolute;top:11px;left:4px;width:13px;height:13px;background:#ff8025;border-radius:100%;}
.dream2022 .msgPopup input[type="checkbox"]:checked + label:before{background-position:center -24px;}
.dream2022 .msgPopup .examInfo table tr td input[type="radio"] + label{width:auto;padding-right:13px;}
.dream2022 .ui-select-parent{vertical-align:middle;width:140px;}
.dream2022 .select2-container .select2-selection--single{height:32px !important; border-radius:4px;}
.dream2022 .select2-container--default .select2-selection--single .select2-selection__rendered{height:30px !important;line-height:30px;}
.dream2022 .select2-container--default .select2-selection--single .select2-selection__arrow b {top: 0;height: 32px;background-position: 50% -8px;}
.dream2022 .msgPopup .remaining_wrap td {padding: 9px 37px 15px; border-bottom: 1px solid #e1e1e1; background: #f2f2f2;}
.dream2022 .msgPopup textarea {box-sizing: border-box; width: 100%; height: 122px; padding:10px;border:1px solid #dfdfdf;color:#b1b2ba;font-si:12px 'Noto Sans Korean','AppleSDGothic Neo-Regular','Malgun Gothic', '맑은 고딕', 'dotum', '돋움', sans-serif; border-radius:5px;}
.dream2022 .msgPopup .remaining {margin: 3px 0 0; font-size:14px; color:#393d49; text-align:right; font-weight:400;}
.dream2022 .msgPopup .remaining span {color: #393d49;}
.dream2022 .evtInfoWrap{padding:27px 37px 40px;}
.dream2022 .msgPopup .event_info{padding:0 0 15px 0;}
.dream2022 .msgPopup .event_info dt{font-size:14px;color:#393d49; font-weight:500;}
.dream2022 .msgPopup .event_info li{position:relative;padding-left:8px;line-height:1.64; font-size:14px; color:#888888;}
.dream2020 .msgPopup .event_info li:before{top:10px;}
.dream2022 .msgPopup .event_info li span{font:inherit;color:#ff8025;}
.dream2022 .msgPopup .event_info li em{color:#ff2f25;font:inherit;}
.dream2022 .msgPopup .event_info li p{font-size:14px;}
.dream2022 .msgPopup .event_info li .ti10{padding-left: 10px;text-indent: -10px;}
.dream2022 .msgPopup .agree_wrap{}
.dream2022 .msgPopup .agree_wrap .event_info{margin-top: 25px;padding:27px 0 17px; background: #fff; border-top:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;}
.dream2022 .msgPopup .agree_wrap .event_info ul li{color:#888888;}
.dream2022 .msgPopup .agree{padding:0;}
.dream2022 .msgPopup .btnArea a{display:inline-block;width:178px;height:56px;background:#ff8125;border-radius:28px;font-size:20px;font-weight:600;color:#fff;line-height:56px;}
.dream2022 .msgPopup .btnArea a:before{content:'';display:inline-block;width:8px;height:8px;margin-right:10px;background:#ff8125;border:5px solid #fff;border-radius:100%;}
.dream2022 .storyListWrap{background:#f6f0e5}

.dream2022 .msgPopup .input{display:inline-block; width:100%;}
.dream2022 .msgPopup .input.wp180{width:180px;}
.dream2022 .msgPopup .formMulti+.input,.dream2022 .msgPopup .input+.input{margin-top:4px;}
.dream2022 .msgPopup .btnZipCode{display:inline-block;min-width:100px;height:32px;padding:0 10px;background:#abadb5;border-radius:4px;font-size:14px;color:#fff;text-align:center;line-height:2.2;vertical-align: middle;}

/************************************ 꿈지기 캠패인 2023 ************************************/
.dreamEvent .con {position: absolute; right: 30px; top: 38px; z-index: 10;}
.dreamEvent .eventEnd {right: -65px; top: 318px;}
.dream2023 .cont2 .btnWrap .btnApply {width: 363px; margin: 74px auto 62px;}
.dream2023 .cont2 .btnWrap .btnReview {width: 137px; margin-left: 553px;}
.dream2023 .storyListWrap {background: #129854;}
.dream2023 .storyListWrap ul.dream2023 .storyListWrap ul {width: 910px; height:324px; padding: 0 76px; overflow: hidden; *zoom:1}
.dream2023 .storyListWrap li {float: left; box-sizing: border-box; width: 246px; height: 100%; border-radius: 20px; background:#fff; padding:35px 18px 35px 33px; margin-left:14px;}
.dream2023 .storyListWrap li:first-child {margin-left:0;}
.dream2023 .storyListWrap li > div{overflow-y:auto;height: 100%;padding-right:15px;font-size:17px;color: #343434;line-height:1.6; letter-spacing: -0.04em;}
.dream2023 .storyListWrap li > div strong{display:block;margin:0 0 12px 0; font-size: 17px; font-weight: 500; color: #0a6642; letter-spacing: -0.04em; text-align:left;}
.dream2023 .paging {padding: 22px 0 0;}
.dream2023 .paging > *{display:inline-block;box-sizing:border-box;width:30px;height:30px;margin:0 1px;padding:0;font-size:13px; font-weight: 300; color:#fff;vertical-align:top; background: #0a6642; border-radius: 50%; }
.dream2023 .paging a, .dream2023 .paging a:hover{border:0; font-weight: 300; color:#fff;line-height:30px;}
.dream2023 .paging strong{width: 30px; border: 0;font-weight: 500;color: #000808; line-height:30px; background: #fff; }
.dream2023 .paging strong{width: 30px; border: 0;font-weight: 500;color: #000808; line-height:30px; background: #fff; }
.dream2023 .paging [class^="btnPage"]{position:relative; width: 20px;}
.dream2023 .paging .btnPagePrev {margin-right: 5px;}
.dream2023 .paging .btnPageNext {margin-left: 5px;}
.dream2023 .paging .btnPageFirst{background:url(../images/samteo/dream/dream230327/btn_first.png) no-repeat center;}
.dream2023 .paging .btnPagePrev{background:url(../images/samteo/dream/dream230327/btn_prev.png) no-repeat center;}
.dream2023 .paging .btnPageNext{background:url(../images/samteo/dream/dream230327/btn_next.png) no-repeat center;}
.dream2023 .paging .btnPageLast{background:url(../images/samteo/dream/dream230327/btn_last.png) no-repeat center;}

.dream2023 .msgPopup {z-index: 1101;}
.dream2023 .msgPopup .tit h2{font-size:21px;font-weight:900;color:#393d49;line-height:3.2; letter-spacing: -0.04em;}
.dream2023 .msgPopup .tit h2 strong{font-size:21px;font-weight:900;color:#fc482d;line-height:3.2; letter-spacing: -0.04em;}
.dream2023 .msgPopup table th{height:33px;padding:10px 0 10px 27px;background:#f1f1f1;color:#606677; vertical-align:top; text-align:left; font-size:14px; line-height:2.2;font-family: 'Noto Sans Korean','AppleSDGothic Neo-Regular','Malgun Gothic', '맑은 고딕', 'dotum', '돋움', sans-serif;}
.dream2023 .msgPopup table td{padding:10px 27px 10px 0;color:#666; background:#f1f1f1; font-size:14px;}
.dream2023 .msgPopup .contWrap {background: #e7eaef;}
.dream2023 .msgPopup .txt.num {width: 39px;}
.dream2023 .msgPopup .txt.num.lb_dream_02 {padding: 0 10px;}
.dream2023 .msgPopup .thTit {font-size: 14px;font-weight: 600;color: #606677;letter-spacing: -0.04em;}
.dream2023 .msgPopup .thTit .point {font: inherit; font-weight : 400; color: #ff8025;}
.dream2023 .msgPopup .info_txt {font-size: 13px; font-weight: 300; color: #888; line-height: 20px; letter-spacing: -0.04em;}
.dream2023 .msgPopup .input_area.person input[type="text"] {padding: 0 11px; font-size: 12px;}
.dream2023 .msgPopup .input_area.person .info_txt {margin-left: 0; letter-spacing: -0.05em;}
.dream2023 .msgPopup .remaining_wrap .info_txt {margin: 6px 0; }
.dream2023 .msgPopup .remaining_wrap td {padding: 10px 27px 10px}
.dream2023 .evtInfoWrap {padding: 15px 10px 40px 27px;}
.dream2023 .msgPopup .event_info li {padding-left: 9px; text-indent: -9px; letter-spacing: -0.04em;}
.dream2023 .msgPopup .event_info li:before {display: none;}
.dream2023 .evtInfoWrap {background: #fff;}
.dream2023 .evtInfoWrap.wrap1 {padding-bottom: 0; border-bottom: 1px solid #dfdfdf;}
.dream2023 .evtInfoWrap.wrap2 {padding-top: 0; padding-right: 27px; margin-top: 5px;  border-top: 1px solid #dfdfdf;}
.dream2022 .msgPopup .evtInfoWrap.wrap2   .agree_wrap .event_info {margin-top: 0; border-top: 0;}
.dream2023 .msgPopup .event_info ul + p {font-size: 14px; font-weight: 300; color: #abadb5; line-height: 20px;}
.dream2023 .msgPopup textarea {color: #393d49;}
.dream2023 .msgPopup .btnArea a {background: #f65944;}
.dream2023 .btnLink {display: inline-block; position: absolute; left: 50%; bottom: 50px; transform: translateX(-50%); width: 320px; height: 68px; }

/* 이용약관 */
.serviceWrap {padding: 65px 0 90px; position: relative;width:1200px;margin:0 auto;}
.serviceWrap h1 {line-height: 1; font-weight: 600;  margin: 0; font-size: 40px; color: #393d49; text-align: center;}
.serviceContent {padding:30px;  line-height: 24px; color: #888888;}
a.printBtn {position: absolute; top: 66px; right: 0;}
.printBtn_wrap {position: relative; margin-top: 15px; overflow: hidden}
.printBtn_wrap a.printBtn {position: static; float: right;}
.privacyAnc_list{margin-top:45px;border: 1px solid #e1e1e1; padding: 40px 90px; }
.privacyAnc_list:after {content:"";display:block;clear:both;}
.privacyAnc_list ol {float:left;width:50%;line-height:20px}
.privacyAnc_list ol li + li{margin-top:15px;}
.privacyAnc_list ol li a {display:inline-block;font-size:16px;color:#333;font-weight:500;}
.privacyAnc_list ol li a:hover{color:#4083ee; text-decoration: underline; text-underline-position: under;}

.serviceAnc_list {display:flex;justify-content:space-around;background: #fff;border: 1px solid #e4e4e4;padding: 55px 70px 30px;margin: 0 0 40px;}
.serviceAnc_list dl dt {margin-top:25px;padding-bottom:20px;font-size:16px;color:#333333;font-weight:500;line-height:1;}
.serviceAnc_list dl dt:first-child{margin-top:0px;}
.serviceAnc_list dl dd {padding-right:10px;line-height:24px;}
.serviceAnc_list dl dd.last {padding: 0 10px 25px 0;}
.serviceAnc_list dl dd a{color: #888888;}
.serviceAnc_list dl dd a:hover{color:#4083ee;text-decoration: underline; text-underline-position: under;}

/* 개인정보 처리방침  */
.terms_wrap.privacy .terms_desc > ul > li {margin-top:20px;padding-left:0; text-indent:0; font-weight: 400; color: #333333;}
.terms_wrap.privacy .terms_desc > ul > li > p {text-indent: 0; color: #888;}
.terms_wrap.privacy .terms_desc > ul > li li {text-indent: 0; color: #888;}
.terms_wrap.privacy ul.lightFont li{color: #888;padding: 0;}
.terms_wrap.privacy ul.lightPad li {padding: 25px 0 0;}
.terms_wrap.privacy ul.listtopPad {padding: 25px 0 0;}
.terms_wrap.privacy ul li ul.dePartment li{color: #d85f5b; padding: 0;}
.terms_wrap.privacy ul li ul.externalLink li {padding: 0; color: #666;}
.terms_wrap.privacy ul li .comment {margin-bottom:10px;padding-left:15px;text-indent:-15px;}
.terms_wrap.privacy ul li .comment.type02 {margin-bottom:0}
.terms_wrap.privacy table.privacyContract th {padding: 10px 0 10px 10px; text-align: left;}
.terms_wrap.privacy .terms_desc > ul > li > ul > li > dl {text-indent:0 !important}
.terms_wrap.privacy .terms_desc > ul > li > ul > li > dl dt{color:#888;}
.terms_wrap.privacy .terms_desc > ul > li > ul > li > dl dd {padding-left:15px;color:#888888;}
.terms_wrap.privacy .list_arrow li {padding-left: 15px !important; text-indent: -15px !important;}
.terms_wrap.privacy p {padding-left: 0 !important; text-indent: 0 !important;}
.terms_wrap.privacy table td li {font-weight: 500; color:#666 !important;}
.serviceWrap .terms_wrap .terms_desc > li + li{padding-top:30px;}
.terms_wrap .terms_btm strong{margin-top: 25px;font-weight: 400;font-size: 14px;color: #333;}
.terms_wrap .terms_btm p{color:#888;}

/* 이용약관 / 개인정보처리방침 - 이전약관 스타일 */
.oldVerWrap{margin-top:70px;padding-top:70px;border-top:1px dashed #ccc;}
.oldVer_link{padding: 45px 0 0;}
.oldVerWrap .oldVer_link{padding:0;}
.oldVerWrap > .item + .item{margin-top:30px;}
.oldVerWrap .oldVerTit{font-size:15px;font-weight:400;color:#333;}
.oldVer_link > li > a{position:relative;padding-left:16px;font-weight:400;color:#333;line-height:1;}
.oldVer_link > li > a:before{content:'▶';position:absolute;left:0;top:2px;color:#333;}
.oldVer_link > li > a:hover{text-decoration:underline;text-underline-position:under;color:#4083ee;}
.oldVer_link > li > a:hover:before{color:#4083ee;}

/* 팝업 스타일 */
.layerPop {position: absolute; background: #fff; z-index: 9999;}
.privacyPopup1, .servicePopup1, .servicePopup2 {width: 700px; height: 700px; position: absolute;  left: 50%; top: 50%; margin-left: -350px; margin-top: -750px;}
.termsPopup1, .termsPopup2 {width: 700px; height: 700px; position: absolute;  left: 50%; top:50%; margin-left: -350px;  margin-top: -700px;}
.termsPopup,
.privacyPopup {width: 700px; height: 700px; position: fixed;  left: 50%; top:50%; margin-left: -350px;  margin-top: -350px;} /* 약관팝업 */
.termsPopup .popHeader, .privacyPopup .popHeader {position: relative;height:auto; background: #ebf1fb; width: 100%;}
.termsPopup .popHeader h1, .privacyPopup .popHeader h1{padding: 40px 30px 36px; font-weight: 600; font-size: 22px; color: #444444; border: none;letter-spacing:-0.05em;text-align:left;}
.termsPopup .popHeader h1 span, .privacyPopup .popHeader h1 span{color:#3d78d6;font-size:inherit;font-weight: inherit;}
.termsPopup .popHeader a.pop_close, .privacyPopup .popHeader a.pop_close {display: block;position: absolute;top: 39px;right: 30px;width: 25px;height: 25px;background: url('../images/member/btn_popup_close.png') no-repeat 0 0;}
.termsPopup .popContent, .privacyPopup .popContent {padding: 20px 30px; border:1px solid #e1e1e1; border-top:0 none;background:#ffffff;}
.termsPopup .popContent iframe, .privacyPopup .popContent iframe {border: 1px solid #e1e1e1; width: 640px; height: 600px; overflow-y: auto;}
.termsPopup .popUp_btns, .privacyPopup .popUp_btns {width: 150px; margin: 0 auto; padding: 0 !important;}
.termsPopup .popUp_btns li, .privacyPopup .popUp_btns li {display: inline-block;  width: auto !important; padding: 0 5px 0 0;}

.termsPopup .popContent,
.privacyPopup .popContent {position: relative; height:608px; padding:20px 30px; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch;}
.termsPopup .popContent iframe,
.privacyPopup .popContent iframe {width:100%; height: 100%; border:0; /* Android 이중 스크롤 방지 */ position:absolute; top:0; left:0;}

/* 개인정보 처리 방침 */
.privacyDetails h2{color: #333; font-size: 16px; margin: 0 0 15px;}
.privacyDetails p{color: #8c8c8c; ; display: block; line-height:1.7em}

.privacyDetails dl {padding: 0;}
.privacyDetails dt {font-weight: 500; color: #333; width: 100%; display: inline-block; *display: inline; }
.privacyDetails dd {padding: 0 0 60px; }
.privacyDetails dd .padT {padding-top:25px;}
.privacyDetails dd table.privacyContract td{text-align: left; padding: 0 0 0 60px;}
.privacyDetails dl dd ul li {padding: 25px 0 0; ; color: #666; font-weight: 500; line-height:1.7em}
.privacyDetails dl dd ul.lightFont li{color: #8c8c8c; font-weight: normal; padding: 0;}
.privacyDetails dl dd ul.lightPad li {padding: 25px 0 0;}
.privacyDetails dl dd ul.listtopPad {padding: 25px 0 0;}
.privacyDetails dl dd ul li ul li {line-height: 1.7em; padding: 0; color: #8c8c8c; font-weight: normal;}
.privacyDetails dl dd ul li ul.dePartment li{color: #d85f5b; padding: 0;}
.privacyDetails dl dd ul li ul.externalLink li {padding: 0; color: #666;}
.privacyDetails dl dd p {padding: 0; margin: 0;line-height:1.7em}
.privacyDetails dl dd table {margin: 20px 0; width: 100%;}
.privacyDetails dl dd table th {padding: 10px 0; text-align: center;  color: #666; background: #f2f2f2; border: 1px solid #e2e2e2;}
.privacyDetails dl dd table td {color: #666; vertical-align: middle; padding: 20px 0; border: 1px solid #e2e2e2; text-align: center; font-weight:500;}

.privacyDetails dl dd table.privacyContract th {padding: 10px 0 10px 10px; text-align: left;}

/* 2016-11-30 개인정보처리방침 */
.privacyDetails.renew {line-height:1.55}
.privacyDetails.renew .privacyAnc_list {margin-top:15px;*zoom:1}
.privacyDetails.renew .privacyAnc_list:after {content:"";display:block;clear:both;}
.privacyDetails.renew .privacyAnc_list ol {float:left;width:50%;line-height:1.8}
.privacyDetails.renew .privacyAnc_list ol li a {color:#333;font-weight:500;}
.privacyDetails.renew p {font-weight:normal;}
.privacyDetails.renew dl dd ul li {padding-left:18px;text-indent:-18px;}
.privacyDetails.renew dl dd ul li > p {text-indent:0}
.privacyDetails.renew dl dd ul li ul li  {padding-left:15px;text-indent:-15px;}
.privacyDetails.renew dl dd ul li ul li ul li {padding-top:0;}
.privacyDetails.renew dl dd ul.list_hyp li {padding-left:8px;text-indent:-8px;}
.privacyDetails.renew dl dd ul.list_hyp.type02 {margin-left:15px;}
.privacyDetails.renew dl dd ul.list_cir li {padding-left:15px;text-indent:-15px;}
.privacyDetails.renew table {margin:10px 0 10px 0;}
.privacyDetails.renew table th {padding:5px;text-indent:0;}
.privacyDetails.renew table td {text-align:left;padding:5px;text-indent:0;}
.privacyDetails.renew table td.textC {text-align: center;}
.privacyDetails.renew table td.em {color:#666; font-weight:500;}
.privacyDetails.renew .comment {margin-bottom:10px;padding-left:15px;text-indent:-15px;}
.privacyDetails.renew .comment.type02 {margin-bottom:0}
.privacyDetails.renew dl dd ul li .privacyPopup,
.privacyDetails.renew dl dd ul li .privacyPopup1,
.privacyDetails.renew dl dd ul li .privacyPopup2,
.privacyDetails.renew dl dd ul li .privacyPopup3 {padding-left:0;text-indent:0;}
.privacyDetails.terms{padding:30px;}
.layer_content > .privacyDetails.terms{padding:0;}
.privacyDetails.terms dl dd ul li {padding-left:0;text-indent:0;}
.privacyDetails.terms dl dd ul li > p {font-weight:normal;line-height:1.7em;color:#8c8c8c;}
.privacyDetails.terms dl dd ul li ul li,
.privacyDetails.terms dl dd ul li ul li ul li  {padding-left:15px;text-indent:-15px;}
.privacyDetails.terms dl dd ul li ul li ul li ul li {padding-left:8px;text-indent:-8px;}

/* 2017-12-26 개인정보처리방침(레이어 팝업으로 이동 시) */
.serviceContent.old {padding: 20px 30px;}
.serviceContent.old .privacyDetails.renew .privacyAnc_list {padding: 10px 15px;}
.serviceContent.old .serviceContent {padding:0;}
.serviceContent.old .privacyAnc_list {padding: 35px 40px;}
.serviceContent.old .privacyAnc_list ol{float:none; width:100%;}
.serviceContent.old .privacyAnc_list ol + ol{margin-top:15px;}

@page{
    size:210mm 297mm;
}
@media print {
    .contents,
    .conts { width:auto; }
    #globalGnb,
    .header,
    .lnb,
    #quick,
    #quickMenu,
    .footer,
    #conts .cate,
    #conts h3,
    .typeView .title,
    .typeView .print,
    .typeView .fileList,
    .typeView .btnR { display:none; }
    .location{right:50%;transform:translateX(-50%);}
    .department_wrap{max-width:1000px;}
    .department_wrap .buttons{display:none;}
    .view_allClass_pop{display:none !important;}
    .serviceWrap{width:210mm;}
    .serviceAnc_list dl:first-child,
    .serviceAnc_list dl:nth-child(2){width:47.5%;}
    .serviceAnc_list dl:first-child{margin-right:5%;}
    .location span{position:relative;}
    .location span+span:before{content:'>';margin-right:10px;}
}

#pop-pen .ui-draggable-handle{min-width:auto;}

/* 2022-05-04 오류 수정 및 고도화 요청 */
.subject li a .txtbox p{max-height: 42px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;}

/* 2022-05-04, 22-10 차시창 쪽수 추가*/
.wrap_chasi .chasi_item .txt a span{font-size:15px;font-weight:500;color:#393d49;line-height:22px;}
.wrap_chasi .chasi_item .txt a span.period_num{font-weight:400;color:#7a7a7a;}
.wrap_chasi .chasi_item:visited .txt a,
.wrap_chasi .chasi_item:hover .txt a,
.wrap_chasi .chasi_item:visited .txt a span,
.wrap_chasi .chasi_item:hover .txt a span{color:#ff7225;}
.wrap_chasi .chasi_item .txt .newLineArea{margin-top:5px;padding-left:10px;font-size:13px;color:#5f6a8b;line-height:1.38;letter-spacing:-0.02em;white-space: pre-line;}
.pop_studylist .wrap_idx .chasiplan dl dd span{line-height:25px;font-size:14px;color:#8e9091;letter-spacing:-0.04em;}
.pop_studylist .wrap_idx .chasiplan dl dd span.period_num{font-weight:300; color:#9b9da2;}
.pop_studylist .wrap_idx .chasiplan dl dd .now p, .pop_studylist .wrap_idx .chasiplan dl dd.now span, .pop_studylist .wrap_idx .chasiplan dl dd.now span.period_num{color:#ff8125;}

/* 오늘뭐하지 시즌4 */
.evt.s4done .evtListWrap{top:358px;}
.evt.s4done .btnShare{top:324px; height:50px; background:none;}
.evt.s4done .evtListWrap li{height:442px;}
.evt.s4done .evtListWrap li:nth-child(3){height:304px;width:100%;}
.evt.s4done .evtListWrap li .btnWrap{overflow:hidden;position:absolute;top:366px;left:123px;margin-top:0;width:275px;height:37px;}
.evt.s4done .evtListWrap li:nth-child(2) .btnWrap{top:420px;left:508px;}
.evt.s4done .evtListWrap li:nth-child(3) .btnWrap{top:671px;left:508px;}
.evt.s4done .evtListWrap li .btnWrap .ebookBtn{float:left;display:block;width:120px;height:37px;}
.evt.s4done .evtListWrap li .btnWrap .downBtn{float:right;display:block;width:150px;height:37px;}

#evtPopWrap.s4done .dimed{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,0.7);z-index:1000;}
#evtPopWrap.s4done .evtPopCont{height:auto;}
#evtPopWrap.s4done div[class*="evtPopTop"]{position: relative;width:850px;height:154px;}
#evtPopWrap.s4done .evtPopTop1{background:url('../images/tr/season4done/pop_tit01.png') no-repeat;}
#evtPopWrap.s4done .evtPopTop2{background:url('../images/tr/season4done/pop_tit02.png') no-repeat;}
#evtPopWrap.s4done .evtPopTop3{background:url('../images/tr/season4done/pop_tit03.png') no-repeat;}
#evtPopWrap.s4done .btnEvtPdf{right:24px;display:block;height:45px;background:none;}
#evtPopWrap.s4done .btnEvtPopClose{top:17px;right:19px;}
/* 2022-06-02 티스쿨 */
.conWrap.school220602 .box1 .btnWrap {top:500px;}
.conWrap.school220602 .box2 .btnWrap {top:500px;}
.conWrap.school220602 .box3 .btnWrap {top:1101px;}
.conWrap.school220602 .box4 .btnWrap {top:1101px;}


/* 2020-03-14 질문이 살아있는 수업*/
.live_question {letter-spacing:-0.065em}
.live_question .info {margin-top:28px;padding:35px 30px 52px;border-top:1px #e9e9ed solid;}
.live_question .info li {margin-top:21px;}
.live_question .info li:first-child {margin-top:0}
.live_question .info li p {background: url('../images/tr/bl_list.png') 0 6px no-repeat;padding-left:15px;font-size:20px;color:#53565d;font-weight:600;line-height:1;}
.live_question .info li span{display:block;padding-left:15px;margin-top:8px;font-size:16px;color:#a4a5a9;font-weight:400;}
.live_question .info li em {font-weight:600;font-size:inherit;}
.live_question .data_book{margin-top:5px;}
.live_question .data_book > ul > li {width:100%;height:420px;margin-top:10px;padding:40px 69px 40px 90px;border-radius:20px;border:1px solid #dae7f2;background:url('../images/tr/bg_live_ele.png') no-repeat left top;overflow:hidden;}
.live_question .data_book > ul > li .img_wrap{float:left;}
.live_question .data_book > ul > li > img {width:100%;max-width:214px;}
.live_question .data_book > ul > li .btn_set {position:relative;max-width:214px;margin-top:20px;}
.live_question .data_book > ul > li .btn_set:after {content:"";display:block;clear:both;}
.live_question .data_book > ul > li .btn_set::before {content:"";position:absolute;top:10px; left:50%; width:1px; height:18px; background:#a4a4a4;}
.live_question .data_book > ul > li .btn_set:hover::before {display:none;}
.live_question .data_book > ul > li .btn_set li {float:left;width:50%;}
.live_question .data_book > ul > li .btn_set li:first-child {position:relative;}
.live_question .data_book > ul > li .btn_set li a {display:block;background:#fff;height:38px;border:1px #a4a4a4 solid;color:#474e62;text-align:center;text-decoration:none;}
.live_question .data_book > ul > li .btn_set li a span {display:inline-block;height:36px;line-height:36px;padding-right:22px; background-repeat:no-repeat; background-position:100% 50%;font-weight:400;}
.live_question .data_book > ul > li .btn_set li a:hover {position:relative;color:#fff; z-index:2}
.live_question .data_book > ul > li .btn_set li a.btn_ebook {border-right:none; border-radius:8px 0 0 8px}
.live_question .data_book > ul > li .btn_set li a.btn_ebook span {background-image:url('../images/tr/ico_ebook.png');}
.live_question .data_book > ul > li .btn_set li a.btn_ebook:hover {background-color:#4f8ff6;}
.live_question .data_book > ul > li .btn_set li a.btn_ebook:hover span {background-image:url('../images/tr/ico_ebook_on.png');}
.live_question .data_book > ul > li .btn_set li a.btn_down {border-left:none; border-radius:0 8px 8px 0}
.live_question .data_book > ul > li .btn_set li a.btn_down span {padding-right:26px;background-image:url('../images/tr/ico_down.png');}
.live_question .data_book > ul > li .btn_set li a.btn_down:hover {background-color:#ff6655;}
.live_question .data_book > ul > li .btn_set li a.btn_down:hover span {background-image:url('../images/tr/ico_down_on.png');}
.live_question .data_book > ul > li .img_box{float:left;margin-left:20px;padding-top:2px;}
.live_question .data_book > ul > li .img_box li{width:130px;height:163px;margin-top:4px;border:1px solid #c9d1df;}
.live_question .data_book > ul > li .img_box li img{width:100%;height:100%;}
.live_question .data_book > ul > li .txt_wrap{float:left;margin-left:34px;}
.live_question .data_book > ul > li .txt_wrap p{font-size:16px; color:#8e9091;font-weight:400;line-height:24px;text-align:center;}
.live_question .data_book > ul > li .txt_wrap p span{font-size:inherit;font-weight:inherit;color:#ff6655;}

/* 2022-06-03 질문이 살아있는 수업 개편*/
.live_question .data_book > ul > li{height:auto;padding:0;margin:0;border-radius:0;border:none;background:none;overflow: visible;}
.live_question .data_book > ul > li+li{margin-top:25px;}
.live_question .data_book > ul > li h4{width:845px; margin:0 auto; border-radius:40px 40px 0 0; font-size:18px; color:#855e58; font-weight:600; text-align:center; line-height:49px; background:#ffd563; box-shadow: inset 0 -5px 0 0 rgba(0,0,0,0.15);}
.live_question .data_book > ul > li.ma h4{background:#ffa7b8; color:#814655;}
.live_question .data_book > ul > li.so h4{background:#c8de7c; color:#19844e;}
.live_question .data_book > ul > li.sc h4{background:#ade3ff; color:#254b90;}
.live_question .data_book > ul > li .question_cont{overflow:hidden; padding:30px 50px 40px; border-radius:30px; border:1px solid #dae7f2; background:#f2f6f7;}
.live_question .data_book > ul > li.common .question_cont{padding-top:40px;}
.live_question .data_book > ul > li .question_cont p{padding-bottom:30px;font-size:15px; color:#000000; font-weight:400; letter-spacing:-0.045em; text-align:center; line-height:1;}
.live_question .data_book > ul > li .question_cont .item_wrap {display:flex; justify-content:space-between;}
.live_question .data_book > ul > li .question_item{position:relative;}
.live_question .data_book > ul > li .question_item+.question_item:last-child{ padding-left:33px;}
.live_question .data_book > ul > li .question_item+.question_item:before{content:'';position:absolute; left:0; top:0; bottom:0; width:1px; height:100%; background:#dbdbdb;}
.live_question .data_book > ul > li .question_item .book_wrap p{font-size: 16px;color: #231815;font-weight: 600;padding-bottom: 0;margin-top: 9px;line-height: 26px;}
.live_question .data_book > ul > li .img_box{padding-top:0; margin-left:9px;}
.live_question .data_book > ul > li .txt_wrap{margin-left:45px;}
.live_question .data_book > ul > li .btn_set{margin-top:10px; width:100%; max-width:100%;}
.live_question .data_book > ul > li .btn_set:before{height:auto; top:0; bottom:0;}
.live_question .data_book > ul > li .btn_set li a {display:block;background:#fff;height:45px;border:1px #a4a4a4 solid;color:#62697f;text-align:center;text-decoration:none;}
.live_question .data_book > ul > li .btn_set li a span {display:inline-block;height:43px;line-height:43px;padding-right:30px; background-repeat:no-repeat; background-position:100% 50%;font-weight:500;}
.live_question .data_book > ul > li .btn_set li a:hover {position:relative;color:#393d49; z-index:2}
.live_question .data_book > ul > li .btn_set li a.btn_ebook {border-right:none; border-radius:5px 0 0 5px}
.live_question .data_book > ul > li .btn_set li a.btn_ebook span {background-image:url('../images/tr/ico_ebook2.png');}
.live_question .data_book > ul > li .btn_set li a.btn_ebook:hover {background-color:#ffd563;}
.live_question .data_book > ul > li .btn_set li a.btn_ebook:hover span {background-image:url('../images/tr/ico_ebook2_on.png');}
.live_question .data_book > ul > li .btn_set li a.btn_down {border-left:none; border-radius:0 5px 5px 0}
.live_question .data_book > ul > li .btn_set li a.btn_down span {padding-right:32px;background-image:url('../images/tr/ico_down2.png');}
.live_question .data_book > ul > li .btn_set li a.btn_down:hover {background-color:#ffd563;}
.live_question .data_book > ul > li .btn_set li a.btn_down:hover span {background-image:url('../images/tr/ico_down2_on.png');}

/*2025-01-14 질문이 살아있는 수업 개편 */
.live_question .tab_wrap {margin:0 0 27px 0;display: block;}
.live_question .tab_menu {display:flex;border-radius:8px;background:#f4f4f5;overflow:hidden;}
.live_question .tab_menu li {flex:1;}
.live_question .tab_menu li a {display:flex;justify-content:center;align-items:center;height:60px;background:#f4f4f5;border:1px solid #f4f4f5;font-size:20px;font-weight:600;color:#1e1e21;}
.live_question .tab_menu li.on a {background:#0086ff;border-color:#0086ff;color:#fff;border-radius:8px;}
.live_question .tab_menu li.on a:after {content:'';position:absolute;bottom:-10px;display:inline-block;width:14px;height:12px;background:url('../images/tr/tab_arr.png') no-repeat center center;}
.live_question .tab_conts.on {display:block;}
.live_question .data_book.book2022 > ul > li {padding:60px 40px;border:1px solid #dcdcdc; border-radius:8px 8px 0 0;}
.live_question .data_book.book2022 > ul > li + li {margin-top:0;border-top: none;}
.live_question .data_book.book2022 > ul > li:last-child {border-radius:0 0 8px 8px;}
.live_question .data_book.book2022 > ul > li .img_wrap {float: none;}
.live_question .data_book.book2022 > ul > li .tit_wrap{display:flex;gap:10px;justify-content:center; width:830px; margin:0 auto 33px; border-radius:12px; line-height:72px; background:#f4f8ff; border:1px solid #dcdcdc; box-shadow: inset 0 -3px 0 0 rgba(0,0,0,0.04);}
.live_question .data_book.book2022 > ul > li .tit_wrap h3{line-height:72px;font-size:22px; color:#1e1e21;font-weight:600;}
.live_question .data_book.book2022 > ul > li .tit_wrap h3 span{margin-left:0;font:inherit; color:#273fa1;}
.live_question .data_book.book2022 > ul > li .tit_wrap p {font-size:16px;font-weight:300;color:#1e1e21;}
.live_question .data_book.book2022 > ul > li .question_cont {padding:0;background:none;border:none;overflow:visible;}
.live_question .data_book.book2022 > ul > li .question_item+.question_item:before {background:#f4f4f5;}
.live_question .data_book.book2022 > ul > li .question_item+.question_item:last-child {padding-left:26px;}
.live_question .data_book.book2022 > ul > li .question_item .grade {padding-bottom:0; position:relative;display:inline-block;font-size:20px;color:#273fa1;font-weight:400;line-height:1;}
.live_question .data_book.book2022 > ul > li .question_item .grade strong {font:inherit;font-weight:600;}
.live_question .data_book.book2022 > ul > li .question_item .grade:after {content:'';display:block;position:absolute;bottom:-12px;width:100%;height:3px;background:#273fa1;}
.live_question .data_book.book2022 > ul > li .question_item .book_wrap {margin-top:47px;}
.live_question .data_book.book2022 > ul > li .btn_set:before {content:none;}
.live_question .data_book.book2022 > ul > li .btn_wrap {display: flex;max-width:385px;margin-top:30px;}
.live_question .data_book.book2022 > ul > li .btn_wrap li {flex:1;}
.live_question .data_book.book2022 > ul > li .btn_wrap li .user {text-align:center;line-height:44px;border:1px solid #dcdcdc;}
.live_question .data_book.book2022 > ul > li .btn_wrap li .user span {font-size:16px;font-weight:600;color:#1e1e21;}
.live_question .data_book.book2022 > ul > li .btn_wrap li .teacher {border-radius:8px 0 0 8px;border-right:none;}
.live_question .data_book.book2022 > ul > li .btn_wrap li .student {border-radius:0 8px 8px 0;}
.live_question .data_book.book2022 > ul > li .btn_wrap .info_btn {display:flex;flex-direction:column;}
.live_question .data_book.book2022 > ul > li .btn_wrap .info_btn li {flex:1;padding:0 34px;line-height:48px;}
.live_question .data_book.book2022 > ul > li .btn_wrap .info_btn li span {font-size:16px;font-weight:600;color:#1e1e21;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px;}
.live_question .data_book.book2022 > ul > li .btn_wrap .info_btn span:before {content:'';display:inline-block;margin-right:10px;vertical-align:middle;background-repeat:no-repeat;}
.live_question .data_book.book2022 > ul > li .btn_wrap .info_btn .ebook span:before {width:20px;height:20px;background:url('../images/tr/ic_ebook.png') no-repeat 0 0;background-size:20px 20px;}
.live_question .data_book.book2022 > ul > li .btn_wrap .info_btn .down span:before {width:20px;height:20px;background:url('../images/tr/ic_down.png') no-repeat 0 0;background-size:20px 20px;}
.live_question .data_book.book2022 > ul > li .btn_wrap .info_btn .pdf span:before {width:20px;height:20px;background:url('../images/common/ic_file.png') no-repeat 0 0;}




/************ 2022-05-26 차시서비스 고도화 작업 ************/
/* 메인 */
.banner_m_top .main_bnr_tit{padding:12px 12px 20px;font-size:16px; color:#404041; font-weight:500; line-height:1; letter-spacing:-0.045em;}
.banner_m_top .main_bnr_tit span{font-size:inherit; color:#ff5b7a; font-weight:600;}
.banner_m_top .my_btn_wrap{position:absolute; left:333px;top:-2px; bottom:-2px; z-index:11;}
.banner_m_top .my_btn_wrap .btn_txt{display:block; position:relative;  margin-top:15px; width:37px; padding:30px 5px; font-size:15px; color:#cad2e3; font-weight:500; line-height: 1.2; background:#324155; text-align:center; border-radius:0 15px 0 0; overflow:hidden; border-bottom:2px solid #323b4d; box-shadow: 0 6px 1px rgb(71 71 71 / 10%); z-index:99;}
.banner_m_top .my_btn_wrap a.btn_txt:nth-of-type(2){margin-top:0; padding:17px 10px 0; background:#424d63; border-radius:0 0 15px 0; border-bottom:0;}
.banner_m_top .my_btn_wrap .btn_txt span{display:inline-block; margin-top:18px; width:19px; height:19px; background:url('../images/main/btn_txt_arr.png') no-repeat center center;}
.banner_m_top .my_btn_wrap a.btn_txt.on{position: relative;left: -2px; padding: 43px 15px;width: 51px;background: #efefef;border: 2px solid #474e62;border-left: 0;border-radius: 0 15px 15px 0; font-size:17px; color:#424d63; font-weight:600; box-shadow:9px 6px 0 rgba(0, 0, 0, 0.15);}
.banner_m_top .my_btn_wrap .btn_txt.on span{background-image:url('../images/main/btn_txt_arr2.png')}
.main_top_type02 .inner .banner_m_top{padding:10px;width: 335px;height: 383px; border-radius:25px;}
.main_top_type02 .inner .banner_m_top .myscrap{position:absolute;left: -2px;top: -2px;right: -2px;bottom: -2px;}
.main_top_type02 .inner .banner_m_top .myscrap > li{float:none; position:absolute; left:0; top:0; width:100%; height:100%;}
.main_top_type02 .inner .banner_m_top .myscrap > li + li{margin:0;}
.main_top_type02 .inner .banner_m_top .myscrap > li + li:before{display:none;}
.pop_layer_visual{left:0; right:unset !important; margin:0; width:335px; height:385px; padding:18px 10px; border-radius:30px 0 20px 30px; overflow:hidden; border:2px solid #474e62; background:#efefef;}
.main_top_type02 .inner .banner_m_top .myscrap > li:last-child .pop_layer_visual{border-radius: 30px 20px 0 30px;}
.pop_layer_visual .pop_wrap{min-width:0; min-height:0; border-radius:0; padding:0; background:none;}
.pop_layer_visual .pop_wrap:before{display:none;}
.pop_layer_visual .pop_wrap .module_head{padding:0px 12px 20px;}
.pop_layer_visual .pop_wrap .module_head p{padding:0;font-size:13px; color:#7e9cae; font-weight:500; letter-spacing:-0.045em; line-height:1.1;}
.pop_layer_visual .pop_wrap .module_head p:before{display:none;}
.pop_layer_visual .pop_wrap .slider-wrap-product{padding:0; width:auto; height:276px; border-radius:20px; border:1px solid #e9e9e9; overflow:hidden; background:#fff;}
.pop_layer_visual .pop_wrap .txtbook_list{padding:0;}
.pop_layer_visual .pop_wrap .txtbook_list.chasi ul{display:block; padding:12px 0 25px;}
.pop_layer_visual .pop_wrap .txtbook_list.chasi li{width:100% !important; padding:0; margin:0;}
.pop_layer_visual .pop_wrap .txtbook_list.chasi li{ padding:0; margin:0; height:auto;}
.pop_layer_visual .pop_wrap .txtbook_list.chasi li a{position:relative;display:block; padding:0 20px;}
.pop_layer_visual .pop_wrap .txtbook_list.chasi li a p{font-size:14px; color:#2d3847; font-weight:400; line-height:38px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; vertical-align:middle;}
.pop_layer_visual .pop_wrap .txtbook_list.chasi li + li a p{border-top:2px solid #e4e4e5;}
.pop_layer_visual .pop_wrap .txtbook_list.chasi li a span{display:inline-block; margin:0 10px 0 0; font-size:inherit; font-weight:500; color:#ff8211;}
.pop_layer_visual .pop_wrap .txtbook_list.chasi li a:hover{background:#ecf4f9;}
.pop_layer_visual .pop_wrap .txtbook_list.chasi li a:hover:before{content:'';position:absolute; left:0; top:-2px; width:100%; height:2px; background:#d5e4ee;}
.pop_layer_visual .pop_wrap .txtbook_list.chasi li a:hover:after{content:'';position:absolute; left:0; bottom:-2px; width:100%; height:2px; background:#d5e4ee;}
.pop_layer_visual .pop_wrap .txtbook_list.chasi li + li a:hover p{border-top:0; padding-top:2px;}
.pop_layer_visual .pop_wrap .slider-wrap-product .nodata{width:100% !important;}
.pop_layer_visual .pop_wrap .txtbook_list li.nodata{padding: 40px 0;}
.pop_layer_visual .pop_wrap .txtbook_list li.nodata p{padding-top:125px;font-size:14px; color:#727272; font-weight:400; line-height:20px; background:url('../images/mc/nodata02.png') no-repeat center top;}
.pop_layer_visual .pop_wrap .slider-wrap-product .holiday{width:100% !important;}
.pop_layer_visual .pop_wrap .txtbook_list li.holiday{padding: 40px 0;}
.pop_layer_visual .pop_wrap .txtbook_list li.holiday p{padding-top:125px;font-size:14px; color:#727272; font-weight:400; line-height:20px; background:url('../images/mc/nodata02.png') no-repeat center top;}
.pop_layer_visual .pop_wrap .btn_more_v{float:none; display:inline-block; margin-top:14px; padding:0 0 0 12px; font-size:13px; color:#2d3847; font-weight:400; text-align:left;}
.pop_layer_visual .pop_wrap .btn_more_v:after{position:static; display:inline-block; margin-left:4px; width:6px; height:16px; background:url('../images/main/btn_right_arr.png') no-repeat left center; vertical-align:top;}
.pop_layer_visual .pop_wrap .btn_more_v:hover{color:#2d3847;}
.pop_layer_visual .pop_wrap .btn_more_v:hover:after{background:url('../images/main/btn_right_arr.png') no-repeat left center;}
.pop_layer_visual .pop_wrap .txtbook_list.bk{padding:30px 30px 26px; height:100%;}
.pop_layer_visual .pop_wrap .txtbook_list.bk li a span{margin-top:5px;font-size:13px; color:#4a4a4a; font-weight:400; line-height:17px; letter-spacing:-0.05em;}
.pop_layer_visual .pop_wrap .txtbook_list.bk li a p{font-size:13px; color:#4a4a4a; font-weight:400; line-height:17px; letter-spacing:-0.05em;}
.pop_layer_visual .pop_wrap .txtbook_list.bk li a .bookimg{border-color:#c2c2c2;}
.pop_layer_visual .pop_wrap .txtbook_list.bk li a .bookimg:before{display:none;}
.pop_layer_visual .pop_wrap .txtbook_list.bk li a .bookimg:after{left: unset; right:-4px; top:0; width:4px; height:100%; background:url('../images/main/book_bg.png') no-repeat left center;}
.pop_layer_visual .pop_wrap .txtbook_list.bk li:hover a .bookimg:after {border-width:0;}
.pop_layer_visual .pop_wrap .txtbook_list.bk li.nodata{padding: 15px 0;}
.pop_layer_visual .pop_wrap .txtbook_list.bk li.nodata p span{font-size:inherit; font-weight:600; color:#ff871e;}
.pop_layer_visual .pop_wrap .txtbook_list.bk li.nodata .txt{display:block; margin-top:8px; font-size:13px; color:#7e9cae; font-weight:400; text-align:center;}
.pop_layer_visual .pop_wrap .txtbook_list.bk li.holiday{padding: 15px 0;}
.pop_layer_visual .pop_wrap .txtbook_list.bk li.holiday p span{font-size:inherit; font-weight:600; color:#ff871e;}
.pop_layer_visual .pop_wrap .txtbook_list.bk li.holiday .txt{display:block; margin-top:8px; font-size:13px; color:#7e9cae; font-weight:400; text-align:center;}
.pop_layer_visual .pop_wrap .mytxtbook_slidebar{position:relative;bottom:20px;width:100%;height:6px;background:#cacaca;border-radius:6px;z-index:2;}
.pop_layer_visual .pop_wrap .mytxtbook_slidebar .swiper-scrollbar-drag{position:absolute;top:-6px;width:17px !important;height:17px;background:url('../images/main/slide_bar.png'); border-radius:100%;box-shadow:0 3px 2px 0 rgba(0,0,0,0.36);}
.main_top_type02 .inner .banner_m_top .recom_ch{border-radius:0; border:0; margin-top:0;}
.main_top_type02 .inner .banner_m_top .recom_ch > ul{display:flex; flex-wrap:wrap;}
.main_top_type02 .inner .banner_m_top .recom_ch > ul li{display:flex; flex-direction:column; align-items:center; justify-content:center; width:155px; height:155px; border-radius:15px 10px 10px 15px; overflow:hidden; border:2px solid #eaeaea; background:#fff;}
.main_top_type02 .inner .banner_m_top .recom_ch > ul li:nth-child(even){border-radius:10px 15px 15px 10px;}
.main_top_type02 .inner .banner_m_top .recom_ch > ul li:nth-child(odd){border-left:2px solid #eaeaea;}
.main_top_type02 .inner .banner_m_top .recom_ch > ul li:nth-child(-n+2){border-top:2px solid #eaeaea;}
.main_top_type02 .inner .banner_m_top .recom_ch > ul li a{padding:0;}

/* 교과서 자료실 */
.my_chasi_bar{height:72px;background:#f0f4f8; border-bottom:2px solid #dae7f2;}
.my_chasi_bar .inner{position:relative;max-width:1200px;height:100%; margin:0 auto; padding:0 50px;  display:flex;align-items:center;}
.my_chasi_bar .inner:before{content:''; position:absolute; left:0; top:0; width:30px; height:49px; background:url('../images/educourse/ico_badge.png') no-repeat left top;}
.my_chasi_bar h3{margin-right:10px; width:92px; font-size:18px; color:#393d49; font-weight:600;}
.my_chasi_bar .chasi_info_wrap{position:relative; margin-right:37px;}
.my_chasi_bar .chasi_info_wrap .btn_info{display:block; width:22px; height:22px; background:url('../images/educourse/ico_info.png') no-repeat center center;}
.my_chasi_bar .chasi_info_wrap .info_pop{display:none;position:absolute; left:50%; top:37px; transform:translateX(-50%); padding:0 16px; font-size:13px; color:#ff8125; font-weight:400; line-height:32px; border-radius:16px; border:1px solid #ff8631; background:#fff0d9; white-space:nowrap; letter-spacing:-0.06em; z-index:98;}
.my_chasi_bar .chasi_info_wrap .info_pop:before{content:''; position:absolute; left:50%; top:-11px; transform:translateX(-50%); width:6px; height:11px; background:url('../images/educourse/ico_pop_bg.png') no-repeat center top;}
.my_chasi_bar .chasi_info_wrap .info_pop.on{display:block;}
.my_chasi_bar .msg{font-size:16px; color:#939393; font-weight:400; letter-spacing:-0.06em;}
.my_chasi_bar .txt a{font-size:16px; color:#393d49; font-weight:500;}
.my_chasi_bar .txt a:hover{color:#ff8125;}
.my_chasi_bar .txt span{position:relative; display:inline-block; margin-left:14px; padding-left:16px; font-size:16px; color:#989a9b;}
.my_chasi_bar .txt span:before{content:''; position:absolute; left:0; top:50%; margin-top:-8px; width:2px;height:16px; background:#dbdbdb;}

/* 차시창 */
.my_chasi_wrap{position:relative;display:inline-block;}
.my_chasi_wrap .btn_chasi_slide{margin-right:0;}
.my_chasi_wrap .my_chasi_menu{position:absolute;left:0; top:37px;display:none; width:100%; border:1px solid #ced5de; border-radius:5px; overflow:hidden; z-index:9999;}
.my_chasi_wrap .my_chasi_menu.on{display:block;}
.my_chasi_wrap .my_chasi_menu a{display:block; padding:0 15px; font-size:13px; color:#8e9091; line-height:32px; background:#fff; font-weight:400;}
.my_chasi_wrap .my_chasi_menu a:hover{color:#4c5260;background:#f1f1f1;}
#pop_myprogress .pop_c_body table{margin-top:3px; width:100%;}
#pop_myprogress .pop_c_body table th p{color:#393d49; letter-spacing:-0.045em;}
#pop_myprogress .pop_c_body table tr:hover  th p{color:#ff8125;}
#pop_myprogress .pop_c_body table th{padding:10px 20px;border-bottom:1px solid #e9e9ea; border-right:1px solid #e9e9ea;}
#pop_myprogress .pop_c_body table td{padding:10px 20px;border-bottom:1px solid #e9e9ea; border-right:1px solid #e9e9ea;}
#pop_myprogress .pop_c_body table td.date_table {border-right:none;}
#pop_myprogress .pop_c_body table tr:hover .date{color:#99a9b7;}
#pop_myprogress .pop_c_body table tr:not(.chasi_nodata_wrap):hover{background:#f1f1f1;}
#pop_myprogress .pop_c_body table tr:hover .btn_del{background-color:#fff;}
#pop_myprogress .pop_c_body table tr .date{color:#99a9b7;}
#pop_myprogress .pop_c_body table tr:not(.chasi_nodata_wrap):hover .date{color:#ff8125;}
#pop_myprogress .pop_c_body table tr:not(.chasi_nodata_wrap):hover td p{color:#ff8125;}
#pop_myprogress .pop_c_body .scr.pr30 .nodata_chasi {border-bottom:0; text-align:center; padding:135px 0;}

/* 내 문의함 상세 */
.tblist tbody td .period_error_route{padding:18px 30px; border-bottom:1px solid #ddd;}
.tblist tbody td .period_error_route p{padding-left:10px;position:relative;font-size:16px; color:#ff8125; font-weight:400;}
.tblist tbody td .period_error_route p:before{content:'';position:absolute;left:0;top:8px;width:4px; height:4px; background:#8e9091;}
/************************************************/



/*2022 - 10 - 26 시간표 서비스 구축*/

.main_top_type02 .inner .banner_m_top {right:40px; width:405px; height:405px; box-shadow: none !important;}
.banner_m_top .main_bnr_tit {width:100%; text-align:center;}
.pop_layer_visual {width:405px; height:405px; padding:10px 10px; box-shadow: none !important;}
.pop_layer_visual .pop_wrap .module_head p {width:100%; text-align:center; font-size:14px; color:#859bac;}
.banner_m_top .my_btn_wrap {left:403px;}
.banner_m_top .my_btn_wrap .btn_txt { width:34px; height:178px; padding:17px 8px 0; margin-top:22px; font-size:13px; font-weight:400; line-height:1;}
.banner_m_top .my_btn_wrap a.btn_txt.on {left: -2px; width:48px; height:178px; padding:20px 15px 0; font-size:14px; font-weight:500; color:#4083ee; box-shadow:none !important;}
.banner_m_top .my_btn_wrap .btn_txt i {display:block; width:3px; height:5px;}
.banner_m_top .my_btn_wrap .btn_txt + em.btnTimeVideo {position:absolute;top:116px;left:8px;display:inline-block; width:18px; height:18px; background:url('../images/main/btn_info.png')no-repeat center; background-size:100% auto;z-index: 9999;cursor:pointer;}
.banner_m_top .my_btn_wrap .btn_txt.on + em.btnTimeVideo {top:126px;left:12px;background:url('../images/main/btn_info_on.png')no-repeat center; background-size:100% auto;}
.pop_layer_visual {border-radius:25px;}
.main_top_type02 .inner .banner_m_top .myscrap > li:last-child .pop_layer_visual {border-radius:25px;}
.banner_m_top .my_btn_wrap .btn_txt span {position:absolute; left:50%; bottom: 17px; width:7px; height:11px; background:url('../images/main/btn_txt_arr3.png')no-repeat center; background-size:100% auto;  transform:translateX(-50%);}
.banner_m_top .my_btn_wrap .btn_txt.on span { width:10px; height:15px; background:url('../images/main/btn_txt_arr4.png')no-repeat center; background-size:100% auto;}

#mytxtbook-box .pop_wrap {padding-top:8px;}

.banner_m_top .main_bnr_tit {font-size:18px;}


.pop_layer_visual .pop_wrap .slider-wrap-product {height:293px; border:1px solid #cdcdcd;}
.pop_layer_visual .pop_wrap .module_head {padding-bottom:12px;}
.pop_layer_visual .pop_wrap .btn_more_v {margin-top:19px; font-weight:400; font-size:14px; color:#2d3847;}
.pop_layer_visual .pop_wrap .my-textbook-list{padding:40px 20px 16px 30px;}
.pop_layer_visual .pop_wrap .txtbook_list.bk {padding: 0; height: 100%; }
.pop_layer_visual .pop_wrap .txtbook_list.bk .swiper-wrapper li:last-child{margin-right:101px;}

.main_top_type02 .inner .banner_m_top .recom_ch {padding:0 15px;}
.main_top_type02 .inner .banner_m_top .recom_ch > ul li {width:175px;}
.main_top_type02 .inner .banner_m_top .recom_ch .type02 {margin-top:6px; font-size:16px; color:#393d49; letter-spacing:-0.05em;}
.main_top_type02 .inner .banner_m_top .recom_ch > ul li a .thumb {width:68px; height:68px;}
.txtbook_list.chasi {display:none;}
.txtbook_list.chasi.on {display:block;}

/*오늘의 수업*/
.pop_layer_visual.today_class .pop_wrap .module_head {padding-bottom:8px; overflow:unset;}
.pop_layer_visual.today_class .class_top {display:flex; position:relative; }
.pop_layer_visual.today_class .class_top .date_box {display: flex; justify-content: center; align-items: center; position: relative; width: 118px; margin-right:11px;}
.pop_layer_visual.today_class .class_top .date_box button {display:inline-block; width:6px; height:9px; }
.pop_layer_visual.today_class.no_class .class_top .date_box button {display:none;}
.pop_layer_visual.today_class .class_top .date_box button.prev_date {height: 100%; margin-right:-5px; padding: 0 10px;  background:url('../images/main/arr_today_class1.png')no-repeat center;}
.pop_layer_visual.today_class .class_top .date_box button.next_date {height: 100%; margin-left:-5px; padding: 0 10px; background:url('../images/main/arr_today_class2.png')no-repeat center;}
.pop_layer_visual.today_class .class_top .date_box .date {display:flex; margin:0 6px;}
.pop_layer_visual.today_class .class_top .date_box .date p {height:23px; text-align:center; line-height: 23px;font-size: 16px;color: #404450;letter-spacing: -0.045em; margin-right: 3px; overflow:hidden;}
.pop_layer_visual.today_class .class_top .date_box .date .day {padding:0 6px; line-height: 23px;background: #474e62;text-align: center;color: #fff;font-size: 13px;font-weight: 500;border-radius: 50%;}
.pop_layer_visual.today_class .class_top .sc_evt {position: relative; width: 188px; height:23px; font-size: 13px;color: #4083ee;line-height: 23px;font-weight: 400; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.pop_layer_visual.today_class .class_top .sc_evt_pop {display: none; position: absolute; top: 32px; width: 358px; height:104px; padding:15px; background:#eef4f9; border:1px solid #4083ee; border-radius:15px; font-size: 13px; font-weight:400; color:#4083ee; letter-spacing:-0.045em; line-height:20px;  box-shadow: 4px 4px 0 rgba(81,81,81,0.27); z-index:999;}
.pop_layer_visual.today_class .class_top .sc_evt_pop:after { content:""; display:block; position:absolute; left:50%; top:-11px; transform:translateX(-50%); width: 17px; height:11px; background:url('../images/main/sc_evt_pop.png')no-repeat center; background-size:100% auto;}
.pop_layer_visual.today_class .class_top a.class_set {display:inline-block; position:absolute; right:0; top:50%; width:28px; height: 28px;  transform: translateY(-50%); font-size: 0; background: url('../images/main/btn_set.png')no-repeat center; background-size:100% auto; }
.pop_layer_visual.today_class .pop_wrap .slider-wrap-product {height:305px;}
.pop_layer_visual.today_class.no_class .pop_wrap .slider-wrap-product {height:347px;}


/*오늘의 수업 = 로그인 전*/
.pop_layer_visual.today_class .pop_wrap .txtbook_list .nodata{padding-top: 166px; text-align: center; background:url('../images/main/class_nodata.png')no-repeat center 74px; }
.pop_layer_visual.today_class .pop_wrap .txtbook_list .nodata p {margin-bottom:15px; font-size:18px; font-weight:500; color:#474e62; line-height:24px;}
.pop_layer_visual.today_class .pop_wrap .txtbook_list .nodata a {display:block; width:155px; height:40px; margin: 0 auto; line-height:38px; text-align:center; font-size:14px; font-weight:500; color:#ff6b31; letter-spacing:-0.045em; background:#fff4d3; border:1px solid #ffab7d; border-radius:20px;}

/*오늘의 수업 = 로그인 후*/
.pop_layer_visual.today_class .pop_wrap .txtbook_list .time_table {width:100%; table-layout:fixed;}
.pop_layer_visual.today_class .pop_wrap .txtbook_list .time_table dl {display:table; width:100%; }
.pop_layer_visual.today_class .pop_wrap .txtbook_list .time_table dl a {display:block;}
.pop_layer_visual.today_class .pop_wrap .txtbook_list .time_table dl dd {display:table-cell; height:51px; border-bottom:1px solid #e6e6e6; border-right:1px solid #e6e6e6; text-align:center; vertical-align:middle;}
.pop_layer_visual.today_class .pop_wrap .txtbook_list .time_table dl dd p {font-size: 13px; font-weight: 500; letter-spacing: -0.04em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 205px}
.pop_layer_visual.today_class .pop_wrap .txtbook_list .time_table dl dd p em{font:inherit;}
.pop_layer_visual.today_class .pop_wrap .txtbook_list .time_table dl dd:first-child {width:53px; color: #5d5d5d;}
.pop_layer_visual.today_class .pop_wrap .txtbook_list .time_table dl dd:nth-child(2) {;width:80px; color: #404450; vertical-align:middle;}
.pop_layer_visual.today_class .pop_wrap .txtbook_list .time_table dl dd:nth-child(2) .txt{display:flex; height:100%; flex-direction:column; justify-content:center;}
.pop_layer_visual.today_class .pop_wrap .txtbook_list .time_table dl dd:nth-child(2) span {display:inline-block; color:#474e62; font-size:11px; font-weight:400; letter-spacing:-0.04em;}
.pop_layer_visual.today_class .pop_wrap .txtbook_list .time_table dl dd:last-child {width:245px; padding-left:12px; border-right:0; overflow:hidden; text-align:left;}
.pop_layer_visual.today_class .pop_wrap .txtbook_list .time_table dl dd:last-child p span{position:relative; font-size:12px; color:#404450; font-weight:400; }
.pop_layer_visual.today_class .pop_wrap .txtbook_list .time_table dl a:hover dd:last-child p span{color:#4083ee; }
.pop_layer_visual.today_class .pop_wrap .txtbook_list .time_table dl a:hover dd:last-child p span:after {content:""; display:block; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#4083ee;}
.pop_layer_visual.today_class .pop_wrap .txtbook_list .time_table dl a dd:last-child .memo {display:block; font-size: 11px; color: #758490; padding-left: 18px;background: url('../images/main/ic_memo.png')no-repeat left bottom; line-height:16px;}

/*오늘의 수업 = 공휴일*/
.pop_layer_visual.today_class .pop_wrap .txtbook_list .holiday {padding-top: 190px; text-align: center; background:url('../images/main/class_holiday.png')no-repeat 122px 74px; }
.pop_layer_visual.today_class .pop_wrap .txtbook_list .holiday p {margin-bottom:15px; font-size:16px; font-weight:500; color:#474e62; line-height:24px;}
.pop_layer_visual.today_class .pop_wrap .txtbook_list .holiday p span {font-size:16px;  font-weight:500; color:#ff6b31;}

/*하단 해시태그*/
.pop_layer_visual.today_class .pop_wrap .subject_area {width: 100%;display: flex;justify-content: center; margin-top: 8px;}
.pop_layer_visual.today_class .pop_wrap .subject_area .area a { display: inline-block; padding: 6px 15px;line-height: 1;border: 1px solid #4083ee;border-radius: 25px;background: #eff8ff;font-size: 12px;color: #4083ee;letter-spacing: -0.045em;margin-right: 3px;font-weight: 500;}

/*수업 시간표 팝업*/
.time_table_wrap {height: 100%; overflow-y: hidden;}
.time_table_pop {min-width:1100px; height:100%;  overflow-y: hidden; }
.time_table_pop .table {width:100%; height:calc(100% - 104px); overflow-y: auto; }
.time_table_pop .table .table_head {width:100%; height:80px; padding:0 30px; background:#4589ff url('../images/common/ic_viva.png')no-repeat right 30px center;  }
.time_table_pop .table .table_head .head_txt {display:flex; align-items:center; height:80px; padding-left:50px; background:url('../images/common/ic_table.png')no-repeat left center; }
.time_table_pop .table .table_head .head_txt h1 {width:105px; height:20px; background:url('../images/common/tit_table.png')no-repeat center center; font-size:0;}
.time_table_pop .table .table_head .head_txt span {display:inline-block; padding-left:14px; font-size:14px; color:#cceeff; letter-spacing:-0.045em;}
.time_table_pop .table .table_body {display:flex; width: 100%; padding: 0 50px 0 50px; }
.time_table_pop .table .table_left {width:275px; padding-top:65px; margin-right:24px;}
.time_table_pop .table .table_body .table_left .my_info {width:100%; height:203px; margin-bottom: 10px; border:1px dashed #a8a8a8; background:#f8f8f8; border-radius:10px; text-align:center;}
.time_table_pop .table .table_body .table_left .my_info.nodata * {display:none;}
.time_table_pop .table .table_body .table_left .my_info span {display:inline-block;}
.time_table_pop .table .table_body .table_left .my_info .info {display: none; position: relative; padding:30px 10px 10px 10px;}
.time_table_pop .table .table_body .table_left .my_info .teacher { position: absolute; left: 10px;top: 10px; width: 38px;height: 38px; text-align: center;border-radius: 50%;line-height: 38px;font-size: 13px;font-weight: 500;background: #ff8b02;color: #fff;}
.time_table_pop .table .table_body .table_left .my_info .subject_class {padding:0 10px; min-width: 105px; height: 60px; margin-bottom: 10px; margin-top: 0; line-height: 60px; border: 1px solid #dfdfdf; border-radius: 30px; background: #fff; }
.time_table_pop .table .table_body .table_left .my_info .info_textbook {display:flex;align-items:center;justify-content:center;gap:20px;width:100%;height:40px;}
.time_table_pop .table .table_body .table_left .my_info .grade_subject {position: relative;  width: 74px; height: 40px; line-height:38px;  background: #fff; border: 1px solid #dfdfdf; border-radius: 7.5px;}
.time_table_pop .table .table_body .table_left .my_info .grade_subject:after { content:""; display: block; position: absolute; right: -11px; top: 50%; transform: translateY(-50%); width: 1px; height: 15px; background: #d0b361;}
.time_table_pop .table .table_body .table_left .my_info .grade_subject.on{padding:0 5px; width:auto; white-space:nowrap;}
.time_table_pop .table .table_body .table_left .my_info .publisher.on{padding:0 5px; width:auto;}
.time_table_pop .table .table_body .table_left .my_info .info.teacher2 .info_textbook{gap:11px;}
.time_table_pop .table .table_body .table_left .my_info .info.teacher2 .grade_subject {width:45px; text-align: center; font-size:15px;}
.time_table_pop .table .table_body .table_left .my_info .info.teacher2 .publisher{width:142px;}
.time_table_pop .table .table_body .table_left .my_info .info.teacher2 .grade_subject:after{right:-6px;}
.time_table_pop .table .table_body .table_left .my_info .info.teacher2 .publisher.on{padding:0 5px; width:auto;}
.time_table_pop .table .table_body .table_left .my_info .info.teacher2 .grade_subject.on{width:auto;}

.time_table_pop .table .table_body .table_left .my_info .publisher {width: 158px; height: 40px; line-height:38px; border-radius: 7.5px; background: #fff; border: 1px solid #dfdfdf;}
.time_table_pop .table .table_body .table_left .my_info .memo {width: 100%; height: 40px; line-height:38px; margin-top: 10px; border-radius: 7.5px; background: #fff; border: 1px solid #dfdfdf; text-align:center;}

.time_table_pop .table .table_body .table_left .my_info.clear {background: #ffe696; border: 1px solid #ffd74d;}
.time_table_pop .table .table_body .table_left .my_info.clear .teacher { color: #ff7e00; background: #fff; border: 1px solid #ffd74e;}
.time_table_pop .table .table_body .table_left .my_info .subject_class.on { font-size:22px; color: #fff; font-weight: 500; background: #3f4451; border:0; }
.time_table_pop .table .table_body .table_left .my_info .grade_subject.on {height:auto;background:none; text-align: right; border: none; font-size: 16px; color: #404450;line-height:1.2;}
.time_table_pop .table .table_body .table_left .my_info .publisher.on {height:auto;background:none; text-align: left;  border: none; font-size: 16px; color: #404450;line-height:1.2;}
.time_table_pop .table .table_body .table_left .my_info .memo.on { border: 1px solid #ffd74d; background: #fff url('../images/common/ic_memo.png')no-repeat 10px 10px; color: #000000;}

.time_table_pop .table .table_body .table_left .set_class {height: 554px; border-radius: 10px;}
.time_table_pop .table .table_body .table_left .set_class .choice_mode { width: 100%; height: 100%; padding-top: 155px; background: #ffe696 url('../images/common/ic_table1.png')no-repeat center 240px; border: 1px solid #fcd969; border-radius: 10px;}
.time_table_pop .table .table_body .table_left .set_class .choice_mode p {margin-bottom: 10px; font-size: 14px; color: #474e62; text-align: center; font-weight:500;}
.time_table_pop .table .table_body .table_left .set_class .choice_mode ul {display: flex; justify-content: center; }
.time_table_pop .table .table_body .table_left .set_class .choice_mode ul li input[type="radio"] {display:none;}
.time_table_pop .table .table_body .table_left .set_class .choice_mode ul li input[type="radio"] + label {display:inline-block; position:relative; width: 78px; height: 29px; margin-right: 2px; padding-left: 33px; line-height: 27px; background: #fff; font-size: 13px; color:#474e62; font-weight: 400; border:1px solid #dbcba3; border-radius: 14px; cursor:pointer;}
.time_table_pop .table .table_body .table_left .set_class .choice_mode ul li input[type="radio"] + label:after {content: ""; display:block; position:absolute; left:14px; top:50%; transform: translateY(-50%);  width :10px; height: 8px; background:url('../images/common/table_check.png')no-repeat center top; font-size:0;}
.time_table_pop .table .table_body .table_left .set_class .choice_mode ul li input[type="radio"]:checked + label { color:#fff; background: #ff8b02; border: 1px solid #ff7a1b;}
.time_table_pop .table .table_body .table_left .set_class .choice_mode ul li input[type="radio"]:checked + label:after {background:url('../images/common/table_check.png')no-repeat center bottom; font-size:0;}

.time_table_pop .table .table_body .table_left .set_class .set_time_table { display:flex; width: 100%; height: 100%; border-radius: 10px; overflow:hidden;}
.time_table_pop .table .table_body .table_left .set_class .set_time_table .category { width: 64px; border: 1px solid #cabd9d; border-radius: 10px 0 0 10px; background: #f1ebdc;}
.time_table_pop .table .table_body .table_left .set_class .set_time_table .category li {display:flex; width:100%; align-items: center; height: 70px; border-bottom: 1px solid #cabd9d; text-align: center; cursor:pointer;}
.time_table_pop .table .table_body .table_left .set_class .set_time_table .category li.on {background: #ff7e00; font-weight: 500;}
.time_table_pop .table .table_body .table_left .set_class .set_time_table .category li.on a { color: #ffffff; }
.time_table_pop .table .table_body .table_left .set_class .set_time_table .category li a { display: block; flex:1; font-size: 13px; color: #646464; font-weight: 500;}
.time_table_pop .table .table_body .table_left .set_class .set_time_table .table_item { flex: 1; position: relative; padding: 10px 5px 10px 10px; border: 1px solid #b4b4b4; border-left: 0; border-radius: 0 10px 10px 0; }
.time_table_pop .table .table_body .table_left .set_class .set_time_table .table_item .inner_item { width:100%; height:100%; }
.time_table_pop .table .table_body .table_left .set_class .set_time_table .table_item span.table_arr { display: inline-block; position: absolute; left: -7px; top: 31px; width: 10px; height: 10px; background: url('../images/common/ic_table_arr.png')no-repeat center; }
.time_table_pop .table .table_body .table_left .set_class .set_time_table .table_item ul li input[type="radio"]{display:none;}
.time_table_pop .table .table_body .table_left .set_class .set_time_table .table_item ul li input[type="text"]{display: inline-block; padding-left: 10px;}
.time_table_pop .table .table_body .table_left .set_class .set_time_table .table_item ul li input[type="radio"] + label {display:inline-block; width:100%; height: 36px; margin-bottom: 6px; text-align:center; line-height: 34px; border: 1px solid #d9d9d9; border-radius: 5px; font-size: 13px; font-weight: 400; color: #646464; cursor:pointer;}
.time_table_pop .table .table_body .table_left .set_class .set_time_table .table_item ul li input[type="radio"]:checked + label {border: 1px solid #1483f6; color: #1483f6; background: #dfeaf2;}
.time_table_pop .table .table_body .table_left .set_class .set_time_table .table_item ul li input[type="radio"] + label.on { background: #fff4cf; color: #3f4451; border: 1px solid #3f4451;}
.time_table_pop .table .table_body .table_left .set_class .set_time_table .table_item ul li input[type="radio"] + label.on p { color: #3f4451;}

.time_table_pop .table .table_body .table_left .set_class .set_time_table .table_item .item_list.type02 .add_textbook a {display:inline-block; width:100%; height: 38px; line-height: 36px; margin-bottom: 12px; text-align: center; border: 1px solid #ffd652; border-radius: 5px; background: #ffe696; font-size: 13px; font-weight: 400; color: #3f4451; }

.time_table_pop .table .table_body .table_left .set_class .set_time_table .table_item .item_list.type02 .add_list { position: relative;  margin-bottom: 12px;}
.time_table_pop .table .table_body .table_left .set_class .set_time_table .table_item .item_list.type02 .add_list input[type="text"] { display:inline-block;  width: 100%; height:36px; padding-left: 10px; line-height: 34px; color: #3f4451; font-size: 13px; font-weight: 400;  border: 1px solid #3f4451; border-radius: 5px; background: #f3f3f3;}
.time_table_pop .table .table_body .table_left .set_class .set_time_table .table_item .item_list.type02 .add_list .btn_add { display: inline-block; position: absolute; right: 7px; top: 7px; width: 21px; height: 21px; background: #3f4451 url('../images/common/btn_memo_add.png')no-repeat center; font-size: 0; border-radius: 3px;}
.time_table_pop .table .table_body .table_left .set_class .set_time_table .table_item .item_list.type02 .nomemo { width:100%; margin-bottom: 10px; border-radius: 5px;}
.time_table_pop .table .table_body .table_left .set_class .set_time_table .table_item .item_list.type02 .nomemo input[type="radio"] + label{margin:0; border:1px dashed #d9d9d9;}
.time_table_pop .table .table_body .table_left .set_class .set_time_table .table_item .item_list.type02 .nomemo input[type="radio"]:checked + label{border: 1px solid #1483f6;}
.time_table_pop .table .table_body .table_left .set_class .set_time_table .table_item .item_list.type02 .nomemo p { line-height:36px; font-size: 14px; color: #646464; font-weight: 400; text-align: center; }
.time_table_pop .table .table_body .table_left .set_class .set_time_table .table_item .item_list.type02 .list_box {position: relative;}
.time_table_pop .table .table_body .table_left .set_class .set_time_table .table_item .item_list.type02 .list_box input[type="radio"] + label p {width: 100%; height: 100%; line-height: 34px;  font-size: 13px; font-weight: 400; color: #646464;  }
.time_table_pop .table .table_body .table_left .set_class .set_time_table .table_item .item_list.type02 .list_box input[type="radio"]:checked + label p {color: #1483f6; }
.time_table_pop .table .table_body .table_left .set_class .set_time_table .table_item .item_list.type02 .list_box input[type="radio"] + label.on p {color: #646464; }
.time_table_pop .table .table_body .table_left .set_class .set_time_table .table_item .item_list.type02 .list_box input[type="text"]{display: none; width: 100%; height: 34px; line-height: 34px; background: #fff4cf; font-size: 13px; color: #3f4451; border-radius: 5px;}
.time_table_pop .table .table_body .table_left .set_class .set_time_table .table_item .item_list.type02 .list_box .btn_del { display: none;  position: absolute;right: 0;top: 1px;width: 30px;height: 34px;background: #65676a url('../images/common/ic_memo_del.png')no-repeat center;border-radius: 0 5px 5px 0; font-size: 0;}
.time_table_pop .table .table_body .table_left .set_class .set_time_table .table_item .item_list.type02 .list_box.on .btn_del {display: inline-block;}
.time_table_pop .table .table_body .table_left .set_class .set_time_table .table_item .item_list.type02 .list_box .btn_chn { display: none;  position: absolute;right: 30px;top: 1px;width: 30px;height: 34px;background: rgba(255, 94, 6 , 0.8)  url('../images/common/ic_memo_chn.png')no-repeat center; font-size: 0;}
.time_table_pop .table .table_body .table_left .set_class .set_time_table .table_item .item_list.type02 .list_box.on .btn_chn { display: inline-block;}
.time_table_pop .table .table_body .table_left .set_class .set_time_table .table_item .item_list.type02 .list_box.on .btn_chn { display: inline-block; }
/*.time_table_pop .table .table_body .table_left .set_class .set_time_table .table_item .item_list.type02 .list_box.custom {background: #eee;}*/


/*수업시간표 스크롤 바*/
.time_table_pop .table .table_body .mCSB_inside>.mCSB_container{margin-right:13px;}
.time_table_pop .table .table_body .mCSB_scrollTools{width:10px;}
.time_table_pop .table .table_body .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:3px; }
.time_table_pop .table .table_body .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ margin-left:7px; background-color: #474747;}
.time_table_pop .table .table_body .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{  background-color: #474747; }
.time_table_pop .table .table_body .mCSB_scrollTools .mCSB_draggerRail{width:3px; margin-left: 7px; }

/* 내 저장 정보 */
.time_table_pop .table .table_body .table_left .my_save_info {  height: 768px; border-radius: 10px; border: 1px solid #d9d5ca; overflow: hidden;}
.time_table_pop .table .table_body .table_left .my_save_info .info_tit h3 { width: 100%; line-height: 48px; background: #ffe696; text-align: center; font-size: 15px; font-weight: 600; color: #404450;}
.time_table_pop .table .table_body .table_left .my_save_info .info_list { height: calc(100% - 48px); padding: 23px 9px 23px 26px; background: #f6f4ef;}
.time_table_pop .table .table_body .table_left .my_save_info .info_list ul { display: flex; flex-wrap: wrap; justify-content: space-between;}
.time_table_pop .table .table_body .table_left .my_save_info .info_list ul li {width: calc(50% - 2px); height:109px; margin-bottom: 4px;}
.time_table_pop .table .table_body .table_left .my_save_info .info_list ul li .class_cell {background: #fff;}
.time_table_pop .table .table_body .table_left .my_save_info .info_list ul li.add_class { height: 109px; border: 1px dashed #9b9b9b; border-radius: 10px; background: #fff; overflow: hidden;}
.time_table_pop .table .table_body .table_left .my_save_info .info_list ul li.add_class a { display:block; background: url('../images/common/ic_add.png')no-repeat center; border: 0;}


.time_table_pop .table .table_body .table_left .my_save_info .mCSB_scrollTools {width: 18px;}
.time_table_pop .table .table_body .table_left .my_save_info .mCSB_inside>.mCSB_container {margin-right: 17px;}
.time_table_pop .table .table_body .table_left .my_save_info .mCSB_scrollTools .mCSB_draggerRail {margin-left: 15px;}
.time_table_pop .table .table_body .table_left .my_save_info .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {margin-left: 15px;}


.time_table_pop .table .table_right { flex: 1; }
.time_table_pop .table .table_right .date_line {display: flex; justify-content: center; align-items: center; position: relative;  width: 100%; }
.time_table_pop .table .table_body .table_right .date_line .weekend { display: inline-block; margin: 0 5px; line-height: 65px; text-align: center; font-size: 22px; color: #3f4451; font-weight:600;}
.time_table_pop .table .table_body .table_right .date_line button {display: inline-block; padding:10px;}
.time_table_pop .table .table_body .table_right .date_line button span{display:block; width: 7px; height: 12px;}
.time_table_pop .table .table_body .table_right .date_line button.prev span{background: url('../images/table/ic_date_prev.png')no-repeat center; }
.time_table_pop .table .table_body .table_right .date_line button.next span{background: url('../images/table/ic_date_next.png')no-repeat center; }
.time_table_pop .table .table_body .table_right .date_line .reset {display: inline-block; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 110px; height: 30px; padding-left: 35px; line-height: 28px; border: 1px solid #e1e1e1; border-radius: 15px; font-size: 13px; font-weight: 400; color: #838383; background: url('../images/table/ic_reset.png')no-repeat 15px center;}
.time_table_pop .table .table_body .table_right .print_border {border: 1px solid #3f4451; border-radius: 10px; }
.time_table_pop .table .table_body .table_right .my_time_table {position: relative; width:100%; border-radius: 10px;}
.time_table_pop .table .table_body .table_right .my_time_table table {width: 100%; height: 766px; table-layout:fixed; border-radius: 10px; background: #f8f8f8; box-shadow: 0 0 0 1px #3f4451;}
.time_table_pop .table .table_body .table_right .my_time_table table thead th {height: 45px; background: #6e737e; color: #fff; font-size: 14px; font-weight: 500; vertical-align: middle; border-bottom: 1px solid #44464b; border-right: 1px solid #44464b; }
.time_table_pop .table .table_body .table_right .my_time_table table thead th:last-child {border-right:0;}
.time_table_pop .table .table_body .table_right .my_time_table table thead tr:first-child th:first-child {border-radius:10px 0 0 0;}
.time_table_pop .table .table_body .table_right .my_time_table table thead tr:first-child th:last-child {border-radius:0 10px 0 0;}
.time_table_pop .table .table_body .table_right .my_time_table table tbody td { height: 120px; text-align: center; border-right: 1px solid #b1b1b1; border-bottom: 1px solid #b1b1b1;}
.time_table_pop .table .table_body .table_right .my_time_table table tbody td.period {background:#fff; font-size: 13px; font-weight: 500; color: #5d5d5d;}
.time_table_pop .table .table_body .table_right .my_time_table table tbody tr:last-child td:first-child{ border-radius: 0 0 0 10px;}
.time_table_pop .table .table_body .table_right .my_time_table table tbody td:not(.period) { padding: 5px;}
.time_table_pop .table .table_body .table_right .my_time_table table tbody td:last-child {border-right:0;}
.time_table_pop .table .table_body .table_right .my_time_table table tbody tr:last-child td {border-bottom: 0;}
.time_table_pop .table .table_body .table_right .my_time_table table tbody tr:last-child td:last-child {border-radius: 0 0 10px 0;}
.time_table_pop .table .table_body .table_right .my_time_table.set_off .before_set {position: absolute; left: 56%; top: 253px; width: 325px; height: 293px; background: url('../images/table/set_before.png')no-repeat center; background-size:100% auto; margin-left:-162px;}
.time_table_pop .table .table_body .table_right .my_time_table.set_off.active  .before_set {background: url('../images/table/set_before_active.png')no-repeat center; background-size:100% auto; }
.time_table_pop .table .table_body .table_right .my_time_table.set_off table thead tr {background: #6e737e;}
.time_table_pop .table .table_body .table_right .my_time_table.set_off table thead th {background: #6e737e !important;}
.time_table_pop .table .table_body .table_right .my_time_table.set_off table thead th {color: #fff !important;}
.time_table_pop .table .table_body .table_right .my_time_table.set_off table tbody td:not(.period) { border-right: 0; border-bottom: 0; background: #f8f8f8 !important;}
.time_table_pop .table .table_body .table_right .my_time_table.set_off table tbody td:not(.period) * {display: none; }
.time_table_pop .table .table_body .table_right .my_time_table.set_off.active table tbody td:not(.period) { border-right: 0; border-bottom: 0; background: #fffcf3 !important;}
.time_table_pop .table .table_body .table_right .my_time_table table tbody td a.cell {display: block; width: 100%; height: 100%; background: url('../images/common/ic_add_table.png')no-repeat center; }
.time_table_pop .table .table_body .class_cell {position: relative; width: 100%; height: 100%; padding: 18px 3px 3px 3px; border-width: 1px; border-style: solid; border-radius: 8px; display:flex; flex-direction:column; justify-content:center;}
.time_table_pop .table .table_body .class_cell > p {font-size: 16px; font-weight: 500; color: #404450; line-height: 1; text-align: center;}
.time_table_pop .table .table_body .class_cell > span {display:block; min-height:24px; margin-top: 3px; font-size: 12px; font-weight: 500; color: #454e64; text-align: center; line-height: 1;}
.time_table_pop .table .table_body .class_cell .memo { position: relative; height: 36px; margin-top: 7px;  text-align: center; line-height: 13px; border-width: 1px; border-style: solid;  border-radius: 5px; }
.time_table_pop .table .table_body .class_cell .memo p {display: flex; justify-content: center; align-items: center; height: 100%;  padding: 5px 13px; text-align: center; font-size: 11px; font-weight: 400; line-height: 13px;  border-radius: 5px;}
.time_table_pop .table .table_body .class_cell  a {display: none; position: absolute; width: 21px; height: 21px; }
.time_table_pop .table .table_body .class_cell:hover  a {display: inline-block; }
.time_table_pop .table .table_body .class_cell .memo a.memo_chn { right: -7px; top: -10px; background:url('../images/common/memo_chn.png')no-repeat center;  }
.time_table_pop .table .table_body .class_cell .class_del { right: -4px; top: -4px; background:url('../images/common/memo_del.png')no-repeat center;  }
.time_table_pop .table .table_body .class_cell .memo .chn_box { display: none;position: absolute; left: 50%; bottom: 6px;  background: #fff;width: 152px;height: 32px;padding: 5px 25px 5px 5px;border: 1px solid #3f4451;border-radius: 7.5px; transform: translateX(-50%); z-index:99; }
.time_table_pop .table .table_body .class_cell .memo .chn_box.on {display:block;}
.time_table_pop .table .table_body .class_cell .memo .chn_box .chn_enter { display: inline-block; margin-top:-1px; background:url('../images/common/memo_enter.png')no-repeat center;}
.time_table_pop .table .table_body .class_cell .memo .chn_box input[type="text"] {width: 100%; display: inline-block; padding-right: 5px; font-size: 12px; color: #3f4451;}

.time_table_pop .table  .week_memo {width: 100%; padding: 0 50px; margin: 25px 0 40px;}
.time_table_pop .table  .week_memo .inner_memo {display: flex; justify-content: space-between; padding-bottom: 23px; border-bottom: 1px solid #c7c7c9;}
.time_table_pop .table  .week_memo .inner_memo .memo_back {position: relative; padding: 0; margin-bottom: 0; }
.time_table_pop .table  .week_memo .inner_memo .memo_back a {display:block; padding:3px 4px; width: 93px; height: 28px; margin-top: -13px; background:#6e7c7e;  font-size: 13px; font-weight:400; color:#fff; line-height:22px; border-radius:14px; overflow:hidden;}
.time_table_pop .table  .week_memo .inner_memo .memo_back a span{display:inline-block; margin-right:8px; width:22px; height:22px; background: url('../images/table/ico_back_arr.png')no-repeat center center; vertical-align:top;}
.time_table_pop .table  .week_memo .inner_memo .memo .memo_tit {display: flex; justify-content: space-between; margin-bottom: 8px;}
.time_table_pop .table  .week_memo .inner_memo .memo .memo_tit h3 { padding-left: 29px; font-size: 14px; font-weight: 500; color: #333333; line-height: 21px; background: url('../images/common/ic_memo.png')no-repeat left center;}
.time_table_pop .table  .week_memo .inner_memo .memo .memo_tit .count {color: #5d5d5d; font-size: 14px; }
.time_table_pop .table  .week_memo .inner_memo .memo .memo_tit .count span { font-size: 14px; font-weight: 500; color: #ff8631;}
.time_table_pop .table  .week_memo .inner_memo .memo .memo_write {width: 100%; height: 158px; padding: 4px; border: 1px solid #ffdd78; background: #fff4d3; border-radius: 15px;}
.time_table_pop .table  .week_memo .inner_memo .memo .memo_write .inner_memo_write { width: 100%; height: 100%; padding: 17px 12px 17px 14px; border: 1px solid #ffdd78; border-radius: 15px; background: #fff;}
.time_table_pop .table  .week_memo .inner_memo .memo .memo_write .inner_memo_write textarea {display: block; width: 100%; height: 100%; padding-right: 10px; outline: none; border: 0; color: #5d5d5d; font-size: 13px; font-weight: 400; line-height: 18px;}
.time_table_pop .table  .week_memo .inner_memo .memo .memo_write .inner_memo_write textarea::placeholder {font-size: 13px; font-weight: 400; color: #93a3b1; }
.time_table_pop .table  .week_memo .inner_memo .memo .memo_write .inner_memo_write textarea::-webkit-scrollbar {width: 3px; height: 100%; margin-left:5px; border-radius: 1.5px; overflow: hidden;}
.time_table_pop .table  .week_memo .inner_memo .memo .memo_write .inner_memo_write textarea::-webkit-scrollbar-thumb {background-color: #474747;}
.time_table_pop .table  .week_memo .inner_memo .memo .memo_write .inner_memo_write textarea::-webkit-scrollbar-track {background-color: #dde3e9;}
.time_table_pop .table  .week_memo .inner_memo .memo .memo_write .inner_memo_write .print_memo{display: none; color: #5d5d5d; font-size: 13px; font-weight: 400; line-height: 18px; white-space:pre-wrap;}
.time_table_pop .table  .week_memo .inner_memo .memo .btnWrap a {display:inline-block;  width: 108px; height: 36px; margin-top: 9px; font-size: 15px; line-height:36px; color:#fff; background:#ff8631; letter-spacing:-0.045em; border-radius:10px; font-family: 'ONE-Mobile-Regular', 'Noto Sans Korean', 'sans-serif';}
/*.time_table_pop .table  .week_memo .inner_memo .memo .btnWrap a {display:inline-block;  width: 108px; height: 36px; margin-top: 9px; font-size: 0; background: url('../images/table/save_memo.png')no-repeat center;}*/
.time_table_pop .table  .week_memo .inner_memo .memo .btnWrap a:hover,
.time_table_pop .table  .week_memo .inner_memo .memo .btnWrap a:active,
.time_table_pop .table  .week_memo .inner_memo .memo .btnWrap a:focus{color:#fff;}
.time_table_pop .table  .week_memo .print {display: flex; justify-content: space-between; padding-top: 12px;}
.time_table_pop .table  .week_memo .print p { font-size: 14px; font-weight: 400; color: #a4abc2; }
.time_table_pop .table  .week_memo .print p a {display: inline-block; padding: 0 27px 0 10px; line-height:20px;  font-size: 14px; font-weight: 500; color: #4083ee; background: url('../images/table/service_go.png')no-repeat right center; }
.time_table_pop .table  .week_memo .print button {display: inline-block; width: 70px; height: 29px; margin-top: -5px; font-size:13px; font-weight: 500; line-height: 27px; border: 1px solid #dddddd; border-radius: 3px; background: #f8f8f8; color: #858585; text-align: center;}


.table_bottom {position:fixed; left:0; bottom: 0; width: 100%; min-width: 1100px;}


.btnWrap.time_table {position: relative; width: 100%; padding: 15px 0; border-top: 1px solid #ccdce7; border-bottom: 1px solid #ccdce7; text-align: center; background: #dfeaf2;}
.btnWrap.time_table a {display:inline-block; width: 178px; height: 54px; padding:0; margin-right: 20px;  line-height:54px; font-size: 18px; color: #fff;  text-align:center; font-weight:500;  border-radius: 12.5px;}
.btnWrap.time_table a.btn_type01 {background:#e4621b;}
.btnWrap.time_table a.btn_type02 {background:#1483f6;}
.btnWrap.time_table .table_save a {width:198px; margin-right: 5px;}
.btnWrap.time_table .table_save span {display:inline-block; position:absolute; right:300px; top:50%; transform:translateY(-50%); width:30px; height:31px; font-size:0; background: url('../images/common/table_save.png')no-repeat center; cursor: pointer; }

.table_footer {display:flex; align-items:center; position:relative; width: 100%; padding: 0 28px; background: #f8f8f8; line-height: 42px;}
.table_footer p { margin-right:20px; font-size:12px; color:#a4a4a4; letter-spacing:-0.04em; line-height:1;}
.table_footer ul { overflow:hidden;}
.table_footer ul li { position:relative; float:left; margin-right: 21px; }
.table_footer ul li:first-child:after {content: " "; display: inline-block; position: absolute; right: -10px; top: 50%; transform: translateY(-50%);  width: 1px; height: 11px; background: #a4a4a4;}
.table_footer ul li a {font-size:12px; color:#343434; letter-spacing:-0.025em;}
.table_footer button {display: inline-block; position:absolute; right: 5px; top: 50%; transform: translateY(-50%); width: 86px; height: 30px; padding-left: 34px; line-height: 28px; border: 1px solid #555a63; border-radius: 5px; font-size: 13px; text-align: left; letter-spacing: -0.025em; background: #6e737e url('../images/common/pop_close.png')no-repeat 19px center; color: #fff; font-weight:400;}


/*과목별 컬러 코드*/
[class^="time_"] .kor, [class^="time_"] .subject1 {background: #ffcdcd; border-color: #ffb0b0}
[class^="time_"] .kor .memo, [class^="time_"] .subject1 .memo {background: #ffb0b0; border-color: #ee8888;}
[class^="time_"] .art, [class^="time_"] .subject2 {background: #ffdaed; border-color: #ffbcde;}
[class^="time_"] .art .memo, [class^="time_"] .subject2 .memo {background: #ffbcde; border-color: #ffa9d5;}
[class^="time_"] .mus, [class^="time_"] .subject3 {background: #f6daff; border-color: #eebaff;}
[class^="time_"] .mus .memo, [class^="time_"] .subject3 .memo {background: #eebaff; border-color: #e9a7ff;}
[class^="time_"] .sci, [class^="time_"] .subject4 {background: #cce0ff; border-color: #a9cbff;}
[class^="time_"] .sci .memo, [class^="time_"] .subject4 .memo {background: #a9cbff; border-color: #83b4ff;}
[class^="time_"] .eng, [class^="time_"] .subject5{background: #d4ecff; border-color: #b9e0ff;}
[class^="time_"] .eng .memo, [class^="time_"] .subject5 .memo {background: #b9e0ff; border-color: #9dd4ff;}
[class^="time_"] .soc, [class^="time_"] .subject6 {background: #f5e9dc; border-color: #efd4b8;}
[class^="time_"] .soc .memo, [class^="time_"] .subject6 .memo {background: #efd4b8; border-color: #e6bc91;}
[class^="time_"] .phy, [class^="time_"] .subject7{background: #e5ffd0; border-color: #c3eaa3;}
[class^="time_"] .phy .memo, [class^="time_"] .subject7 .memo {background: #c3eaa3; border-color: #a3d27d;}
[class^="time_"] .cre, [class^="time_"] .subject8 {background: #ffe9c9; border-color: #ffdba7;}
[class^="time_"] .cre .memo, [class^="time_"] .subject8 .memo {background: #ffd89f; border-color: #ffc97a;}
[class^="time_"] .mor, [class^="time_"] .subject9{background: #f1e2e1; border-color: #eacecd;}
[class^="time_"] .mor .memo, [class^="time_"] .subject9 .memo {background: #eacecd; border-color: #e0b2b1;}
[class^="time_"] .pra, [class^="time_"] .subject10{background: #e3eaef; border-color: #cadbe7;}
[class^="time_"] .pra .memo, [class^="time_"] .subject10 .memo {background: #cadbe7; border-color: #aac8dd;}
[class^="time_"] .mat, [class^="time_"] .subject11{background: #bbeeda; border-color: #90d9bf;}
[class^="time_"] .mat .memo, [class^="time_"] .subject11 .memo {background: #90d9bf; border-color: #7fcbb0;}
[class^="time_"] .saf, [class^="time_"] .subject12{background:#e5f3b9; border-color: #cbdd94;}
[class^="time_"] .saf .memo, [class^="time_"] .subject12 .memo {background:#cbdd94; border-color: #bacd7e;}
[class^="time_"] .spr, [class^="time_"] .subject13{background: #d0ffe4; border-color: #a4efc4;}
[class^="time_"] .spr .memo, [class^="time_"] .subject13 .memo {background: #a4efc4; border-color: #90e3b4;}
[class^="time_"] .sum, [class^="time_"] .subject14{background: #d4feff; border-color: #abeef0;}
[class^="time_"] .sum .memo, [class^="time_"] .subject14 .memo {background: #abeef0; border-color: #78e2d4;}
[class^="time_"] .fal, [class^="time_"] .subject15{background: #ebe4c2; border-color: #ded5ac;}
[class^="time_"] .fal .memo, [class^="time_"] .subject15 .memo {background: #ded5ac; border-color: #cdc18b;}
[class^="time_"] .win, [class^="time_"] .subject16{background: #f6daff; border-color: #d8c7f7;}
[class^="time_"] .win .memo, [class^="time_"] .subject16 .memo {background: #d8c7f7; border-color: #c3a9f3;}
[class^="time_"] .sch, [class^="time_"] .subject13{background: #d0ffe4; border-color: #a4efc4;}
[class^="time_"] .sch .memo, [class^="time_"] .subject13 .memo {background: #a4efc4; border-color: #90e3b4;}
[class^="time_"] .peo, [class^="time_"] .subject14{background: #d4feff; border-color: #abeef0;}
[class^="time_"] .peo .memo, [class^="time_"] .subject14 .memo {background: #abeef0; border-color: #78e2d4;}
[class^="time_"] .cou, [class^="time_"] .subject15{background: #ebe4c2; border-color: #ded5ac;}
[class^="time_"] .cou .memo, [class^="time_"] .subject15 .memo {background: #ded5ac; border-color: #cdc18b;}
[class^="time_"] .exp, [class^="time_"] .subject16{background: #f6daff; border-color: #d8c7f7;}
[class^="time_"] .exp .memo, [class^="time_"] .subject16 .memo {background: #d8c7f7; border-color: #c3a9f3;}
[class^="time_"] .mys, [class^="time_"] .subject13{background: #d0ffe4; border-color: #a4efc4;}
[class^="time_"] .mys .memo, [class^="time_"] .subject13 .memo {background: #a4efc4; border-color: #90e3b4;}
[class^="time_"] .nat, [class^="time_"] .subject14{background: #d4feff; border-color: #abeef0;}
[class^="time_"] .nat .memo, [class^="time_"] .subject14 .memo {background: #abeef0; border-color: #78e2d4;}
[class^="time_"] .tow, [class^="time_"] .subject15{background: #ebe4c2; border-color: #ded5ac;}
[class^="time_"] .tow .memo, [class^="time_"] .subject15 .memo {background: #ded5ac; border-color: #cdc18b;}
[class^="time_"] .wor, [class^="time_"] .subject16{background: #f6daff; border-color: #d8c7f7;}
[class^="time_"] .wor .memo, [class^="time_"] .subject16 .memo {background: #d8c7f7; border-color: #c3a9f3;}
[class^="time_"] .day, [class^="time_"] .subject13{background: #d0ffe4; border-color: #a4efc4;}
[class^="time_"] .day .memo, [class^="time_"] .subject13 .memo {background: #a4efc4; border-color: #90e3b4;}
[class^="time_"] .prm, [class^="time_"] .subject14{background: #d4feff; border-color: #abeef0;}
[class^="time_"] .prm .memo, [class^="time_"] .subject14 .memo {background: #abeef0; border-color: #78e2d4;}
[class^="time_"] .ima, [class^="time_"] .subject15{background: #ebe4c2; border-color: #ded5ac;}
[class^="time_"] .ima .memo, [class^="time_"] .subject15 .memo {background: #ded5ac; border-color: #cdc18b;}
[class^="time_"] .sto, [class^="time_"] .subject16{background: #f6daff; border-color: #d8c7f7;}
[class^="time_"] .sto .memo, [class^="time_"] .subject16 .memo {background: #d8c7f7; border-color: #c3a9f3;}
[class^="time_"] .sea, [class^="time_"] .subject13{background: #d0ffe4; border-color: #a4efc4;}
[class^="time_"] .sea .memo, [class^="time_"] .subject13 .memo {background: #a4efc4; border-color: #90e3b4;}
[class^="time_"] .her, [class^="time_"] .subject14{background: #d4feff; border-color: #abeef0;}
[class^="time_"] .her .memo, [class^="time_"] .subject14 .memo {background: #abeef0; border-color: #78e2d4;}
[class^="time_"] .thi, [class^="time_"] .subject15{background: #ebe4c2; border-color: #ded5ac;}
[class^="time_"] .thi .memo, [class^="time_"] .subject15 .memo {background: #ded5ac; border-color: #cdc18b;}
[class^="time_"] .mem, [class^="time_"] .subject16{background: #f6daff; border-color: #d8c7f7;}
[class^="time_"] .mem .memo, [class^="time_"] .subject16 .memo {background: #d8c7f7; border-color: #c3a9f3;}

.time_table_pop .table .table_body .table_left .my_save_info .info_list ul li .class_cell.kor.on,
.time_table_pop .table .table_body .table_left .my_save_info .info_list ul li .class_cell.subject1.on{background: #ffcdcd; border-color: #ffb0b0}
.time_table_pop .table .table_body .table_left .my_save_info .info_list ul li .class_cell.art.on,
.time_table_pop .table .table_body .table_left .my_save_info .info_list ul li .class_cell.subject2.on{background: #ffdaed; border-color: #ffbcde;}
.time_table_pop .table .table_body .table_left .my_save_info .info_list ul li .class_cell.mus.on,
.time_table_pop .table .table_body .table_left .my_save_info .info_list ul li .class_cell.subject3.on{background: #f6daff; border-color: #eebaff;}
.time_table_pop .table .table_body .table_left .my_save_info .info_list ul li .class_cell.sci.on,
.time_table_pop .table .table_body .table_left .my_save_info .info_list ul li .class_cell.subject4.on{background: #cce0ff; border-color: #a9cbff;}
.time_table_pop .table .table_body .table_left .my_save_info .info_list ul li .class_cell.eng.on,
.time_table_pop .table .table_body .table_left .my_save_info .info_list ul li .class_cell.subject5.on{background: #d4ecff; border-color: #b9e0ff;}
.time_table_pop .table .table_body .table_left .my_save_info .info_list ul li .class_cell.soc.on,
.time_table_pop .table .table_body .table_left .my_save_info .info_list ul li .class_cell.subject6.on{background: #f5e9dc; border-color: #efd4b8;}
.time_table_pop .table .table_body .table_left .my_save_info .info_list ul li .class_cell.phy.on,
.time_table_pop .table .table_body .table_left .my_save_info .info_list ul li .class_cell.subject7.on{background: #e5ffd0; border-color: #c3eaa3;}
.time_table_pop .table .table_body .table_left .my_save_info .info_list ul li .class_cell.cre.on,
.time_table_pop .table .table_body .table_left .my_save_info .info_list ul li .class_cell.subject8.on{background: #ffe9c9; border-color: #ffdba7;}
.time_table_pop .table .table_body .table_left .my_save_info .info_list ul li .class_cell.mor.on,
.time_table_pop .table .table_body .table_left .my_save_info .info_list ul li .class_cell.subject9.on{background: #f1e2e1; border-color: #eacecd;}
.time_table_pop .table .table_body .table_left .my_save_info .info_list ul li .class_cell.pra.on,
.time_table_pop .table .table_body .table_left .my_save_info .info_list ul li .class_cell.subject10.on{background: #e3eaef; border-color: #cadbe7;}
.time_table_pop .table .table_body .table_left .my_save_info .info_list ul li .class_cell.mat.on,
.time_table_pop .table .table_body .table_left .my_save_info .info_list ul li .class_cell.subject11.on{background: #bbeeda; border-color: #90d9bf;}
.time_table_pop .table .table_body .table_left .my_save_info .info_list ul li .class_cell.saf.on,
.time_table_pop .table .table_body .table_left .my_save_info .info_list ul li .class_cell.subject12.on{background:#e5f3b9; border-color: #cbdd94;}
.time_table_pop .table .table_body .table_left .my_save_info .info_list ul li .class_cell.spr.on,
.time_table_pop .table .table_body .table_left .my_save_info .info_list ul li .class_cell.subject13{background: #d0ffe4; border-color: #a4efc4;}
.time_table_pop .table .table_body .table_left .my_save_info .info_list ul li .class_cell.sum.on,
.time_table_pop .table .table_body .table_left .my_save_info .info_list ul li .class_cell.subject14.on{background: #d4feff; border-color: #abeef0;}
.time_table_pop .table .table_body .table_left .my_save_info .info_list ul li .class_cell.fal.on,
.time_table_pop .table .table_body .table_left .my_save_info .info_list ul li .class_cell.subject15.on{background: #ebe4c2; border-color: #ded5ac;}
.time_table_pop .table .table_body .table_left .my_save_info .info_list ul li .class_cell.win.on,
.time_table_pop .table .table_body .table_left .my_save_info .info_list ul li .class_cell.subject16.on{background: #f6daff; border-color: #d8c7f7;}
.time_table_pop .table .table_body .table_left .my_save_info .info_list ul li .class_cell.sch.on,
.time_table_pop .table .table_body .table_left .my_save_info .info_list ul li .class_cell.subject17{background: #d0ffe4; border-color: #a4efc4;}
.time_table_pop .table .table_body .table_left .my_save_info .info_list ul li .class_cell.peo.on,
.time_table_pop .table .table_body .table_left .my_save_info .info_list ul li .class_cell.subject18.on{background: #d4feff; border-color: #abeef0;}
.time_table_pop .table .table_body .table_left .my_save_info .info_list ul li .class_cell.cou.on,
.time_table_pop .table .table_body .table_left .my_save_info .info_list ul li .class_cell.subject19.on{background: #ebe4c2; border-color: #ded5ac;}
.time_table_pop .table .table_body .table_left .my_save_info .info_list ul li .class_cell.exp.on,
.time_table_pop .table .table_body .table_left .my_save_info .info_list ul li .class_cell.subject20.on{background: #f6daff; border-color: #d8c7f7;}
.time_table_pop .table .table_body .table_left .my_save_info .info_list ul li .class_cell.mys.on,
.time_table_pop .table .table_body .table_left .my_save_info .info_list ul li .class_cell.subject21{background: #d0ffe4; border-color: #a4efc4;}
.time_table_pop .table .table_body .table_left .my_save_info .info_list ul li .class_cell.nat.on,
.time_table_pop .table .table_body .table_left .my_save_info .info_list ul li .class_cell.subject22.on{background: #d4feff; border-color: #abeef0;}
.time_table_pop .table .table_body .table_left .my_save_info .info_list ul li .class_cell.tow.on,
.time_table_pop .table .table_body .table_left .my_save_info .info_list ul li .class_cell.subject23.on{background: #ebe4c2; border-color: #ded5ac;}
.time_table_pop .table .table_body .table_left .my_save_info .info_list ul li .class_cell.wor.on,
.time_table_pop .table .table_body .table_left .my_save_info .info_list ul li .class_cell.subject24.on{background: #f6daff; border-color: #d8c7f7;}

/*시간표 신학기*/
.main_top_type02 .inner .banner_m_top {top: 50px;}
.main_top_type02 .inner .banner_m_top .time_table_info {display: inline-block; position: absolute; left: 50%; top: -39px; transform: translateX(-50%); width: 385px; height: 32px; padding: 0 14px; font-size: 12px; font-weight:500; color: #ff700c; line-height: 30px; letter-spacing: -0.045em; background: #fff8e7 url('../images/common/ic_arr_right.png')no-repeat right 16px center; border: 1px solid #ffbe57; border-radius: 15px; box-shadow: 0 3px 0 rgba(63, 63, 63, 0.18); }
.time_table_pop .new_semester {display: none; background: none;}
.time_table_pop .new_semester .popupBody {display: inline-block; position: relative; width: 499px; height:248px; margin-bottom: 6px; background: url('../images/common/ic_newsemester.png')no-repeat center; background-size: 100% auto; }
.time_table_pop .new_semester .popupBody .btnPopClose { top: 19px; right: 25px; transform: unset; width: 14px; height: 14px; background: url('../images/common/ic_popClose.png')no-repeat center; background-size: 100% auto;}
.time_table_pop .new_semester .popupControl {background: none; text-align: right}
.time_table_pop .new_semester .popupControl input[type="checkbox"] + label {padding-left: 23px; font-size: 14px; font-weight: 500; color: #fff; line-height: 15px; }
.time_table_pop .new_semester .popupControl input[type="checkbox"] + label:before {content: ""; display: inline-block; position: absolute; left: 0; top: 0; width: 15px; height: 15px; margin-top: 0; background: url('../images/common/ic_chk2.png')no-repeat center top; background-size: 100% auto;}
.time_table_pop .new_semester .popupControl input[type="checkbox"]:checked + label:before {background-position: center bottom;}
.main_top_type02 .inner  {height: 100%;}

/* 2023 1학기 개편건 */
.time_table_pop .table{padding-bottom:10px;}
.time_table_pop .table .table_head{padding:10px 25px; height:auto; background:#4589ff;}
.time_table_pop .table .table_head .head_txt{padding:0; height:auto; background:transparent;}
.time_table_pop .table .table_head .head_txt h1{font-size:18px; color:#fff; line-height:25px; font-weight:500; width:auto; height:auto; background:none;}
.time_table_pop .table .table_left{padding-top:54px;}
.time_table_pop .table .table_body .table_left .my_save_info .info_list{padding:20px 6px 20px 23px;}
.time_table_pop .table .table_body .table_left .my_save_info .info_list ul{padding:3px; width:227px;}
.time_table_pop .table .table_body .table_left .my_save_info .info_list ul li .class_cell{padding:3px;}
.time_table_pop .table .table_body .table_left .set_class .set_time_table .category li.off{background:#dcd7ca; cursor:default;}
.time_table_pop .table .table_body .table_left .set_class .set_time_table .category li.off a{color:#ada694; cursor:default;}
.time_table_pop .table .table_body .class_cell{padding:3px;}
.time_table_pop .table .table_body .class_cell .class_cel_wrap{position:static; width: 100%;height: 100%;display: flex;flex-direction: column;justify-content: center; color:#404450;}
.time_table_pop .table .table_body .class_cell:hover .class_cel_wrap{display:flex;}
.time_table_pop .table .table_body .class_cell .txt{position:static; width:auto; height:auto; display:flex; flex:1; justify-content:center; align-items:center; flex-direction:column;}
.time_table_pop .table .table_body .class_cell:hover a.txt{display:flex;}
.time_table_pop .table .table_body .class_cell .txt > p {font-size: 16px; font-weight: 500; color: #404450; line-height: 1; text-align: center;}
.time_table_pop .table .table_body .class_cell .txt > span {display:block; margin-top: 3px; font-size: 12px; font-weight: 500; color: #454e64; text-align: center; line-height: 1;}
.time_table_pop .table .table_body .class_cell  button {display: none; position: absolute; width: 21px; height: 21px; }
.time_table_pop .table .table_body .class_cell:hover  button {display: inline-block; }
.time_table_pop .table .table_body .class_cell .memo button.memo_chn { right: -7px; top: -10px; background:url('../images/common/memo_chn.png')no-repeat center;  }
.time_table_pop .table .table_body .table_right .date_line{margin-top:3px;}
.time_table_pop .table .table_body .table_right .date_line .weekend{line-height:54px;}
.time_table_pop .table .table_body .table_right .date_line .reset{padding-left:34px;width:87px; border-color:#dcdcdc;background-position-x:17px;}
.time_table_pop .table .table_body .table_right .my_time_table table{height:760px;}
.time_table_pop .table .table_body .table_right .my_time_table table thead th{height:44px;}
.time_table_pop .table .week_memo .print{padding-top:10px;}
.time_table_pop .table .week_memo .print p{line-height:29px; letter-spacing:-0.045em;}
.time_table_pop .table .week_memo .print p a{line-height:29px; letter-spacing:-0.045em;}
.time_table_pop .table .week_memo .print button{margin-top:0; width:71px; background:#f8f8f8; border-color:#ddd;font-size:13px; color:#858585; font-weight:400; border-radius:3px;}
.btnWrap.time_table{padding:10px 0;}
.btnWrap.time_table a{width:168px; height:39px; line-height:39px; font-size:16px; border-radius:8px;}
.btnWrap.time_table .table_save a{width:168px;}
.btnWrap.time_table .table_save a:last-of-type{margin-right:0;}
.btnWrap.time_table .table_save span{position:static; transform:translateY(0); margin-left:10px; height:39px; vertical-align:top;}

.topDesc{margin-top:0;}

/* 학급 경영 자료 */
.cl_ma_keyword_tit {font-size: 20px; color: #467af1; font-weight: bold;}
.cl_ma_tab {background-color: #edf2f6; border: 1px solid #d5dee6; border-radius: 10px; display: flex; align-items: center; padding:15px; flex-wrap: wrap;}
.cl_ma_tab li {padding-right: 24px; line-height: 1.7;}
.cl_ma_tab li:last-child{padding-right: 0;}
.cl_ma_tab li.on a,.cl_ma_tab li a:hover,
.tblist.cl_ma_table tbody td a:hover {color: #ff7031; text-decoration: underline;}
.cl_ma_tab a {font-size: 15px; font-weight: 500;}

.tblist.cl_ma_table thead tr {background-color: #f0f0f0; height: 45px; border-bottom: 1px solid #e5e5e5; font-weight: bold;}
.tblist.cl_ma_table thead tr th {font-weight: bold;}
.tblist.cl_ma_table thead tr th:nth-child(2), .tblist.cl_ma_table tbody tr td:nth-child(2) {border-left: 1px solid #e5e5e5;}
.tblist.cl_ma_table thead tr th:nth-child(2) {border-color: #dadada;}
.tblist.cl_ma_table tbody tr th,.tblist.cl_ma_table tbody tr td {font-size: 15px;}
.tblist.cl_ma_table tbody tr.on {display: table-row;}
.tblist.cl_ma_table tbody tr td {border-bottom: 1px solid #e5e5e5; font-weight: 500; height: 58px; padding: 0 10px;}
.tblist.cl_ma_table tbody tr td. {padding-left: 10px;}
.tblist.cl_ma_table tbody tr td:nth-child(3) {white-space:nowrap;text-overflow: ellipsis; overflow: hidden; max-width: 100px;}
.tblist.cl_ma_table tbody tr td a {font-weight: 400;}
.tblist.cl_ma_table tbody tr td.btn_searchview a span {display:inline-block; width: 30px; height:30px; background: url(../images/educourse/ico_detail_view.png) 50% 4px no-repeat;}
.tblist.cl_ma_table tbody tr td.btn_wish a span {display:inline-block; background: url(../images/educourse/ico_bookmark.png) 50% 5px no-repeat; width:30px; height: 30px;}
.tblist.cl_ma_table tbody tr td.btn_searchview a span.none, .tblist.cl_ma_table tbody tr td.btn_searchview a:hover span.none {background-position: 0 -56px;}
.tblist.cl_ma_table tbody tr td.btn_wish a span.none, .tblist.cl_ma_table tbody tr td.btn_wish a:hover span.none {background-position: 0 -56px;}
.tblist.cl_ma_table tbody tr td.btn_searchview a:hover, .tblist.cl_ma_table tbody tr td.btn_wish a:hover {text-decoration: none; color: transparent;}
.tblist.cl_ma_table tbody tr td.btn_searchview a:hover span { background-position:50% -26px;}
.tblist.cl_ma_table tbody tr td.btn_wish a:hover span {background-position: 0 -25px;}
.tblist.cl_ma_table tbody tr td a {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.tblist.cl_ma_table tbody tr td a.ico.plus {background-color: transparent;}
.tblist.cl_ma_table tbody tr td a.ic_file.excel span {background-position-y: -100px;}
.tblist.cl_ma_table tbody tr td a.ic_file.word span {background-position-y: -75px;}

.cl_ma_category {display: inline-block; float: right;}
.tb_info.c_7.cl_ma_tb_info{display:inline-block; margin-top: 75px;}
.cl_ma_category .top_module {margin-left: auto;}
.cl_ma_category .top_module .cl_ma_select1 {min-width: 200px; margin-right: 5px;}
[class*="cl_ma_select"] .select2-results__option {font-size: 14px;}
[class*="cl_ma_select"] .select2-container--default .select2-selection--single .select2-selection__arrow b {background-image: url(../images/class/management/materials/select_arrow.png); width: 11px; height: 7px; top: 18px;}
[class*="cl_ma_select"] .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {background-position: bottom;}
[class*="cl_ma_select"] .select2-container--default .select2-selection--single .select2-selection__rendered {color: #393d49;}
.cl_ma_category .top_module input[type=text] {width: 220px;border:1px solid #c9c9c9; font-size: 14px;}
.cl_ma_category .top_module input[type=text]::placeholder {font-size: 14px; color:#838383;}
.cl_ma_category .top_module .cl_ma_select2 {display: inline-block; margin-right: 5px; min-width: 100px;}
.cl_ma_category .top_module input[type=text] {border:1px solid #c9c9c9; font-size: 14px;}
.cl_ma_category .top_module input[type=text]::placeholder {font-size: 14px;}
.cl_ma_category .top_module .cl_ma_select2 {display: inline-block; margin-right: 5px; min-width: 100px;}

/* 애플 넘버스 - 메인*/
.tab_educourse.apply_menu {padding-top:28px;display: flex; align-items: center;border-top:1px solid rgba(220, 220, 220, 1);}
.tab_educourse.apply_menu li{width:120px;}
.tab_educourse.apply_menu li a {position:relative;height: 44px; font-size: 16px;font-weight:400; line-height:44px;text-align:center;}
.tab_educourse.apply_menu li a:hover,.tab_educourse.apply_menu li.on a {font-weight:500;border-bottom:3px solid #0086FF;color:#0086FF;line-height:44px;}
.tab_educourse.apply_menu li + li{margin-left:0;}
.tab_educourse.apply_menu li + li:before {content:none;}
.tab_educourse.apply_menu li:last-child {margin-left: auto;}
.tab_educourse.apply_menu li a .ico_22{position:absolute;left:initial;right:0;top:-8px;width:45px;height:30px;background:url(../images/educourse/ico_tab_22bedge.png) no-repeat center bottom;}
.tab_educourse.apply_menu li:last-child{width:200px;}
.tab_educourse.apply_menu li:last-child a {position:absolute;top:-123px;width:200px; height: 44px; line-height: 44px; font-size: 14px;font-weight:600; text-align: left;letter-spacing:0; border-radius: 22px;color:#273FA1; background-color: #F4F8FF; padding:0 9px 0 16px;border:none;}
.tab_educourse.apply_menu li:last-child a:hover, .tab_educourse.apply_menu li:last-child.on a {border:none;  outline-width:2px; outline-color: #393d4a;  color:#273FA1;}
.tab_educourse.apply_menu li:last-child a span{margin-left:8px;display:inline-block;width:26px;height:26px;background:url(../images/themeplace/applyNumber/ic_arrow.png) no-repeat center center;vertical-align: middle;}

.apply_list.data_list {border: none;}
.apply_list.data_list ul.apply_conts {margin-top: 0px;}
.apply_list.data_list ul.apply_conts li {margin-top: 30px; margin-right: 20px; width: 134px;}
.apply_list.data_list ul.apply_conts li:nth-child(6n) {margin-right:0;}
.apply_list.data_list ul.apply_conts li figure {outline: 1px solid #DDE1E4; border-radius: 10px;}
.apply_list.data_list ul.apply_conts li figure.on {outline:2px solid #ff7031; background-color: #fff;}
.apply_list.data_list ul.apply_conts li figure img {max-width: 100%; border-radius: 10px 10px 0 0;}
.apply_list.data_list ul.apply_conts li figure figcaption {background-color: #fff; padding: 10px 15px; text-align: center; border-radius: 0 0 10px 10px;}
.apply_list.data_list ul.apply_conts li figure figcaption.on {background-color: #fff;}
.apply_list.data_list ul.apply_conts li figure figcaption p {font-size: 16px; font-weight: 600;line-height:1.28;}
.apply_list.data_list ul.apply_conts li figure figcaption p.apply_list_caption_name {font-size: 15px; font-weight: 400;}
.apply_list.data_list ul.apply_conts li > a {border-color: #f57110; border-radius: 12px; float: none; display: inline-block; width: 100%; padding: 10px 30px 10px 12px; font-size: 14px; color: #f57110; font-weight: 400;}
.apply_list.data_list ul.apply_conts li > a:after {content:""; display: inline-block; background: url(/resources/images/themeplace/applyNumber/ic_apply_down.png) no-repeat 50% 0px; width: 20px; height: 20px; position: absolute; right: 10px; font-weight: 500;}
.apply_list.data_list ul.apply_conts li > a:hover {background-color: #f5812c; color: #fff;}
.apply_list.data_list ul.apply_conts li > a:hover:after {background-position: 50% bottom;}
/* 애플 넘버스 - 활용하기*/
.apply_list.data_list .apply_guidewrap {padding: 0 80px; text-align: center;}
.apply_list.data_list .apply_guidewrap video {border-radius: 15px;}
.apply_list.data_list .apply_guidewrap .apply_guide_table:after {content:""; display: block; border-bottom: 1px solid #e4e4e4; width: 100%; padding-bottom: 40px;}
.apply_list.data_list .apply_guidewrap .apply_guide_table table {width: 100%; outline: 1px dashed #5e626f; border-radius: 15px;}
.apply_list.data_list .apply_guidewrap .apply_guide_table table tr td {font-size: 15px; font-weight: 500; text-align: left; height: 43px;}
.apply_list.data_list .apply_guidewrap .apply_guide_table table tr:nth-child(2) td{padding-top: 15px;}
.apply_list.data_list .apply_guidewrap .apply_guide_table table tr:nth-child(3) td {padding-bottom: 15px;}
.apply_list.data_list .apply_guidewrap .apply_guide_table table tr.apply_guide_table_tit td {font-size: 18px; font-weight: 500; padding: 0px 10px; text-align: center;}
.apply_list.data_list .apply_guidewrap .apply_guide_table table tr.apply_guide_table_tit td:before {content: ""; width: 33px; height: 31px; display: inline-block; background: url(/resources/images/themeplace/applyNumber/apply_img02.png) no-repeat 50% 0; vertical-align: middle; margin-right:5px;}
.apply_list.data_list .apply_guidewrap .apply_guide_table table tr.apply_guide_table_tit td:after {content: ""; display: inline-block; width: 1px; height: 35px; padding-left: 20px; border-right: 1px solid #dadada; vertical-align: middle;}
.apply_list.data_list .apply_guidewrap ul {margin-top: 0; align-items: center;}
.apply_list.data_list .apply_guidewrap ul:after {content: none;}
.apply_list.data_list .apply_guidewrap ul li {width: auto; margin: 0;}
.apply_list.data_list .apply_guidewrap ul li:first-child {margin-right: 20px;}
.apply_list.data_list .apply_guidewrap ul li p {font-size: 15px; text-align: left; line-height: 1.3em;}
.apply_list.data_list .apply_guidewrap ul li p.guide_tit {font-size: 24px; color: #24b8e6; font-weight: bold;}
.apply_list.data_list .apply_guidewrap ul.numbers_conts {margin-bottom: 60px;}
.apply_list.data_list .apply_guidewrap ul.numbers_conts li:first-child {width: 355px; height: 203px; background:url(/resources/images/themeplace/applyNumber/apply_img06.png) no-repeat 50% 0;}
.apply_list.data_list .apply_guidewrap ul.digital_conts li ul.guide_imglist li {background-color: #f1f1f1; height: 173px; width:115px; padding: 10px; border: 1px solid #bfc9d1; border-radius: 10px; margin-right: 5px;}
.apply_list.data_list .apply_guidewrap ul.digital_conts li ul.guide_imglist li img{margin-top: 25px; margin-left: 5px;}
.apply_list.data_list .apply_guidewrap ul.digital_conts li ul.guide_imglist li p {font-size: 15px; font-weight: 600; margin-top: 23px; text-align: center;}

/*2023-03-09 비바샘이 간다 페이지 제작*/
.vivasamgo_event {position: relative; margin-top: 40px;}
.vivasamgo_event div[class^= "cont"] {position: relative;}
.vivasamgo_event .btnApply {position: absolute; left: 50%; bottom: 58px; transform: translateX(-50%);}
.vivasamgo_event .evtFooter {width: 100%; background: #067952;}
.vivasamgo_event .evtFooter .inner {width: 100%; padding: 38px 90px;}
.vivasamgo_event .evtFooter .inner strong {display: inline-block; margin-bottom: 10px; font-size: 22px; font-weight: 600; color: #f7cb68; line-height: 1; letter-spacing: -0.025em;}
.vivasamgo_event .evtFooter .inner ul li {font-size: 15px; font-weight: 300; color: #fff; line-height: 24px; letter-spacing:-0.03em;}
.vivasamgo_event .con {position: absolute; right: 20px; top: 35px; z-index: 10;}
.vivasamgo_event .eventEnd { position: absolute; right: -52px; top: 306px;  z-index: 10;}
.vivasamgo_event .cont2 .btnWrap .btnApply{width:360px;margin:85px auto 40px;}

/* 신청팝업 */
.vivago_apply.msgPopup {display:none;position:absolute;top:50%;left:50%;width:530px;height:auto;border: 1px solid #989898;margin:-550px 0 0 -265px;z-index:9900;}
.vivago_apply.msgPopup .close {position: absolute; top: 18px; right: 25px;}
.vivago_apply.msgPopup .msgPopCnt {background:#fff;}
.vivago_apply.msgPopup .contWrap {padding:25px 25px 40px; border: none;}
.vivago_apply.msgPopup .examInfo {margin-bottom: 0; border-top: 2px solid #707070;}
.vivago_apply.msgPopup table {width:100%; border: 0;}
.vivago_apply.msgPopup caption {text-indent:-1000px;font-size:0;line-height:0;}
.vivago_apply.msgPopup table th {height: 38px; padding: 0; background: #f2f2f2;font-weight: bold; text-align: center;}
.vivago_apply.msgPopup table td {padding: 5px 10px; color:#333}
.vivago_apply.msgPopup table td .name {color:#888}
.vivago_apply.msgPopup .examInfo table tr td input[type="radio"] + label {display: inline-block; width: 150px; margin-right: 0;}
.vivago_apply.msgPopup select, .vivago_apply.msgPopup input {vertical-align: middle;}
.vivago_apply.msgPopup .remaining_lb th,
.vivago_apply.msgPopup .remaining_lb td {height: auto; padding-top: 10px; padding-bottom: 0; border-bottom: none; background: #f2f2f2;}
.vivago_apply.msgPopup .remaining_lb p {font-size: 12px; color: #666;}
.vivago_apply.msgPopup .remaining_wrap td {padding: 0 15px 15px; border-bottom: 1px solid #e1e1e1; background: #f2f2f2;}
.vivago_apply.msgPopup textarea {box-sizing: border-box; width: 100%; height: 100px; padding:10px;border:1px solid #d9d9d9;color:#999;font:12px "Nanum Gothic","나눔고딕",NanumGothic,"돋움",Dotum,Helvetica,"Apple SD Gothic Neo",sans-serif}
.vivago_apply.msgPopup .remaining {margin-bottom: 3px; font-size:11px; color:#b7b7b7; text-align:right}
.vivago_apply.msgPopup .remaining span {color: #666;}
.vivago_apply.msgPopup .school_name span {display: inline-block; height: 25px; line-height: 25px; padding: 0 10px; border: 1px solid #d9d9d9; vertical-align: middle; font-size: 12px; color:#888}
.vivago_apply.msgPopup .school_name a {display: inline-block; vertical-align: middle;}
.vivago_apply.msgPopup #School_Search img {vertical-align: middle;}
.vivago_apply.msgPopup #schAddr02 .input_area {margin-bottom: 5px;}
.vivago_apply.msgPopup #schAddr02 input {width: 191px;}
.vivago_apply.msgPopup #schAddr02 select {width: 100px;}
.vivago_apply.msgPopup #groupSel02 input {width: 125px;}
.vivago_apply.msgPopup .txt {vertical-align: middle;}
.vivago_apply.msgPopup .txt.num {width: 40px;}
.vivago_apply.msgPopup .inputList > li {margin-top:7px;}
.vivago_apply.msgPopup .inputList > li:first-child {margin-top:0;}
.vivago_apply.msgPopup .input_unit {display: inline; width: auto; margin: 0 0 0 4px;}
.vivago_apply.msgPopup .input_unit + input {margin-left: 16px;}
.vivago_apply.msgPopup .info_txt {margin-left: 6px; font-size: 11px;}
.vivago_apply.msgPopup .event_info {margin-bottom: 25px; padding: 20px 15px; border-bottom: 1px solid #dfdfdf; font-size: 12px;}
.vivago_apply.msgPopup .event_info dt {margin-bottom: 10px; font-weight: bold; color: #666;font-size:12px;}
.vivago_apply.msgPopup .event_info dd { color: #888;}
.vivago_apply.msgPopup .event_info li {position: relative; margin-top: 3px; padding-left: 8px; line-height: 16px;font-size: 11px;}
.vivago_apply.msgPopup .event_info li p {letter-spacing: -1px;font-size: 11px;}
.vivago_apply.msgPopup .event_info li span {color: #232323;font-size: 11px;}
.vivago_apply.msgPopup .event_info li a {display: inline-block; height: 14px; margin-left: 5px; padding: 0 8px; border: 1px solid #666; color: #666;font-size: 11px;}
.vivago_apply.msgPopup .event_info li a:hover {text-decoration: none;}
.vivago_apply.msgPopup .event_info li:first-child {margin-top: 0;}
.vivago_apply.msgPopup .event_info li:before {content: ""; display: block; position: absolute;  left: 0; top: 6px; width: 2px; height: 2px; background: #888;}
.vivago_apply.msgPopup .agree_wrap .event_info {margin-top: 25px; border: none; background: #f2f2f2;}
.vivago_apply.msgPopup .agree {padding-bottom: 0; margin-bottom: 15px; color: #666;}
.vivago_apply.msgPopup .agree input {margin:2px 5px 0 0; vertical-align: top;}
.vivago_apply.msgPopup .agree label {padding-left:28px;display: inline-block; line-height: 18px; font-weight:bold; vertical-align: top;font-size:13px;}
.vivago_apply.msgPopup .agree label span {color: #ff565d;}
.vivago_apply.msgPopup .btnArea {margin-top:25px; border-top:0; text-align:center; padding:0;}
.vivago_apply.msgPopup .btnArea a {float:none !important;}


.vivago_apply.msgPopup .msgPopCnt{overflow:hidden;position:relative;z-index:1;}
.vivago_apply.msgPopup .tit{height:auto;padding:0;background:none;}
.vivago_apply.msgPopup table th{height:33px;padding:0;background:#f2f2f2;font-weight:bold;color:#666;text-align:center;}
.vivago_apply.msgPopup table td{padding:10px;font-size:11px;color:#666}
.vivago_apply.msgPopup .remaining_lb p{line-height:1.5;}
.vivago_apply.msgPopup .school_name span{display:inline-block;height:25px;line-height:25px;padding:0 10px;border:1px solid #d5d5d5;font-size:11px;color:#666;vertical-align:middle;}
.vivago_apply.msgPopup .school_name .school_search{display:inline-block;width:70px;height:27px;border:1px solid #d5d5d5;font-size:11px;font-weight:bold;color:#666;line-height:2.5;vertical-align:middle;letter-spacing:-.06em}
.vivago_apply.msgPopup .txt {color:#666;vertical-align:middle;}
.vivago_apply.msgPopup .info_txt{display:block;margin-top:5px;}
.vivago_apply.msgPopup .event_info{margin-bottom:15px;padding:20px 15px 15px;border-bottom: 1px solid #dfdfdf;font-size:12px;}
.vivago_apply.msgPopup .event_info li{position:relative;padding-left:8px;line-height:1.85;}
.vivago_apply.msgPopup .event_info li span{color:#1e1e21;}
.vivago_apply.msgPopup .event_info li em{color:#e40000;font-size:11px;}
.vivago_apply.msgPopup .event_info li a{display:inline-block;width:94px;height:16px;margin-left:5px;border:1px solid #666;color:#666;text-align:center;line-height:1.5;}
.vivago_apply.msgPopup .event_info li a:hover{text-decoration:none;}
.vivago_apply.msgPopup .agree_wrap .event_info{margin-top: 25px; border: none; background: #f2f2f2;}
.vivago_apply.msgPopup .agree_wrap .event_info ul li{color:#1e1e21;}
.vivago_apply.msgPopup .agree{margin-bottom:15px;padding-bottom:0;pading-left:15px;color:#666;}


.vivago_apply.msgPopup{width:568px;margin-left:-284px;z-index:1002;}
.vivago_apply.msgPopup .dimed{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,0.8);z-index:1;}
.vivago_apply.msgPopup .msgPopCnt{overflow:hidden;position:relative;background:#fff;border:2px solid #ff8025;border-radius:20px;z-index:1;box-shadow:8px 8px 5px rgba(0, 0, 0, 0.4);}
.vivago_apply.msgPopup .tit{position:relative;height:72px;padding:0 66px 0 38px;background:#ffe785;}
.vivago_apply.msgPopup .tit h2{font-size:22px;font-weight:900;color:#ff8025;line-height:3.2;}
.vivago_apply.msgPopup .tit .close{position:absolute;top:26px;right:23px;display:inline-block;width:20px;height:21px;background:url(/resources/images/event/common/btn_popclose.png) 0 0 no-repeat}
.vivago_apply.msgPopup .examInfo{border-top:0;}
.vivago_apply.msgPopup .contWrap{padding:0;}
.vivago_apply.msgPopup table th{height:33px;padding:10px 0 10px 37px;background:#f1f1f1;color:#606677; vertical-align:top; text-align:left; font-size:14px; line-height:2.2;font-family: 'Noto Sans Korean','AppleSDGothic Neo-Regular','Malgun Gothic', '맑은 고딕', 'dotum', '돋움', sans-serif;}
.vivago_apply.msgPopup table td{padding:10px 37px 10px 0;color:#666; background:#f1f1f1; font-size:14px;}
.vivago_apply.msgPopup table td.txt{line-height:2.2;color:#393d49;font-weight:400;}
.vivago_apply.msgPopup .remaining_lb p{line-height:1.5;color:#b1b2ba;}
.vivago_apply.msgPopup .school_name span{height:auto;padding:0;border:none;border-radius:0;background:transparent;line-height:1;}
.vivago_apply.msgPopup .school_name .school_search{display: inline-block;min-width: 100px;width:auto;height: 32px;padding: 0 10px;background: #abadb5;border-radius: 4px;font-size: 13px;color: #fff;text-align: center;line-height: 2.2;font-weight:500;}
.vivago_apply.msgPopup .txt.num{width:90px;}
.vivago_apply.msgPopup .input_unit{font-size:14px; color:#393d49; font-weight:400;}
.vivago_apply.msgPopup input[type="text"]{width:100%;height:32px;padding:0 14px;border:1px solid #dfdfdf;border-radius:4px;font-size:14px; color:#393d49; font-weight:400;}
.vivago_apply.msgPopup input[type="date"]{height:32px;padding:0 14px;border:1px solid #dfdfdf;border-radius:4px;font-size:14px; color:#393d49; font-weight:400;}
.vivago_apply.msgPopup input[type="radio"],
.vivago_apply.msgPopup input[type="checkbox"]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;}
.vivago_apply.msgPopup input[type="radio"] + label{position:relative;display:inline-block;padding:0;font-size:14px;font-weight:400;color:#393d49;line-height:2.2;font-weight:400;}
.vivago_apply.msgPopup input[type="checkbox"] + label{position:relative;display:inline-block;padding:0;font-size:14px;font-weight:400;color:#393d49;line-height:1.642;font-weight:400;}
.vivago_apply.msgPopup input[type="radio"] + label:before{content: '';display:inline-block;width:19px;height:19px;margin:0 8px 0 0;background:#fff;border:1px solid #adafb6;border-radius:100%;vertical-align:middle;}
.vivago_apply.msgPopup input[type="checkbox"] + label:before{content: '';position:relative;top:auto;left:auto;display:inline-block;width:23px;height:23px;margin:0 8px 0 0;background:url(/resources/images/educourse/ic_checkbox.png) no-repeat center top;vertical-align:middle;}
.vivago_apply.msgPopup input[type="radio"]:checked + label:after{content:'';position:absolute;top:11px;left:4px;width:13px;height:13px;background:#ff8025;border-radius:100%;}
.vivago_apply.msgPopup input[type="checkbox"]:checked + label:before{background-position:center -24px;}
.vivago_apply.msgPopup .examInfo table tr td input[type="radio"] + label{width:auto;padding-right:13px;}
.vivago_apply .ui-select-parent{vertical-align:middle;width:90px;}
.vivago_apply .select2-container .select2-selection--single{height:32px !important; border-radius:4px;}
.vivago_apply .select2-container--default .select2-selection--single .select2-selection__rendered{height:30px !important; color: #393d49; line-height:30px;}
.vivago_apply .select2-container--default .select2-selection--single .select2-selection__arrow b {top: 0;height: 32px;background-position: 50% -8px;}
.vivago_apply.msgPopup .remaining_wrap td {padding: 9px 37px 15px; border-bottom: 1px solid #e1e1e1; background: #f2f2f2;}
.vivago_apply.msgPopup textarea {box-sizing: border-box; width: 100%; height: 122px; padding:10px;border:1px solid #dfdfdf;color: #393d49;font:12px 'Noto Sans Korean','AppleSDGothic Neo-Regular','Malgun Gothic', '맑은 고딕', 'dotum', '돋움', sans-serif; border-radius:5px;}
.vivago_apply.msgPopup .remaining {margin: 3px 0 0; font-size:14px; color:#393d49; text-align:right; font-weight:400;}
.vivago_apply.msgPopup .remaining span {color: #393d49;}
.vivago_apply .evtInfoWrap{padding:27px 28px 40px;}
.vivago_apply.msgPopup .event_info{padding:0 0 15px 0;}
.vivago_apply.msgPopup .event_info dt{font-size:14px;color:#393d49; font-weight:500;}
.vivago_apply.msgPopup .event_info li{position:relative;padding-left:8px;line-height:1.64; font-size:14px; color:#888888;}
.vivago_apply.msgPopup .event_info li:before{top:10px;}
.vivago_apply.msgPopup .event_info li span{font:inherit;color:#ff8025;}
.vivago_apply.msgPopup .event_info li em{color:#ff2f25;font:inherit;}
.vivago_apply.msgPopup .event_info li p{font-size:14px;}
.vivago_apply.msgPopup .event_info li .ti10{padding-left: 10px;text-indent: -10px;}
.vivago_apply.msgPopup .agree_wrap{}
.vivago_apply.msgPopup .agree_wrap .event_info{margin-top: 0;padding: 0; background: #fff; border-top:0;border-bottom:1px solid #dfdfdf;}
.vivago_apply.msgPopup .agree_wrap .event_info ul li{color:#888888;}
.vivago_apply.msgPopup .agree{padding:0;}
.vivago_apply.msgPopup .btnArea a{display:inline-block;width:178px;height:56px;background:#ff8125;border-radius:28px;font-size:20px;font-weight:600;color:#fff;line-height:56px; cursor:pointer;}
.vivago_apply.msgPopup .btnArea a:before{content:'';display:inline-block;width:8px;height:8px;margin-right:10px;background:#ff8125;border:5px solid #fff;border-radius:100%;}

.vivago_apply.msgPopup .input{display:inline-block; width:100%;}
.vivago_apply.msgPopup .input.wp180{width:180px;}
.vivago_apply.msgPopup .formMulti+.input, .vivago_apply.msgPopup .input+.input{margin-top:4px;}
.vivago_apply.msgPopup .btnZipCode{display:inline-block;min-width:100px;height:32px;padding:0 10px;background:#abadb5;border-radius:4px;font-size:14px;color:#fff;text-align:center;line-height:2.2;vertical-align: middle;}
.vivago_apply.msgPopup table th.lh{line-height:1.32;}
.vivago_apply.msgPopup .formInfoTxt.info {position: relative; font-size: 14px; font-weight: 400; color: #606677; line-height: 18px; letter-spacing: -0.04em; text-indent: -9px;}
.vivago_apply.msgPopup .select_date {margin-top: 5px;}
.vivago_apply.msgPopup .select_date li span {display: inline-block; font-size: 14px; font-weight: 400; color: #606677;}
.vivago_apply.msgPopup .chkList_vertical li {margin-bottom: 2px;}
.vivago_apply.msgPopup .infoTxt {margin:20px 10px;color:#abadb5; font-size: 14px; line-height:1.4;letter-spacing:-0.04em;}

/* 2023 2학기 개편 (7월)*/
/* 수업 시간표 리스트 */
.time_table_pop .table .table_body .table_left .set_class .set_time_table .table_item .subjectInfo p {font-size: 13px; font-weight: 500; color: #ff7031; line-height: 1.3; padding-top: 10px;}

/* 썸네일 형(정사각) height100 주지 않으면 이미지 원본이라 깨짐 */
div.img img {width:100%;height:100%}

/*교과서 음원 악보 자료실*/
.music_conts .btn_wrap {margin: 0;}
.music_conts .btn_wrap.flex {display: flex; justify-content: space-between; align-items: center;}
.music_conts .btn_wrap a {margin: 0;}
.music_conts .music_tabbox {position: relative;}
.music_conts .btn_link { display: inline-block; position: absolute; right: 0; bottom: -10px; padding-left: 36px; font-size: 13px; font-weight: 500; color: #5576ff; line-height: 28px; letter-spacing: -0.045em;  background: url(/resources/images/themeplace/music/ico/ico_link.png)no-repeat left center;  }
.music_conts .btn_link:before {content: ""; display: inline-block; position: absolute;  right: 0; bottom: 5px; width: calc(100% - 36px); height: 1px; background: #5576ff; }
.music_conts a.btnUseInfo {display: inline-block; position: absolute; right: 0; top: 20px; height: auto; padding: 0 0 0 28px; font-size: 13px; font-weight: 400; color: #5c5a61; line-height: 20px; letter-spacing: -0.040em; border-bottom: 0; }
.music_conts a.btnUseInfo span {display: inline-block; position: absolute; left:0; top: 50%; transform: translateY(-50%);  width: 20px; height: 20px; margin-right: 8px; background: url(/resources/images/themeplace/music/ico/ico_useInfo.png)no-repeat center;}
.music_conts a.btnUseInfo:hover {color: #f46b6b; text-decoration: underline;}
.music_conts a.btnUseInfo2 {position: absolute; right: 0; top: -40px; height: auto; min-width:95px; padding: 0 5px; display:inline-flex; align-items:center; font-size: 13px; font-weight: 400; color: #5c5a61; line-height: 30px; letter-spacing: -0.040em; background:#faf5f7; border:1px solid #e1c6d1; border-radius:16px;}
.music_conts a.btnUseInfo2 span {margin-right:7px; display:inline-block; width:20px; height:20px; font-size:13px; color:#5a3b96; font-weight:500; text-align:center; line-height:18px; border-radius:50%; border:1px solid #e1c6d1; background:#fff;}
.conts_wrap {border-top: 1px solid #d4d4d4;}
.music_conts#cont01 {display: block;}
.music_conts.tab_conts {position:relative;padding-top: 8px;}
.music_conts #cont01 .conts_top {padding-bottom: 20px; border-bottom: 1px solid #d4d4d4;}
.music_conts #cont01 .conts_top .btn_wrap.playlist {display: flex; justify-content: right; align-items: center; gap: 13px; margin-top: 0;}
.music_conts #cont01 .conts_top .btn_wrap.playlist .btn_txt {display: inline-block; position: relative; padding: 0 17px;  font-size: 12px; font-weight: 400; color: #494949; line-height: 28px; letter-spacing: -0.06em; background: #eef1f4; border: 1px solid #bbc2c8; border-radius: 5px;}
.music_conts #cont01 .conts_top .btn_wrap.playlist .btn_txt:before {content: ""; display: inline-block; position: absolute; right: -9px; top: 50%; transform: translateY(-50%); width: 9px; height: 8px; background: url(/resources/images/themeplace/music/ico/ico_txt.png)no-repeat center;}
.search_setting {width: 100%; margin-top: 10px; border: 2px solid #896dc1; border-radius: 10px; background: #fff; overflow: hidden;}
.search_setting table {width: 100%; table-layout: fixed; border-collapse: collapse;}
.search_setting tbody tr th {height: 42px; padding: 0 20px; font-size: 15px; font-weight: 500; color: #ffffff; letter-spacing: -0.045em; text-align: left; vertical-align: middle; background: #8d7cbf; border-bottom: 1px solid #70619f; border-right: 1px solid #70619f;}
.search_setting tbody tr:last-child th {border-bottom: 0;}
.search_setting tbody tr td {padding: 15px; border-bottom: 1px solid #c5c8cb;}
.search_setting tbody tr:last-child td {border-bottom: 0;}
.search_setting tbody tr td ul {width: 100%; }
.search_setting tbody tr td ul li {display: inline-block; vertical-align: middle;}
.search_setting tbody tr td ul li input[type="checkbox"] + label {position: relative; padding-left: 25px; margin-right: 23px;  font-size: 14px; font-weight: 400; color: #393d4a; letter-spacing: -0.045em; background: none;}
.search_setting tbody tr td ul li input[type="checkbox"] + label:before {content: ""; display: inline-block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 18px; height: 18px; margin-top: 0; background: url(/resources/images/themeplace/music/ico/ico_search_check.png)no-repeat center top;}
.search_setting tbody tr td ul li input[type="checkbox"]:checked + label:before {background-position: center bottom;}
.search_setting tbody tr td input[type="text"] {display: inline-block; width: 390px; padding: 0 11px; line-height: 30px; border: 1px solid #656a7a; border-radius: 3px;}
.search_setting tbody tr td input[type="text"]::placeholder {color: #949494; }
.music_conts #cont01 .conts_top .btn_wrap.search {position: relative; text-align: center; margin: 10px 0 0 0;}
.music_conts #cont01 .conts_top .btn_wrap.search .btn_reset {display: inline-block; position: absolute; right: 0; top: 0; padding-left: 23px;  font-size: 13px; font-weight: 400; color: #434753; line-height: 18px; letter-spacing: -0.025em; background: url(/resources/images/themeplace/music/ico/ico_reset.png)no-repeat left center;}
.music_conts #cont01 .conts_top .btn_wrap.search .btn_search {display: inline-block; width: 120px;   font-size: 16px; font-weight: 500; color: #fff; line-height: 40px; letter-spacing: -0.055em; text-align: center; background: #53565f; border: 1px solid #474d5d;  border-radius: 8px;}
.conts_main .tb_info.c_7.cl_ma_tb_info {margin-top: 22px; font-size: 14px; font-weight: 400; color: #525252; letter-spacing: -0.045em; }
.conts_main .btn_wrap.add {margin-top: 18px; }
.conts_main .btn_wrap.add a {display: inline-block; padding: 0 12px 0 32px; margin:0 4px 0 0 ; font-size:  14px; font-weight: 500; color: #6f51aa; line-height: 28px; letter-spacing: -0.045em; border: 1px solid #d4cbe6; border-radius: 16px;}
.conts_main .btn_wrap.add a.btn_down {background: url(/resources/images/themeplace/music/ico/ico_down.png)no-repeat left 14px center;}
.conts_main .btn_wrap.add a.btn_add {background: url(/resources/images/themeplace/music/ico/ico_add.png)no-repeat left 15px center;}
.conts_main .btn_wrap.add .btn_view_switch {display: flex; align-items: center; gap: 5px; margin-top: 8px;}
.conts_main .btn_wrap.add .btn_view_switch span {display: inline-block;  font-size: 14px; font-weight: 400; color: #46505c; letter-spacing: -0.045em;}
.conts_main .btn_wrap.add .btn_view_switch input[type="checkbox"] {display: none;}
.conts_main .btn_wrap.add .btn_view_switch input[type="checkbox"] +label {display: inline-block; position: relative;  width: 33px;  height: 20px;  background: #c5c5c5; border: 1px solid #ababab; border-radius: 10px; cursor:pointer;}
.conts_main .btn_wrap.add .btn_view_switch input[type="checkbox"] +label:before {content: ""; display: inline-block;  position : absolute; left: 2px; top: 50%; transform: translateY(-50%); width: 15px; height: 15px; padding: 0; margin: 0; background: #fff; border: 0; border-radius: 50%; transition: ease 0.4s;}
.conts_main .btn_wrap.add .btn_view_switch input[type="checkbox"]:checked +label {background: #896dc1; border: 0;}
.conts_main .btn_wrap.add .btn_view_switch input[type="checkbox"]:checked +label:before {left: unset; right: 2px; }
.conts_main .tblist.cl_ma_table thead tr th {height: 47px; text-align: center; background: #f0f0f0;}
.conts_main .tblist.cl_ma_table tbody tr td {padding: 0 6px; text-align: center; border-left: 1px solid #c5c8cb; border-bottom: 1px solid #c5c8cb; }
.conts_main .tblist.cl_ma_table thead tr th:nth-child(1),
.conts_main .tblist.cl_ma_table tbody tr td:nth-child(1) { padding: 0; text-align: center; border-left: 0;}
.conts_main .tblist.cl_ma_table thead tr th:nth-child(2) { padding: 0 2px; border-left: 0;}
.conts_main .tblist.cl_ma_table tbody tr td:nth-child(2) {text-align: left; padding: 0 2px; border-left: 0;}
.conts_main .tblist.cl_ma_table thead tr th input[type="checkbox"] + label {display: inline-block; width: 18px; height: 18px; background: url(/resources/images/themeplace/music/ico/ico_search_check2.png)no-repeat center top; vertical-align: middle; }
.conts_main .tblist.cl_ma_table tbody tr td input[type="checkbox"] + label {display: inline-block; width: 18px; height: 18px; background: url(/resources/images/themeplace/music/ico/ico_search_check.png)no-repeat center top; vertical-align: middle;}
.conts_main .tblist.cl_ma_table thead tr th input[type="checkbox"]:checked + label {background-position: center bottom;}
.conts_main .tblist.cl_ma_table tbody tr td input[type="checkbox"]:checked + label {background-position: center bottom;}
.conts_main .tblist.cl_ma_table thead tr th input[type="checkbox"] + label:before ,
.conts_main .tblist.cl_ma_table tbody tr td input[type="checkbox"] + label:before {display: none;}
.conts_main .tblist.cl_ma_table tbody tr td {height: 47px; text-align: center;}
.conts_main .tblist.cl_ma_table tbody tr td:nth-child(2) { padding-left: 0; }
.conts_main .tblist.cl_ma_table tbody tr td {font-size: 13px; font-weight: 400; color: #525252; letter-spacing: -0.045em;}
.conts_main .tblist.cl_ma_table tbody tr td span {font-size: 13px; font-weight: 400; color: #525252; letter-spacing: -0.045em;}
.music_conts .tblist.cl_ma_table tbody tr td a {position:relative; display: flex; width: 90%; align-items: center; overflow:visible;}
.music_conts .tblist.cl_ma_table tbody tr td a.hasBadge{margin:30px 0;}
.music_conts .tblist.cl_ma_table tbody tr td a .music_tit_wrap {display: block; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.music_conts .tblist.cl_ma_table tbody tr td a .ico_badge{position:absolute; left:0; top:-20px; width:55px; height:20px; border-radius:10px; font-size:12px; font-weight:600; line-height:20px; text-align:center; color:#fff;}
.music_conts .tblist.cl_ma_table tbody tr td a .ico_badge.ico22{background:#0057ED;}
.music_conts .tblist.cl_ma_table tbody tr td a .ico_badge.ico15{background:#F73749;}
.conts_main .tblist.cl_ma_table tbody tr td a p {display: inline; margin-right: 2px; font-size: 15px; font-weight: 500; color: #44454b; letter-spacing: -0.045em;}
.conts_main .tblist.cl_ma_table tbody tr td a p + span.pub {display: inline; margin:2px 6px 0 0; font-size: 11px; font-weight: 400; color: #808184; letter-spacing: -0.045em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.conts_main .tblist.cl_ma_table tbody tr td a span.yt {display: inline-block; flex-shrink: 0; padding: 0 4px; margin: 2px 0 0 0; font-size: 9px; font-weight: 500; color: #e42d27; line-height: 15px; letter-spacing: -0.045em; border: 1px solid #f18f8c; border-radius: 3px; }
.conts_main .tblist.cl_ma_table tbody tr:hover {background: #faf5f7;}
.conts_main .tblist.cl_ma_table tbody tr:hover td a p,
.conts_main .tblist.cl_ma_table tbody tr:hover td a  {position: relative; color: #6f50ab; text-decoration: none;}
.conts_main .tblist.cl_ma_table tbody tr:hover td a:after {content: ""; display: inline-block; position: absolute; left: 0; bottom: -2px; width: 100%; height: 1px; background: #6f50ab; }
.conts_main .tblist.cl_ma_table tbody tr td span.listen {display: inline-block; width: 16px; height: 13px; background: url(/resources/images/themeplace/music/ico/ico_listen_check.png)no-repeat center;}
.conts_main .tblist.cl_ma_table tbody tr td button {width: 100%;}
.conts_main .tblist.cl_ma_table tbody tr td button.btn_music_down {display: inline-block; font-size: 13px; font-weight: 400; color: #f34646; line-height: 24px; text-align: center; letter-spacing: -0.045em; background: #fff1f1; border: 1px solid #e55555; border-radius: 5px;}
.conts_main .tblist.cl_ma_table tbody tr td button.btn_music_melody {display: inline-block; font-size: 13px; font-weight: 400; color: #f22020; line-height: 24px; text-align: center; letter-spacing: -0.045em; background: #fff1f1; border: 1px solid #e55555; border-radius: 5px;}
.conts_main .tblist.cl_ma_table tbody tr td button.btn_music_chasi {display: inline-block; font-size: 13px; font-weight: 400; color: #5da7f3; line-height: 24px; text-align: center; letter-spacing: -0.045em; background: #f0f8ff; border: 1px solid #5bb3f3; border-radius: 5px;}
.conts_main .tblist.cl_ma_table tbody tr td button:hover {color: #fff; background: #65beff; border-color: #5bb3f3;}
.conts_main .tblist.cl_ma_table tbody tr td button.btn_music_down:hover {display: inline-block; font-size: 13px; font-weight: 400; color: #ffffff; line-height: 24px; text-align: center; letter-spacing: -0.045em; background: #f46b6b; border: 1px solid #e55555; border-radius: 5px;}
.conts_main .tblist.cl_ma_table tbody tr td button.btn_music_melody:hover {display: inline-block; font-size: 13px; font-weight: 400; color: #ffffff; line-height: 24px; text-align: center; letter-spacing: -0.045em; background: #f46b6b; border: 1px solid #e55555; border-radius: 5px;}



.music_conts#cont02 .conts_top {width: 100%; height: 131px; background: url(/resources/images/themeplace/music/top_bg.png)no-repeat center; }
.music_conts#cont02 .conts_top .btn_wrap {display: flex; align-items: center; height: 100%; margin-left: 462px; }
.music_conts#cont02 .conts_main h3 {margin: 50px 0 40px; text-align: center;}
.music_conts#cont02 .conts_main .musiclab_list {display: flex; justify-content: center; flex-wrap: wrap;  gap: 9px; width: 100%;}
.music_conts#cont02 .conts_main .musiclab_list li {width: 163px;  text-align: center; border: 1px solid #d4d5d6; border-radius: 10px; overflow: hidden;}
.music_conts#cont02 .conts_main .musiclab_list li a {display: block; height: 100%; padding:  18px 0 24px; background: #f7f7f7;}
.music_conts#cont02 .conts_main .musiclab_list li a .img_box {display: flex; justify-content: center; align-items: center; width: 56px; height: 56px; margin: 0 auto 10px; background: #fff; border: 1px solid #e6e6e6; border-radius: 50%;}
.music_conts#cont02 .conts_main .musiclab_list li a  > p {margin-bottom: 11px; font-size: 13px; font-weight: 400; color: #505050; letter-spacing: -0.055em; }
.music_conts#cont02 .conts_main .musiclab_list li a .name {display: block; height: 35px; }
.music_conts#cont02 .conts_main .musiclab_list li a .name.type2 {height: 34px;}
.music_conts#cont02 .conts_main .musiclab_list li:nth-child(1) a .name {background:  url(/resources/images/themeplace/music/title/lab_tit1.png)no-repeat center top;}
.music_conts#cont02 .conts_main .musiclab_list li:nth-child(2) a .name {background:  url(/resources/images/themeplace/music/title/lab_tit2.png)no-repeat center top;}
.music_conts#cont02 .conts_main .musiclab_list li:nth-child(3) a .name {background:  url(/resources/images/themeplace/music/title/lab_tit3.png)no-repeat center top;}
.music_conts#cont02 .conts_main .musiclab_list li:nth-child(4) a .name {background:  url(/resources/images/themeplace/music/title/lab_tit4.png)no-repeat center top;}
.music_conts#cont02 .conts_main .musiclab_list li:nth-child(5) a .name {background:  url(/resources/images/themeplace/music/title/lab_tit5.png)no-repeat center top;}
.music_conts#cont02 .conts_main .musiclab_list li:nth-child(6) a .name {background:  url(/resources/images/themeplace/music/title/lab_tit6.png)no-repeat center top;}
.music_conts#cont02 .conts_main .musiclab_list li:nth-child(7) a .name {background:  url(/resources/images/themeplace/music/title/lab_tit7.png)no-repeat center top;}
.music_conts#cont02 .conts_main .musiclab_list li:nth-child(8) a .name {background:  url(/resources/images/themeplace/music/title/lab_tit8.png)no-repeat center top;}
.music_conts#cont02 .conts_main .musiclab_list li:nth-child(9) a .name {background:  url(/resources/images/themeplace/music/title/lab_tit9.png)no-repeat center top;}
.music_conts#cont02 .conts_main .musiclab_list li:nth-child(10) a .name {background: url(/resources/images/themeplace/music/title/lab_tit10.png)no-repeat center top;}
.music_conts#cont02 .conts_main .musiclab_list li:nth-child(11) a .name {background: url(/resources/images/themeplace/music/title/lab_tit11.png)no-repeat center top;}
.music_conts#cont02 .conts_main .musiclab_list li:nth-child(12) a .name {background: url(/resources/images/themeplace/music/title/lab_tit12.png)no-repeat center top;}
.music_conts#cont02 .conts_main .musiclab_list li:nth-child(13) a .name {background: url(/resources/images/themeplace/music/title/lab_tit13.png)no-repeat center top;}
.music_conts#cont02 .conts_main .musiclab_list li:nth-child(14) a .name {background: url(/resources/images/themeplace/music/title/lab_tit14.png)no-repeat center top;}
/*hover*/
.music_conts#cont02 .conts_main .musiclab_list li:hover {border-color: #e75a5a;}
.music_conts#cont02 .conts_main .musiclab_list li:hover a {background: #f46b6b;}
.music_conts#cont02 .conts_main .musiclab_list li:hover a > p {color: #feff81;}
.music_conts#cont02 .conts_main .musiclab_list li:hover a .name {background-position: center bottom;}

.music_conts#cont03 {padding-top: 14px;}
.music_conts#cont03 .conts_top {width: 100%; height: 131px; background: url(/resources/images/themeplace/music/suno_ai_top_bg.png) no-repeat center; }
.music_conts#cont03 .conts_top .btn_wrap {display: flex; align-items: center; height: 100%; margin-left: 472px; }
.music_conts#cont03 .conts_main.suno_ai .summary {display:flex; flex-wrap: wrap; gap: 40px; justify-content: space-between; padding: 0 40px 0 22px; background: url(/resources/images/themeplace/music/suno_ai_bg_01.png) no-repeat center; }
.music_conts#cont03 .conts_main.suno_ai .summary h3 {flex: 0 0 100%; margin: 50px 0 0; text-align: center;}
.music_conts#cont03 .conts_main.suno_ai .summary .summary_text {width: 516px;}
.music_conts#cont03 .conts_main.suno_ai .summary .summary_text .text,
.music_conts#cont03 .conts_main.suno_ai .summary .summary_text .disclaimer {font-size: 16px; letter-spacing: -0.9px; color: #525252; font-weight: 600; }
.music_conts#cont03 .conts_main.suno_ai .summary .summary_text .disclaimer {display: block; margin: 16px 0 0; padding: 0 0 0 15px; text-indent: -14px; color: #00c6e3; }
.music_conts#cont03 .conts_main.suno_ai .summary .summary_text .text {text-align: justify;}
.music_conts#cont03 .conts_main.suno_ai .summary .summary_video {overflow: hidden; position: relative; width: 285px; height: 426px; border-radius: 10px;}
.music_conts#cont03 .conts_main.suno_ai .summary .summary_video::before {content: ''; position: absolute; z-index: 2; left: 0; right: 0; top: 0; bottom: 0; background: #000; opacity: .4; }
.music_conts#cont03 .conts_main.suno_ai .summary .summary_video .thumb {position: absolute; z-index: 1; left: 0; right: 0; top: 0; bottom: 0; background: url(/resources/images/themeplace/music/suno_ai_thumb.png) no-repeat 0 0;}
.music_conts#cont03 .conts_main.suno_ai .summary .summary_video .btn_play_video {position: absolute; z-index: 5; left: 50%; top: 50%; width: 90px; height: 90px; transform: translate(-50%, -50%); background: url(/resources/images/themeplace/music/btn/btn_play_video.png) no-repeat 0 0;}
.music_conts#cont03 .conts_main.suno_ai .summary .summary_video video {display: block; width: 100%; height: 100%;}
.music_conts#cont03 .conts_main.suno_ai .summary .summary_video.is-play::before,
.music_conts#cont03 .conts_main.suno_ai .summary .summary_video.is-play .thumb,
.music_conts#cont03 .conts_main.suno_ai .summary .summary_video.is-play .btn_play_video {display: none;}
.music_conts#cont03 .conts_main.suno_ai .sub_title {text-align: center;}
.music_conts#cont03 .conts_main.suno_ai .sub_title img {vertical-align: middle;}
.music_conts#cont03 .conts_main.suno_ai .make_song, 
.music_conts#cont03 .conts_main.suno_ai .enjoy_song {padding-top: 50px; margin-top: 50px; border-top: 2px solid #8a8a8c;}
.music_conts#cont03 .conts_main.suno_ai .make_song_outline {display:flex; align-items: start; margin: 35px 0 -57px;}
.music_conts#cont03 .conts_main.suno_ai .make_song_outline p:not(.make_song_order) {transform: translateY(-57px);}
.music_conts#cont03 .conts_main.suno_ai .make_song_outline p.make_song_order {display:flex; justify-content: center; align-items: center; width: 578px; height: 185px; background: url(/resources/images/themeplace/music/make_song_order_bg.png) no-repeat 0 0;}
.music_conts#cont03 .conts_main.suno_ai .make_song_outline p.make_song_order a {width: 160px; height: 160px;}
.music_conts#cont03 .conts_main.suno_ai .make_song_outline p.make_song_order a:nth-of-type(1) {background:url(/resources/images/themeplace/music/make_song_order_01_off.png) no-repeat 0 0;}
.music_conts#cont03 .conts_main.suno_ai .make_song_outline p.make_song_order a:nth-of-type(1):hover {background-image:url(/resources/images/themeplace/music/make_song_order_01_on.png);}
.music_conts#cont03 .conts_main.suno_ai .make_song_outline p.make_song_order a:nth-of-type(2) {background:url(/resources/images/themeplace/music/make_song_order_02_off.png) no-repeat 0 0;}
.music_conts#cont03 .conts_main.suno_ai .make_song_outline p.make_song_order a:nth-of-type(2):hover {background-image:url(/resources/images/themeplace/music/make_song_order_02_on.png);}
.music_conts#cont03 .conts_main.suno_ai .make_song_outline p.make_song_order a:nth-of-type(3) {background:url(/resources/images/themeplace/music/make_song_order_03_off.png) no-repeat 0 0;}
.music_conts#cont03 .conts_main.suno_ai .make_song_outline p.make_song_order a:nth-of-type(3):hover {background-image:url(/resources/images/themeplace/music/make_song_order_03_on.png);}
.music_conts#cont03 .conts_main.suno_ai .make_song_detail li {position: relative; padding-top: 35px; margin-top: 12px;}
.music_conts#cont03 .conts_main.suno_ai .make_song_detail .title {position: absolute; left: 0; top: 0;}
.music_conts#cont03 .conts_main.suno_ai .make_song_detail .content {display:flex; gap: 26px; padding: 50px 50px 30px 37px; background-color: #fffdf4; border: 1px solid #d4d5d6; border-radius: 20px;}
.music_conts#cont03 .conts_main.suno_ai .make_song_detail li + li  {margin-top: 20px;}
.music_conts#cont03 .conts_main.suno_ai .make_song_detail .img_chapter {flex: 0 0 381px; display: flex; flex-direction: column; justify-content: end;}
.music_conts#cont03 .conts_main.suno_ai .make_song_detail .img_chapter img ~ img {margin-top: 11px;}
.music_conts#cont03 .conts_main.suno_ai .make_song_detail .detail_text {display: flex; flex-direction: column; padding-bottom: 21px;}
.music_conts#cont03 .conts_main.suno_ai .make_song_detail .detail_text .text {margin-bottom: 10px; font-size: 16px; color: #525252; letter-spacing: -1.1px;}
.music_conts#cont03 .conts_main.suno_ai .make_song_detail .detail_text [class^='icon_'] {display: inline-block; height: 25px; margin: 0 3px; vertical-align: -6px;}
.music_conts#cont03 .conts_main.suno_ai .make_song_detail .detail_text .icon_create {width: 71px; background: url(/resources/images/themeplace/music/make_song_icon_create.png) no-repeat 0 0;}
.music_conts#cont03 .conts_main.suno_ai .make_song_detail .detail_text .icon_custom {width: 87px; background: url(/resources/images/themeplace/music/make_song_icon_custom.png) no-repeat 0 0;}
.music_conts#cont03 .conts_main.suno_ai .make_song_detail .detail_text .icon_actions {width: 32px; background: url(/resources/images/themeplace/music/make_song_icon_actions.png) no-repeat 0 0;}
.music_conts#cont03 .conts_main.suno_ai .make_song_detail .detail_text .detail_title {display: block; font-size: 18px; letter-spacing: -0.6px; font-weight: 700; color: #525252;}
.music_conts#cont03 .conts_main.suno_ai .make_song_detail .detail_text .detail_title::before {content: ''; display: inline-block; width: 12px; height: 12px; margin-right: 7px; vertical-align: middle; background-color: #00c6e3; border-radius: 100%;}
.music_conts#cont03 .conts_main.suno_ai .make_song_detail .detail_text .text + .detail_title {margin-top: 10px;}
.music_conts#cont03 .conts_main.suno_ai .make_song_detail .detail_text .detail_title + .text + .detail_title + .text {margin-bottom: 30px;}
.music_conts#cont03 .conts_main.suno_ai .make_song_detail .detail_text .detail_title + .text + .detail_title + .text + .text  {margin-bottom: 35px;}
.music_conts#cont03 .conts_main.suno_ai .make_song_detail .tip {margin: auto 0 0 -20px;}
.music_conts#cont03 .conts_main.suno_ai .enjoy_song .sub_title {margin-bottom: 42px;}
.music_conts#cont03 .conts_main.suno_ai .enjoy_song .enjoy_list {display: flex; gap: 9px;}
.music_conts#cont03 .conts_main.suno_ai .enjoy_song .enjoy_list li {padding: 39px 20px 49px; border: 1px solid #d4d5d6; border-radius: 10px;}
.music_conts#cont03 .conts_main.suno_ai .enjoy_song .enjoy_list li:nth-child(2n-1) {background-color: #fffdf4;}
.music_conts#cont03 .conts_main.suno_ai .enjoy_song .enjoy_list li:nth-child(2n) {background-color: #f4faff;}
.music_conts#cont03 .conts_main.suno_ai .enjoy_song .enjoy_list .title {display: block; margin: 0 auto 17px;}
.music_conts#cont03 .conts_main.suno_ai .enjoy_song .enjoy_list .content {font-size: 16px; letter-spacing: -1.4px; color: #505050; text-align: center;}
.music_conts#cont03 .conts_main.suno_ai .enjoy_song .enjoy_more {padding: 15px 0 37px;margin-top: 56px; text-align: center; background-color: #c2f4de; border: 1px solid #d4d5d6; border-radius: 10px;}
.music_conts#cont03 .conts_main.suno_ai .enjoy_song .enjoy_more .title {display: block; margin: 0 auto 4px;}

.still_cut_wrap{position:relative; margin:42px auto 0; padding:0 20px; max-width:906px; overflow:hidden;}
.still_cut_wrap .still_cut{overflow:visible;}
.still_cut_wrap .still_cut li{width:100%; height:488px;}
.still_cut_wrap .still_cut li a{display:block; width:100%; height:100%; border:1px solid #393d4a; border-radius:17px; overflow:hidden;}
.still_cut_wrap .still_cut li:first-child a {cursor: default;}
.still_cut_wrap .still_cut li a img{width:100%; height:100%; object-fit:cover;}
.still_button_wrap .still_button{position:absolute; top:50%; margin-top:calc(-41px/2); width:41px; height:41px; background:url('/resources/images/themeplace/music/arr_swiper.png') no-repeat center center; z-index:1;}
.still_button_wrap .still_button-prev{left:-20px;}
.still_button_wrap .still_button-next{right:-20px; transform:rotate(180deg);}
.music_conts .btn_tip_down{margin:21px auto 0; max-width:258px; display:flex; justify-content:center; align-items:center; font-size:16px; color:#fff; font-weight:500; line-height:54px; background:#f46b6b; border-radius:10px; border:1px solid #e55555; box-shadow: 0 4px 0 2px rgba(227,227,227,1)}
.music_conts .btn_tip_down i{margin-right:10px; display:inline-block; width:14px; height:18px; background:url('/resources/images/themeplace/music/ico/ico_down_w.png') no-repeat center center / contain;}
.music_nodata {display: flex; justify-content: center; align-items: center; flex-wrap: wrap;  width: 100%;  height: 200px;}
.music_nodata .inner > * {width: 100%; text-align: center;}
.music_nodata p {font-size: 16px; font-weight: 400; color: #424a58;}
.music_nodata span  { font-size: 16px; font-weight: 400; color: #a5a6a7; }


/* 2023-08-29 비바샘터 개편*/
.subcontents_samter .cont_head .btn_pop {position: absolute; right: 20px; bottom: 0;}
.subcontents_samter.program .cont_head .btn_pop {position: absolute; right: 20px; bottom: -99px;}
.subcontents_samter.style02 .cont_head {padding-bottom: 40px;}
.subcontents_samter.style02.program .cont_head {padding-bottom: 0;}

/* 창의적, 수업 연구소 index 공통 .commonIndexWrap */
.commonIndexWrap img {width:100%;height:100%;}
.sub_tit.type02,.commonIndexWrap .sub_tit.type02,.sub_tit.type02 .magazineMonth{font-size:18px;font-family:"ONE-Mobile-Title",'sans-serif';font-weight:400;color:#292f38;margin-bottom:15px;}
.commonIndexWrap .sub_tit.type02 .magazineMonth{display:none;}
.commonIndexWrap .sub_tit.type02 .magazineMonth.on{display:inline-block;color:#ff7031;margin:0;padding-right:4px;}
.commonIndexWrap .border_g{border:1px solid #dcdcdc;border-radius:9px;}
.commonIndexWrap .color_o{color:#ff5c12;}
/* 창체,수업연구소 index 마우스오버 */
.subjectDataList li a.DataActive:hover .hoverBox,.magazinCont ul li a:hover .hoverBox,.steamWrap .awardsList ul li a:hover .hoverBox{display:block;position:absolute;top:0;left:0;right:0;bottom:0;width:100%;background-color:rgba(0,0,0,0.3);}
.commonIndexWrap a .hoverBox .ListTxtBox{width:100%;position:relative;height:100%}
.commonIndexWrap a .hoverBox .ListTxtBox .verticalCT{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.commonIndexWrap a .hoverBox,.subjectDataList li a.DataActive .hoverBox{display:none;}

/* 창의적체험활동 index */
.dataThemeWrap{display:flex;}
.dataThemeWrap .sub_tit.type02{height:18px;width:100%;}
.dataThemeWrap .dataWrap{width:calc(100% - 358px);margin-right:16px;}
.dataThemeWrap .dataWrap .dataWrapBox{padding:16px 12px 11px;border-radius:10px;}
.subjectDataSwiperWrap {padding:16px 0 15px;position:relative;}
.subjectDataSwiperWrap .dataListPrev, .subjectDataSwiperWrap .dataListNext,.teacherContSwiperWrap>button{background:url("../images/creative/common/btn_arrow.png") no-repeat center center;width:9px;height:14px;position:absolute;top:50%;left:0;z-index:1;transform:translateY(-50%);opacity:1;}
.subjectDataSwiperWrap .dataListNext{left:auto;right:0;transform:rotate(180deg);}
.subjectDataSwiperWrap .dataListNext:after{content:'next';font-size:0;}
.subjectDataSwiperWrap .dataListPrev:after{content:'prev';font-size:0;}
.subjectDataSwiperWrap .dataList-disabled{opacity: 0;}
.subjectDataSwiperWrap .dataPaging{width:100%;position:absolute;bottom:0px;text-align:center;height:7px;line-height:0;padding:0 20px;}
.subjectDataSwiperWrap .dataPagingbullet {width:7px;height:7px;display: inline-block;border-radius: 100%;background: #c9cdd0;margin: 0 2.5px;cursor:pointer;}
.subjectDataSwiperWrap .dataPaging-active {background: #393d4a;}
.subjectDataSwiper {width:481px;overflow: hidden;}
.subjectDataTit, .subjectDataTit span,  .subjectDataRefresh {display:inline-block;}
.subjectDataTit, .subjectDataTit span{font-weight:500;}
.subjectDataTit{padding-left:5px;}
.subjectDataRefresh{width:calc(100% - 182px);padding-right:7px;}
.subjectDataRefresh .RefreshTit{display:block;padding-left:20px;font-size: 13px;position:relative;font-weight:400;width:69px;margin-left:auto;}
.subjectDataRefresh a:before{content:"";width:14px;height:12px;display:inline-block;background:url("../images/creative/common/ico_refesh.png") no-repeat center center;position:absolute;top:4px;left:0;}
.subjectDataList li{width:115px;height:115px;}
.subjectDataList li a{border:1px solid #cccce5;background-color:#e4e4ef;border-radius:4px;overflow:hidden;display:block;height:115px;width:115px;text-align:center;}
.subjectDataList li a.banner_o {border-color:#f9e1d1;background-color:#fff3eb;}
.subjectDataList li a.banner_b {border-color:#cfdbe6;background-color:#eaf0f6;}
.subjectDataList li a.banner_p {border-color:#ead3f4;background-color:#f8e8ff;}
.subjectDataList li a .date,.subjectDataList li a.DataActive .hoverBox .Tit{font-weight:500;display:inline-block;color:#fff;border-radius:25px;padding-top:3px;font-size: 13px;margin-bottom:10px;height:25px;width:46px;}
.subjectDataList li a .txt,.subjectDataList li a.DataActive .hoverBox p{max-height:43px;overflow:hidden;font-size:13px;font-weight:500;color:#292f38;line-height:14px;position:absolute;top:calc(50% + 46px);left:50%;transform:translate(-50%,-50%);width:100%;padding: 0 15px;}
.subjectDataList li a span{display:block;text-align:center;}
.subjectDataList li a div.ListTxtBox.type02{width:100%;padding-top:20px;position:relative;height:auto;}
.subjectDataList li a.banner_o .date{background-color:#f5812d;}
.subjectDataList li a.banner_b .date{background-color:#5e9bf6;}
.subjectDataList li a.banner_p .date{background-color:#f4788c;}
.subjectDataList li a.DataActive {background-color:#cccce5;background-color:#e4e4ef;padding:13px 12px 0;position:relative;}
.subjectDataList li a.DataActive .hoverBox .Tit{background-color:#f4788c;color:#fff;}
.subjectDataList li a.DataActive .hoverBox p{color:#fff;}
.subjectDataList li.defaultSubject img{border:0;}
.dataThemeWrap .themeWebWrap{width:342px;height:228px;}
.dataThemeWrap .themeWebWrap a{display:block;width:100%;height:195px;}

/* 전문가 선생님 수업자료 모음 추천 스와이프 - 개편으로 메인과 공통으로 사용(24.01.29) */
.commonIndexWrap .teacherDataWrap,.creativeDataWrap{margin-bottom:40px;}
.commonIndexWrap .teacherContSwiperWrap,
.commonIndexWrap .creativeContSwiperWrap,
.commonIndexWrap .samContSwiperWrap{border-radius:7px 7px 0 0;position:relative;height:57px;}
.commonIndexWrap .teacherContSwiperWrap{padding:0 28px;}
.commonIndexWrap .teacherContSwiperWrap .tabPage .pageBtn{margin:0 7px;}
.commonIndexWrap .creativeContSwiperWrap{padding:0 15px;}
.commonIndexWrap .teacherDataSwiperWrap,
.commonIndexWrap .creativeDataSwiperWrap,
.commonIndexWrap .samDataSwiperWrap {padding:12px 17px 5px 16px;border-top:0;background-color:#f8f8f8;border-radius:0 0 7px 7px;height:328px;}
.commonIndexWrap .teacherDataList .dataContent{display:flex;}
.commonIndexWrap .classDataWrap,.creativeClassDataWrap{width:calc(100% - 340px);margin-right:20px;position:relative;}
.commonIndexWrap .classDataTit, .videoDataTit{display:inline-block;color:#6a6b74;padding-right:21px;position:relative;font-size:12px;font-weight: 400;position:absolute;bottom:0;right:0;}
.commonIndexWrap .classDataTit:hover, .videoDataTit:hover{color:#ff7031;}
.commonIndexWrap .classDataTit:after, .videoDataTit:after{content:"";display:inline-block;background:url("../images/creative/common/btn_more.png") no-repeat center center;width:12px;height:9px;position:absolute;top:50%;right:1px;transform:translateY(-50%);}
.commonIndexWrap .classDataTit:hover:after, .videoDataTit:hover:after{background-image:url("../images/creative/common/btn_more_o.png");}
.commonIndexWrap .classDataCont, .videoDataCont,.creativeClassDataWrap{padding-bottom:25px;}
.commonIndexWrap.main .teacherDataList .classDataCont,
.commonIndexWrap.main .teacherDataList .videoDataCont{ padding-bottom: 0;}
.commonIndexWrap.main .dataTitleGroup { position: relative; margin-bottom: 13px;}
.commonIndexWrap.main .dataTitleGroup .iconImg { color: #303134;font-size: 16px;font-weight: 700; line-height: 1;vertical-align: top;}
.commonIndexWrap.main .dataTitleGroup .iconImg img { margin-right: 9px; width: 20px; max-width: 100%}
.commonIndexWrap.main .dataTitleGroup .classDataTit,
.commonIndexWrap.main .dataTitleGroup .videoDataTit { position:  absolute; bottom: auto; right: 0;}

.commonIndexWrap .classDataCont ul,.creativeDataCont ul {display:flex;}
.commonIndexWrap .classDataCont ul li,.creativeDataCont ul li{width:262px;border-radius:7px;overflow:hidden;margin-right:10px;border-top:0;box-shadow:2px 3px 2px 0px rgba(40,41,42,.1);border:1px solid #ddd;}
.commonIndexWrap .classDataCont ul li a,.creativeDataCont ul li a{width:260px;display:block;}
.commonIndexWrap .classDataCont ul li a .img,.creativeDataCont ul li a .img{height:145px;overflow:hidden;}
.commonIndexWrap .classDataCont ul li a .imgTxt,.creativeDataCont ul li a .imgTxt {padding: 15px 18px;height:135px;background-color:#fff;}
.commonIndexWrap .classDataCont ul li a .imgTxt p,.creativeDataCont ul li a .imgTxt p {font-size:18px;font-weight:500;color:#373b47;line-height:1.2;height:67px;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;}
.commonIndexWrap .classDataCont ul li a .imgTxt span,.creativeDataCont ul li a .imgTxt span{display:block;color:#373b47;font-size:13px; padding-top:15px;overflow:hidden;line-height:1;height:30px;}
.commonIndexWrap .classDataCont ul li a:hover img,.creativeDataCont ul li a:hover img {transform:scale(1.3);transition:all 1s ease;object-position:top;}
[class^="tabPage"]{line-height:55px;}
[class^="tabPage"] .pageBtn{color:#414141;height:55px;text-align:center;font-size:13px;padding: 0 6.8px;margin:0 5px;position:relative;cursor:pointer;display:inline-block;height:auto;}
[class^="tabPage"] .pageBtn:hover{color:#ff7031;font-weight:bold;}
[class^="tabPage"] .pageBtn:after,
.SlideNavContainer .SlideNavWrap li a:before{content:"";position:absolute;top:50%;transform:translateY(-50%);right:-10px;width:5px;height:5px;background-color:#cdcdcd;border-radius:100%;display:inline-block;vertical-align:middle;cursor:default;}
[class^="tabPage"] .pageBtn:last-child:after{content:none;}
[class^="tabPage"] .pageBtn.pageBtn-active{color:#ff7031;font-weight:bold;}
.tabPage2 .pageBtn{padding:0 8px;margin:0 5px;}
.tabPage2 .pageBtn:after{right:-8px;}
/* 창체 index 탭메뉴 스와이프 적용 - 전문가 선생님 수업자료 모음 추천 */
.teacherContSwiperWrap>button{background-color:#f8f8f8;border-radius:50%;border:1px solid #efefef;width:34px;height:34px;left:15px;}
.teacherContSwiperWrap>button.tabSlideNext{left:auto;right:15px;transform:rotate(180deg) translateY(50%);}
.SlideNavContainer.swiper-container{width:700px;margin:0 auto;}
.SlideNavContainer .SlideNavWrap li{width:auto;line-height:55px;}
.SlideNavContainer .SlideNavWrap li a{text-align:center;font-weight:bold;padding-right:30px;}
.SlideNavContainer .SlideNavWrap li a:before{right:auto;left:-17px;}
/*.SlideNavContainer .SlideNavWrap li.swiper-slide-thumb-active a:before{content:none;}*/
.SlideNavContainer .SlideNavWrap li.swiper-slide-thumb-active a{color:#ff7031;font-weight:bold;}
.creativeClassDataWrap.chasi ul{flex-wrap:wrap;gap:10px;}
.creativeClassDataWrap.chasi ul li{margin:0;width:262px;flex-shrink:0;height:136px;}
.creativeClassDataWrap.chasi ul li a{width:100%;height:100%;position:relative;}
.creativeDataCont.chasi ul li a:hover img{transform:none;}
.creativeClassDataWrap.chasi ul li a .txtbox{position:absolute;bottom:0;width:100%;background-color:rgba(255,255,255,.8);padding:7px 10px;}
.creativeClassDataWrap.chasi ul li a .txtbox p{text-align:center;font-weight:bold;}
.creativeClassDataWrap.chasi.type2{width:100%;margin:0;}
.creativeClassDataWrap.chasi.type2 ul li{width:211px;}


/* 수업연구소용 인덱스 페이지 스와이프 */
.creativeDataWrap.mt40 .creativeContSwiperWrap{height:78px;padding:0 172px;}
.creativeDataWrap.mt40 .tabPage2{padding:10px 0;text-align:center;line-height:28px;word-break:keep-all;}
/* 진로활동, 창의 융합 연구소 컨텐츠 */
.careerActive .classDataWrap,.creativeActive .creativeClassDataWrap{width:100%;margin-right:0;}
.careerActive .classDataWrap .classDataCont ul li,.creativeActive .creativeClassDataWrap .creativeDataCont ul li{width:212px;margin-right:8px;}
.careerActive .classDataWrap .classDataCont ul li:nth-of-type(2),.creativeActive .creativeClassDataWrap .creativeDataCont ul li:nth-of-type(2){margin-left:0;}
.careerActive .classDataWrap .classDataCont ul li a,.creativeActive .creativeClassDataWrap .creativeDataCont ul li a{width: 100%;}
.careerActive .classDataWrap .classDataCont ul li a .imgTxt,
.creativeActive .creativeClassDataWrap .creativeDataCont ul li a .imgTxt {padding:19px 9px;}
.samData .creativeActive .creativeClassDataWrap .creativeDataCont ul li a .imgTxt {padding:19px;}
.classDataWrap .classDataCont ul li a .imgTxt .type{display:flex;align-items:center;margin: 3px 0;gap:0 5px;}
.classDataWrap .classDataCont ul li a .imgTxt .type+ p { margin-top: 5px;}
.classDataWrap .classDataCont ul li a .imgTxt .type span,.creatChasiWrap .chasiList .infoWrap .type a{display:inline-block;font-size:11px;line-height:22px;font-weight:500;}
.classDataWrap .classDataCont ul li a .imgTxt .type a{text-align:right;margin-left:auto;color:#878787;text-decoration:underline;}
.classDataWrap .classDataCont ul li a .imgTxt .type span{padding:0 6px;height:22px;border:1px solid #ddd;border-radius:5px;}
.classDataWrap .classDataCont ul li a .imgTxt .type span.tit{border:0;}
.classDataWrap .classDataCont ul li a .imgTxt .type span.tit.health{background-color:#ffe0e5;color:#d22e49;}
.classDataWrap .classDataCont ul li a .imgTxt .type span.tit.safety{background-color:#e0ebff;color:#1b78dd;}
.classDataWrap .classDataCont ul li a .imgTxt .type span.tit.society{background-color:#e4f0e0;color:#d22e49;}
.classDataWrap .classDataCont ul li a .imgTxt .type span.tit.korean{background-color:#c37259;color:#f4eae4;}
.classDataWrap .classDataCont ul li a .imgTxt .type span.tit.s_edu{background-color:#e4e4f1;color:#6b68d6;}
.classDataWrap .classDataCont ul li a .imgTxt .type span.tit.etc{background-color:#fbf9ac;color:#6d6b6c;}
.classDataWrap .classDataCont ul li a .imgTxt .type span.grade12{color:#f5612d;border-color:#f5612d;}
.classDataWrap .classDataCont ul li a .imgTxt .type span.grade34{color:#3d7cdf;border-color:#3e7cdf;}
.classDataWrap .classDataCont ul li a .imgTxt .type span.grade56{color:#845eff;border-color:#845eff;}

.classDataCont ul li:last-child,
.careerActive .classDataWrap .classDataCont ul li:last-child,
.creativeDataCont ul li:last-child,
.creativeActive .creativeClassDataWrap .creativeDataCont ul li:last-child{margin-right:0;}
.teacherDataBanner{padding-top:14px;}
.videoDataWrap{position:relative;width:calc(100% - 554px);}
.videoDataCont ul{display:flex;flex-wrap:wrap;}
.videoDataCont ul li{width:155px;background-color:#fff;border-radius:8px;margin-right:10px;margin-bottom:11px;overflow:hidden;height:135px;}
.videoDataCont ul li:nth-of-type(2n){margin-right:0;}
.videoDataCont ul li:nth-of-type(n+3){margin-bottom: 0;}
.videoDataCont ul li a{position:relative;top:0;display:block;width:100%;height:100%;}
.videoDataCont ul li a .videoIcon{position:absolute;top:8px;right:8px;display:inline-block;background:url("../images/creative/common/ico_video.png") no-repeat center center;width:32px;height:32px;}
.videoDataCont ul li a .videoTitBg{display:none;}
.videoDataCont ul li a img{object-fit:cover;}
.videoDataCont ul li a:hover .videoTitBg{position:absolute;width:100%;height:100%;background-color:rgba(45,45,45,.8);top:0;left:0;right:0;bottom:0;display:inline-flex;align-items:center;padding:10px 20px;border:2px solid #f5802c;border-radius:8px;justify-content:center;}
.videoDataCont ul li a:hover .videoTitTxt{color:#fff;font-weight:500;font-size:15px;text-align:center;line-height:20px;}
.magazinCont{background-color:#f7f7f7;padding:26px 27px 28px;}
.magazinCont ul{display:flex;}
.magazinCont ul li{width:127px;margin-right:19px;}
.magazinCont ul li a {width:127px;display:block;}
.magazinCont ul li:last-child{margin-right:0;}
.magazinCont ul li a .cover{border:1px solid #dcdcdc;border-radius:7px;overflow:hidden;height:162px;position:relative;}
.magazinCont ul li a .cover .verticalCT span{color:#fff;font-weight:bold;}
.magazinCont ul li a .coverTxt{padding-top:10px;}
.magazinCont ul li a .coverTxt p{font-size:15px;color:#292f38;max-height:60px;line-height:20px;overflow:hidden;}
.magazinCont ul li a .coverTxt span{font-size:15px;color:#838383;display:block;padding-top:10px;}
.magazineBanner {height:51px;background-color:#d4eef2;border:1px solid #a3d1d8;border-radius:7px;margin-top:10px;font-size:16px;color:#373b48;font-weight:500;}
.magazineBanner a{display:flex;justify-content:center;align-items:center;padding:12px 0 13px;}
.magazineBanner span{color:#0066ff;font-size:16px;font-weight:500;display:inline-block;margin-left:3px;}
.magazineBanner span.magazineLogo{height:21px;width:24px;background:url("../images/creative/common/magazine_logo.png") no-repeat 0 0;margin-right:11px;margin-left:0;}
.magazineBanner span.magazineBtn{width:24px;height:24px;border:1px solid #a3d1d8;border-radius:100%;margin-left:11px;background:url("../images/creative/common/magazine_btn.png") no-repeat 8px center #fff;display:inline-block;}

/* 수업 연구소 index */
.keywordBox {background-color:#ffedaf;border:1px solid #ffcc60;border-radius:8px;padding: 9px 10px 9px 0;height:141px;display:flex;align-items:center;}
.keywordBox .keywordBoxTit{width:206px;padding:0 5px;text-align:center;}
.keywordBox .keywordBoxTit span{display:inline-block;font-size:11px;color:#ff5816;font-weight:600;}
.keywordBox .recomKeyword {background-color:#fff;border:2px solid #ff7031; border-radius:30px;padding:0px 9px 0px 11px;height:22px;}
.commonIndexWrap .keywordBox .keywordCont{text-align:center;font-size:15px;margin-top:11px;margin-bottom:0;color:#292f38;line-height:20px;max-height:40px;overflow:hidden;}
.keywordBox .keywordList{border:1px solid #ffcc60;border-radius:12px;background-color:#fff;display: flex;width:calc(100% - 190px);overflow:hidden;height:123px;}
.keywordBox .keywordList li{width:100%;border-right:1px solid #ffcc60;height:121px;}
.keywordBox .keywordList li:last-child{border-right:0;}
.keywordBox .keywordList li a{height:121px;display:block;text-align:center;position:relative;}
.keywordBox .keywordList li a:hover{background-color:#fff5e9;}
.keywordBox .keywordList li a:hover span.keywordNum{background-color:#fff;}
.keywordBox .keywordList li a span{display:block;font-weight:600;}
.keywordBox .keywordList li a span.keywordNum{font-size:11px;color:#ff7031;background-color:#fff5e9;border:1px solid #ffcbb5;width:26px;height:26px;border-radius:100%;margin:0 auto;padding-top:3px;font-weight:400;margin-bottom:9px;}
.keywordBox .keywordList li a span.keywordTxt{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;padding:10px 7px;max-height:121px;overflow:hidden;}
.keywordBox .keywordList li a span.subKeyword{color:#434753;}
.keywordBox .keywordList li a span.mainKeyword{color:#ff7031;font-size:15px;margin-bottom:0;line-height:normal;}
.todayClassWrap ul{display:flex;}
.todayClassWrap ul li{margin-right:7px;width:176px;}
.todayClassWrap ul li:last-child{margin-right:0;}
.todayClassWrap ul li a{display:block;width:100%;}
.todayClassWrap ul li .todayImg{height:222px;}
.todayClassWrap ul li .todayTxt{color:#373b47;text-align:center;margin-top:11px;font-weight:bold;}
.steamWrap{display:flex;}
.steamWrap .steamInterview{width:680px;}
.steamWrap .steamInterview ul{display: flex;}
.steamWrap .steamInterview ul li{width:220px;margin-right:10px;}
.steamWrap .steamInterview ul li a{display:block;width:100%;height:220px;margin-right:10px;position:relative;overflow:hidden;}
.steamWrap .steamInterview ul li a .name{display:block;position:absolute;top:8px;left:8px;background-color:#f2895a;color:#fff;height:25px;padding:6px 8px 7px 8px;text-align:center;font-size:12px;border-radius:4px;font-family:'ONE-Mobile-Regular','sans-serif';}
.steamWrap .steamInterview ul li a .txt{position: absolute;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);height:54px;padding:8px 20px 7px 15px;display:inline-flex;align-items:center;border-radius:0 0 10px 10px;}
.steamWrap .steamInterview ul li a .txt span{color:#fff;overflow: hidden;font-weight:600;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.steamWrap .steamInterview ul li:last-child{margin-right:0;}
.steamWrap .awardsWrap{margin-left:10px;width:calc(100% - 680px);}
.steamWrap .awardsList {width:220px;overflow:hidden;border-radius:10px;overflow:hidden;background-color:#edf2f6;border:1px solid #dcdcdc;}
.steamWrap .awardsList ul li a{width:100%;height:218px;display:block;text-align:center;}
.steamWrap .awardsList ul li a img{width:160px;height:auto;padding-top:13px;}
.steamWrap .awardsList ul li a:hover .verticalCT span{color:#fff;font-size:20px;}

.edutechOnlineWrap {display: flex;}
.edutechOnlineWrap .edutechWrap{width:571px;}
.edutechOnlineWrap .edutechWrap .edutechBanner{background:url("../images/themeplace/class/edutechbanner.png") no-repeat center center;width:571px;height:219px;display:block;}
.edutechOnlineWrap .onlineClassWrap{width:calc(100% - 571px);margin-left:10px;}
.edutechOnlineWrap .onlineClassWrap ul{display:flex;flex-wrap: wrap;border:1px solid #d0d0d0;border-radius:8px;overflow:hidden;}
.edutechOnlineWrap .onlineClassWrap ul li[class^="onlineTool"]{width:calc(100% / 3);}
.edutechOnlineWrap .onlineClassWrap ul li.onlineTool01,.edutechOnlineWrap .onlineClassWrap ul li.onlineTool02{width:calc(100% / 2);border-bottom:1px solid #ebebeb;}
.edutechOnlineWrap .onlineClassWrap ul li.onlineTool01,.edutechOnlineWrap .onlineClassWrap ul li.onlineTool03,.edutechOnlineWrap .onlineClassWrap ul li.onlineTool04{border-right:1px solid #ebebeb;}
.edutechOnlineWrap .onlineClassWrap ul li[class^="onlineTool"] a{display:block;width:100%;height:108px;text-align:center;padding:26px 10px 15px;}
.edutechOnlineWrap .onlineClassWrap ul li[class^="onlineTool"] a:hover{background-color:#fff7d7;}
.edutechOnlineWrap .onlineClassWrap ul li[class^="onlineTool"] a:hover span{color:#ff7031;}
.edutechOnlineWrap .onlineClassWrap ul li[class^="onlineTool"]:nth-of-type(n+3) a{padding-top:24px;}
.edutechOnlineWrap .onlineClassWrap ul li[class^="onlineTool"] a i[class^='toolIcon']{background:url("../images/themeplace/class/ico_zoom.png") no-repeat center center;width:41px;height:30px;display:block;margin:auto;}
.edutechOnlineWrap .onlineClassWrap ul li[class^="onlineTool"] a i.toolIcon01{background-image:url("../images/themeplace/class/ico_zoom.png");}
.edutechOnlineWrap .onlineClassWrap ul li[class^="onlineTool"] a i.toolIcon02{background-image:url("../images/themeplace/class/ico_google.png");width:30px;}
.edutechOnlineWrap .onlineClassWrap ul li[class^="onlineTool"] a i.toolIcon03{background-image:url("../images/themeplace/class/ico_video.png");width:33px;}
.edutechOnlineWrap .onlineClassWrap ul li[class^="onlineTool"] a i.toolIcon04{background-image:url("../images/themeplace/class/ico_img.png");width:30px;background-color:#fff;}
.edutechOnlineWrap .onlineClassWrap ul li[class^="onlineTool"] a i.toolIcon05{background-image:url("../images/themeplace/class/ico_etc.png");width:30px;}
.edutechOnlineWrap .onlineClassWrap ul li[class^="onlineTool"] a span{color:#686868;font-weight:500;padding-top:19px;display:block;}


/* 241초등 개편 문제은행 2024-02-17 */
.onquiz li .info_area{position:relative; padding:14px 20px 20px 54px;}
.onquiz li .info_area input[type=checkbox] + .quiz_info_chk{position:absolute; left:20px; top:20px; padding:0; width:18px; height:18px; cursor:pointer;}
.onquiz li .info_area input[type=checkbox] + .quiz_info_chk:before{margin:0; top:0; width:18px; height:18px; background:url('../images/qbank/ic_checkbox2.png') no-repeat center top;}
.onquiz li .info_area input[type=checkbox]:checked + .quiz_info_chk:before{background-position-y:bottom;}
.quiz_lv_info{position:sticky;top:72px;background: #fff;z-index: 11;}
.quizlist .sub_infobox{position: sticky;top:172px;left: unset;margin-top:-60px;width: 1200px;background: #fff;z-index: 10;}
.quizlist .sub_infobox:before{content:''; position:absolute; top:0; bottom:0; left:50%; width:1px;background: #e9e9ea;}
.quizlist .sub_infobox .btn{margin:0 0 0 4px; padding:0 15px; float:right; display:inline-block; width:auto; height:auto; font-size:14px; font-weight:500; text-align:center; line-height:32px; border-radius:4px; border:1px solid;}
.quizlist .sub_infobox .btn span{margin:0 6px 0 0; display:inline-block; height:32px; vertical-align:top; border-radius:0;}
.quizlist .sub_infobox .btn_remove{color:#393d49; border-color:#545454;}
.quizlist .sub_infobox .btn_remove span{width:14px; background:url('../images/qbank/ico_del.png') no-repeat center;}
.quizlist .sub_infobox .btn_add{color:#fff; border-color:#308ff6; background:#4ca2ff;}
.quizlist .sub_infobox .btn_add span{width:8px; background:url('../images/qbank/ico_add.png') no-repeat center;}
.quizlist .sub_infobox .btn_add:hover {background: #4ca2ff;border-color: #308ff6;color: #fff;}
.quizlist .sub_infobox .btn_add:hover span{background:url('../images/qbank/ico_add.png') no-repeat center;}

.win_pop .chapter_body.make{padding-top:143px;}
.win_pop .chapter_body.make .quiz_lv_info{position:fixed; top:91px; margin:0 auto; padding:20px 20px 20px 40px; width:1200px; min-height:0; background:#f1f1f1; z-index:12;}
.win_pop .scroll_area_wrap .quiz_lv_info .info_btn{bottom:20px;}
.win_pop .scroll_area_wrap .quiz_lv_info .info_btn > .btn{margin:0 0 0 4px; padding:0 15px; display:inline-block; width:auto; height:auto; font-size:14px; font-weight:500; text-align:center; line-height:42px; border-radius:4px; }
.win_pop .scroll_area_wrap .quiz_lv_info .info_btn > .btn span{margin:0 6px 0 0; display:inline-block; height:42px; vertical-align:top; border-radius:0;}
.win_pop .scroll_area_wrap .quiz_lv_info .info_btn > .btn_remove{color:#393d49; background:#fff; border:1px solid #545454; line-height:40px; }
.win_pop .scroll_area_wrap .quiz_lv_info .info_btn > .btn_remove span{width:14px; height:40px; background:url('../images/qbank/ico_del.png') no-repeat center;}
.win_pop .scroll_area_wrap .quiz_lv_info .info_btn > .btn_save span{width:15px; background:url('../images/qbank/ico_chk.png') no-repeat center;}
.win_pop .scroll_area_wrap .quiz_lv_info .info_btn > .btn_down{background:#44464e;}
.win_pop .scroll_area_wrap .quiz_lv_info .info_btn > .btn_down span{width:14px; background:url('../images/qbank/ico_down.png') no-repeat center;}
.win_pop .scroll_area_wrap .quiz_lv_info .info_btn .btn_guide{margin:6px 7px;}
.win_pop .scroll_area_wrap .onquiz li .info_area{padding-top:0;}
.win_pop .onquiz li .info_area input[type=checkbox] + .quiz_info_chk{left:25px; top:0;}

/*문제은행 가이드 */
.guide_layout .modules{position:fixed; right:30px; bottom:30px; display:flex; gap:6px;}
.guide_layout .modules .box{padding:12px 21px; background:#2d2d2d; border-radius:21px;}
.guide_layout .modules input[type=checkbox] + label{padding-left:29px;color:#fff;font-size:14px;font-weight:400; line-height:18px;}
.guide_layout .modules input[type=checkbox] + label:before{margin-top:-9px; width:18px; height:18px; background:url('../images/qbank/ic_checkbox.png') no-repeat center top;}
.guide_layout .modules input[type=checkbox]:checked + label:before{background-position-y:bottom;}
.guide_layout .modules .popup_close{padding-left:23px;display:inline-block;font-size:14px;font-weight:400;color:#fff;line-height:18px;background:url('../images/qbank/guide_close.png') no-repeat left center;}
.guide_layout .pop_body .tip p{font-size:14px; color:#171717; font-weight:400; line-height:21px; letter-spacing:-0.04em;}
.guide_layout .pop_body .tip1{right:170px;top:101px;padding:0 0 13px 17px;width:310px;height:130px;display:flex; align-items:flex-end;}
.guide_layout .pop_body .tip2{right:102px;top:470px;width:342px;height:141px;}
.guide_layout .pop_body .tip2 .guid_txt2{margin-top:16px;padding-left:18px;width:274px;height:68px;display:inline-flex; align-items:center;}

/* 2024-01-29 비바샘이 간다 */
.vivasamgo_event .con{top:29px; right:-64px;}
.vivasamgo_event .comingsoon{position:absolute; top:305px; right:-65px; z-index:1;}
.vivasamgo_event .btnApply{bottom:65px;}
.vivasamgo_event .evtFooter{background:#936926;}
.vivasamgo_event .evtFooter .inner{padding:38px 74px;}
.vivasamgo_event .evtFooter .inner strong{color:#f7cb68;}
/*.vivago_apply.msgPopup{width:624px;}*/
/*.vivago_apply.msgPopup table th{padding-left:30px;}*/
/*.vivago_apply.msgPopup table td{padding-right:30px;}*/
/*.vivago_apply.msgPopup .remaining_wrap td{padding:10px 30px;}*/

/* 에듀테크 수업활용 개편 240306 */
.edutech_wrap .edutech .img_wrap{position:relative; padding-right:11px;}
.edutech_wrap .edutech .img_wrap:after{content:''; position:absolute; right:0; top:0; bottom:0; width:11px; background:url('../images/tr/edutech_line.png') no-repeat left center / auto 100%;}
.edutech_wrap .edutech .img_wrap.noAfter:after{display:none;}
.edu_tschool{background:url('../images/tr/edu_school2.png') no-repeat center / contain;}
.edu_tschool .tsc_btn_wrap{position: absolute;top: 130px;left:0; right:0;display:flex; justify-content:center; align-items:center;gap:10px;}
.edu_tschool .tsc_btn_wrap .tschool_btn{position:static; transform:translateX(0)}
.edu_tschool .tsc_btn_wrap .tschool_btn.btn2{width:179px;}

.edu_themaWrap {height:auto; padding:76px 20px 21px; margin-top:15px; gap:5px; background-color:#f17985; background-position:top center; border-radius:20px; overflow:hidden;}
.edu_themaWrap li{flex:1;}
.edu_themaWrap li a {font-weight:600; letter-spacing:-0.06em;}
.edu_themaWrap li.theme1 {width:120px; height:120px; background:#fff; border-radius:11px; overflow:hidden;}
.edu_themaWrap li.theme1 a {padding:70px 0 0; background:#fff url('../images/tr/theme_ico1.png') no-repeat center top 20px / 100% auto;}
.edu_themaWrap li.theme2 {width:120px; height:120px; background:#fff; border-radius:11px; overflow:hidden;}
.edu_themaWrap li.theme2 a {padding:70px 0 0; background:#fff url('../images/tr/theme_ico2.png') no-repeat center top 18px / 100% auto;}
.edu_themaWrap li.theme3 {width:120px; height:120px; background:#fff; border-radius:11px; overflow:hidden;}
.edu_themaWrap li.theme3 a {padding:70px 0 0; background:#fff url('../images/tr/theme_ico3.png') no-repeat center top 21px / 100% auto;}
.edu_themaWrap li.theme4 {width:120px; height:120px; background:#fff; border-radius:11px; overflow:hidden;}
.edu_themaWrap li.theme4 a {padding:70px 0 0; background:#fff url('../images/tr/theme_ico4.png') no-repeat center top 21px / 100% auto;}
.edu_themaWrap li.theme5 {width:120px; height:120px; background:#fff; border-radius:11px; overflow:hidden;}
.edu_themaWrap li.theme5 a {padding:70px 0 0; background:#fff url('../images/tr/theme_ico5.png') no-repeat center top 23px / 100% auto;}
.edu_themaWrap li.theme6 {width:120px; height:120px; background:#fff; border-radius:11px; overflow:hidden;}
.edu_themaWrap li.theme6 a {padding:70px 0 0; background:#fff url('../images/tr/theme_ico6.png') no-repeat center top 21px / 100% auto;}
.edu_themaWrap li.theme7 {width:120px; height:120px; background:#fff; border-radius:11px; overflow:hidden;}
.edu_themaWrap li.theme7 a {padding:70px 0 0; background:#fff url('../images/tr/theme_ico7.png') no-repeat center top 17px / 100% auto;}


/* 2024-09-24 미술관 음악관 고도화 */

.cont_head.music_head{padding-bottom:220px; background:url('/resources/images/themeplace/music/cont_head_bg.png') no-repeat left bottom;}
.cont_head.music_head .music_book_info_wrap{position:absolute; right:0; bottom:0; display:flex; gap:20px;}
.cont_head.music_head .music_book_info_wrap .thumb{position:relative;}
.cont_head.music_head .music_book_info_wrap .thumb img{max-width:100%;}
.cont_head.music_head .music_book_info_wrap .thumb .badge{position:absolute; right:-40px; top:-40px; width:113px; height:115px; background:url('/resources/images/themeplace/music/ico_badge.png') no-repeat center;}
.cont_head.music_head .music_book_info_wrap .btn_wrap{position:relative; margin-top:10px; display:flex;}
.cont_head.music_head .music_book_info_wrap .btn_wrap:after{content:''; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:1px; height:17px; background:#333;}
.cont_head.music_head .music_book_info_wrap .btn_wrap .btn{flex:1; font-size:13px; color:#333; font-weight:600; line-height:36px; border:1px solid #a4a4a4;}
.cont_head.music_head .music_book_info_wrap .btn_wrap .btn i{margin-left:5px; display:inline-block; height:36px; background-repeat:no-repeat; background-position:center; vertical-align:top;}
.cont_head.music_head .music_book_info_wrap .btn_wrap .btn.view{border-radius:8px 0 0 8px; border-right:none;}
.cont_head.music_head .music_book_info_wrap .btn_wrap .btn.view i{width:17px; background-image:url('/resources/images/themeplace/music/ico/ico_view_b.png')}
.cont_head.music_head .music_book_info_wrap .btn_wrap .btn.down{border-radius:0 8px 8px 0; border-left:none;}
.cont_head.music_head .music_book_info_wrap .btn_wrap .btn.down i{width:18px; background-image:url('/resources/images/themeplace/music/ico/ico_down2_b.png')}
.cont_head.music_head .music_book_info_wrap .btn_wrap .btn:hover{color:#fff;}
.cont_head.music_head .music_book_info_wrap .btn_wrap .btn.view:hover{background:#4f8ff6; border-color:#4f8ff6;}
.cont_head.music_head .music_book_info_wrap .btn_wrap .btn.view:hover i{background-image:url('/resources/images/themeplace/music/ico/ico_view_w.png')}
.cont_head.music_head .music_book_info_wrap .btn_wrap .btn.down:hover{background:#4f8ff6; border-color:#4f8ff6;}
.cont_head.music_head .music_book_info_wrap .btn_wrap .btn.down:hover i{background-image:url('/resources/images/themeplace/music/ico/ico_down2_w.png')}

.music_tabbox .music_menu li.new:after{content:''; position:absolute; left:4px; top:0; width:15px; height:14px; background:url('/resources/images/themeplace/music/ico/ico_new.png') no-repeat center;}

.conts_main .cl_ma_table.renew24 tbody tr td{padding:10px 7px;}
.conts_main .cl_ma_table.renew24 tbody tr td .music_melody_box+.music_melody_box{margin-top:14px;}
.conts_main .cl_ma_table.renew24 tbody tr td .music_melody_label{font-size: 13px; font-weight: 400; color: #f22020; line-height: 24px; text-align: center; letter-spacing: -0.045em; background: #fff1f1; border: 1px solid #e55555; border-radius: 5px;}
.conts_main .cl_ma_table.renew24 tbody tr td .fl_btns{margin-top:8px; display:flex; justify-content:center; gap:7px;}
.conts_main .cl_ma_table.renew24 tbody tr td .fl_btns .btn{width:39px; height:26px; border:1px solid #a4a4a4; background-color:#fff; background-repeat:no-repeat; background-position:center; border-radius:5px;}
.conts_main .cl_ma_table.renew24 tbody tr td .fl_btns .btn.view{background-image:url('/resources/images/themeplace/music/ico/ico_view.png');}
.conts_main .cl_ma_table.renew24 tbody tr td .fl_btns .btn.down{background-image:url('/resources/images/themeplace/music/ico/ico_down2.png');}
.conts_main .cl_ma_table.renew24 tbody tr td .fl_btns .btn:hover{background-color:#fff; background-repeat:no-repeat; background-position:center;}
.conts_main .cl_ma_table.renew24 tbody tr td .fl_btns .btn.view:hover{background-image:url('/resources/images/themeplace/music/ico/ico_view.png');}
.conts_main .cl_ma_table.renew24 tbody tr td .fl_btns .btn.down:hover{background-image:url('/resources/images/themeplace/music/ico/ico_down2.png');}

.video_category.music a.all{width:125px;}
.video_category.music > ul > li{flex:auto; width:auto;}
.video_category.music > ul > li a{padding:0 15px;}

.music_tab_vidoes{margin-top:30px; display:flex; gap:6px;}
.music_tab_vidoes li{margin:0; min-width:66px;}
.music_tab_vidoes li a{display:block; font-size:14px; color:#474e62; text-align:center; line-height:34px; border:1px solid #dadada; background:#f7f7f7; border-radius:18px;}
.music_tab_vidoes li:hover a{color:#ff8125;}
.music_tab_vidoes li.on a{color:#fff; background:#f5802c; border-color:#f5802c;}

.music_module_tb input[type=checkbox] + label:before{margin-top:-11px; width: 22px; height: 22px; background-image: url(../images/break/ico_checkbox.png);}
.music_module_tb input[type=checkbox]:checked + label:before{background-position-y:-23px;}

.data_list.music_lb_list{margin-top:24px; border:none;}
.data_list.music_lb_list ul{margin:0; gap:27px 16px;}
.data_list.music_lb_list ul:after{display:none;}
.data_list.music_lb_list ul li{margin:0; width:169px;}
.data_list.music_lb_list ul li .data_cont{border-radius:18px;}
.data_list.music_lb_list ul li .data_cont .img{height:171px;}
.data_list.music_lb_list ul li p.chk_cont .chk_box label .txt{width:100%; font-size:16px;}
.data_list.music_lb_list ul li p.chk_cont .chk_box label .time{font-size:14px; color:#6679c3; line-height:1;}


/* 251 초등 개편 2025-02-08 */
.time_table_pop .table .table_left{margin-right:20px; width:279px;}
.time_table_pop .table .table_body .table_left .set_class{height:auto;}
.time_table_pop .table .table_body .table_left .set_class .set_time_table{display:block; border-radius:0;}
/*.time_table_pop .set_class .set_mode{padding:4px 5px; display:inline-flex; gap:5px; border:1px solid #cfcfcf; border-radius:26px;}*/
/*.time_table_pop .set_class .set_mode input[type=radio]{display:none;}*/
/*.time_table_pop .set_class .set_mode input[type=radio] + label{display:block; width:93px; font-size:20px; color:#8e8e8e; font-weight:500; line-height:42px; text-align:center; border-radius:21px; cursor:pointer;}*/
/*.time_table_pop .set_class .set_mode input[type=radio]:checked + label{color:#fff; background:#ff7031;}*/

.time_table_pop .set_class .set_mode input[type=checkbox]{display:none;}
.time_table_pop .set_class .set_mode input[type=checkbox] + label{padding:4px 5px; display:inline-flex; gap:5px; border:1px solid #cfcfcf; border-radius:26px; cursor:pointer;}
.time_table_pop .set_class .set_mode input[type=checkbox] + label:before{display:none;}
.time_table_pop .set_class .set_mode input[type=checkbox] + label span{width:93px; font-size:20px; font-weight:500; line-height:42px; text-align:center; border-radius:21px;}
.time_table_pop .set_class .set_mode input[type=checkbox] + label span.ty1{color:#8e8e8e; background:#fff;}
.time_table_pop .set_class .set_mode input[type=checkbox] + label span.ty2{color:#fff; background:#ff7031;}
.time_table_pop .set_class .set_mode input[type=checkbox]:checked + label span.ty1{color:#fff; background:#ff7031;}
.time_table_pop .set_class .set_mode input[type=checkbox]:checked + label span.ty2{color:#8e8e8e; background:#fff;}

.time_table_pop .set_class .item_list_wrap{margin-top:40px;}
.time_table_pop .set_class .item_list_wrap h4{font-size:16px; color:#393d4a; font-weight:500; line-height:1;}
.time_table_pop .set_class .item_list_wrap .item_list{margin-top:10px;display:flex; gap:5px; flex-wrap:wrap;}
.time_table_pop .set_class .item_list li{flex:none;}
.time_table_pop .set_class .item_list input[type=radio]{display:none;}
.time_table_pop .set_class .item_list input[type=radio] + label{display:block; padding:0 13px; font-size:16px; color:#474747; font-weight:400; line-height:36px; font-family:'ONE-Mobile-Regular', 'Noto Sans Korean', 'sans-serif'; background:#fff4e4; border:1px solid #fff0db; border-radius:5px; letter-spacing:-0.04em; cursor:pointer;}
.time_table_pop .set_class .item_list input[type=radio] + label p{font:inherit;}
.time_table_pop .set_class .item_list input[type=radio]:checked + label{font-family:"ONE-Mobile-Title", "Noto Sans KR", sans-serif; color:#393d4a; background:#ffda5a; border-color:#ffc70f;}
.time_table_pop .table .table_body .table_right .my_time_table table thead th{font-size:15px; font-weight:600;}
.time_table_pop .table .table_body .class_cell .memo{display:none;}
.time_table_pop .table .table_body .class_cell:hover .memo{display:block;}
.time_table_pop .table .table_body .class_cell .memo.active,
.time_table_pop .table .table_body .class_cell .memo.on{display:block;}


/* 문제은행 배너 추가 */
.bnrCommingSoon{position:absolute; width:100%; max-width:1200px; top:0; left:50%; transform:translateX(-50%); z-index:1000;}
.bnrCommingSoon .bnrImg{position:absolute; top:30px; right:0; width:257px; height:254px;}
.bnrCommingSoon .bnrImg a{display:block;}
.bnrCommingSoon .bnrImg a img{max-width:100%;}
.bnrCommingSoon .bnrImg .btn_bnr_close{position:absolute; bottom:0; left:50%; transform:translateX(-50%); width:161px; height:25px; background:url('/resources/images/qbank/btn_bnr_close.png') no-repeat center;}

/* 251 문제은행 업데이트 2025-02-20 */
.renew2025 .chapter_head article .left_sect h3{font-size:24px; color:#1E1E21; line-height:36px;}
.renew2025 .chapter_head article .left_sect .btn__chapter{margin-left:0;padding:0 12px;height:36px;border-radius:4px;background:#fff;border:1px solid #DCDCDC;}
.renew2025 .chapter_head article .left_sect .btn__chapter span{position:relative; color:#1E1E21;padding-right:25px;line-height:34px;height:34px;background:none;}
.renew2025 .chapter_head article .left_sect .btn__chapter span:after{content:''; position:absolute; right:0; top:50%; transform:translateY(-50%); width:9px; height:5px; background:url(../images/qbank/arr_select.png) no-repeat right center;}
.renew2025 .chapter_head article .left_sect .btn__chapter:hover,
.renew2025 .chapter_head article .left_sect .btn__chapter.on{background:#ffde83;}
.renew2025 .chapter_head article .left_sect .btn__chapter:hover span,
.renew2025 .chapter_head article .left_sect .btn__chapter.on span{background:none;}
.renew2025 .chapter_head article .left_sect .btn__chapter.on span:after{transform:translateY(-50%) rotate(180deg);}
.renew2025 .quiz_lv_info.step-save{position:relative; top:0;}
/*학교자유시간 안내*/
.free_dataInfo{padding-top:176px;background:#F4F8FF url('/resources/images/freetime/free_data_info_header.png') no-repeat center top;border-radius:12px;overflow:hidden;}
.free_dataConts{padding:40px 39px 70px;}
.free_dataConts ul{display:flex;flex-wrap:wrap;flex-direction:column;gap:20px;}
.free_dataConts ul li{flex:1;padding:40px 36px;display:flex;flex-wrap:nowrap;justify-content: flex-start;gap:40px;background:#fff;border-radius:12px;border:2px solid #E9F2FF;}
.free_dataConts ul li .txtbox h3{margin-bottom:15px;font-size:24px;line-height:36px;font-weight:600;color:#1E1E21;}
.free_dataConts ul li .txtbox h4{font-size:20px;line-height:24px;font-weight:500;color:#1E1E21;}
.free_dataConts ul li .txtbox p{font-size:16px;color:#53565d;line-height:24px;font-weight:400;letter-spacing:-0.02em;}
.free_dataConts ul li .txtbox p span{padding-left:21px;font:inherit;color:#1E1E21;font-weight:600;background:url('/resources/images/freetime/bi_check.png') no-repeat left center;}
.free_dataConts a{margin:40px auto 0;display:block;width:252px;height:50px;background:#00b9ff;text-align:center;border-radius:4px;}
.free_dataConts a span{font-size:16px;line-height:50px;font-weight:600;color:#fff;padding-right:19px;background:url('/resources/images/freetime/arrow.png') no-repeat right center;}

/* 2025-03-10 비바샘이 간다 */
.vivasamgo_event .con{top:29px; right:-64px;}
.vivasamgo_event .comingsoon{position:absolute; top:305px; right:-65px; z-index:1;}
.vivasamgo_event .btnApply{bottom:56px;}
.vivasamgo_event .evtFooter{background:#f0f1f5;}
.vivasamgo_event .evtFooter .inner{padding:38px 74px;}
.vivasamgo_event .evtFooter .inner strong{color:#191919;}
.vivasamgo_event .evtFooter .inner ul li{color:#363637;}

.vivago_apply.msgPopup table td .count {margin-top: 2px; text-align: right;}
.vivago_apply.msgPopup table td .count span {font-weight: 500; color: #393d49;}

/*.vivago_apply.msgPopup{width:624px;}*/
/*.vivago_apply.msgPopup table th{padding-left:30px;}*/
/*.vivago_apply.msgPopup table td{padding-right:30px;}*/
/*.vivago_apply.msgPopup .remaining_wrap td{padding:10px 30px;}*/

/* 곰선생 IB */
.conts_create.gomIB p[class^="per_cate"] {padding: 8px 0 8px 49px; text-align: left;}
.conts_create.gomIB p[class^="per_cate"] span {color: #1e1e21; font-weight: 600;}
.conts_create.gomIB .per_cate_1 {background:url('/resources/images/create/gomib/per_cate_01.png') no-repeat 0 50%;}
.conts_create.gomIB .per_cate_2 {background:url('/resources/images/create/gomib/per_cate_02.png') no-repeat 0 50%;}
.conts_create.gomIB .per_cate_3 {background:url('/resources/images/create/gomib/per_cate_03.png') no-repeat 0 50%;}

/*학교자율 고도화 */
.subcontents.freeschool .cont_head{padding-bottom:28px;border-bottom:1px solid #E9E9ED;}
.subcontents.freeschool .btnSubjectWrap{padding:30px 0 0;border:none;top:64px;right:0;}
.subcontents.freeschool .btnSubjectWrap .curationLink{margin-top:0;display:flex;flex-wrap:nowrap;}
.subcontents.freeschool .btnSubjectWrap .curationLink .btn_down{width: 160px;height: 50px;padding: 8px 12px 8px 18px;background:#F4F8FF;border-radius: 25px;text-align: left;}
.subcontents.freeschool .btnSubjectWrap .curationLink .btn_down span{display:block;font-size: 14px;color: #53565D;font-weight: 600;line-height: 16px;text-align: left;background: url(../images/freetime/btn_down.png) no-repeat right center;}
.subcontents.freeschool .btnSubjectWrap .curationLink .btn_link{margin-left:8px;width: 160px;height: 50px;padding: 8px 12px 8px 18px;background: #f4f8ff;border-radius: 25px;text-align: left;}
.subcontents.freeschool .btnSubjectWrap .curationLink .btn_link span{display:block;font-size: 14px;color: #53565D;font-weight: 600;line-height: 16px;text-align: left;background: url(../images/freetime/btn_link.png) no-repeat right center;}

.subcontents.freeschool .specialDataWrap .tab_wrap{margin:32px 0 0;}
.subcontents.freeschool .specialDataWrap .tab_wrap .btnWrap{gap:8px;}
.subcontents.freeschool .specialDataWrap .tab_wrap .btnWrap button{padding:5px 15px;height:36px;border:1px solid #E9E9ED;background:#f4f4f5;border-radius:4px;}
.subcontents.freeschool .specialDataWrap .tab_wrap .btnWrap button span{display:inline-block;padding-left:36px;font-size:14px;color:#1E1E21;font-weight:600;line-height:24px;}
.subcontents.freeschool .specialDataWrap .tab_wrap .btnWrap .btn_plan_sam span{background:url(../images/freetime/ic_plansam.png) no-repeat left center;}
.subcontents.freeschool .specialDataWrap .tab_wrap .btnWrap .btn_make_sam span{background:url(../images/freetime/ic_makesam.png) no-repeat left center;}

.subcontents.freeschool .module_tb.mt21{margin-top:21px;}


#popPlanSam .popup_wrap{transform:translateY(-50.1%);border:none;border-radius:8px;box-shadow:0 2px 7px rgba(0,0,0,0.07);}
#popPlanSam .planSam .pop_wrap{padding:0 0 40px;}
#popPlanSam .planSam .popup_head{padding:0;height:40px;background:none;border-bottom:none;}
#popPlanSam .planSam .popup_head .popup_close{right:10px;top:10px;width:30px;height:32px;background:url(../images/freetime/btn_pop_close.png) no-repeat center center;}
#popPlanSam .planSam .popup_body{overflow:hidden;}
#popPlanSam .planSam .popup_body .illust_tit{padding:0 20px 0 48px;height:120px;background:url(../images/freetime/pop_ico_illust01.png) no-repeat right 33px bottom;}
#popPlanSam .planSam .popup_body .illust_tit h3{font-size:28px;font-weight:600;color:#FF7007}
#popPlanSam .planSam .popup_body .illust_tit p{margin-top:8px;font-size:14px;font-weight:400;color:#1e1e21;letter-spacing:-0.05rem;line-height:1.28;}
#popPlanSam .planSam .popup_body .illust_tit span{position:relative;margin-left:10px;padding-left:11px;display:inline-block;font-size:inherit;font-weight:600;color:#ff8025;}
#popPlanSam .planSam .popup_body .illust_tit span:before{content:'';position:absolute;left:0;top:30px;width:1px;height:17px;background:#393d49;}
#popPlanSam .planSam .popup_body .scrarea{padding:0 28px;height:468px;}
#popPlanSam .planSam .popup_body .scrarea .linewrap{border:1px solid #6978B5;border-radius:8px;overflow:hidden;box-shadow: 0 3px 0 0 #0000000A;}
#popPlanSam .planSam .popup_body .scrarea .linewrap .scrhead{height:56px;text-align:center;background:#F4F4F5;border-bottom:1px solid #6978b5;}
#popPlanSam .planSam .popup_body .scrarea .linewrap .scrhead h3{font-size:16px;font-weight:600;color:#1E1E21;line-height:55px;}
#popPlanSam .planSam .popup_body .scrarea ul{padding:12px 0;height:410px; overflow-y:auto;}
#popPlanSam .planSam .popup_body .scrarea ul li{height:43px;line-height:42px;font-size:16px;color:#1E1E21;text-align:center;border-bottom:1px solid #dcdcdc;}
#popPlanSam .planSam .popup_body .scrarea ul li:last-child{border-bottom:none;}
#popPlanSam .dimmed2{background:#273FA1;opacity:0.2;}


#popMakeSam .popup_wrap{transform:translateY(-50.1%);border:none;border-radius:8px;box-shadow:0 2px 7px rgba(0,0,0,0.07);}
#popMakeSam .makeSam .pop_wrap{padding:0 0 40px;}
#popMakeSam .makeSam .popup_head{padding:0;height:40px;background:none;border-bottom:none;}
#popMakeSam .makeSam .popup_head .popup_close{right:10px;top:10px;width:30px;height:32px;background:url(../images/freetime/btn_pop_close.png) no-repeat center center;}
#popMakeSam .makeSam .popup_body{overflow:hidden;}
#popMakeSam .makeSam .popup_body .illust_tit{padding:0 20px 0 48px;}
#popMakeSam .makeSam .popup_body .illust_tit h3{font-size:28px;font-weight:600;color:#1E1E21}
#popMakeSam .makeSam .popup_body .illust_tit p{margin-top:8px;font-size:14px;font-weight:400;color:#1e1e21;letter-spacing:-0.05rem;line-height:1.28;}
#popMakeSam .makeSam .popup_body .illust_tit span{display:block;width:216px;height:36px;line-height:34px;text-align:center;font-size:16px;color:#53565D;font-weight:600;border:1px solid #DCDCDC;border-radius:20px;}

#popMakeSam .makeSam .popup_body .scrarea{margin-top:40px;padding:0 13px 0 28px;height:498px; overflow-y:auto;}
#popMakeSam .makeSam .popup_body .scrarea table{width:100%;}
#popMakeSam .makeSam .popup_body .scrarea table th,#popMakeSam .makeSam .popup_body .scrarea table td{border-top:1px solid #6978B5}
#popMakeSam .makeSam .popup_body .scrarea table th{width:120px;padding:12px;text-align:left;font-size:16px;font-weight:600;vertical-align: middle;color:#273fa1;background:#F4F4F5;}
#popMakeSam .makeSam .popup_body .scrarea table td{padding:12px 0 12px 12px;vertical-align: top;}
#popMakeSam .makeSam .popup_body .scrarea table td .flex{display:flex;flex-wrap:nowrap;gap:12px;justify-content: flex-start;}
#popMakeSam .makeSam .popup_body .scrarea table td .flex .col{flex:1;display:flex;gap:12px;}
#popMakeSam .makeSam .popup_body .scrarea table td p{flex:1;color:#1E1E21;font-size:16px;font-weight:400;line-height:1.6;}
#popMakeSam .makeSam .popup_body .scrarea table td p.w85{flex:none;width:85px;}
#popMakeSam .makeSam .popup_body .scrarea table td p.w254{flex:none;width:237px;}
#popMakeSam .makeSam .popup_body .scrarea table td p.w160{flex:none;width:160px;}
#popMakeSam .makeSam .popup_body .scrarea table + table{margin-top:12px;}
#popMakeSam .makeSam .popup_body .scrarea table tr.blline th,#popMakeSam .makeSam .popup_body .scrarea table tr.blline td{border-bottom:1px solid #6978b5;}
#popMakeSam .makeSam .popup_body .scrarea p{font-size:16px;color:#1e1e21;}
#popMakeSam .makeSam .popup_body .scrarea p span{margin-right:15px;font:inherit;font-weight:500;}
#popMakeSam .dimmed2{background:#273FA1;opacity:0.2;}

/* 2025-05-13 학급 루틴 영상 */
.cont_head .buttons .btn.routine_top_btn{position:relative; padding:8px 56px 8px 26px; font-size:14px; color:#53565D; font-weight:700; line-height:1.3; border:1px solid #F4F8FF; background:#F4F8FF;}
.cont_head .buttons .btn.routine_top_btn:after{content:''; position:absolute; right:22px; top:50%; transform:translateY(-50%); width:26px; height:26px; background:#FF7007 url('/resources/images/class/management/routine/arr_right.png') no-repeat center; border-radius:50%;}
.cont_head .buttons .btn.routine_top_btn span{margin:0; display:block; height:auto; font-size:13px; color:inherit; font-weight:500;}
.cont_head .buttons .btn.routine_top_btn:hover{border:1px solid #273FA1; background:rgba(49, 157, 255, 0.2);}

.routine_timeLine{margin-top:48px; padding:27px 0; border-radius:12px; background:rgba(255, 112, 7, 0.1);}
.routineWrap{padding:0 28px;}
.routineWrap .mCSB_container{display:flex;}
.routine_timeLine .routine_timeBox{position:relative; padding-top:56px; width:auto; display:flex; gap:12px; flex:none;}
.routine_timeLine .routine_timeBox+.routine_timeBox{margin-left:25px;}
.routine_timeLine .routine_timeBox+.routine_timeBox:before{content:''; position:absolute; left:-13px; top:56px; width:1px; height:68px; background:#DCDCDC;}
.routine_timeLine .routine_timeBox .timeItem_step{position:absolute; left:0; top:0; padding:0 12px; font-size:16px; color:#7E7F80; font-weight:700; line-height:35px; background:#DCDCDC; border-radius:20px;}
.routine_timeLine .routine_timeBox .timeItem_step.active{left:-7px; top:-3px; padding:3px 0 0 27px; width:101px; height:63px; background:url('/resources/images/class/management/routine/step_active.png'); color:#fff;}
.routine_timeLine .routine_timeBox .timeBox_item{display:block; flex:none;}
.routine_timeLine .routine_timeBox .timeBox_item .thumb{position:relative; width:120px; border-radius:8px; overflow:hidden;}
.routine_timeLine .routine_timeBox .timeBox_item .thumb img{max-width:100%;}
.routine_timeLine .routine_timeBox .timeBox_item .txt{margin-top:10px; font-size:16px; font-weight:400;}
.routine_timeLine .routine_timeBox .timeBox_item .txt span{display:block; font:inherit; color:#000;}
.routine_timeLine .routine_timeBox .timeBox_item .txt em{display:block; font:inherit; color:#7E7F80;}

.routine_timeLine .routine_timeBox .timeBox_item.on .thumb:after,
.routine_timeLine .routine_timeBox .timeBox_item:hover .thumb:after{content:''; position:absolute; left:0; right:0; top:0; bottom:0; border:2px solid #FF7007; border-radius:8px;}
.routine_timeLine .routine_timeBox .timeBox_item.on .txt span,
.routine_timeLine .routine_timeBox .timeBox_item:hover .txt span{color:#FF7007;}
.routine_timeLine .routine_timeBox .timeBox_item.on .txt em,
.routine_timeLine .routine_timeBox .timeBox_item:hover .txt em{color:#FF7007;}

.routineWrap .mCSB_scrollTools.mCSB_scrollTools_horizontal{height:20px; opacity:1;}
.routineWrap .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{width:466px; height:20px;}
.routineWrap .mCSB_scrollTools.mCSB_scrollTools_horizontal .scrollBg{position:absolute; left:0; top:6px; height:8px; border-radius:4px; background:#319DFF;}
.routineWrap .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{margin:0; width:100%; height:100%; background:#4468DF; box-shadow:0 3px 4px 0 rgba(101,105,126,.14), inset -3px -3px 4px 0 rgba(0,0,0,.13);}
.routineWrap .mCSB_scrollTools.mCSB_scrollTools .mCSB_draggerRail{margin:6px 0; height:8px; background:#FFC9A3; border-radius:4px;}

.routine_contBox{margin-top:20px; padding:52px 40px 60px; border:1px solid #DCDCDC; border-radius:12px;}
.routine_contBox .routine_module_top{display:flex; justify-content:space-between; align-items:flex-end;}
.routine_contBox .titBox h4{font-size:40px; color:#273FA1; font-weight:700;}
.routine_contBox .titBox h4 span{font-size:32px; color:#7E7F80; font-weight:400;}
.routine_contBox .titBox p{margin-top:8px; font-size:15px; color:#1E1E21; font-weight:400;}
.routine_contBox .btnBox{display:flex; gap:8px;}
.routine_contBox .btnBox .btn{padding:0 16px; font-size:16px; color:#fff; line-height:40px; font-weight:700; background:#0086FF; border-radius:8px;}
.routine_contBox .btnBox .btn i{margin-right:8px; display:inline-block; height:40px; vertical-align:top;}
.routine_contBox .btnBox .btn.share i{width:22px; background:url('/resources/images/class/management/routine/ico_share.png') no-repeat center;}
.routine_contBox .btnBox .btn.add i{width:21px; background:url('/resources/images/class/management/routine/ico_add.png') no-repeat center;}
.routine_contBox .video_container{margin-top:40px; box-shadow:3px 3px 5px 0 rgba(0, 0, 0, 0.11); border-radius:8px; overflow:hidden;}
.routine_contBox .video_container video{width:100%; vertical-align:top;}
.routine_contBox .routine_module_bottom{margin-top:20px; display:flex; justify-content:flex-end; gap:8px;}
.routine_contBox .routine_module_bottom .btn{position:relative; padding:0 30px 0 10px; min-width:124px; font-size:14px; color:#1E1E21; font-weight:400; line-height:38px; border:1px solid #DCDCDC; border-radius:8px;}
.routine_contBox .routine_module_bottom .btn:after{content:''; position:absolute; right:12px; top:7px; width:16px; height:16px; background:url('/resources/images/class/management/routine/ico_down.png') no-repeat center;}
.routine_contBox .routine_module_bottom .btn.ico{padding-left:40px; width:auto; height:auto;}
.routine_contBox .routine_module_bottom .btn.ico span{position:absolute;left:12px;top:7px;display:inline-block;width:24px;height:24px;background:url(../images/common/icon_files_24_2x.png) no-repeat 0 25px / 24px auto;}
.routine_contBox .routine_module_bottom .btn.ico.pdf span {background-position-y: -25px;}
.routine_contBox .routine_module_bottom .btn.ico.doc span{background-position-y: -75px;}
.routine_contBox .routine_module_bottom .btn.ico.xls span,
.routine_contBox .routine_module_bottom .btn.ico.xlsx span{background-position-y: -100px;}
.routine_contBox .routine_module_bottom .btn.ico.zip span{background-position-y: -200px;}
.routine_contBox .routine_module_bottom .btn.ico.hwp span{background-position-y: -125px;}
.routine_contBox .routine_module_bottom .btn.ico.ppt span,
.routine_contBox .routine_module_bottom .btn.ico.pptx span,
.routine_contBox .routine_module_bottom .btn.ico.pptm span{background-position-y: -50px;}
.routine_contBox .routine_module_bottom .btn.ico.wav span,
.routine_contBox .routine_module_bottom .btn.ico.mp3 span{background-position-y: -225px;}
.routine_contBox .routine_module_bottom .btn.ico.jpg span{background-position:0 -150px;}
.routine_contBox .routine_module_bottom .btn.ico.movie span,
.routine_contBox .routine_module_bottom .btn.ico.mp4 span{background-position-y: -175px;}
.routine_contBox .routine_module_bottom .btn.ico.link span{background-position:0 -250px;}

/* 테마관스마트수업도구 유지보수 2025-05-23 */
.chasiEdit_viewer.teachToolViewer{display:flex; background:#fff;}
.chasiEdit_viewer.teachToolViewer .chasi_frame{flex:1;}
.chasiEdit_viewer.teachToolViewer .tool_frame{padding:30px 0 15px; flex:none; width:108px; display:flex; flex-direction:column; align-items:center; justify-content:flex-end;}
.chasiEdit_viewer.teachToolViewer .tool_frame .toolsWrap{position:relative; right:0; min-height:0; display:flex; flex-direction:column; justify-content:flex-end; align-items:center;}
.chasiEdit_viewer.teachToolViewer .tool_frame .toolsWrap .inner{flex:1;}

/* 음악관 2차 업데이트 2025-05-19 */
.cont_head.music_head{padding-bottom:350px;}
.cont_head.music_head .rel_box{position:relative;}
.cont_head.music_head .btn_link{position:absolute; right:0; bottom:0; padding:0 46px 0 130px; font-size:14px; color:#273FA1; font-weight:700; line-height:44px; background:#F4F8FF; border-radius:22px;}
.cont_head.music_head .btn_link:before{display:none;}
.cont_head.music_head .btn_link .smart{position:absolute; left:0; top:0; bottom:0; width:118px; background:#D6EBFF url('/resources/images/themeplace/music/txt_smart.png') no-repeat center; border-radius:22px;}
.cont_head.music_head .btn_link i{position:absolute; right:12px; top:50%; transform:translateY(-50%); width:26px; height:26px; background:url('/resources/images/themeplace/music/arr_right.png') no-repeat center;}
.cont_head.music_head .music_book_info_wrap .thumb .badge{top:-25px; right:-29px;}
.music_conts .tblist.cl_ma_table tbody tr td a{display:inline-flex; width:auto; max-width:90%;}

/* PC 해상도 최적화 2025-05-30 */
.frame.left .sort_list .wrap_chasi .chasi_item .chasi_thumb{width:11.13vw; height:auto;}
.frame.left .sort_list .wrap_chasi .chasi_item .chasi_thumb:after{content:''; display:block; padding-bottom:56.25%;}
.frame.left .sort_list .wrap_chasi .chasi_item .chasi_thumb img{position:absolute; top: 50%;left: 50%;transform: translate(-50%, -50%);}
.frame.left .sort_list .data_list ul li .data_cont{margin-right:0; width:auto;}
.frame.left .sort_list .data_list ul li .data_cont .chasi_thumb img{position: absolute;top:0;left:0;transform:unset;height:auto;width: 100%;}
.frame.left .sort_list .data_list ul li .data_cont .chasi_thumb img.pic.picZoom150.picYoutube{top: 50%;left: 50%;transform: translate(-50%, -50%);}
.frame.right .recom_con_wrap .chasiCont{gap:15px;}
.frame.right .recom_con_wrap .chasiCont .wrap_chasi {width:calc(25% - 45px/4) !important;}
.frame.right .recom_con_wrap .chasiCont .nodata{width:100%;}

.data_list.music_lb_list ul{gap:27px 15px;}
.data_list.music_lb_list ul li{margin:0; width:216px;}
.data_list.music_lb_list ul li .data_cont .img{height:118px;}