@charset "utf-8";
@import url('font.css');
@import url('member.css');

html,body{width:100%;min-height:100%;}
article{position:relative;margin:0 auto;max-width:1200px;overflow:hidden; width:100%;}
article.of_vis{overflow:visible;}
.wrap{width:100%;min-width:1200px;min-height:100%;height:auto;}

/* common */
.mg0 {margin:0 !important}
.mg_b100 {margin-bottom:100px !important}
.bar_type01 {width: 100%; height: 1px;margin-top: -1px;text-align: center;}
.bar_type01 span {display: inline-block;width: 175px;height: 1px;background-color:#eaedf3;}
.abs {position: absolute;top:-513px;z-index:11;}
.fix {position:fixed;top:0;z-index:11;}
button {outline: none;}
.dimmed{position:fixed;left:0;right:0;bottom:0;top:0;background:#22252b;opacity:0.85;z-index:9998;}
.dimmed2{position:fixed;left:0;right:0;bottom:0;top:0;background:#000;opacity:0.4;z-index:9998;}

/* ico */
.ico {display: inline-block;vertical-align: middle;background-repeat: no-repeat;background-size: contain;background-position: center;}
.ico.login {background-image: url('../images/renew/ico/ico_login.png');width: 40px;height: 40px;margin-bottom: 7px;}
.ico.logout {background-image: url('../images/renew/ico/ico_logout.png');width: 40px;height: 40px;margin-bottom: 7px;}
.ico.join {background-image: url('../images/renew/ico/ico_join.png');width: 40px;height: 40px;margin-bottom: 7px;}
.ico.info {background-image: url('../images/renew/ico/ico_info.png');width: 40px;height: 40px;margin-bottom: 7px;}
.ico.app {background-image: url('../images/common/ico_app.png');}
.ico.kakao{background-image: url('../images/common/ico_kakao.png');}
.ico.library {background-image: url('../images/renew/ico/ico_library.png');width: 40px;height: 40px;margin-bottom: 7px;}
.ico.ico_winner {background-image: url('../images/renew/ico/ico_winner.png');width: 32px;height: 34px;margin-right: 10px;}
.ico.ico_id {background-image: url('../images/renew/ico/ico_id.png');width: 14px;height: 17px;margin-right: 10px;}
.ico.ico_pass {background-image: url('../images/renew/ico/ico_pass.png');width: 14px;height: 17px;margin-right: 10px;}
.ico.ico_q_log {width:30px;height: 30px;background-image: url('../images/common/ic_q_log.png');}
.ico.ico_q_logout {background-image: url('../images/renew/ico/ico_q_logout.png');width: 21px;height: 18px;margin-bottom: 10px;}
.ico.ico_q_magazine {width: 30px;height: 30px;background-image: url('../images/common/ic_q_v.png');}
.ico.ico_q_reference {width: 30px;height: 30px;background-image: url('../images/common/ic_q_lib.png');}
.ico.ico_q_class {background-image: url('../images/renew/ico/ico_q_class.png');width: 22px;height: 24px;margin-bottom: 10px;}
.ico.ico_q_book {width: 30px;height: 30px;background-image: url('../images/common/ic_q_book.png');}
.ico.ico_q_cs {width: 30px;height: 30px;background-image: url('../images/common/ic_q_cs.png');}
.ico.ico_q_class_helper{width: 30px;height: 30px;background-image: url('../images/common/ic_q_class_helper.png');}
.ico.ico_q_time_table{width: 30px;height: 30px;background-image: url('../images/common/ic_q_time_table.png');}
.ico.ico_q_mall{width: 30px;height: 30px;background-image: url('../images/common/ic_q_mall.png');}
.ico.ico_q_lecture{width: 30px;height: 30px;background-image: url('../images/common/ic_q_lecture.png');}
.ico.ico_ebook {width: 22px; height: 19px; background-image: url('../images/renew/educourse/ico_ebook2020.png');}
.ico.ico_q_log2{width:36px;height: 36px;background-image: url('../images/common/ico_q_log2.svg');background-size: 25px 29px;}
.ico.ico_q_textbook{width:36px;height:36px;background-image: url('../images/common/ico_q_textbook.svg');background-size: 28px 30px;}
.ico.ico_q_recent{width:36px;height:36px;background-image: url('../images/common/ico_q_recent.svg');background-size: 30px 29px;}
.ico.ico_q_myclass{width:36px;height:36px;background-image: url('../images/common/ico_q_myclass.svg');background-size: 30px 30px;}
.ico.ico_q_putdata{width:36px;height:36px;background-image: url('../images/common/ico_q_putdata.svg');background-size: 30px 33px;}

/* 체크박스 */
input[type="checkbox"]{appearance: none;-webkit-appearance: none;display:none;}
input[type="checkbox"] + label{position:relative;display:inline-block;padding-left:30px;font-size:14px;font-weight:500;color:#4a4f5f;letter-spacing:-0.045em;}
input[type="checkbox"] + label:before{content:'';position:absolute;left:0;top:50%;margin-top:-10px;width:20px;height:20px;background:url(../images/educourse/ico_checkbox.png) no-repeat center top;}
input[type="checkbox"] + label .txt{display:inline-block;font-size:14px;font-weight:500;color:#4a4f5f;letter-spacing:-0.045em;}
input[type="checkbox"]:checked + label:before{background-position:center -20px;}
input[type="checkbox"]:checked + label .txt{color:#ff7031;}
input[type="checkbox"]:disabled + label:before,.chk_box.type02 label:before{background-position:center -48px;}


.chk_box input[type=checkbox]{opacity:0;-webkit-appearance:none}
.chk_box{display:inline-block;position:relative;line-height:23px;}
.chk_box label {display:inline-block;padding-left:30px; font-size: 16px;  font-weight: 500; cursor: pointer;vertical-align:middle;}
.chk_box.type01 label{color: #393d49;}
.chk_box.type02 label{color: #87898e;}
.chk_box.type02 label:hover{color: #404450;}
.chk_box.type01 {margin-right: 25px;}
.chk_box.type02 {margin-right: 0;}
.chk_box input[type="checkbox"]{position: absolute; top: 0; left: 0; width: 23px; height: 23px; margin: 0;}
.chk_box input[type="checkbox"] + label:before{width:23px;height:23px;background:url(../images/educourse/ic_checkbox.png) no-repeat center top;}
.chk_box.type02 input[type="checkbox"] + label:before{background:url(../images/educourse/ic_checkbox.png) no-repeat center -48px;}
.chk_box input[type="checkbox"]:checked + label:before{background-position:center -24px;}

.check_box{position: relative;overflow: hidden;}
.check_box input[type="checkbox"] + label{ padding-left: 30px;font-size:16px;color:#666;line-height:30px;}
.check_box input[type="checkbox"] + label:before{margin-top:-9px;display: inline-block;width:20px;height: 20px;background: url('../images/member/ico_checkbox.png') no-repeat 0 0; font-weight: bold; font-size: 16px; color: #666;line-height:20px;}
.check_box input[type="checkbox"]:checked + label:before {background-position:left -21px;}
.check_box input[type="checkbox"]:disabled + label:before{box-sizing:border-box;background:#ddd;border:1px solid #c0c0c0;border-radius:100%;}

/* quick */
#quickMenu {position:fixed;/*top:268px;*/ right: 0; width: 170px;height:100%;border:1px solid #e4e4e5;border-right:none;background-color: #fff;z-index: 55;line-height: 1.2; font-weight: bold; font-size: 12px; font-family: 'Noto Sans Korean', sans-serif;z-index:510;}
#quickMenu.q_open{background-color:#f2f2f2;}
#quickMenu a:hover {text-decoration: none;}

/* 접혔을때 */
#quickMenu .pseudo {display: none;position: absolute;top: 0;right: 0;width: 100%;height: 100%;background: white;z-index: 11;transition:all 0.3s ease;}
#quickMenu .pseudo .quick_menu_visual {position: absolute;top: 0;left: -1px;width: 187px;background-repeat: no-repeat;background-position: left top;transition:all 0.3s ease;z-index: 0;opacity: 0;}
#quickMenu .pseudo .quick_menu_visual ul li {color: #888b92;font-weight: 600;z-index:30;text-align: center;font-size: 11px;letter-spacing: -1px;box-sizing: border-box;}
#quickMenu .pseudo .quick_menu_visual ul li a {position:relative;display: block;width: 64px;padding:15px 0;text-align: center;color: #888b92;font-weight: 600;z-index:30;font-size: 12px;letter-spacing: -1px;font-family: 'Noto Sans Korean', sans-serif;}
#quickMenu .pseudo .quick_menu_visual ul li:first-child a{padding:25px 0;}
#quickMenu .pseudo .quick_menu_visual ul li:first-child a:after{content:'';position:absolute;left:50%;margin-left:-15px;bottom:0;width:30px;height:1px;background:#e1e7ed;}
#quickMenu .pseudo .quick_menu_visual ul li a .q_bubble{display:none;position:absolute;top:50%;left:0;padding-right:11px;transform:translate(-100%,-50%);}
#quickMenu .pseudo .quick_menu_visual ul li a .q_bubble span{position:relative;display:inline-block;min-width:114px;padding:0 14px;color:#fff;font-size:11px;line-height:30px;background:#424a58;border-radius:5px;}
#quickMenu .pseudo .quick_menu_visual ul li a .q_bubble span:after{content:'';position:absolute;right:-11px;top:50%;margin-top:-6px;width:11px;height:12px;background:url(../images/common/quick_bubble_arrow.png) no-repeat center center;}
#quickMenu .pseudo .quick_menu_visual ul li:nth-child(2) a {padding:25px 0 15px}
#quickMenu .pseudo .quick_menu_visual ul li a:hover .q_bubble{display:block;}

#quickMenu .loginbox {position:relative;background: #f2f2f2;padding: 20px 0 0;}
/* 로그인 전 */
#quickMenu .login_before {;border-bottom:1px solid #ddd;}
#quickMenu .login_before .login_form_wrap {padding:0 14px;}
#quickMenu .input_wrap input {background:#fff;border:1px solid #e5eaee;border-radius:5px;overflow:hidden; width: 100%;height: 37px;padding: 5px 13px;font-size: 12px;box-sizing: border-box;font-weight:400;}
#quickMenu .input_wrap input + input {margin-top:5px;}
#quickMenu .input_wrap input::placeholder{color:#1E1E21;}
#quickMenu .input_wrap input:-ms-placeholder{color:#1E1E21;}
#quickMenu .btn_login {display: block;height: 36px;margin-bottom: 10px;background-color: #F4F4F5;line-height: 35px;font-size: 14px;font-weight: 500;color: #53565D; text-align: center;border-radius:5px;border:1px solid #ffd563;}
#quickMenu .btn_login:focus{outline:none;}
#quickMenu .btn_login:hover {background-color: #ff8125;color: #fff;}
#quickMenu .login_check {height:33px;margin: 7px 0 0 0;}
#quickMenu .login_check input {width:auto;height:auto;margin:0 4px 0 0; vertical-align: middle;}
#quickMenu .login_check label {padding-left:24px;vertical-align: middle;color: #53565D;font-size:12px;font-weight:400;}
#quickMenu .login_check input[type="checkbox"] + label:before{margin-top:-9px;width:18px;height:18px;background:url(../images/common/quick_id_save.png) no-repeat center top;}
#quickMenu .login_check input[type="checkbox"]:checked + label:before{background:url(../images/common/quick_id_save.png) no-repeat center bottom;}
#quickMenu .btns {*zoom:1}
#quickMenu .btns:after {content: ""; display: block; clear: both;}
#quickMenu .btns a {position: relative;}
#quickMenu .login_before .btns {width:100%;text-align:center;padding:0;}
#quickMenu .login_before .btns a {text-align:center;font-size:13px;color:#6e7483;}
#quickMenu .login_after .btns a {position:relative;float: left;width: 50%; color: rgba(57, 61, 73, 0.7);font-size: 12px;font-weight: 500;letter-spacing: -1px;text-align: center;}
#quickMenu .login_after .btns a:first-child {padding: 0 12px 0 18px}
#quickMenu .login_after .btns a:last-child {padding: 0 13px 0 4px}
#quickMenu .btns.after a{padding: 16px  12px;}
#quickMenu .btns a:hover {color: #ff8125;}
#quickMenu .btns .btn_idpw::after {display: inline-block;content:"";position: absolute;top: 50%;right:0;width:2px;height:10px;margin-top:-5px;margin-right:-1px;background-color: #ecf2f5;}
#quickMenu .login_before .sns_login {width: 141px;}
#quickMenu .login_before .sns_login ul {display: flex; justify-content: space-between; width: 100%; padding:0;}
#quickMenu .login_before .sns_login ul li {margin:0; width: 25px; height: 25px;}
#quickMenu .login_before .sns_login ul li img {width: 100%; height: 100%; filter:drop-shadow(0 3px 0 rgba(0,0,0,0.04));}
#quickMenu .login_before .sns_login ul li#GgCustomLogin {background: url(../images/common/login_google.png) no-repeat center;border-radius:0;background-size:25px 100%;filter:drop-shadow(0 3px 0 rgba(0,0,0,0.04));}
#quickMenu .login_before .sns_login ul li#GgCustomLogin .login_google {height: 100%; opacity: 0;}
#quickMenu .login_before .sns_login ul li#GgCustomLogin .login_google iframe {width: 25px !important; height: 25px !important; margin: 0 !important;}

/* 로그인 후 */
#quickMenu .loginbox .login_after {padding:0 15px 15px;border-bottom:1px solid #dddddd;}
#quickMenu .loginbox .login_after .info {padding:0 9px 10px;}
#quickMenu .loginbox .login_after .info .name{color: #6498ff;font-size: 16px;font-weight: 500;line-height:18px;}
#quickMenu .loginbox .login_after .info .userid{color: #61646d;font-size: 13px;line-height:18px;}
#quickMenu .loginbox .login_after .info .work_sch{margin-top:5px;color:#888c98;font-size:12px;line-height:16px;}
#quickMenu .loginbox .login_after .info .teaching{margin-top:6px;color:#ff8125;font-size:14px;font-weight:400;line-height:16px;}
#quickMenu .loginbox .login_after .info .valid{margin-top:6px;color:#f75442;font-size:14px;font-weight:400;line-height:16px;}
#quickMenu .loginbox .login_after .info .work_sch2{display: block; margin: 8px 0; font-size: 12px; color: #f75442; word-wrap: break-word; word-break: keep-all; line-height: 14px; font-weight: 400;}
#quickMenu .loginbox .login_after .btn_myclass{display:block;height:32px;line-height:30px;background:#ffd563;border-radius:10px;border:1px solid #ffcf4d;text-align:center;margin-bottom:10px;}
#quickMenu .loginbox .login_after .btn_myclass span{font-size:14px;color:#393d49;font-weight:500;}
#quickMenu .loginbox .login_after .btns{width:100%;margin-top:5px;position:relative;background:none;overflow:hidden;padding:0;}
#quickMenu .loginbox .login_after .btns a{padding:0;font-size:12px;color:#6e7483;font-weight:300;}
#quickMenu .loginbox .login_after .btns:after{content:'/';position:absolute;left:50%;top:0;margin-left:-2px;font-size:13px;color:#6e7483;font-weight:300;line-height:15px;}
#quickMenu .line_type {height: 100%;position:relative;}
#quickMenu .vmagazine {padding:20px 18px;background-color: #fff; border-bottom:2px #ffbf63 solid}
#quickMenu .vmagazine .tit {margin-bottom: 10px;}
#quickMenu .vmagazine .tit .txt {display:inline-block; width:85px; height:14px; background:url('../images/common/vmagazine.png') no-repeat left center; vertical-align:top;}
#quickMenu .vmagazine .tit .date {display:inline-block; margin-top: -1px; font-size: 14px;font-weight: 500;letter-spacing: -1px;  color: #ff6019; line-height:1; vertical-align:top;}
#quickMenu .vmagazine .img {display: block; width:90px; height:117px; margin:0 auto 10px;box-shadow: 5px 5px 10px 0px rgba(24, 24, 32, 0.4)}
#quickMenu .vmagazine .img img{width:100%;}
#quickMenu .vmagazine .desc {display: block;font-size: 13px;line-height: 20px;letter-spacing: -1px;color: #393d49;font-weight:500;text-align:center;}
#quickMenu .bookmark {padding:0;border: none; border-bottom:1px #ddd solid}
#quickMenu .bookmark li {padding: 0 19px ;border-bottom: 1px solid #ddd;}
#quickMenu .bookmark li:last-child {border: none;}
#quickMenu .bookmark ul li a {display: block; background-image: url('../images/common/arr_book.png');background-repeat: no-repeat;background-position: 120px center;padding: 0 15px;font-size: 13px;color: #393d49;font-weight: 500;line-height: 35px;position:relative;}
#quickMenu .bookmark ul li a.new:before{content:"";display:inline-block;position:absolute;top:50%;right:0;transform:translate(-38px,calc(-50% - 7px));width:6px;height:6px;background-color:#FF0000;border-radius:50%;}
#quickMenu .bookmark ul li:hover{background-color:#fff;}
#quickMenu .bookmark ul li a:hover{background-image: url('../images/common/arr_book_hover2.png');background-repeat: no-repeat;background-position: 120px center; color:#ff8125;}
#quickMenu .bookmark ul li a .new {display: inline-block; width: 18px; height: 18px; margin-left: 3px; background: url('../images/create/ic_new.png')no-repeat center; vertical-align: middle;background-size: cover;}
#quickMenu .bookmark ul li span{display:inline-block;width:15px;height:15px;margin-left:7px;background:url('../images/common/new_ico.png')no-repeat left center; vertical-align:top;}
#quickMenu .bookmark ul li.class_helper{display:flex; padding:0; background-color:#fff8e7;}
#quickMenu .bookmark ul li.class_helper a {flex:1; display:inline-block; padding:40px 0 8px ; color:#ff791b; font-weight:500; font-size:12px; text-align:center;}
#quickMenu .bookmark ul li.class_helper a.helper_class {background:url('../images/common/quick_helperClass.png')no-repeat; background-position:center 8px; border-right:1px solid #e8dec8;}
#quickMenu .bookmark ul li.class_helper a.helper_teach {background:url('../images/common/quick_helperTeach.png')no-repeat; background-position:center 8px;}
#quickMenu .bookmark ul li.class_helper a:hover{background-color:#ffeca2;}
#quickMenu .bookmark .onlyBanner{position:relative;}
#quickMenu .bookmark .onlyBanner .onlyTxt{display:none;}
#quickMenu .bookmark .onlyBanner .onlyTxt strong{font:inherit;font-weight:600;}
#quickMenu .bookmark .onlyBanner .onlyTxt:after{content:'';position:absolute;top:23px;right:-10px;display:inline-block;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:9px solid #ff8631;}
#quickMenu .bookmark .onlyBanner a:hover + .onlyTxt{position:absolute;top:-15px;left:-296px;display:inline-block;box-sizing:border-box;width:273px;height:61px;padding:12px;background:#fff0d9;border:1px solid #ff8631;border-radius:10px;font-size:13px;font-weight:400;color:#ff6825;line-height:1.3;letter-spacing:-0.06em;}
#quickMenu .cs {padding: 15px 18px;}
#quickMenu .cs h2 {margin-bottom: 10px;font-size:13px;font-weight: 400;color: #6e7483;}
#quickMenu .cs p {margin-bottom: 18px;font-size: 24px;font-weight: 500;color: #393d49;line-height: 1;}
#quickMenu .cs .btn_cs {display: block; position: relative;font-size:13px;font-weight:400;  color: #393d49;line-height:30px;padding-right:20px;}
#quickMenu .cs .btn_cs span {display: inline-block;margin-right:8px; width:30px;height: 30px;border-radius:50%;background:#fff url('../images/common/ic_q_remote.png') no-repeat left center;vertical-align:top;}
#quickMenu .cs .btn_cs::after {display: inline-block;content: "";position: absolute;top: 50%;right: 0;width: 5px;height: 8px;margin-top: -4px;background: url('../images/common/arr_book.png') no-repeat 50%;}
#quickMenu .btn_side {display: block;position: absolute;top: 330px;right: 169px;width: 30px;height: 44px;margin: 0;padding: 0;border: none;background: url('../images/common/btn_quick_menu.png') no-repeat center top;line-height: 38px;text-align: center;text-indent: -9999px;z-index: 29; }
#quickMenu.q_open .btn_side {right: 170px;background-position-y: bottom;}
.gotop {display: block;position: absolute;left: -85px;bottom: 0;width: 64px;height: 64px;margin-bottom: 84px;z-index: 999;background:url('../images/common/btn_gotop.png') no-repeat 50%;}
.gotop.posTypeFixed {position: fixed;}
.gotop.type02 {left: unset; right: 50px;}

#quickMenu .btns {position:absolute;bottom:0;left:0; margin-top:12px; background-color: #e3e4e5;*zoom:1}
#quickMenu .btns.quickBtns {position: static !important; border-top:1px solid #ddd; border-bottom:1px solid #ddd; }
#quickMenu .btns:after {content: ""; display: block; clear: both;}
#quickMenu .btns.quickBtns a {position:relative;float: left;width: 60px; height: 32px; line-height: 32px; color: rgba(57, 61, 73, 0.7);font-size: 12px;font-weight: 400;letter-spacing: -1px;text-align: center; box-sizing:content-box;}
#quickMenu .btns a:hover {color: #1f75ff;}
#quickMenu .btns a {position: relative;}
#quickMenu .btns.quickBtns a:first-child {padding: 0 12px 0 18px; border-right:1px solid #ddd;}
#quickMenu .btns.quickBtns a:last-child {padding: 0 13px 0 4px; border-left:1px solid #ddd;}
#quickMenu .btns.after a{padding: 16px  12px;}
#quickMenu .btns .btn_idpw::after {display:none;}

/*공통영역 퀵메뉴 위치*/
/*#quickMenu.type2{top:153px;}*/

/*2023-06-12 초등 개편 선반영 - 퀵 메뉴 수정*/
/*로그인 전*/
#quickMenu.renew06 .login_before .login_form_wrap {padding: 0 16px;}

/*로그인 후*/
#quickMenu.q_open.renew06 {padding:  0;}
#quickMenu.renew06 .title {width: auto; padding: 0 13px; background-position: left 13px center;}
#quickMenu.renew06 .loginbox .login_after {padding: 0 13px;}
#quickMenu.renew06 .loginbox .login_after .info {padding: 0;}
#quickMenu.renew06 .loginbox .login_after .btn_myclass {height: 40px; padding-left: 11px; margin-bottom: 33px; color: #fff; background: #e27a40; border: 1px solid #e1641f; border-radius: 5px; text-align: left;}
#quickMenu.renew06 .loginbox .login_after .btn_myclass span {display: inline-block; width: 100%; height: 100%; padding-right: 14px; font-size: 13px; font-weight: 500;  color: #fff; line-height: 38px; letter-spacing: -0.045em; background: url('../images/common/myClass_arr.png') no-repeat right 11px center;}
#quickMenu.renew06 .loginbox .login_after .btn_myclass:hover {background: #f9df99; border: 1px solid #e27a40;}
#quickMenu.renew06 .loginbox .login_after .btn_myclass:hover span {color: #e1641f; background: url('../images/common/myClass_arr_hover.png') no-repeat right 11px center;}
#quickMenu.renew06 .loginbox .login_after .info .name {color: #393d49; letter-spacing: -0.045em;}
#quickMenu.renew06 .loginbox .login_after .info .work_sch {margin-top: 2px; color: #51545d; letter-spacing: -0.045em;}
#quickMenu.renew06 .loginbox .login_after .info .work_sch.c_r {color: #f3334f;}
#quickMenu.renew06 .bookmark {padding: 0 13px; margin-top: 20px;}
#quickMenu.renew06 .bookmark > a {font-size: 14px; font-weight: 500; color: #fff; letter-spacing: -0.045em; text-align:center;background: #FF8800;}
/*#quickMenu.renew06 .bookmark > a:after { content: ''; position: absolute; right: 12px; top: 0; bottom: 0; width: 6px; background: url('../images/common/myClass_arr.png') no-repeat center;}*/
#quickMenu.renew06 .loginbox .login_after .modify {line-height: 1;}
#quickMenu.renew06 .loginbox .login_after .btns {justify-content: center; position: relative; overflow: unset;}

#quickMenu.renew06 .validPop {position: absolute; left: -154px; top: 50%; transform: translateY(-50%); min-width: 143px; padding: 12px 14px; background: #fbf2d9; border: 1px solid #ffa163; border-radius: 7px;}
#quickMenu.renew06 .validPop.expiration {left: -167px;z-index:30;}
#quickMenu.renew06 .validPop:after {content: ""; display: inline-block; position: absolute; right: -6px; top: 50%; transform: translateY(-50%); width:6px; height: 8px; background: url('../images/common/ico_validPopArr.png') no-repeat center;}
#quickMenu.renew06 .validPop .popClose {display: inline-block; position: absolute; right: 7px; top: 5px; width: 6px; height: 5px; background: url('../images/common/ico_validPopClose.png') no-repeat center;}
#quickMenu.renew06 .validPop p {font-size: 12px; font-weight: 500; color: #e48742; line-height: 1.2; letter-spacing: -0.045em;}
#quickMenu.renew06 .validPop.vaildPop2{left:-170px;background:#ebf5fa;border:1px solid #445e87;transform:translateY(-14px);z-index:31;}
#quickMenu.renew06 .validPop.vaildPop2:after{background:url('../images/common/ico_validPopArr2.png') 0 0 no-repeat;}
#quickMenu.renew06 .validPop.vaildPop2 strong,
#quickMenu.renew06 .validPop.vaildPop2 p{color:#445e87;}
#quickMenu.renew06 .validPop.vaildPop2 strong{font-weight:600;}

.header {position:relative; width:100%;min-width: 1000px;background: #fff;line-height:1.2; z-index:2}
.header .top_common {height:38px;border-top:none;border-bottom:1px solid #e4e4e5;background:#f1f1f1;}
.header .top_common article{overflow:visible;}
.header .top_common .left_module {float: left; height: 38px; font-size:0; line-height: 38px; *zoom:1}
.header .top_common .left_module:after {content: ""; display: block; clear: both;}
.header .top_common .left_module a,.header .top_common .left_module span{position:relative;display: inline-block;padding:0 18px;line-height: 38px;color: #70737b;font-size:13px;font-weight:400;letter-spacing:-0.04em;z-index:1;}
.header .top_common .left_module a:hover,
.header .top_common .left_module a.on{text-decoration:none;color:#4083ee;}

.header .top_common .right_module  {float: right;}
.header .top_common .right_module  a {position: relative;display: inline-block; height: 35px; line-height: 35px; padding: 0 15px; text-align: center; font-size: 12px; font-weight: 400; color: #99a9b7; vertical-align: middle;letter-spacing:-0.2px;}
.header .top_common .right_module  a.on{color:#ff8125;}
.header .top_common .right_module  a:hover {text-decoration: none;color:#ff8125;}
.header .top_common .right_module a:first-child::before {content:none;}
/*.header .top_common .right_module a:last-child{padding-right:0;}*/
.header .top_common .right_module .login > li{position:relative;display:inline-block;}
.header .top_common .right_module .login > li:before{content:"";position: absolute;top: 50%;left: 0;width: 1px;height: 9px;margin-top: -5px;background:#d9dcde;}
.header .top_common .right_module .login > li:first-child:before {content:none;}
/*.header .top_common .right_module .login > li:first-child a{padding:0 15px;}*/
.header .top_common .right_module .login > li a{padding-right:15px;}
.header .top_common .right_module .login > li:last-child a{padding-right:0;}

.header .top_common .right_module .login > li .my_cont{position:absolute;display:none;width:130px;left:-26px;top:100%;padding:14px 0;border-radius:10px; border:2px solid #e0e0e0; background:#fff; z-index:9502;box-shadow:4px 4px 0 rgba(6,7,8,0.1);}
.header .top_common .right_module .login > li .my_cont:after{content:'';display:block;position:absolute;top:-10px;left:54px;width:18px;height:10px;background:url('../images/common/gnb_myclass_bg.png') no-repeat center center;}
.header .top_common .right_module .login > li .my_cont li a{display:block;font-size:14px;padding-left:14px;height:28px;line-height:28px;text-align: left;color:#8e9091;font-weight:300;letter-spacing:-0.06em;}
.header .top_common .right_module .login > li .my_cont li.new a:after{ content: "";position:relative;display: inline-block;transform: translate(5px, calc(-50% - 20px));width: 4px;height: 4px;background-color: #FF0000;border-radius: 50%;}

.header .top_common .right_module .login > li:hover .my_cont{display:block;}
.header .top_common .right_module .login > li .my_cont li:hover{background:#f1f1f1;/* url('../images/lb/drop_arrow.png') no-repeat center right 14px*/}
.header .top_common .right_module .login > li .my_cont li:hover a{color:#ff8125;}

.header .top {position:relative; margin:0 auto; z-index:9501;}
.header .top article{overflow:visible;height:150px;padding:30px 0;}
.header .top article .headerBannerWrap{position:absolute;top:0;left:0;}
.header.type02 .headerBannerWrap{display:none;}
.header .top article .headerBanner{display:flex;flex-direction:column;justify-content:center;width:293px;height:65px;margin-top:28px;padding-left:80px;background:url(../images/main/bg_banner_241202.png) 0 0 no-repeat #fff0e9;/*border:1px solid #f99d75;*/border-radius:8px;font-size:14px;font-weight:400;/*color:#f45e1d;*/letter-spacing:-0.05em;/*box-shadow:0px 4px 0 #f7ece6;*/}
.header .top article .headerBanner strong{font:inherit;font-weight:600;letter-spacing:inherit;}
.header .top .logo{position:absolute; left:0; top:40px;width:190px;height:72px;background:url(../images/common/logo_vivasam.png) no-repeat left center;}
.header .top h1 a {display: block;}
/* 2024-06-24 ai수업체험관 배너 추가 */
.header .top article .headerBannerWrap .ai-banner { margin-top: 20px; height: 72px;}
.header .top article .headerBannerWrap .ai-banner a { display: flex; align-items: center; width: 100%; height: 100%;}
.header .top article .headerBannerWrap .ai-banner a .motion-icon {
    margin-right: 12px;
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.header .top article .headerBannerWrap .ai-banner a .motion-icon-2 {
    -webkit-animation-name: tada;
    animation-name: tada;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
@keyframes bounce {
    0%,
    20%,
    53%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -10px, 0) scaleY(1.1);
        transform: translate3d(0, -10px, 0) scaleY(1.1);
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -5px, 0) scaleY(1.05);
        transform: translate3d(0, -5px, 0) scaleY(1.05);
    }

    80% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translateZ(0) scaleY(0.95);
        transform: translateZ(0) scaleY(0.95);
    }

    90% {
        -webkit-transform: translate3d(0, -2px, 0) scaleY(1.02);
        transform: translate3d(0, -2px, 0) scaleY(1.02);
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }

    10%,
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
    }

    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
    }

    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}

/* 2023-06-27 중고등 개편*/

.top .search_wrap {position: absolute;top:46px;left: 50%;width: 443px;height:58px;margin-left: -214px;border: 1px solid #e4eef7;border-radius:28px;background: #eef4f9;overflow: hidden;}
/*.top .search_wrap:hover,*/
/*.top .search_wrap:active,*/
/*.top .search_wrap:visited {background: #fff;border: 2px solid #ff8125;!*-webkit-transition:border 0.1s ease; transition:border 0.1s ease;*!}*/
/*.top .search_wrap:hover .issuekeyword,*/
/*.top .search_wrap:active .issuekeyword,*/
/*.top .search_wrap:visited .issuekeyword,.top .search_wrap:focus .issuekeyword,.search_wrap.open .issuekeyword{top: 17px;left: 27px;}*/
/*.top .search_wrap:hover .search_form,*/
/*.top .search_wrap:active .search_form,*/
/*.top .search_wrap:visited .search_form{padding: 9px 57px 14px 29px;}*/
.header .search_form {padding: 10px 57px 14px 30px;}
.header .search_form input[type="text"] {width: 100%; height: 34px;background:none; line-height: 34px; font-size: 16px; color: #222;box-sizing: border-box;}
.header .search_form input[type="text"]:active .issuekeyword{display:none;}
.header .search_form input[type="text"]::placeholder {font-size: 14px; color: #99a9b7;font-weight:400;letter-spacing:-1px;}
.header .search_form input[type="text"]:-ms-input-placeholder {font-size: 14px; color: #99a9b7;font-weight:400;letter-spacing:-1px;}
.header .search_form input[type="text"]:-webkit-input-placeholder {font-size: 14px; color: #99a9b7;font-weight:400;letter-spacing:-1px;}
.header .search_form label {position: absolute; left: 10px; top: 7px; height: 24px; line-height: 24px; font-size: 16px; color: #99a9b7;} /*사용유무 확인하기*/
.header .search_form .btn_search {position: absolute; top: 4px; right: 5px; width: 48px; height: 48px; border-radius:50%;background:#ffd563 url('../images/common/ic_search.png') no-repeat center center;}
.header .search_wrap:hover .btn_search,
.header .search_wrap:active .btn_search,
.header .search_wrap:visited .btn_search{background:url('../images/common/ic_search_on.png') no-repeat center center;}

/*.header .search_wrap.open {height:auto;border: 2px solid #ff8125;background: #fff;}*/
/*.header .search_wrap.open .btn_search{background:url('../images/common/ic_search_on.png') no-repeat center center;}*/
/*.header .search_wrap.open .search_form{padding: 9px 57px 11px 29px;}*/
.header .search_layer {display: none;width: 100%; border-top: 1px solid #e4e4e5; padding-bottom: 39px; background: #fff; overflow: hidden;z-index:9512;}
/*.header .search_wrap.open .search_layer {display: block;}*/
.header .search_layer .inner {max-height: 154px; padding-top: 12px; background: #fff;}
.header .search_layer ul li {position: relative; line-height: 16px;padding: 5px 28px;}
.header .search_layer ul li:first-child {margin-top: 0;}
.header .search_layer ul li a {display: block; font-size: 14px; color: #606677; font-weight:400}
.header .search_layer ul li a:hover, .header .search_layer .history li.on a{text-decoration: none;color:#ff8125;}
.header .search_layer ul li a:focus {outline: 0;}
.header .search_layer ul li span {display: block; cursor: pointer;}
.header .search_layer ul li strong {color: #f25871;}
.header .search_layer ul.history {margin-bottom: 18px;max-height:84px;overflow: hidden;}
.header .search_layer ul.history li {padding-right: 47px;}
.header .search_layer ul.history a.btn_del {position: absolute; right: 18px; top: 50%; width: 8px; height: 8px; margin-top: -4px; background: url('../images/common/btn_del.png') no-repeat center;border-radius:0;}
.header .search_layer .btn_del_all {position: absolute; left: 0; bottom: 0; display: block; width:100%; height: 39px; line-height: 39px; padding: 0 20px; background: #f1f1f1; font-size: 14px; color: #8e9091; font-weight:400;text-align: center;}
.header .search_layer .btn_del_all span{display:inline-block;margin-left:8px; width:8px;height:8px;background:url('../images/common/btn_del.png') no-repeat center center;vertical-align:middle;}
.header .issuekeyword {position: absolute;top: 18px;left: 28px;width:auto;}
.header .issuekeyword.hide{display:none;}
.header .issuekeyword ul {position: relative; height: 18px; overflow: hidden;}
/*.header .issuekeyword ul li {display: none;}*/
.header .issuekeyword ul li:first-child {display: block;}
.header .issuekeyword ul li.active {display: block;}
.header .issuekeyword ul li a {display:inline-block; height: 18px; line-height: 18px;  ; font-size: 14px; color: #606677; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.header .issuekeyword ul li a:hover {text-decoration:none;}
.header .issuekeyword ul li a b {display: inline;margin-right:7px;min-width:45px;color: #ff8125;font-size: 16px;font-weight:500;line-height:18px;vertical-align:top;}
.header .issuekeyword ul li a span {display: inline;color: #393d49;font-weight:400;line-height:18px;vertical-align:top;}

.header .issuekeyword2{position: absolute;top: 18px;left: 28px; width: auto;}
.top .search_wrap:hover .issuekeyword2, .top .search_wrap:active .issuekeyword2, .top .search_wrap:visited .issuekeyword2{left:27px; top:17px;}
.header .issuekeyword2 ul li a b{display: inline;margin-right: 7px; min-width: 45px;color: #ff8125;font-size: 16px;font-weight: 500;line-height: 18px;vertical-align: top;}
.header .issuekeyword2 ul li a span{display: inline;color: #393d49;font-weight:400;line-height:18px;vertical-align:top;}
.header .issuekeyword2 ul li a:hover b, .header .issuekeyword2 ul li a:hover span{text-decoration:underline; text-underline-position:under;}

.header .top .webguide{position:absolute;right:145px;top:24px;display:inline-block;}
.header .top .webguide .userguide{display:block;width:187px;height:87px;background:url(../images/common/guide/guide_220901.png) no-repeat center center;background-size:100% auto;}
.header .top .webguide02{position:absolute;right:-143px;top:28px;display:inline-block;}
.header .top .webguide02 .userguide{display:inline-block;width:113px;height:101px;background:url(../images/main/popup/210627/btn_open_banner.png) 0 0 no-repeat;}
.header .top .top_banner{display:none;}
.header .top .snsWrap{position:absolute;top:35px;right:0;}
.header .top .snsWrap > [class^="btn"]{display:inline-block;vertical-align:top;}
.header .top .snsWrap > [class^="btn"] .ico{width:53px;height:53px;background-position:50% 50%;background-size:auto;border:2px solid #e0e0e0;border-radius:100%;}
.header .top .snsWrap > [class^="btn"] p{margin-top:5px;font-size:13px;font-weight:400;color:#70737b;text-align:center;line-height:1;letter-spacing:-0.04em;}
.header .top .snsWrap > [class^="btn"] + [class^="btn"]{margin-left:15px;}
.header .top .snsWrap .btnApp .ico.app{background-position:60% 50%;}

.header .top02{position: relative; margin: 0 auto; z-index: 9501;background:#f7f7f7;}
.header.type02 .search_wrap{display:none}
.header.type02 .issuekeyword{display:none}
.header.type02 .webguide{display:none}
.header.type02 .gnb{display:none}
.header.type02 .snsWrap{display:none;}
/*.header.type02 .top_common{height:38px;border-top:none;border-bottom:1px solid #e4e4e5;background:#f1f1f1;}*/
.header.type02 .top{position: relative; margin: 0 auto; z-index: 9501;background:#fff;border-bottom:1px solid #d9d9d9; box-shadow: 0px 4px 0px rgba(244, 244, 244, 1);}
.header.type02 .top article{overflow:hidden;height:113px;}
.header.type02 .top .logo{position: absolute; left:0;top:40px;width: 234px;height: 39px;background:url(../images/common/logo_vivasam02.png) no-repeat center center;}
.header.type02 .top .logo.new_year {position: absolute; left:0;top:17px;width: 297px;height: 81px;background:url(../images/common/logo_vivasam_2023_02.png) no-repeat center center;}
.header.type02 .top .top_banner { display: block; position: absolute; right: 1px; top: 25px; width: 440px; height: 72px;}
.header.type02 .top .top_banner img{width:100%;height: 100%;}
.header.type03 .top_common{height:40px;border-top:4px solid #5085da;border-bottom:1px solid #f3f4f4;}
.header.type03 .top_common article{width:935px;}
.header.type04{position:absolute;top:0;left:50%;display:flex;justify-content:space-between;width:1200px;height:25px;padding:35px 40px 0;background:transparent;transform:translateX(-50%);}
.header.type04 .logo.visang{width:67px;height:24px;background:url(../images/common/logo_visang.png) 50% 50% no-repeat;background-size:100% auto;}
.header.type04 .logo.vivasam{width:55px;height:24px;background:url(../images/common/logo_vivasam_mo.png) 50% 50% no-repeat;background-size:100% auto;}
/* GNB : 1depth */
.gnb {position: relative;min-width:1200px; width: 100%;height: 77px; border-top: 1px solid #e4e4e5;border-bottom: 1px solid #e4e4e5; z-index: 9500;box-shadow:0 5px 0 #f1f1f1;}
.gnb article{overflow:visible;z-index:9509;max-width:100%;}
.gnb ul.gnbmenu {position:relative;margin:0 auto;text-align:center;padding:0 222px 0 237px;max-width:1200px;}
.gnb ul.gnbmenu:after {content: ""; display: block; clear: both;}
.gnb ul.gnbmenu{content: ""; display: block; clear: both;}
.gnb ul.gnbmenu li {display:inline-block;padding:22px 15px 23px;vertical-align:top;}
.gnb ul.gnbmenu li.fst {padding-left:0}
.gnb ul.gnbmenu li a {position: relative; display:inline-block;line-height: 30px;font-family:'Noto Sans Korean', sans-serif;font-weight:600; font-size: 18px; color: #121212; letter-spacing:-1px;vertical-align:top;}
.gnb ul.gnbmenu li a:hover {text-decoration: none; color: #ff8125;}
.gnb ul.gnbmenu li.hover > a,
.gnb ul.gnbmenu li.on > a {background: none;color: #ff8125;}
/*.gnb ul.gnbmenu li .btn_debth_fix{margin-left:10px;display:inline-block;width:30px;height:30px;border-radius:50%;background:url(../images/common/ic_gnb_fix.png) no-repeat center top;}*/
/*.gnb ul.gnbmenu li .btn_debth_fix:hover{background:url(../images/common/ic_gnb_fix.png) no-repeat center bottom;}*/
/*.gnb ul.gnbmenu li .btn_debth_fix.on{background:url(../images/common/ic_gnb_fix_on.png) no-repeat center top;}*/
/*.gnb ul.gnbmenu li .btn_debth_fix.on:hover{background:url(../images/common/ic_gnb_fix_on.png) no-repeat center bottom;}*/
/*.gnb ul.gnbmenu li:first-child{position:absolute;left:0;top:0;padding-left:0;padding-right:7px;}*/
/*.gnb ul.gnbmenu li:nth-child(2){position:absolute;left:169px;top:0;margin-right:39px;padding:21px 0 24px;}*/
.gnb ul.gnbmenu li.gnb_lib{position:absolute;right:134px;top:0;padding:22px 0 24px;}
.gnb ul.gnbmenu li.gnb_lib a{padding-right:5px;}
.gnb ul.gnbmenu li.gnb_lib a:after{content:'NEW 교실아트';position:absolute;top:-31px;right:0;width:95px;height:27px;background:url(../images/common/ic_new_art.png) no-repeat center center;font-family:'dotum', '돋움', sans-serif;font-size:11px;font-weight:bold;color:#fff;text-align:center;line-height:2.1;letter-spacing:-0.14em;}
.gnb ul.gnbmenu li.gnb_quiz{position:absolute;right:0;top:0;padding:22px 0 24px;}
.gnb ul.gnbmenu li.gnb_quiz a{width:108px;height:30px;background:url('../images/common/ic_quiz.png')no-repeat center 6px;}
/*.gnb ul.gnbmenu li.gnb_quiz a:after{content:'쌍방향 퀴즈 플랫폼';position:absolute;top:-31px;left:1px;width:108px;height:27px;background:url(../images/common/ic_self_quiz.png) no-repeat center center;font-family:'dotum', '돋움', sans-serif;font-size:11px;font-weight:bold;color:#fff;text-align:center;line-height:2.1;letter-spacing:-0.14em;}*/
.gnb ul.gnbmenu li.gnb_vivaclass{padding:16px 0 14px 12px;}
.gnb ul.gnbmenu li.gnb_vivaclass a{width:90px;height:30px;background:url('../images/common/ic_vivaclass.png') 0 50% no-repeat;background-size:auto 17px;}

/* 스크롤 헤더 */
.header.fix{position:fixed;top:0;left:0;z-index:1001 !important;background:#fff;min-width:1100px;}
.header.fix .top_common, .header.fix .top{display:none;}
.header.fix .gnb{margin:0 auto;height:54px;border-top:none;box-shadow:0 4px 0 rgba(221,221,221,0.4);border-bottom:2px solid #ff8125;}
.header.fix .logo{position:absolute;left:50%;margin-left:-600px;width:64px; height:52px;background: url('../images/common/logo_vivasam_mo.png') no-repeat center center;}
.header.fix .gnb ul.gnbmenu{position:absolute;right:50%;margin-right:-608px;padding:0 12px 0 0;justify-content:flex-end;gap:0;clear:none;}
.header.fix .gnb ul.gnbmenu li{padding:0 0 0 25px;}
.header.fix .gnb ul.gnbmenu li:first-child{position:relative;left:auto;top:auto;padding:0;}
.header.fix .gnb ul.gnbmenu li:nth-child(2){position:relative;left:auto;top:auto;margin-right:0;padding:0 0 0 25px;}
.header.fix .gnb ul.gnbmenu li:nth-child(3){padding-left:40px;}
.header.fix .gnb ul.gnbmenu li.gnb_lib{position:relative;right:auto;top:auto;padding:0 0 0 40px;}
.header.fix .gnb ul.gnbmenu li.gnb_lib a{padding:0;}
.header.fix .gnb ul.gnbmenu li.gnb_quiz{position:relative;right:auto;top:auto;padding:0 0 0 25px;}
.header.fix .gnb ul.gnbmenu li.gnb_quiz a{margin-top:15px;width:69px;height:24px;background-position:left -19px;}
.header.fix .gnb ul.gnbmenu li.gnb_lib a:after, .header.fix .gnb ul.gnbmenu li.gnb_quiz a:after{display:none;}
.header.fix .gnb ul.gnbmenu li .btn_debth_fix{margin-top:12px;}
.header.fix .gnb ul.gnbmenu li a{position:relative;font-size:16px;color:#393d49;line-height:52px;}
.header.fix .gnb ul.gnbmenu li:hover a,.header.fix .gnb ul.gnbmenu li.on a{color:#ff8125;}
.header.fix .depth{margin-left:-384px;bottom:auto;top:54px;}


/* GNB : 자료실바로가기 */
.depth {display:none;position: absolute; margin-left:-600px;left:50%; bottom:-53px;padding-bottom:15px;z-index:9510;}
.depth:after{content:'';position:absolute;left:9px;right:9px;bottom:0;width:calc(100% - 18px);height:15px;background:url(../images/common/debth_bg_center_under.png) repeat-x 0 0;}
.depth.on:before{content:'';position:absolute;left:45px;top:-11px;width:19px;height:12px;background:url(../images/common/debth_arrow.png) no-repeat center center;z-index:9511;}
.depth .depthbg {/*display: none;*/position: relative;display:inline-block;padding:0 17px;height:37px;background-color: #eef4f9;vertical-align:top;}
.depth .depthbg:before{content:'';position:absolute;left:0;bottom:-15px;width:9px;height:15px;background:url(../images/common/debth_bg_left_under.png) no-repeat center center;}
.depth .depthbg:after{content:'';position:absolute;right:0;bottom:-15px;width:9px;height:15px;background:url(../images/common/debth_bg_right_under.png) no-repeat center center;}
.depth .depthbg.blind {display: none;padding: 0;border: none;}
.depth .depthbg .menu_list {position:relative;overflow:hidden;}
.depth .depthbg .menu_list > li {position:relative;float: left;padding: 7px 18px 6px;}
.depth .depthbg .menu_list > li:after{content:'';position:absolute;right:0;top:14px;width:1px;height:14px;background:#dae7f2;}
.depth .depthbg .menu_list > li:last-child:after{content:none;}
.depth .depthbg .menu_list > li a {font-size: 16px;color: #424a58;font-weight: 400;line-height: 24px;box-sizing: border-box;letter-spacing:-0.04em;}
.depth .depthbg .menu_list > li a:hover {color:#ff8125;}
.depth .depthbg .menu_list > li a img {vertical-align:middle;margin-top:-4px}
.depth .depthbg .menu_list > li .disabled a,
.depth .depthbg .menu_list > li .disabled a:hover{ color: #a5abbc; background: none;  text-decoration: none; }



/* GNB : 2depth */
.gnb_depth{display:none;position:absolute;left:0;top:75px;width:100%;z-index:9600;background:#f6f6f6;border-top:1px solid #e4e4e5;}
.gnb_depth .menu{position:relative;margin:0 auto;max-width:1200px;height:370px;padding:40px 0;}
.gnb .gnb_depth .menu .inner{height:100%;font-size:0;}
.gnb .gnb_depth .menu .inner .create_page{display:inline-block;height:calc(100% - 10px);padding-left:24px;padding-bottom:27px;border-left:1px solid #e4e4e5;vertical-align:top;}
.gnb .gnb_depth .menu .inner > .create_page:first-child{padding-left:0;border-left:0;}
.gnb .gnb_depth .menu .inner .create_page h4{font-size:16px;color:#393d49;font-weight:500;line-height:28px;letter-spacing:-0.01em;}
.gnb .gnb_depth .menu .inner .create_page a{display:block;font-size:15px;font-weight:400;color:#797d87;line-height:26px;letter-spacing:-0.025em;}
.gnb .gnb_depth .menu .inner .create_page a:hover{color:#ff8125;text-decoration:underline;}
.gnb .gnb_depth .menu .inner .create_page a.new:after{content:'';display:inline-block;width:26px;height:26px;margin-left:2px;background:url(../images/create/ic_new.png) 50% 50% no-repeat;vertical-align:top;}
.gnb .gnb_depth .btn_gnb_close{position:absolute;bottom:0;left:50%;display:none;width:40px;height:40px;background:url(../images/common/btn_close2.png) 50% 50% no-repeat #606677;background-size:10px 10px;transform:translateX(560px);}
.gnb .gnb_depth .btn_gnb_close.on{display:block;}

/* GNB : 2depth 교과서자료실 */
.gnb .gnb_depth .menu.textbook{position:static; padding:40px 0 25px; height:auto;}
.gnb .gnb_depth .menu.textbook.ty02{padding:40px 0px;}
.gnb .gnb_depth .menu.textbook .inner:after {content: ""; display: block; clear: both;}
.gnb .gnb_depth .menu.textbook .inner > div {height: 100%;}
.gnb .gnb_depth .menu.textbook .group {position: relative;overflow:hidden;height:53px;}
.gnb .gnb_depth .menu.textbook .group:after{content:'';position:absolute;left:0;bottom:0;width:100%;height:2px;background:#393d49;z-index:-1;}
.gnb .gnb_depth .menu.textbook .group li {float:left;width:147px;}
.gnb .gnb_depth .menu.textbook .group li:first-child{margin-left:2px;}
.gnb .gnb_depth .menu.textbook .group li a {margin-top:7px;display:block;padding: 0 10px;height:44px;text-align:center;font-size: 16px;font-weight: 400;color: #424a58;line-height: 42px;background:#fff;border:1px solid #ddd;border-right:none;border-bottom:none;}
.gnb .gnb_depth .menu.textbook .group li:last-child a{border-right:1px solid #ddd;}
.gnb .gnb_depth .menu.textbook .group li a:hover,
.gnb .gnb_depth .menu.textbook .group li.on a {margin-top:0;margin-left:-2px;height:53px;border:2px solid #393d49;background:#f6f6f6;border-bottom:2px solid #f6f6f6;font-size:18px;color:#393d49;font-weight:500;line-height:51px;}
/*.gnb .gnb_depth .menu.textbook .group li.on + li a:hover{border-left:none;}*/
.gnb .gnb_depth .menu.textbook .subj_list {margin:16px 0 0;}
.gnb .gnb_depth .menu.textbook .subj_list .year {display:inline-block;font-size:18px;color:#393d49;font-weight:500;line-height:38px;vertical-align:top;}
.gnb .gnb_depth .menu.textbook .subj_list .ds_session{margin-left:20px;display:inline-block;}
.gnb .gnb_depth .menu.textbook .subj_list .ds_session input[type="checkbox"]{appearance: none;-webkit-appearance: none;display:none;}
.gnb .gnb_depth .menu.textbook .subj_list .ds_session input[type="checkbox"] + label{position:relative;display:inline-block;padding:0;width:109px;height:38px;border-radius:19px;border:1px solid #ddd;background:#fff;vertical-align:top;}
.gnb .gnb_depth .menu.textbook .subj_list .ds_session input[type="checkbox"] + label:before{content:'1학기';margin-top:0;position:absolute;left:4px;top:3px;width:62px;height:30px;border-radius:15px;background:#ff8125;text-align:center;color:#fff;line-height:30px;font-weight:400;transition:all 0.5s ease;}
.gnb .gnb_depth .menu.textbook .subj_list .ds_session input[type="checkbox"]:checked + label:before{content:'2학기';position:absolute;left:auto;right:4px;top:3px;width:62px;height:30px;border-radius:15px;background:#ff8125;text-align:center;color:#fff;line-height:30px;font-weight:400;transition:0.4;}
/* .gnb .gnb_depth .menu.textbook .visang_textbook{margin-top:45px;padding-top:45px;} */
/* .gnb .gnb_depth .menu.textbook .visang_textbook:before{content:'';position:absolute;top:370px;bottom:0;left:0;display:block;width:100%;height:318px;background:#f1e9dc;z-index:-1;} */
.gnb .gnb_depth .menu.textbook .visang_textbook{padding-bottom:20px;}
.gnb .gnb_depth .menu.textbook .visang_textbook .year,
.gnb .gnb_depth .menu.textbook .visang_textbook .year + .visangtxt{display:inline-block;font-size:18px;font-weight:500;line-height:38px;vertical-align:top;}
.gnb .gnb_depth .menu.textbook .visang_textbook .year + .visangtxt{color:#5881ff;}
.gnb .gnb_depth .menu.textbook .visang_textbook .year + .visangtxt:before{content:'';display:inline-block;width:1px;height:17px;margin:11px 8px 0;background:#a0a0a0;vertical-align:top;}
.gnb .gnb_depth .menu.textbook .visang_textbook .booklist-container{position:relative;}
.gnb .gnb_depth .menu.textbook .visang_textbook .booklist-container .booklist{margin-top:14px;}
.gnb .gnb_depth .menu.textbook .visang_textbook .btnWrap{position:absolute;top:20px;left:705px;width:354px;}
.gnb .gnb_depth .menu.textbook .visang_textbook .btnLink{display:block;padding:12px 40px;background:url(../images/common/ico_link_arr.png) 305px 50% no-repeat #01ceed;border-bottom:6px solid #01c4e1;border-radius:20px;font-size:23px;font-weight:600;color:#224678;text-align:left;line-height:1.4;letter-spacing:-0.05em;}
.gnb .gnb_depth .menu.textbook .visang_textbook .btnLink span{font:inherit;color:#fff;}

.gnb .gnb_depth .menu.textbook .booklist  {margin:14px 0 0;overflow:hidden;}
.gnb .gnb_depth .menu.textbook .booklist li {margin-right:10px; margin-bottom: 14px; float:left;}
.gnb .gnb_depth .menu.textbook .booklist li:last-child{margin-right:0;}
.gnb .gnb_depth .menu.textbook .booklist li a {display: block;font-size: 13px;;line-height: 1.45em;color: #888b92; letter-spacing:-0.065em}
.gnb .gnb_depth .menu.textbook .booklist li a .thumbimg {position:relative;width:100px;height:127px;border:1px solid #ddd;box-shadow:2px 2px 0 rgba(102,102,102,0.06);}
.gnb .gnb_depth .menu.textbook .booklist li a .thumbimg:before{content:'';position:absolute;left:0;right:0;bottom:0;top:0;border:0 solid #ff8125;background:rgba(57,61,73,0);transition:0.3s ease;}
.gnb .gnb_depth .menu.textbook .booklist li a:hover .thumbimg:before,
.gnb .gnb_depth .menu.textbook .booklist li.on a .thumbimg:before{border:3px solid #ff8125;/* background:rgba(57,61,73,0.8); */}
.gnb .gnb_depth .menu.textbook .booklist li a img {width:100%;height:100%;}
.gnb .gnb_depth .menu.textbook .booklist li a p{margin-top:8px;font-size:14px;color:#424a58;}
.gnb .gnb_depth .menu.textbook .booklist li a p + .visangtxt{display:inline-block;margin-top:2px;color:#4083ee;}
.gnb .gnb_depth .menu.textbook .booklist li.on a p,
.gnb .gnb_depth .menu.textbook .booklist li:hover a p,
.gnb .gnb_depth .menu.textbook .booklist li:hover a p + .visangtxt{color:#ff8125;}

/* 22-01-05 211개편 css */
.header .top_common{height:40px;border-top: 4px solid #5085da;}
.header .top_common .left_module{height:auto;}
.header .top_common .left_module a{line-height:35px;}
.header .top_common .left_module a:hover:before, .header .top_common .left_module a.on:before{height:35px;}
.header.type03 .top_common article{width:1200px;}

.gnb .gnb_depth .menu.textbook .subj_list .btn-booklist-wrap{float:right;}
.gnb .gnb_depth .menu.textbook .subj_list .btn-booklist{font-size:15px; color:#5881ff; line-height:38px; font-weight:600;}
.gnb .gnb_depth .menu.textbook .subj_list .btn-booklist.type02{color:#ff8125;}
.gnb .gnb_depth .menu.textbook .subj_list .btn-booklist span{display:inline-block; margin-left:10px; width:7px; height:10px; background:url(../images/common/arr_book.png) no-repeat center center;}
.gnb .gnb_depth .menu.textbook .booklist-info{margin-top:25px;}
.gnb .gnb_depth .menu.textbook .booklist-infoBox{width:464px; height:30px; margin-left:238px; border:1px solid #ff8125; border-radius:5px; background:#fff; text-align:center; line-height:28px;}
.gnb .gnb_depth .menu.textbook .booklist-infoBox .year{font-size:13px; color:#ff8125; font-weight:500; line-height: 28px;}
.gnb .gnb_depth .menu.textbook .booklist-infoBox .txt-type{position:relative; display:inline-block; margin-left:10px; padding-left:10px; font-size:13px; color:#393d49; font-weight:500; vertical-align:top;}
.gnb .gnb_depth .menu.textbook .booklist-infoBox .txt-type:before{content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:1px; height:12px; background:#dddddd;}
/* GNB : 2depth 창의적체험활동 */
.gnb .gnb_depth .menu.create .inner .create_page{margin-right:42px;padding-bottom:0;}
.gnb .gnb_depth .menu.create .inner .create_page .page_item + .page_item{margin-top:20px;}

/* GNB : 2depth 수업연구소 */
.gnb .gnb_depth .menu.labs .inner .create_page{margin-right:116px;}

/* GNB : 2depth 비바샘터 */
.gnb .gnb_depth .menu.samter{height:311px;background:url(../images/common/gnb_samter.png) no-repeat 590px 196px;}
.gnb .gnb_depth .menu.samter .inner .create_page{height:220px;margin-right:147px;}
.gnb .gnb_depth .menu.samter.on + .btn_gnb_close{top:271px;}

/* GNB : 2depth 테마관 */
.gnb .gnb_depth .menu.theme .inner {padding:50px 0}
.gnb .gnb_depth .menu.theme .inner .gnb_theme_list {position: relative;width: 1000px;margin: 0 auto; text-align: center; }
.gnb .gnb_depth .menu.theme .inner .gnb_theme_list .bx-wrapper {max-width: 960px !important;margin: 0 auto; display: inline-block;}
.gnb .gnb_depth .menu.theme .inner .gnb_theme_list .bx-controls-direction a {position:absolute; top:50%;width: 20px;height: 35px;margin-top: -30px;background-image: url('../images/renew/btn/gnb_slider_btn.png');background-repeat:no-repeat;text-indent:-1000px;font-size:0;line-height:0}
.gnb .gnb_depth .menu.theme .inner .gnb_theme_list .bx-controls-direction a.bx-prev {left: 0;background-position:0 100%}
.gnb .gnb_depth .menu.theme .inner .gnb_theme_list .bx-controls-direction a.bx-next {right: 0;background-position:-20px 100%}
.gnb .gnb_depth .menu.theme .inner .gnb_theme_list .bx-controls-direction a.disabled {display: block; opacity:0.2}
.gnb .gnb_depth .menu.theme .inner .gnb_theme_list .bx-wrapper ul li {width: 90px !important;padding: 0 15px;}
.gnb .gnb_depth .menu.theme .inner .gnb_theme_list ul {width: 960px;margin: 0 auto;height: auto;}
.gnb .gnb_depth .menu.theme .inner .gnb_theme_list ul li {float:left;width: 90px; padding: 0 15px;}
.gnb .gnb_depth .menu.theme .inner .gnb_theme_list ul li a {display: block; position:relative;text-align:center; text-decoration:none}
.gnb .gnb_depth .menu.theme .inner .gnb_theme_list ul li a span.ico {display: block;width: 90px;height: 90px;margin-bottom:16px;border-radius: 30px;overflow: hidden;box-shadow: 2px 2px 5px 1px rgba(89, 107, 136, 0.2);}
.gnb .gnb_depth .menu.theme .inner .gnb_theme_list ul li.vrkoreanhis a .ico {background-image: url('../images/renew/ico/gnb_theme01.png');}
.gnb .gnb_depth .menu.theme .inner .gnb_theme_list ul li.gallery a .ico {background-image: url('../images/renew/ico/gnb_theme02.png');}
.gnb .gnb_depth .menu.theme .inner .gnb_theme_list ul li.shape a .ico {background-image: url('../images/renew/ico/gnb_theme03.png');}
.gnb .gnb_depth .menu.theme .inner .gnb_theme_list ul li.munhak a .ico {background-image: url('../images/renew/ico/gnb_theme04.png');}
.gnb .gnb_depth .menu.theme .inner .gnb_theme_list ul li.vrtrip a .ico {background-image: url('../images/renew/ico/gnb_theme05.png');}
.gnb .gnb_depth .menu.theme .inner .gnb_theme_list ul li.energy a .ico {background-image: url('../images/renew/ico/gnb_theme06.png');}
.gnb .gnb_depth .menu.theme .inner .gnb_theme_list ul li.sciencelab a .ico {background-image: url('../images/renew/ico/gnb_theme07.png');}
.gnb .gnb_depth .menu.theme .inner .gnb_theme_list ul li.child a .ico {background-image: url('../images/renew/ico/gnb_theme08.png');}
.gnb .gnb_depth .menu.theme .inner .gnb_theme_list ul li.vrkoreanhis a:hover .ico {background-image: url('../images/renew/ico/gnb_theme01_hover.png');}
.gnb .gnb_depth .menu.theme .inner .gnb_theme_list ul li.gallery a:hover .ico {background-image: url('../images/renew/ico/gnb_theme02_hover.png');}
.gnb .gnb_depth .menu.theme .inner .gnb_theme_list ul li.shape a:hover .ico {background-image: url('../images/renew/ico/gnb_theme03_hover.png');}
.gnb .gnb_depth .menu.theme .inner .gnb_theme_list ul li.munhak a:hover .ico {background-image: url('../images/renew/ico/gnb_theme04_hover.png');}
.gnb .gnb_depth .menu.theme .inner .gnb_theme_list ul li.vrtrip a:hover .ico {background-image: url('../images/renew/ico/gnb_theme05_hover.png');}
.gnb .gnb_depth .menu.theme .inner .gnb_theme_list ul li.energy a:hover .ico {background-image: url('../images/renew/ico/gnb_theme06_hover.png');}
.gnb .gnb_depth .menu.theme .inner .gnb_theme_list ul li.sciencelab a:hover .ico {background-image: url('../images/renew/ico/gnb_theme07_hover.png');}
.gnb .gnb_depth .menu.theme .inner .gnb_theme_list ul li.child a:hover .ico {background-image: url('../images/renew/ico/gnb_theme08_hover.png');}
.gnb .gnb_depth .menu.theme .inner .gnb_theme_list ul li a .txt {background: none;line-height: 20px;font-size: 16px;font-weight: 500;letter-spacing: -1px;color: #393d49;}
.gnb .gnb_depth .menu.theme .inner .gnb_theme_list ul li a:hover .txt {color: #f75442;}
.gnb .gnb_depth .menu.theme .btn_area a {padding-right: 25px;background: url('../images/renew/btn/arr_type08.png') no-repeat right 50%;font-size: 16px;font-weight: 500;line-height: 20px;letter-spacing: -1px;color: #393d49;}


/* footer */
.footer {width: 100%; min-width: 1200px; height: auto; background:#fff;font-family: 'Noto Sans Korean', sans-serif !important;clear:both;border-top:1px solid #e9e9e9;}
.footer .footwrap {position: relative; width: 1200px;margin: 0 auto;padding: 60px 0;text-align: center; z-index:1;}
.footer .footwrap h2 {display: block;margin-bottom: 38px;}
.footer .footwrap h2 img {width: auto;}
.footer .footwrap .info {display: block;text-align: center;color:#8f8f8f;line-height: 20px; font-size:12px}
.footer .footwrap .info .ipaddress {color:transparent}
.footer .footwrap .info span {position: relative;margin-right: 30px;line-height: 21px; font-size:14px;font-weight:400;color: #a4a5a9;}
/*.footer .footwrap .info span::after {content: "";position: absolute;top:50%;width: 1px;height: 10px;right: 0;margin-top: -5px;margin-right: -7px;background-color: #999;}*/
/*.footer .footwrap .info span.info_after_none::after {content: none;}*/
.footer .footwrap .info a {color: #a4a5a9;font-size:14px;}
.footer .footwrap .info ul {display: block;margin-bottom:15px;overflow:hidden;}
.footer .footwrap .info ul li {display: inline-block;padding-right: 7px;color:#cdcdcd; font-size:13px; letter-spacing: -1px;}
.footer .footwrap .info ul li a {position: relative;margin-right: 14px;font-size:14px;color: #000;font-weight: 400;}
/*.footer .footwrap .info ul li a::after {content: "";position: absolute;top: 50%;right: 0;width: 1px;height: 12px;margin-top: -6px;margin-right: -13px;background-color: #7b7e88;}*/
.footer .footwrap .info ul li:last-child {padding-right: 0;}
.footer .footwrap .info ul li:last-child a {margin-right: 0;}
.footer .footwrap .info ul li:last-child a::after {content:none;}
.footer .footwrap .info ul li a.bold {font-weight:600; color: #000;}
.footer .footwrap .info .copy {font-size:14px;line-height:21px;}
.footer .btns {padding:0;width:auto;position: absolute; top: 20px; right: 0; line-height: 1.2; *zoom:1}
.footer .btns:after {content: ""; display: block; clear: both;}
.footer .btns .btn_buy {float: left; width: 196px;height: 36px;padding: 9px 10px 0;margin-right: 10px;border: 1px solid #206cef;border-radius:8px;background: #f4f8ff url('../images/common/arr_footer_2.png') no-repeat 170px center;box-sizing: border-box;font-size:14px;color: #121212;text-align: left;line-height: 1;font-weight:400}
.footer .btns .btn_buy:hover {text-decoration: none;}
.footer .slt {width:196px; height: 36px;text-align: left;box-sizing: border-box; font-size:14px; color:#121212; border-radius:8px;}



/* select design */
.slt { position:relative; z-index:8999; float:left; width:160px; height:32px;}
.slt .t {}
.slt .t a { width:100%; height:36px; padding:9px 10px 0; display:block; color:#121212; background:#f4f8ff url('../images/common/arr_footer.png') no-repeat 170px center;  font-size: 14px; border-radius:8px; line-height:1; border: 1px solid #206cef;}
.slt .t a:hover { text-decoration:none; }
.slt .t a.on { background:#fbfbfb url('../images/common/arr_footer.png') no-repeat 170px center;}
.slt .t a span {color:#121212;font-size:14px;font-weight:400;}
.slt div { position:absolute; bottom:29px; left:-1px; display:none; overflow-x:hidden; overflow-y:auto; width:100%; max-height:150px; border:1px solid #cacaca; background:#fff; }
.slt div ul {}
.slt div ul li {}
.slt div ul li a, .slt div ul li span { display:block; padding:5px 0 3px 9px; color:#666;font-size:14px;font-weight:400; }
.slt div ul li a:hover{text-decoration:underline;}
.slt div ul li span {font-weight: bold;}


.subcontents{position:relative;margin:0 auto;display:table;table-layout:fixed;width:1200px;height:100%;}
/* LNB */
/* LNB 공통 */
.lnb{overflow:hidden;position:relative;display:table-cell;width:230px;height:100%;padding:58px 0 0 0;vertical-align:top;}
.lnb .menu_new h2{padding:10px 24px;background:#ff8800;color:#fff;margin-bottom:45px;font-size:20px;font-weight:600;line-height:52px;letter-spacing:-0.04em;border-radius:8px;}
.lnb .menu_new h2.mb24{margin-bottom:24px;}
.lnb .menu_new h2 > a{font:inherit;color:inherit;letter-spacing:inherit;}
.lnb .menu_new > ul{}
.lnb .menu_new > ul > li{}
.lnb .menu_new > ul > li.on,
.lnb .menu_new > ul > li:hover{}
.lnb .menu_new > ul > li > a{display:block;padding:10px 20px;font-size:18px;font-weight:400;color:#1e1e21;line-height:39px;border-bottom:1px solid #ececec;}
.lnb .menu_new > ul > li.on > a,
.lnb .menu_new > ul > li:hover > a{font-weight:600;line-height:38px;color:#FF8800;border-bottom:2px solid #ff7031;}
.lnb .menu_new > ul > li.new > a:after,.themeWrap h3.new:after{content:'';display:inline-block;width:12px;height:12px;margin-left:5px;background:url(../images/common/ico_new.png);vertical-align:baseline;}
/* 2depth */
.lnb .menu_new .lnb_sub_menu{display:none;margin:15px 0 10px;}
.lnb .menu_new .lnb_sub_menu li a{position:relative;display:block;padding:10px 28px 10px 20px;font-size:14px;font-weight:400;color:#1e1e21;line-height:1.4;background:#fafafa;border-radius:4px;}
.lnb .menu_new .lnb_sub_menu li + li{margin-top:4px;}
.lnb .menu_new .lnb_sub_menu li.on a:before,.lnb .menu_new .lnb_sub_menu li a:hover:before{content:'';position:absolute;top:14px;right:15px;width:9px;height:13px;background:url(../images/common/ico_lnb.png) no-repeat center center;}
.lnb .menu_new .lnb_sub_menu li.new a:after{content:'';display:inline-block;width:12px;height:12px;margin-left:5px;background:url(../images/common/ico_new.png);vertical-align:baseline;}
.lnb .menu_new .lnb_sub_menu li.new.ty2{position:relative;}
.lnb .menu_new .lnb_sub_menu li.new.ty2 a:after{position:absolute;top:9px;right:-15px;}
.lnb .menu_new .lnb_sub_menu li.on a,
.lnb .menu_new .lnb_sub_menu li a:hover{color:#ff8800;font-weight:600;background: rgba(255, 136, 0, 0.1);
}
.lnb .menu_new .lnb_sub_menu li p{display:inline-block;font:inherit;letter-spacing:-0.04em;}
.lnb .menu_new .lnb_sub_menu li.on p{}
.lnb .menu_new li.on .lnb_sub_menu{display:block;}

/* LNB 고객센터 */
/*.lnb.blue .menu_new h2{color:#4083ee;}*/
/*.lnb.blue .menu_new > ul > li.on,*/
/*.lnb.blue .menu_new > ul > li:hover{border-bottom:1px solid #4083ee;}*/
/*.lnb.blue .menu_new > ul > li.on > a,*/
/*.lnb.blue .menu_new > ul > li:hover > a{background:url(../images/common/ico_lnb_blue.png) 99% 50% no-repeat;color:#4083ee;}*/
/*.lnb.blue .menu_new .lnb_sub_menu li.on a,*/
/*.lnb.blue .menu_new .lnb_sub_menu li a:hover{color:#4083ee;}*/
/*.lnb.blue .menu_new .lnb_sub_menu li.on p{border-bottom:1px solid #4083ee;}*/

.lnb.myClassroom .menu_new h2 {height: 72px; padding: 10px 24px; font-size: 20px; line-height: 52px; color: #fff; font-weight: 600; background: linear-gradient(270deg, #0086ff 0%, #1e92ff 100%); border-radius: 8px;}
.lnb.myClassroom .menu_new h2 a{font:inherit;color:inherit;letter-spacing:inherit;}
.lnb.myClassroom .menu_new > ul {border: 0;}
.lnb.myClassroom .menu_new > ul > li {}
.lnb.myClassroom .menu_new > ul > li > a {display:block;padding: 10px 20px; line-height: 39px; color: #1e1e21; font-weight: 400;border-bottom:1px solid #dcdcdc;}
.lnb.myClassroom .menu_new > ul > li.on,
.lnb.myClassroom .menu_new > ul > li:hover {}
.lnb.myClassroom .menu_new > ul > li.on > a,
.lnb.myClassroom .menu_new > ul > li:hover > a {color: #273fa1; font-weight: 600;line-height:38px; background: none;border-bottom: 2px solid #273fa1;}

.lnb.viversamter .menu_new h2 {height: 72px; padding: 10px 24px; font-size: 20px; line-height: 52px; color: #fff; font-weight: 600; background: linear-gradient(270deg, #0086ff 0%, #1e92ff 100%); border-radius: 8px;}
.lnb.viversamter .menu_new > ul {border: 0;}
.lnb.viversamter .menu_new > ul > li {}
.lnb.viversamter .menu_new > ul > li > a {display:block;padding: 10px 20px; line-height: 39px; color: #1e1e21; font-weight: 400;border-bottom:1px solid #dcdcdc}
.lnb.viversamter .menu_new > ul > li.on,
.lnb.viversamter .menu_new > ul > li:hover {}
.lnb.viversamter .menu_new > ul > li.on > a,
.lnb.viversamter .menu_new > ul > li:hover > a {color: #273fa1; font-weight: 600;line-height:38px; background: none;border-bottom: 2px solid #273fa1;}
.subcontents_samter .conts {padding:58px 0 90px 46px !important;}


.lnb.mySupport .menu_new h2 {height: 72px; padding: 0 24px; font-size: 20px; line-height: 70px; color: #fff; font-weight: 600; background: linear-gradient(270deg, #0086ff 0%, #1e92ff 100%); border-radius: 8px;}
.lnb.mySupport .menu_new > ul {border: 0;}
.lnb.mySupport .menu_new > ul > li {}
.lnb.mySupport .menu_new > ul > li > a {padding: 10px 20px; line-height: 39px; color: #1e1e21; font-weight: 400;border-bottom:1px solid #dcdcdc;}
.lnb.mySupport .menu_new > ul > li.on,
.lnb.mySupport .menu_new > ul > li:hover {}
.lnb.mySupport .menu_new > ul > li.on > a,
.lnb.mySupport .menu_new > ul > li:hover > a {color: #273fa1; font-weight: 600;line-height:38px; background: none;border-bottom: 2px solid #273fa1;}


/* LNB 교과자료실 */
.lnb ul.textbookLinkWrap{margin-top:16px;border-top:none;}
.lnb ul.textbookLinkWrap li.eduCode{background:none;}
.lnb ul.textbookLinkWrap li.eduCode.on,.lnb ul.textbookLinkWrap li.eduCode:hover{border-bottom-color:#ececec;}
.lnb ul.textbookLinkWrap li.eduCode > a{position:relative;}
.lnb ul.textbookLinkWrap li.eduCode.on > a,.lnb ul.textbookLinkWrap li.eduCode:hover > a{background:#f7f7f7;}
.lnb ul.textbookLinkWrap li.eduCode > a:before{content:'';position:absolute;right:7px;top:50%;margin-top:-11px;width:21px;height:21px;background:url(../images/common/lnb_arr_aducode.png) no-repeat center -22px;}
.lnb ul.textbookLinkWrap li.eduCode.on > a:before{content:'';background-position:center top;}
.lnb ul.textbookLinkWrap li .eduCode_sub{display:none;}

.lnb ul.textbookLinkWrap li .eduCode_sub a{display:block;font-size:15px;font-weight:500;color:#525252;line-height:40px;border-bottom:1px solid #ececec;}
.lnb ul.textbookLinkWrap li .eduCode_sub a:last-child{border-bottom:none;}
.lnb ul.textbookLinkWrap li.eduCode.on > .eduCode_sub > a.on,
.lnb ul.textbookLinkWrap li.eduCode.on > .eduCode_sub > a:hover{background:url(../images/common/ico_lnb.png) 99% 50% no-repeat;font-weight:600;color:#ff7031;}


/* LNB 샘스토리 */
.lnb .menu_new.samstory .lnb_sub_menu li a{font-weight:400;}
.lnb .menu_new.samstory .lnb_sub_menu li.on a span,.lnb .menu_new.samstory .lnb_sub_menu li a span{font-weight:600;}
.lnb .menu_new.samstory .lnb_sub_menu li.new a::after {vertical-align: -1px;}

/* 22-09-30 교과서 자료실 개편 css */
.tab_second ul{overflow:hidden;}
.tab_second ul li{float:left;position:relative;display:inline-block;margin:0 5px 5px 0;}
.tab_second input[type="radio"],
.tab_second input[type="checkbox"]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;}
.tab_second input[type="radio"] + label,
.tab_second input[type="checkbox"] + label{display:inline-block;padding:0 18px;background:#f7f7f7;border:1px solid #dadada;border-radius:17px;font-size:14px;font-weight:400;color:#838383;line-height:32px;cursor:pointer;}
.tab_second input + label span{font:inherit;}
.tab_second input[type="radio"]:checked + label,
.tab_second input[type="checkbox"]:checked + label{background:#f5802c;border:1px solid #ff730f;font-weight:500;color:#fff;}
.tab_second input:checked + label span{color:#393d4a;}
.tab_second ul li.new:after {content:""; display:inline-block; position:absolute; right:0; top: -4px; width:17px; height:16px; background:url(../images/educourse/ico_new.png)no-repeat center; background-size:100% auto; clear:both;}
/*유형분류2 앵커처리*/
.tab_second.fix {position:fixed; left:0; top:51px; padding-left:642px; z-index:101;}
.tab_second.fix ul {padding-right:350px;}
.special.fix {position:fixed; left:0; top:51px; padding-left:642px; z-index:101;}
.special.fix ul {padding-right:350px;}

.textbook_module {margin-top:-6px;}
.ui-select-parent.textbook.textbook_align {width:auto;}
.textbook.textbook_align .select2-container .select2-selection--single {border:0;}
.textbook.textbook_align .select2-container .sbanner_wrapelect2-selection--single {border:none;}
.textbook.textbook_align .select2-container--open .select2-selection--single {background-color:#fff;}
.textbook.textbook_align .select2-container--default .select2-selection--single .select2-selection__rendered {padding:0 13px 0 30px; margin-top:5px; color:#53596b; }
.textbook.textbook_align .select2-container--default .select2-selection--single .select2-selection__arrow {width:auto; height:auto; left:14px; right:unset; top:15px;}
.textbook.textbook_align .select2-container--default .select2-selection--single .select2-selection__arrow b {display:inline-block; position:unset; width:12px; height:10px; background:url(/resources/images/common/ic_select.png)no-repeat center; background-size:100% auto;}
.textbook.textbook_align .select2-container--open .select2-dropdown--below {border-top:1px solid #ceced3; border-top-left-radius:10px; border-top-right-radius:10px;}
.textbook.textbook_align .select2-results .select2-results__options {padding-bottom:0;}
.textbook.textbook_align .select2-container .select2-results__option {padding:0 20px; line-height:34px; font-size:14px; font-weight:400; border-bottom:1px solid #d2dde7; color:#53596b;}
.textbook.textbook_align .select2-container .select2-results__option:last-child {padding-bottom:0;}
.textbook.textbook_align .select2-container .select2-container--default .select2-container--open {border-radius:10px; border: 1px solid #aeb1b9; }
.textbook.textbook_align .selection {position:relative; top:3px;}

/* 2023-02-20, 2024-02-17,2025-02-08 */
.textbookSetWrap .eduClsCode,
.textbookSetWrap .grade,
.textbookSetWrap .semester{display:flex;}
.textbookSetWrap .rdo{position:relative;flex:0;}
.textbookSetWrap input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;}
.textbookSetWrap label{position:relative;display:block;width:30px;height:30px;background:#f7f7f7;border:1px solid #d3d3d3;border-radius:4px;font-family:'ONE-Mobile-Regular', 'Noto Sans Korean', sans-serif;font-size:13px;color:#8e8e8e;text-align:center;line-height:2.3;cursor:pointer;}
.textbookSetWrap input:checked + label{background:#ffda5a;font-weight:bold;color:#393d4a;}
.textbookSetWrap input:checked + label:before{content:'';position:absolute;top:-1px;left:-1px;display:inline-block;width:100%;height:100%;border:1px solid #ffce25;border-radius:4px;z-index:1;}
.textbookSetWrap .eduClsCode,
.textbookSetWrap .grade{gap:0 3px;}
.textbookSetWrap .eduClsCode .rdo{flex:1;}
.textbookSetWrap .eduClsCode .rdo label{width:auto;height:34px;background:#fff;border:1px solid #2740ff;border-radius:4px;color:#4157ff;line-height:2.6;}
.textbookSetWrap .eduClsCode .rdo label.dim{background:dimgray;color:#fff;opacity:0.4;cursor:unset;border-color:dimgray;}
.textbookSetWrap .eduClsCode .rdo label:before{display:none;}
.textbookSetWrap .eduClsCode .rdo input:checked + label{background:#4157ff;font-weight:400;color:#fff;}
.textbookSetWrap .grade + .eduClstit{margin-top:17px;}
.textbookSetWrap .eduClstit p{font-size:15px;font-weight:500;color:#53596b;}
.textbookSetWrap .semester .rdo{flex:1;}
.textbookSetWrap .semester .rdo label{width:auto;height:34px;border-radius:0 4px 4px 0;line-height:2.6;}
.textbookSetWrap .semester .rdo label:before{border-radius:0 4px 4px 0;}
.textbookSetWrap .semester .rdo:first-child label{border-right:0;border-radius:4px 0 0 4px;}
.textbookSetWrap .semester .rdo:first-child label:before{border-radius:4px 0 0 4px;}


/* // 교과자료 LNB */

/* 2023-02-20 교과자료 conts */
.conts{position:relative;display:table-cell;width:calc(1200px - 230px);padding:58px 0 90px 60px;min-height:100%;}
/* 2025-02-08 교과자료 | 22개정 딱지,15개정 딱지 추가 */
.eduLabel{margin-top:-10px;margin-bottom:8px;display:flex;flex-wrap:nowrap;justify-content: flex-start;gap:7px;}
.labelClsCode{display:inline-block;width:47px;height:19px;background:#00B8FF;border-radius:5px;font-size:12px;font-weight:400;color:#fff;text-align:center;line-height:19px;}
.labelClsCode.y15{display:inline-block;width:47px;height:19px;background:#FF4C39;border-radius:5px;font-size:12px;font-weight:400;color:#fff;text-align:center;line-height:19px;}

.SubjectWrap{display:flex;justify-content: flex-start;gap:8px;align-items: flex-start;flex-direction:column;}
.subjectLink{margin-top:24px;max-width:458px;}
.subjectLink > div{display:flex;flex-wrap:wrap;gap:8px;}
.subjectLink > div + div{margin-top:8px;}
.subjectLink .btn{position:relative;display:inline-block;width:142px;height:36px;padding:0 12px;background:#ffda5a;border-radius:4px;font-size:14px;font-weight:400;color:#292f38;line-height:2.5;letter-spacing:-0.045em;z-index:1;cursor:pointer;}
.subjectLink .btn span{color:inherit; font-size: 13px; font-weight: 500;}
.subjectLink .btn:before{content:'';position:absolute;top:0;left:0;box-sizing:border-box;display:inline-block;width:100%;height:100%;border:1px solid #ffc549;border-radius:4px;}
.subjectLink .btn:hover:before{border:2px solid #393d4a;}
.subjectLink .btn.btnVivarun{position:relative;padding:0;border:none;background:transparent;}
.subjectLink .btn.btnVivarun span{position:relative;display:inline-block;min-width:130px;height:36px;padding:0 16px;background:#ffda5a;border-radius:4px;font-size:14px;font-weight:400;color:#292f38;line-height:2.5;letter-spacing:-0.045em;z-index:1;cursor:pointer;}
.subjectLink .btn.btnVivarun span:before{content:'';position:absolute;top:0;left:0;box-sizing:border-box;display:inline-block;width:100%;height:100%;border:1px solid #ffc549;border-radius:4px;}
.subjectLink .btn.btnVivarun span:hover:before{border:2px solid #393d4a;}
.subjectLink .btn.btnVivarun:before{content:'수업 + 평가를 한 번에!';transform:translate(140px, 3px);font-size:12px;font-weight:400;color:#ff7007;width:125px;height:30px;text-align:center;line-height:28px;border:1px solid #ff7007;border-radius:8px;background:#fff4e4;box-shadow:2px 2px 0 #e4e4e4;cursor:default;}
.subjectLink .btn.btnVivarun:after{content:'';display:inline-block;border-top:4px solid #fff;border-bottom:4px solid #fff;border-right:7px solid #ff7007;cursor:default;}
.subjectLink i{display:inline-flex;align-items:center; width:22px;height:22px;margin-right:6px;background-position:50% 50%;background-repeat:no-repeat;vertical-align:middle;}
.subjectLink i img{width:100%;object-fit: contain}
.subjectLink .icoWork{background-image:url(../images/educourse/ico_subject_work.png);}
.subjectLink .icoEbook{width:24px;height:22px;background-image:url(../images/educourse/ico_ebook.png);}
.subjectLink .icoViva{width:22px;height:22px;background-image:url(../images/educourse/ico_viva.png);}


/* 교과자료 | 내 교과서 등록 */
.mySubject{}
.mySubject input[type="checkbox"] + label{padding-left:30px;font-size:12px;line-height:23px;font-weight:400;color:#53565D;letter-spacing:-0.045em;}
.mySubject input[type="checkbox"] + label:before{margin-top:-12px;width:23px;height:23px;background:url(../images/educourse/ico_mysubject.png) 0 0 no-repeat;}
.mySubject input[type="checkbox"]:checked + label:before{background-position:0 100%;}

/* 교과자료 | 상단 버튼 250208 수정*/
.btnSubjectWrap{position:absolute;top:48px;right:0;padding:15px 19px 19px;max-width:40%;border:1px solid #e4e4e4;border-radius:12px;}
.btnSubjectWrap h3{font-size:18px;color:#1E1E21;font-weight:600;letter-spacing: -0.045rem;}
.btnSubjectWrap h3 span{font:inherit;color:#F73749;}
.btnSubjectWrap > div{font-size:0;text-align:right;}
.btnSubjectWrap .btn{position:relative;display:inline-block;height:36px;padding:0 16px;background:#ffda5a;border-radius:4px;font-size:14px;font-weight:400;color:#292f38;line-height:2.5;letter-spacing:-0.045em;z-index:1;cursor:pointer;}
.btnSubjectWrap .btn:before{content:'';position:absolute;top:0;left:0;box-sizing:border-box;display:inline-block;width:100%;height:100%;border:1px solid #ffc549;border-radius:4px;}
.btnSubjectWrap .btnPoint{background:#f5812c;color:#fff;}
.btnSubjectWrap .btnPoint:before{border:1px solid #f37417;}
.btnSubjectWrap .btn:hover:before{border:2px solid #393d4a;}
.btnSubjectWrap .btn + .btn{margin-left:5px;}
.btnSubjectWrap .btnQbank{width:180px;height:55px;padding:10px 18px;background:#b3e5ff;border-radius:28px;text-align:left;}
.btnSubjectWrap .btnQbank:before{border:1px solid #57c6ff;border-radius:28px;}
.btnSubjectWrap .btnQbank .icoBank{width:32px;height:28px;margin-right:5px;}
.btnSubjectWrap .btnQbank span{display:inline-block;font-size:10px;font-weight:500;color:#f14902;line-height:1.2;vertical-align:middle;letter-spacing:-0.06em;}
.btnSubjectWrap .btnQbank em{font-size:14px;font-weight:600;color:#000;letter-spacing:-0.03em;}
.btnSubjectWrap .btnComment{width:152px;height:55px;padding:10px 20px;background:#d7ebd1;border-radius:28px;text-align:left;}
.btnSubjectWrap .btnComment:before{border:1px solid #b2d7a7;border-radius:28px;}
.btnSubjectWrap .btnComment .icoCom{width:41px;height:28px;margin-right:10px;}
.btnSubjectWrap .btnComment span{display:inline-block;font-size:14px;font-weight:400;color:#000;line-height:1.1;vertical-align:middle;letter-spacing:-0.03em;}
.btnSubjectWrap .btnComment span em{font-weight:600;}
.btnSubjectWrap .btnBasicEdu{width:187px;height:55px;padding:10px 18px;background:#ffdc90;border-radius:28px;text-align:left;}
.btnSubjectWrap .btnBasicEdu:before{border:1px solid #ffb25f;border-radius:28px;}
.btnSubjectWrap .btnBasicEdu .icoEdu{width:26px;height:31px;margin-right:4px;background-size:100%;}
.btnSubjectWrap .btnBasicEdu span{display:inline-block;font-size:10px;font-weight:500;color:#fd6030;line-height:1.2;vertical-align:middle;letter-spacing:-0.03em;}
.btnSubjectWrap .btnBasicEdu em{font-size:13px;font-weight:600;color:#000;letter-spacing:-0.03em;}
.btnSubjectWrap .curationLink{margin-top:16px;}
.btnSubjectWrap .curationLink .curationSlide{display:inline-block;}
.btnSubjectWrap .curationLink .btnCuration{height:28px;margin:0;padding:0;background:none;font-size:0;}
.btnSubjectWrap .curationLink .btnCuration:before{display:none;}
.btnSubjectWrap .curationLink .btnCuration > span{position:relative;display:inline-block;font-size:12px;font-weight:400;color:#474747;line-height:2.16;vertical-align:top;}
.btnSubjectWrap .curationLink .btnCuration:hover span:before{content:'';position:absolute;bottom:5px;left:0;display:inline-block;width:100%;border-bottom:1px solid #5576ff;}
/*2023-06-12 초등 개편 6월 선반영 - 큐레이션*/
.btnSubjectWrap .curationLink.textbookCuration{margin-top:12px;display:flex;flex-wrap:wrap;gap:6px;}
.btnSubjectWrap .curationLink.textbookCuration .curationSlide{height:35px;}
.btnSubjectWrap .curationLink.textbookCuration .curationSlide.icoNew{position:relative;}
.btnSubjectWrap .curationLink.textbookCuration .curationSlide.icoNew:after{content:'';position:absolute;right:-2px;top:-2px;width:17px;height:16px;background:url(../images/common/ico_new_2.png) no-repeat center center;z-index:1;}
.btnSubjectWrap .curationLink.textbookCuration .btnCuration{width:120px;height:35px;padding:0 1px;background:#fff;text-align:center;border:1px solid #0057ED;border-radius:5px;line-height:35px;}
.btnSubjectWrap .curationLink.textbookCuration .btnCuration:hover{background:#0057ED;border:1px solid #0057ED;}
.btnSubjectWrap .curationLink.textbookCuration .btnCuration span{font-size:14px;line-height:33px;color:#0057ED;letter-spacing: -0.04em;}
.btnSubjectWrap .curationLink.textbookCuration .btnCuration:hover span{color:#fff;}
.btnSubjectWrap .curationLink.textbookCuration .btnCuration span:before{display:none;}
.conts.conts_thema .btnSubjectWrap .curationLink .btnCuration.aiCuration > span{color:#5576ff;}
/* curationSwiper */
.curationSwiper{overflow:hidden;}
.curationSwiper .swiper-wrapper{font-size:0;white-space:nowrap;}
/* 버튼 내 i */
.btnSubjectWrap i{display:inline-block;width:22px;height:22px;margin-right:8px;background-position:50% 50%;background-repeat:no-repeat;vertical-align:middle;}
.btnSubjectWrap .icoWork{background-image:url(../images/educourse/ico_subject_work.png);}
.btnSubjectWrap .icoRecom{background-image:url(../images/educourse/ico_subject_recom.png);}
.btnSubjectWrap .icoBank{background-image:url(../images/educourse/ico_subject_bank.png);}
.btnSubjectWrap .icoCom{background-image:url(../images/educourse/ico_subject_com.png);}
.btnSubjectWrap .icoEdu{background-image:url(../images/educourse/ico_subject_edu.png);}
.btnSubjectWrap .icoHis{background-image:url(../images/educourse/ico_subject_his.png);}
.btnSubjectWrap .icoMath{background-image:url(../images/educourse/ico_curation_math.png);}
.btnSubjectWrap .curationLink img{width:28px;height:28px;margin-right:8px;vertical-align:top;}
/* 버튼 0차시 */
.chasiIntroWrap{position:absolute;z-index:1;}
.chasiIntroWrap .btnZeroChasi{position:relative;display:inline-block;height:44px;padding:0 44px 0 48px;background:url(../images/educourse/img_profile_1.png) 6px 8px no-repeat #FF8C38;border-radius:22px;font-size:14px;font-weight:600;color:#fff;line-height:44px;letter-spacing:-0.045em;}
.chasiIntroWrap .btnZeroChasi:after{content:'';position:absolute;top:10px;right:12px;display:inline-block;width:24px;height:24px;background:url(../images/educourse/ico_data_arrow.png) 0 0 no-repeat;}
.chasiIntroWrap .btnData{position:relative;display:inline-block;height:44px;padding:0 10px 0 48px;background:url(../images/educourse/ico_data_book.png) 12px center no-repeat #FF8C38;background-size:28px 28px;border-radius:22px;font-size:14px;font-weight:600;color:#fff;line-height:44px;letter-spacing:-0.045em;}
.chasiIntroWrap .btnData span{display:block;padding-right:32px;background:url(../images/educourse/ico_data_arrow.png) right center no-repeat;font-size:14px;font-weight:600;color:#fff;}
/*.chasiIntroWrap .btnData:after{content:'';position:absolute;top:12px;right:14px;display:inline-block;width:17px;height:17px;}*/

.chasiIntroWrap .btnPopdata{margin-left:5px;position:relative;display:inline-block;height:42px;padding:0 14px 0 45px;background:url(../images/educourse/ico_data_pop.png) 10px center no-repeat #FF8C38;background-size:28px 27px;border-radius:21px;font-size:13px;font-weight:500;color:#fff;line-height:42px;letter-spacing:-0.045em;}
/*.chasiIntroWrap .btnPopdata span{display:block;padding-right:30px;background:url(../images/educourse/ico_data_arrow2.png) no-repeat right center;background-size:17px 17px;font-size:13px;font-weight:500;color:#fff;}*/
.chasiIntroWrap .btnPopdata span{display:block;padding-right:32px;background:url(../images/educourse/ico_data_arrow.png) right center no-repeat;font-size:14px;font-weight:600;color:#fff;}
/* 학기 공통자료 - 말풍선 */
/*.chasiIntroWrap .btnData:before{content:'신학기에 필요한 자료들이 한 곳에!';position:absolute;top:-42px;left:50%;margin-left:-91px;box-sizing:border-box;display:inline-block;width:182px;height:30px;line-height:20px;padding:4px 8px;background:#fff4e4;border:1px solid #ff7007;border-radius:8px;font-size:12px;font-weight:400;color:#ff7007;text-align:center;letter-spacing:-0.06em;word-break:keep-all;box-shadow:2px 2px 0 rgba(68, 68, 68, 0.2);z-index:1;cursor:default;}*/
/*.chasiIntroWrap .btnData:after{content:'';position:absolute;top:-12px;left:50%;margin-left:-2px;display:inline-block;border-left:4px solid #fff;border-right:4px solid #fff;border-top:7px solid #ff7007;cursor:default;z-index:2;}*/

.tab_wrap .chasiIntroWrap{ position: relative; max-width: 100%;min-width: 0;margin-left: auto;}
.tab_wrap .chasiIntroWrap.ty2{}
.tab_wrap .chasiIntroWrap .btnZeroChasi{margin-left:5px;display: inline-block;min-width:175px; height: 44px; }


.flex_lib_wrap{display:flex;flex-wrap:nowrap;justify-content:space-between;gap:50px;}
.flex_lib_wrap .left_fl{flex:1;}
.flex_lib_wrap .right_fl{position:relative;width:416px}
.flex_lib_wrap .right_fl .btnSubjectWrap{position:relative; top:-10px; width:100%;max-width:100%;}

.flex_lib_wrap .right_fl .btn_viva_launcher{margin-top:-2px;display:block;width:100%;height:55px;text-align:left;border-radius:12px;background:#00B9FF;overflow:hidden;}
.flex_lib_wrap .right_fl .btn_viva_launcher .icon{display:inline-flex;flex-wrap:nowrap;align-items:center;justify-content:center;width:55px;height:55px;background:#0086FF url(../images/educourse/ico_launcher_viva.png) no-repeat center center;}
.flex_lib_wrap .right_fl .btn_viva_launcher .txt{margin-left:16px;display:inline-block;padding-right:34px;line-height:55px;font-size:16px;color:#fff;font-weight:500;vertical-align: top;letter-spacing:-0.05em;background:url(../images/educourse/ico_data_arrow3.png) no-repeat right center;}
.flex_lib_wrap .right_fl .btn_viva_launcher .txt i{font:inherit;color:#273FA1;font-weight:600;letter-spacing:-0.05em;}


/* 교과자료 | 탭 */
.tab_wrap{ position:relative;margin:38px 0 16px; display: flex; align-items: center;}
.tab_educourse{font-size:0; flex: 0 0 auto; min-width: 0;}
.tab_educourse li{position:relative;display:inline-block;}
.tab_educourse li + li{margin-left:34px;}
.tab_educourse li + li:before{content:'';position:absolute;left:-20px;top:50%;display:inline-block;width:4px;height:4px;background:#8e8e8e;border-radius:100%;transform:translateY(-50%);}
.tab_educourse li a{display:block;height:54px;padding:0 4px;border-bottom:4px solid transparent;font-size:16px;font-weight:500;color:#4a4f5f;line-height:3.375;letter-spacing:-0.045em;}
.tab_educourse li a:hover,
.tab_educourse li.on a{border-color:#ff7031;font-weight:600;color:#ff7031;}
.tab_conts{display:none;min-height:100%;}
.tab_conts.on{display:block;}
.tab_wrap .chasiPopWrap{display:none;padding:10px 16px 9px;font-size:12px;border:1px solid #ff6c00;border-radius:6px;color:#ff7031;font-weight:bold;box-shadow:0px 3px 0px rgba(63,63,63,.1);position:absolute;top:-30px;left:0;min-width:171px;}
.tab_wrap .chasiPopWrap:before{content: '';position: absolute;bottom:-13px;left:19px;display: inline-block;background: #ff8e3f;border-top: 6px solid #ff8e3f;border-bottom: 6px solid #fff;border-left: 6px solid #fff;border-right:6px solid #fff;z-index:-1;}
.tab_educourse li:first-child .chasiPopWrap{display:inline-block;}
/* 교과자료 | 탭 - 오픈딱지 말풍선 */

.tab_educourse.tab_menu li .educourse_tip{position:absolute;top:-16px;left:50%;box-sizing:border-box;display:inline-block;width:145px;height:27px;padding:2px 5px;background:#ff8048;border:1px solid #ff5d15;border-radius:3px;font-size:13px;font-weight:400;color:#fff;text-align:left;letter-spacing:-0.06em;word-break:keep-all;transform:translateX(-50%);z-index:1;}
.tab_educourse.tab_menu li .educourse_tip:after{content:'';position:absolute;top:26px;left:50%;display:inline-block;background:#ff8e3f;border-top:5px solid #ff5d15;border-right:5px solid #fff;border-left:4px solid #fff;transform:translateX(-50%);}

/* 교과자료 | 아코디언 / AI 연산학습지 페이지  */
.tab_conts .accordion{border-top:2px solid #4a4f5f;}
.tab_conts .accoItem{border-bottom:1px solid #e5e5e5;}
.tab_conts .accordion .btnAcco{position:relative;display:block;height:55px;padding:0 18px;background:#f1f5fa;font-size:16px;font-weight:500;color:#4a4f5f;line-height:3.3;}
.tab_conts .accordion .btnAcco em{margin-right:5px;font:inherit;}
.tab_conts .accordion .btnAcco:before,
.tab_conts .accordion .btnAcco:after{content:'';position:absolute;top:50%;right:22px;display:inline-block;width:19px;height:3px;background:#474747;}
.tab_conts .accordion .btnAcco:after{transform:rotate(90deg);transition:all .3s;}
.tab_conts .accordion .accoCont{display:none;padding:12px 22px;}
.tab_conts .accoItem.on .btnAcco{border-bottom:1px solid #e5e5e5;font-weight:600;color:#5576ff;}
.tab_conts .accoItem.on .btnAcco em{font:inherit;color:inherit;}
.tab_conts .accoItem.on .btnAcco:after{display:none;}
.tab_conts .accoItem.on .accoCont{display:block;}
.tab_conts .accoCont input[type="checkbox"] + label:before{box-sizing:border-box;background-image:none;background-color:#fff;border:1px solid #c8c8c8;}
.tab_conts .accoCont input[type="checkbox"]:checked + label:before{background:url(../images/educourse/ico_checkbox.png) no-repeat center -20px;border:0;}

/*수업연구소 학년*/

.tab_freetime{font-size:0;}
.tab_freetime li{position:relative;display:inline-block;width:120px;}
.tab_freetime li a{display:block;height:44px;padding:0 16px;border-bottom:3px solid transparent;text-align:center;font-size:16px;font-weight:400;color:#1E1E21;line-height:41px;letter-spacing:-0.045em;}
.tab_freetime li a:hover,
.tab_freetime li.on a{border-bottom:3px solid #0086FF;font-weight:600;color:#0086FF;}
.tab_second{margin-top:12px;position:relative;}
.tab_second .freetime_filter{display:flex;flex-wrap:nowrap;align-items: center;}
.tab_second .freetime_filter h4{width:40px;font-size:14px;font-weight:600;color:#1E1E21;letter-spacing:-0.05em;line-height:32px;}
.tab_second .freetime_filter ul{display:flex;flex-wrap:nowrap;}
.tab_second .freetime_filter ul li input[type="radio"] + label,
.tab_second .freetime_filter ul li input[type="checkbox"] + label{color:#1E1E21;line-height:32px;min-width:60px;text-align:center;background:#fff;border:none;font-size:12px;}
.tab_second .freetime_filter ul input[type="radio"]:checked + label,
.tab_second .freetime_filter ul input[type="checkbox"]:checked + label{background:#E9F2FF;font-weight:600;color:#0057ED;}
.tab_second .btn_reset_second{position:absolute;right:0;top:0;}
.tab_second .btn_reset_second span{padding-left:22px;color:#333;font-size:14px;background:url(../images/common/icon/ico_reset.png) no-repeat left center;}

/* 교과자료 테이블 | 공통 */
table[class^="tblist textbook"]{border-top:0;}
table[class^="tblist textbook"] tbody tr:hover td{background:#fff;}
table[class^="tblist textbook"] .btnDataWrap{font-size:0;}
/* 2023-08-12 교과자료 | 아코디언 - */
.tab_conts [class*="roundType"]{border-top:0;}
.tab_conts [class*="roundType"] .accoItem + .accoItem{margin-top:5px;}
.tab_conts [class*="roundType"] .accoItem{border-bottom:0;}
.tab_conts [class*="roundType"] .btnAcco{border-radius:4px;}
.tab_conts .accordion.roundType01 .btnAcco{background:#ebf1f7;border:1px solid #dfecfc;}
.tab_conts .accordion.roundType02 .btnAcco{background:#fbf6e6;border:1px solid #e4ddc6;}
.tab_conts .accordion.roundType01 .accoItem.on .btnAcco{color:#4157ff;}
.tab_conts .accordion.roundType02 .accoItem.on .btnAcco{background:#ffd781;border:1px solid #eac065;color:#8e5852;}
.tab_conts [class*="roundType"] .accoCont{padding:5px 0;}
.tab_conts [class*="roundType"] .textbookList td{position:relative;border-bottom:0;}
.tab_conts [class*="roundType"] .textbookList tr:not(.subDepth) td{min-height:52px;}
.tab_conts [class*="roundType"] .textbookList td p:before,
.tab_conts [class*="roundType"] .textbookList td p:after{content:'';position:absolute;display:inline-block;background:#eaeaea;}
.tab_conts [class*="roundType"] .textbookList td p:before{top:0;left:20px;bottom:0;width:1px;}
.tab_conts [class*="roundType"] .textbookList td p:after{top:50%;left:16.5px;width:8px;height:8px;border-radius:100%;transform:translateY(-50%);z-index:1;}
.tab_conts [class*="roundType"] .textbookList tr:last-child td p:before{bottom:50%;}
.tab_conts [class*="roundType"] .textbookList tr:not(.subDepth) + tr:not(.subDepth) td{border-top:1px solid #ddd;}
.tab_conts [class*="roundType"] .textbookList td p{cursor:pointer;}
.tab_conts [class*="roundType"] .textbookList td p a{position:relative;color:#333;}
.tab_conts [class*="roundType"] .textbookList tr:hover td p a{text-decoration:underline;color:#000;}
.tab_conts [class*="roundType"] .textbookList td p a:after{content:'';position:absolute;bottom:4px;right:-14px;display:inline-block;width:7px;height:11px;background:url(../images/educourse/ico_link_arrow.png) 0 0 no-repeat;}
.tab_conts [class*="roundType"] .textbookList tr:hover a:after{background-position:0 -11px;}
.tab_conts [class*="roundType"] .textbookList tr.recent td p a:after{background-position:0 100%;}
/* 교과자료 테이블 | 차시별 수업자료 */
.tblist.textbookList tbody tr td{display:flex;align-items:center;padding:10px 10px 10px 38px !important;letter-spacing:-0.045em;}
.tblist.textbookList tbody tr:last-child td{border-bottom:0;}
.tblist.textbookList tbody tr td p{width:calc(100% - 398px);padding-right:12px;line-height:1;}
.tblist.textbookList tbody tr td p a{font-size:14px;color:#4a4f5f;line-height:1.3;letter-spacing:-0.045em;}
.tblist.textbookList tbody tr.subDepth td{height:50px;padding-left:19px !important;border:1px solid #d1dae3 !important;border-radius:4px;font-size:15px;font-weight:600;color:#5576ff;}
.tblist.textbookList tbody tr.subDepth td:before{content:'';position:absolute;top:-27px;left:16px;display:inline-block;width:4px;height:25px;background:#fff;}
.tblist.textbookList tbody tr.subDepth td em{height:16px;margin-right:4px;font:inherit;line-height:1;}
.tblist.textbookList tbody tr.recent td{background:#ffda5a;border-top:1px solid #ded6bd !important;}
.tblist.textbookList tbody tr.recent td p:after{left:14px;width:14px;height:14px;background:url(../images/educourse/ico_badge.png) 0 0 no-repeat;}
.tblist.textbookList tbody tr.recent td p a{font-weight:500;color:#000;}
.tblist.textbookList tbody tr.subDepth + tr.recent td{border-top:0 !important;}
/* 중단원 O 마지막 컨텐츠 before 선 가리기 */
.tblist.textbookList tbody tr.subDepth:first-child td:before,
.tblist.textbookList tbody tr.recent + tr.subDepth td:before{display:none;}
/**/
.tblist.textbookList .btnDataWrap{width:398px;text-align:right;}
.tblist.textbookList .btnDataWrap .btn_type1{float:none;display:inline-block;width:76px;height:28px;margin:0;padding:0;background:#fff;border:1px solid #c7c8cd;border-radius:3px;font-size:13px;font-weight:400;color:#000;text-align:center;line-height:2;letter-spacing:-0.045em;transition:all 0.3s ease;}
.tblist.textbookList .btnDataWrap .btn_type1:hover,.btn_type1.on{background:#5576ff;border:1px solid #2d54f6;font-weight:500;color:#fff;}
.tblist.textbookList .btnDataWrap .btn_type1 + .btn_type1{margin-left:3px;}
.tblist.textbookList .btnDataWrap .btn_type1:nth-child(n+6){margin-top:2px;}
/* 교과자료 테이블 | 교과 자료모음 / 평가자료 */
.module_tb.tblistInfo{display:flex;align-items:center;justify-content:space-between;margin-bottom:0;padding:12px;background:#fff;border-bottom:1px solid #c2c7cd;}
.module_tb.tblistInfo.noline{border-bottom:0;}
.tblistInfo .module_left{padding:0;}
.tblistInfo .module_left label{margin-left:0;}
.tblistInfo .module_right .btn_bookmark,
.tblistInfo .module_right .btn_download{font-size:13px;line-height:1.3;}
.tblistInfo .module_right [class^="btn_"] + [class^="btn_"]{margin-left:22px;}
/*
2023-08-12 교과 자료모음 / 평가자료 용 최근본차시, 중단원/차시 텍스트
> 차시별 수업 자료와 동일한 형태로 사용할 수 없어 동일 클래스로 사용
*/
.module_tb.tblistInfo:not(.noline){padding:8px 19px;}
.module_tb.tblistInfo:not(.noline) .module_left{flex:1;font-size:14px;font-weight:500;color:#393d4a;}
.module_tb.tblistInfo.subDepth{height:50px;padding:0 19px;border:1px solid #d1dae3 !important;border-radius:4px;}
.module_tb.tblistInfo.subDepth .module_left{display:flex;align-items:center;font-size:15px;font-weight:600;color:#4467f7;}
.module_tb.tblistInfo.subDepth .module_left > em{height:16px;margin:0 4px 0 0;font:inherit;line-height:1;} /* .tblist.textbookList tbody tr.subDepth td em 와 동일*/
.module_tb.tblistInfo.subDepth + .module_tb.tblistInfo{border-top:1px solid #fff}/* 중단원있는데 공통 자료 없을때 */
.module_tb.tblistInfo.recent{background:#ffda5a;border-top:1px solid #ded6bd !important;border-bottom:1px solid #ded6bd;}
.module_tb.tblistInfo.recent .module_left:before{content:'';display:inline-block;width:14px;height:20px;margin-right:12px;background:url(../images/educourse/ico_badge.png) 0 50% no-repeat;vertical-align:top;}
/* 2023-08-12 자료 담기&다운로드 바 */
.dataCtrlBar{position:sticky;width:100%;max-width:910px;bottom:0;display:flex;align-items:center;justify-content:center;height:47px;margin-top:5px;padding:8px 0;background:#f1f1f1;border:1px solid #dbdbdb;}
.dataCtrlBar .infoTxt{position:absolute;top:0;left:25px;font-size:11px;color:rgba(255, 255, 255, 0.8);line-height:47px;}
.dataCtrlBar .total,
.dataCtrlBar .total *{font-size:15px;font-weight:600;color:#a3a3a3;letter-spacing:-0.045em;}
.dataCtrlBar .btnWrap{margin-left:20px;}
.dataCtrlBar .btnWrap .ico{width:90px;height:32px;padding:8px 0;background:#fff;border:1px solid #d8d8d8;border-radius:4px;font-size:13px;font-weight:500;color:#a3a3a3;line-height:1;opacity:1;cursor:default;}
.dataCtrlBar .btnWrap .ico span{display:inline-block;width:14px;height:14px;margin-right:7px;background-size:14px auto;vertical-align:top;}
.dataCtrlBar .btnWrap .ico.plus span{background-image:url(../images/educourse/ico_plus_off_2023.png);}
.dataCtrlBar .btnWrap .ico.down span{background-image:url(../images/educourse/ico_down_off_2023.png);}
.dataCtrlBar .btnWrap .ico.reset{position:absolute;top:50%;right:10px;background:none;border:0;color:#fff !important;transform: translateY(-50%);}
.dataCtrlBar .btnWrap .ico.reset span{width:18px;height:16px;background-image:url(../images/educourse/ico_reset.png);background-size:18px 16px;}
.dataCtrlBar.on{background:#f68e43;border:1px solid #df803b;}
.dataCtrlBar.on .total{color:#fff;}
.dataCtrlBar.on .total *{color:#000;}
.dataCtrlBar.on .btnWrap .ico{color:#ff7031;cursor:pointer;}
.dataCtrlBar.on .btnWrap .ico.plus span{background-image:url(../images/educourse/ico_plus_on_2023.png);}
.dataCtrlBar.on .btnWrap .ico.down span{background-image:url(../images/educourse/ico_down_2023.png);}
.dataCtrlBar .dataCtrlTip{position:absolute;top:-53px;left:50%;padding:7px 12px;display:none !important;width:240px;height:48px;background:#fff;border:1px solid #393d4a;border-radius:8px;transform:translateX(-50%);}
.dataCtrlBar .dataCtrlTip:after{content:'';position:absolute;bottom:-8px;left:118px;display:inline-block;border-top:8px solid #393d4a;border-right:6px solid transparent;border-left:6px solid transparent;}
.dataCtrlBar .dataCtrlTip p{font-size:13px;font-weight:500;color:#393d4a;line-height:1.3;letter-spacing:-0.045em;}
.dataCtrlBar .dataCtrlTip .btnClose{position:absolute;top:8px;right:8px;display:inline-block;width:10px;height:10px;background:url(../images/tr/ic_close.png) 0 0 no-repeat;background-size:100% 100%;}
.dataCtrlBar .dataCtrlTip.on{display:block;}
/* 교과자료 / 평가자료 공통 */
.tab_conts .chk{display:inline-block;vertical-align:top;line-height:1;}
.tab_conts .chk input[type="checkbox"] + label{min-width:20px;height:20px;font-size:13px;font-weight:400;color:#464a55;line-height:1.5;letter-spacing:-0.045em;}
[class$="TblWrap"]{position:relative;display:flex;}
[class$="TblWrap"] > [class$="TblItem"]{flex:1;}
[class$="TblItem"] + [class$="TblItem"]{border-left:1px solid #e5e5e5;}
[class$="TblItem"] + [class$="TblItem"]:after{content:'';position:absolute;bottom:0;left:0;display:inline-block;width:100%;height:1px;background:#e5e5e5;}
.allTblWrap{border-top:3px solid #474e62;}
.allTblWrap .tblist{border-top:0;}
.tblist.textbookDataList tbody tr td:first-child,
.tblist.textbookDataList tbody tr td:last-child,
.allTblWrap .tblist tbody tr td:first-child,
.allTblWrap .tblist tbody tr td:last-child{padding:0;}
.allTblWrap .tblist tbody tr:hover td{background:#fff;}
[class$="TblWrap"] .tblist tbody tr td{height:45px;padding:0;border-bottom:1px solid #eaeaea;text-align:center;}
[class$="TblWrap"] .tblist input[type="checkbox"] + label{width:20px;height:20px;padding:0;}
[class$="TblWrap"] .tblist .ic_file{overflow:hidden;display:inline-block;max-width:100%;min-height:auto;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;}
[class$="TblWrap"] .tblist .ic_file:hover{text-decoration:underline;color:#000;}
[class$="TblWrap"] .tblist .ic_file.new{padding-right:18px;}
[class$="TblWrap"] .tblist .ic_file.new:after{content:'';position:absolute;top:0;right:0;display:inline-block;width:15px;height:100%;background:url(/resources/images/cs/ico_new.gif) 50% 50% no-repeat;vertical-align:top;}
.tab_conts [class*="roundType"] .textbookDataList tbody tr td:first-child{padding-right:10px;text-align:right;}
.tab_conts [class*="roundType"] .textbookDataList tbody tr td[colspan="3"]{padding:0 50px;color:#a3a3a3;text-align:left;}
.tab_conts [class*="roundType"] .textbookDataList tbody tr td a{font-size:14px;color:#333;}
/* 교과자료 */
.roundType01 .tblist:not(.textbookList) tbody tr:last-child td{border-bottom:0;}
.roundType01 .accoTblItem + .accoTblItem:after{display:none;}
.roundType01 .accoTblItem + .accoTblItem tr:last-child{position:relative;}
.roundType01 .accoTblItem + .accoTblItem tr:last-child td:last-child:after{content:'';position:absolute;right:0;top:45px;left:auto;display:inline-block;width:100%;height:1px;background:#eaeaea;z-index:-1;}
.roundType01 .accoCont > div:last-child .accoTblWrap:last-child{border-bottom:1px solid #eaeaea;}/* 아코디언 컨텐츠의 마지막 div의 마지막 테이블랩에 하단 라인 */
.roundType01 .accoCont > div .module_tb.tblistInfo{border-top:1px solid #c2c7cd;}/* 교과자료용 */
/*연간 수업자료*/
.lnb.textbookLnb .menu_new ul li.noNumber:nth-child(2) {margin-top:20px; margin-bottom:5px;}
.lnb.textbookLnb .menu_new ul li.noNumber { background:#fff0d9; border:1px solid #ff8631; border-radius:10px 24.5px 24.5px 10px;}
.lnb.textbookLnb .menu_new ul li.noNumber:hover {background:#ff8125;}
.lnb.textbookLnb .menu_new ul li.noNumber h5:after {right:10px; width:7px; height:12px; background: url(/resources/images/common/arr_book_hover5.png) left top no-repeat; }
.lnb.textbookLnb .menu_new ul li.noNumber h5 a {color:#ff8125;}
.lnb.textbookLnb .menu_new ul li.noNumber:hover h5 a {color:#fff;}
.lnb.textbookLnb .menu_new ul li.noNumber.on {background:#ff8125; }
.lnb.textbookLnb .menu_new ul li.noNumber.on h5 a {color:#fff;}

.lnb.renew251 {width:230px;padding:58px 0;border-right:0;}
.lnb.renew251 .lnb_wrap {width:230px;}
.lnb.renew251 .menu_new h2 {height:72px;padding:0 24px;font-size:20px;line-height:70px;color:#fff;font-weight:600;background:#FF8800;border-radius:8px;}
.lnb.renew251 .menu_new .textbookSetWrap .eduClstit p {color:#3E3E3E;font-weight:400;}
.lnb.renew251 .menu_new .textbookSetWrap .grade label {width:35px;height:35px;line-height:33px;font-size:15px;background:#FAFAFA;border:1px solid #DCDCDC;color:#3E3E3E;}
.lnb.renew251 .menu_new .textbookSetWrap .semester label {width:auto;height:35px;line-height:33px;font-size:15px;background:#FAFAFA;border:1px solid #DCDCDC;color:#3E3E3E;}
.lnb.renew251 .menu_new .textbookSetWrap input:checked + label {background:#FF8800;color:#fff;font-weight:400;}
.lnb.renew251 .menu_new .textbookSetWrap input:checked + label:before {border:1px solid #FF8800;}
.lnb.renew251 .menu_new .textbookSetWrap .eduClsCode, .lnb.textbookLnb .menu_new .textbookSetWrap .grade, .textbookSetWrap .semester {gap:4px;}
.lnb.renew251 .menu_new .textbookSetWrap .semester .rdo label, .lnb.textbookLnb .menu_new .textbookSetWrap .semester .rdo label:before {border-radius:4px;}
.lnb.renew251 .menu_new .textbookSetWrap .semester .rdo:first-child label {border-radius:4px;}
.lnb.renew251 .menu_new ul.textbookLinkWrap {margin-top:24px;}
.lnb.renew251 .menu_new > ul > li {}
.lnb.renew251 .menu_new > ul > li > a {padding:10px 20px;font-size:18px;font-weight:400;line-height:39px;border-bottom:1px solid #DCDCDC;}
.lnb.renew251 .menu_new > ul > li.on > a, .lnb.renew251 .menu_new > ul > li:hover > a {background:none;color:#FF8800;font-weight:600;line-height:38px;border-bottom:2px solid #FF8800;}
.lnb.renew251 .menu_new > ul > li.on, .lnb.renew251 .menu_new > ul > li:hover {}
.lnb.renew251 .menu_new > ul > li:last-child {border-bottom:0;}
.lnb.renew251 ul.textbookLinkWrap li.eduCode:hover {border-bottom:0;}
.lnb.renew251 ul.textbookLinkWrap li.eduCode > a {color:#1E1E21;font-weight:400;}
.lnb.renew251 ul.textbookLinkWrap li.eduCode > a:first-child {margin-top:40px;background:#F9F9F9;border-radius:12px;border:1px solid #DCDCDC;line-height:38px;}
.lnb.renew251 ul.textbookLinkWrap li.eduCode > a:first-child:hover{line-height:38px;}
.lnb.renew251 ul.textbookLinkWrap li.eduCode.on > .eduCode_sub > a.on, .lnb.renew251 ul.textbookLinkWrap li.eduCode.on > .eduCode_sub > a:hover {color:#FF8800;background:0;line-height:58px;border-bottom:2px solid #FF8800;}
.lnb.renew251 ul.textbookLinkWrap li.eduCode > a:before {right:50px;margin-top:-14px;width:28px;height:28px;background:url('../images/common/lnb_arr_educode.png') no-repeat center bottom;}
.lnb.renew251 ul.textbookLinkWrap li.eduCode.on > a:before {background-position:center top;}
.lnb.renew251 ul.textbookLinkWrap li .eduCode_sub a {padding:0 20px;font-size:18px;font-weight:400;color:#1E1E21;line-height:59px;border-bottom:1px solid #DCDCDC;}


/* 파일 아이콘 */
.ic_file{position:relative;display:block;padding:0 0 0 32px;min-height:24px;font-size:15px;font-weight:400;color:#4a4f5f;line-height:24px;letter-spacing:-0.045em;}
.ic_file:hover{text-decoration:none;color:#ff7031;}
.ic_file span{overflow:hidden;position:absolute;left:0;top:0;display:inline-block;width:24px;height:24px;background:url(../images/common/icon_files_24_2x.png) no-repeat 0 25px / 24px auto;}
.ic_file.pdf span {background-position-y: -25px;}
.ic_file.doc span{background-position-y: -75px;}
.ic_file.xls span, .ic_file.xlsx span{background-position-y: -100px;}
.ic_file.zip span{background-position-y: -200px;}
.ic_file.hwp span{background-position-y: -125px;}
.ic_file.ppt span, .ic_file.pptx span, .ic_file.pptm span{background-position-y: -50px;}
.ic_file.wav span, .ic_file.mp3 span{background-position-y: -225px;}
.ic_file.jpg span, .ic_file.png span{background-position:0 -150px;}
.ic_file.movie span, .ic_file.mp4 span{background-position-y: -175px;}
.ic_file.link span{background-position:0 -250px;}
/*.ic_file.swf span{background-position:left -175px;}*/
.ic_file.no_ico{display:none;}
.ic_file.ic_link{padding:0 0 0 25px;min-height:24px;line-height:20px;font-size:15px;color:#4a4f5f;}
.ic_file.ic_link span{width:24px;height:24px; background:url(../images/common/icon_files_24_2x.png) no-repeat 0 -250px / 24px auto;}



.ico{width:36px;height:36px;border-radius:18px;}
.ico.disabled:hover{cursor:default;}
.ico.search{background-color:#fff;}
.ico.search span{display:block;width:36px;height:36px;background:url(../images/educourse/ico_view_2023.png) 50% 50% no-repeat;background-size:17px;}
.ico.search:hover span{background-image:url(../images/educourse/ico_view_on_2023.png);}
.ico.search.disabled span{background-image:url(../images/educourse/ico_view_off_2023.png);}
.ico.plus{background-color:#fff;}
.ico.plus span{display:block;width:36px;height:36px;background:url(../images/educourse/ico_plus_2023.png) 50% 50% no-repeat;background-size:17px;}
.ico.plus:hover span{background-image:url(../images/educourse/ico_plus_on_2023.png);}
.ico.plus.disabled span{background-image:url(../images/educourse/ico_plus_off_2023.png);}
.ico.down{background-color:#fff;}
.ico.down span{display:block;width:36px;height:36px;background:url(../images/educourse/ico_down_2023.png) 50% 50% no-repeat;background-size:17px;}
.ico.down.disabled{opacity:0.7;background-color:#eee;border:none;}
.ico.down.disabled span{background-image:url(../images/educourse/ico_down_off_2023.png);}
.ico.del{border:1px solid #d0d0d0;background-color:#fff;}
.ico.del span{display:block;width:36px;height:36px;background:url(../images/mc/del_btn.png) no-repeat center center;background-size:16px 19px;}
.ico.share{border:1px solid #d0d0d0;background-color:#fff;}
.ico.share span{display:block;width:36px;height:36px;background:url(../images/educourse/ic_share2.png) no-repeat center center;background-size:15px 17px;}
.ico.move{border:1px solid #d0d0d0;background-image:url(../images/mc/ic_move.png);background-size:16px 16px;background-color:#fff;}

/* 더보기 버튼 */
.more_btn{position:relative;display:block;width:199px;height:56px;padding:0 29px;margin:60px auto 0;color:#606677;font-size:16px;font-weight:400;border:1px solid #ddd;line-height:54px;background:#f1f1f1;border-radius:28px;}
.more_btn:after{content:'';position:absolute;right:30px;top:20px;width:15px;height:15px;background:url('../images/common/ic_plus.png') no-repeat center center;}
.more_btn:hover{padding:0 30px;border:none;line-height:56px;background:#ffd563;}
.more_btn:hover:after{right:31px;top:21px;}
.more_btn span{font-size:16px; color:#f58020;}

.more_btn.ty02{text-align:center;}
.more_btn.ty02:after{display:none;}
.more_btn.ty02:before{display:inline-block;content:'';width:13px;height:100%;margin-right:10px;background:url('../images/common/ico_more.png') no-repeat center center; vertical-align:top;}


/*테이블*/
.tblist{width:100%;border-top:3px solid #474e62;}
.tblist tbody td{padding:20px 0;vertical-align:middle;border-bottom:1px solid #ddd;text-align:left;}
.tblist tbody td.pd10{padding:20px 10px;}
.tblist tbody td.pd15{padding:20px 15px;}
.tblist tbody tr td:first-child,.tblist tbody tr td:last-child{padding:20px;vertical-align:middle;}
.tblist tbody tr td:last-child {padding-left:0;}
.tblist tbody td p a:hover{color:#ff8125;}
.tblist tbody td p{font-size:16px;font-weight:400;line-height:28px;color:#474e62;letter-spacing:-0.2px;}
.tblist tbody td p a{font-size:16px;font-weight:400;line-height:28px;color:#474e62;letter-spacing:-0.2px;}
.tblist tbody tr.arrow_btn_tr:hover td{background:#f9f9f9;}
.tblist tbody tr td.putBtn{padding:20px 20px 20px 0;}
.tblist tbody tr td .btn_type1{float:left;margin-top:1px;margin-bottom:1px;}
.tblist tbody tr td .btn_type1:nth-child(2n){margin-left:2px;}
.tblist tbody tr td .btn_chapter{width:117px;}
.tblist tbody tr td .btn_share{width:117px;}

.btn_view .ico.search:hover{background-color:#ffd563;border-color:#ffd563;transition:all 0.3s ease-in;}
.downBtn .ico.down:hover{background-color:#ffd563;border-color:#ffd563;transition:all 0.3s ease-out;}
.downBtn.disabled .ico.down{background-color:#eee;border-color:#eee;}
.downBtn.disabled .ico.down span{opacity:0.7;background-image:url(../images/educourse/ic_down_2_disable.png);}
.downBtn.disabled .ico.down:hover{background-color:#eee;border-color:#eee;}
.putBtn .ico.plus:hover{background-color:#ffd563;border-color:#ffd563;transition:all 0.3s ease-out;}

.delBtn .ico.del:hover{background-color:#ffd563;border-color:#ffd563;transition:all 0.3s ease-out;}
.shareBtn .ico.share:hover{background-color:#ffd563;border-color:#ffd563;transition:all 0.3s ease-out;}

/* 22-01-11 신학기 개편 */
.tblist tbody tr td:first-child.top_alert, .tblist tbody tr td:last-child.top_alert{padding:15px 0; border-bottom:none;}
.tblist tbody tr td.top_alert:hover{background:#fff;}
.tblist tbody td.top_alert p{font-size:14px; color:#8e9091; line-height: 30px; font-weight:300;}
.tblist tbody tr td .btn-download:nth-child(2n){margin-left:2px;}

/*22-09-30 교과서 자료실 고도화*/
.tblist tbody tr:hover td .btn_chapter {background: #ff6019; color: #fff; text-decoration: none;}
.tblist tbody td p a:hover {color:unset;}
.tblist tbody tr:hover td p a {color:#ff8125;}

/* 교과 연계 자료 배너 lnb 개편 (20250208) */
.lnb_banner {margin-top:14px;}
.lnb .banner {border: 2px solid #ff7234; border-radius: 7px; overflow: hidden;}
.lnb .banner h3 {background: #f3f3f3; text-align: center; line-height: 37px; padding: 0 10px; border-bottom-color: #e6e6e6; font-size: 13px;color:#4a4f5f; font-weight: 500;}
.lnb .banner h3 span {font-weight: 600; color: #ff7234; display: inline-block; font-size: 13px;}
.lnb .banner .banner_wrap{height:auto; padding:0; margin-top:0; background:#fff; border-top:0;}
.ic_link{position:relative;display:block;padding:6px 0 0 54px;min-height:38px;line-height:25px;font-size:16px;color:#474e62;letter-spacing:-0.02px;font-weight:400;}
.ic_link span {position: absolute;left: 0;top: 0; display: inline-block; width: 38px;height: 38px; background:url(../images/common/ico_link.png)no-repeat center;}
/*.lnb .banner a {position:relative; padding-left:41px; border-bottom:1px solid #e6e6e6; display: block;}*/
/*.lnb .banner a:last-child {border-bottom:0;}*/
.lnb .banner a img {position:absolute; left:50%; top:12px; width:60px; height:42px; transform:translateX(-50%);}
/*.lnb .banner a p {font-weight: normal; padding: 11px 10px 10px 0; line-height: 16px; font-size: 13px;}*/
.lnb .banner a:hover {background-color: #f8f4e6;}
.lnb .banner a:hover p {color: #ff7234; font-weight: 500;}
.lnb .banner .banner_group{display:flex;flex-wrap:wrap;border-top:1px solid #e6e6e6;}
.lnb .banner .banner_group a{position:relative;padding-top:58px;width:50%;height:100px;border-right:1px solid #e6e6e6;text-align:center;}
.lnb .banner .banner_group a:nth-child(2n){border-right:none;}
.lnb .banner .banner_group a:nth-child(n + 3){border-top:1px solid #e6e6e6;}
.lnb .banner a p{font-size:13px;font-weight:400;padding:0 7px ;color:#5e5e5e;letter-spacing:-0.06em;line-height:15px;}
.lnb .banner_prom{margin-top:20px;}
.lnb .banner_prom a{overflow:hidden;display:block;border-radius:15px;}
.lnb .banner_prom a + a{margin-top:10px;}
.lnb .banner_prom a img{display:block; width: 100%;}
.lnb .banner_prom a p{display:none;}
.lnb .banner_prom.borderN a{border-radius:0;}
.search_result .result_list li .txt.ico.link a:before {background:url(../images/common/ic_link.png)no-repeat center; background-size:100% auto;}

/* 페이징 */
/*.paging {padding-top:30px; text-align:center;}*/
/*.paging::before {content: ""; display: block; clear: both;}*/
/*.paging ul{display:inline-block;text-align:center;margin:0 auto;}*/
/*.paging li{display:inline-block; vertical-align: middle;}*/
/*.paging li ~ li{margin-left:5px}*/
/*.paging li a{display:inline-block; width:42px; height:42px; line-height:40px; text-align:center; color: #ababab; border: 1px solid #e9e9ea; border-radius: 21px;}*/
/*.paging li a.on{background:#ffd563;color:#425067;font-weight:600;border:none;font-size:18px;line-height:42px;}*/
/*.paging li a:hover{text-decoration: none;border-color:#ffd563;color:#425067;}*/

.paging.ty2 li a.on{background:#4083ee;color:#fff;border-color:#4083ee;}
.paging.ty2 li a.on:hover{color:#fff;}
.paging.ty2 li a:hover{text-decoration: none;border-color:#4083ee;color:#425067;}

.paging {padding-top:30px; text-align:center;}
.paging::before {content: ""; display: block; clear: both;}
.paging ul{display:inline-block;text-align:center;margin:0 auto;}
.paging li{display:inline-block; vertical-align: middle;}
.paging li ~ li{margin-left:18px}
.paging li a{display:inline-block; width:36px; height:36px;font-size:16px; line-height:36px; text-align:center; color: #000; border-radius: 4px; cursor:pointer;}
.paging li a.on{border: 1px solid #FF7007;color:#FF7007;font-weight:600;line-height:34px;font-size:14px;}
.paging li a:hover{text-decoration: none;border: 1px solid #FF7007;color:#FF7007;font-weight:600;line-height:34px;font-size:14px;}



.paging .prev,.paging .next,.paging .first,.paging .last{display:inline-block; width:36px; height:36px; font-size:0; text-indent:-5000px;vertical-align:middle;border:none;}
/*.paging .prev{margin-right:19px;}*/
/*.paging .next{margin-left:19px;}*/
.paging .first{ background:url('../images/common/page_first.png') no-repeat center top;}
.paging .first:hover,.paging .first.on{background:url('../images/common/page_first.png') no-repeat center -36px;border:none;}
.paging .prev{margin-left:-14px;background:url('../images/common/page_prev.png') no-repeat center top;}
.paging .prev:hover,.paging .prev.on{background: url('../images/common/page_prev.png') no-repeat center -36px;border:none;}
.paging .next{background:url('../images/common/page_next.png') no-repeat center top;}
.paging .next:hover,.paging .next.on{background: url('../images/common/page_next.png') no-repeat center -36px;border:none;}
.paging .last{margin-left:-14px;background:url('../images/common/page_last.png') no-repeat center top;}
.paging .last:hover,.paging .last.on{background:url('../images/common/page_last.png') no-repeat center -36px;border:none;}

.sub_tit{font-size:32px;color:#1E1E21;font-weight:600;line-height:1;letter-spacing:-0.045em;position:relative;}
.tit_wrap{margin:24px auto 0;}
.tit_wrap h3{font-size:24px;font-weight:400;color:#474e62;line-height:30px;}
.tit_wrap h3.fw_700{font-weight:600;}
.tit_wrap h3 span{margin-left:5px;font-size:24px;font-weight:400;color:#ff8125;line-height:inherit;}

/*member*/
.header_integrated {background: #00afe0 url('../images/member/bg_header.png') no-repeat 50% 0;}
.header_integrated .inner {position: relative; width: 935px; height: 160px; padding: 40px 0; margin: 0 auto; *zoom:1}
.header_integrated .inner:after {content: ""; display: block; clear: both;}
.header_integrated h1 {float: left; padding-top: 42px; background: url('../images/member/logo_visang.png') no-repeat 0 2px; line-height: 1.2; letter-spacing: -2px; font-weight: bold; font-size: 32px; color: #ffdb18; z-index: 2;}
.header_integrated .logo {float: right; width: 470px; height: 80px; background: url('../images/member/logo_integrated2.png') no-repeat 0 0;}
.mt0 {margin-top: 0 !important;}

/*SNS 계정연동*/
.link_sns_wrap {width: 517px; padding-top: 120px; padding-bottom: 150px;  margin: 0 auto; }
.link_sns_wrap h2 {font-size: 40px; color: #393d49; margin-bottom: 40px; text-align: center; font-weight: 600;}
.link_sns_wrap .link_sns {border: 2px solid #dae7f2; border-radius: 30px; padding: 73px 63px; flex-direction: column;}
.link_sns_wrap .link_sns h3 {font-size: 26px; color: #4c8bf1; letter-spacing: -0.025em; text-align: center; font-weight: bold; margin-bottom: 20px;}
.link_sns_wrap .link_sns p.sns_type {font-size: 15px; color: #111; letter-spacing: -0.06em; text-align: center; margin-bottom: 40px; font-weight: 600; margin-bottom: 40px;}
.link_sns_wrap .link_sns p #snsType {color: #ff8125; letter-spacing: -0.06em; font-weight: 600; font-size:15px;}
.link_sns_wrap .link_sns .link_sns_btn {display:block;margin-top:40px; width:100%; height:60px; background:#5085da;color:#fff;font-weight:400; margin-bottom:20px; font-size:20px;text-align:center;line-height:60px;border-radius:30px;}
.link_sns_wrap .link_sns .link_sns_btn i{margin-left:20px;display:inline-block;vertical-align:top;width:15px;height:60px;background:url(../images/common/login_arrow.png) no-repeat center center;}
.link_sns_wrap .link_sns p.call {text-align: center; color: #666; font-weight: 300;}
.link_sns_wrap .account_list {width: 100%;}
.link_sns_wrap .account_list ul {width: 100%;}
.link_sns_wrap .account_list ul li {padding:15px 15px;}
.link_sns_wrap .account_list ul li:first-child {padding-top:40px; border-top: 1px solid #e5e5e5;}
/*.link_sns_wrap .account_list ul li:last-child {border-bottom:1px solid #e5e5e5;}*/
.link_sns_wrap .account_list ul li input {display: none; }
.link_sns_wrap .account_list ul li input[type="radio"]+label { width: 100%; text-align: left; color: #ff8125; font-size: 15px; display: block; padding-left: 26px; line-height: 21px; letter-spacing: -0.06em; background: url(../images/common/ic_checkbox.png)no-repeat; background-size: 21px auto; background-position: left top; }
.link_sns_wrap .account_list ul li input[type="radio"]:checked+label {background-position: left bottom;}

.btnWrap{text-align: center;}
.btn_wrap{margin:56px 0 0;overflow:hidden;}
.btn_wrap + .footnote {margin-top: 60px;}
.btn_wrap a{margin:0 3px;}

.btn_m:hover{text-decoration: none;}
.btn_m_fixM.prev{float:left;}
.btn_m_fixM.next{float:right;}

.btn_s{display:inline-block;padding:0 40px;height:42px;text-align:center;line-height:42px;background:#5085da;color:#fff;font-size:16px;font-weight:400;}
.btn_s.ty2{background:#858585;border:1px solid #8c8c8c; line-height:40px;}
.btn_s.ty3{background:#fff;color:#888;border:1px solid #c0c0c0; line-height:40px;}
.btn_s.ty4{background:#e1e1e1;line-height:42px;color:#666;}

.btn_m{display:inline-block;padding:0 40px;height:60px;text-align:center;line-height:60px;background:#5085da;color:#fff;font-size:16px;font-weight:400;}
.btn_m.ty2{line-height:58px;background:#858585;border:1px solid #8c8c8c;}
.btn_m.ty3{background:#8c8c8c;}
.btn_m_fixL{display:inline-block;width:300px;height:60px;text-align:center;line-height:60px;background:#5085da;color:#fff;font-size:16px;font-weight:400;}
.btn_m_fixL.ty2{line-height:58px;background:#858585;border:1px solid #8c8c8c;}
.btn_m_fixM{display:inline-block;width:160px;height:60px;text-align:center;line-height:60px;background:#5085da;color:#fff;font-size:16px;font-weight:400;}
.btn_m_fixM.ty2{line-height:58px;background:#858585;border:1px solid #8c8c8c;}
.btn_m_fixM.ty3{line-height:58px;background:#fff;color:#888;border:1px solid #858585;}

.btn_l{display:inline-block;width:300px;height:80px;text-align:center;line-height:80px;background:#5085da;color:#fff;font-size:20px;font-weight:400;}
.btn_l.ty2{background:#636363;color:#fff;}

.btn_l:hover, .btn_m_fixL.ty2:hover, .btn_l.ty2:hover, .btn_s:hover, .btn_s.ty2:hover, .btn_m:hover, .btn_m.ty2:hover, .btn_m_fixL:hover, .btn_m_fixM:hover, .btn_m_fixM.ty2:hover{color:#fff;}
.btn_s.ty3:hover, .btn_m_fixM.ty3:hover{color:#888;}
.btn_s.ty4:hover{color:#666;}

.id_box{margin-top:28px;padding:60px;border:1px solid #e1e1e1;}
.id_box dl{overflow:hidden;}
.id_box dl.ty2{position:relative; overflow:visible;}
.id_box dl.ty2:after{content:''; display:block; clear:both;}
.id_box dl + dl{margin-top:20px;}
.id_box dt{float:left;width:308px;padding-left:205px;}
.id_box dt label{font-size:16px;font-weight:400;height:42px;color:#444444;line-height:42px;}
.id_box dd{float:left;}
.id_box dd input[type='text']{padding:0 20px;width:270px;height:42px;border:1px solid #d9d9d9;}
.id_box dd input[type='password']{padding:0 20px;width:270px;height:42px;border:1px solid #d9d9d9;}
.id_box dd input::placeholder{color:#888888;font-weight:300;}
.id_box dd input:-ms-input-placeholder{color:#888888;font-weight:300;}
.id_box dd .txt_alert{margin-left:10px;display:inline-block;color:#db6a66;letter-spacing:-0.02em;}
.id_box .btn_m{margin:40px auto 0;}
.id_box.result{padding:29px 32px;border:1px solid #d1d7e2;background:#eef4f9;}
.id_box.result dl dt{width:80px;padding-left:15px;font-size:16px;line-height:42px;color:#444;}
.id_box.result dl dt.result_new_id{padding-left: 30px;}
.id_box.result dl dd{padding-left:50px;display:flex;display:-webkit-flex;width:calc(100% - 80px);}
.id_box.result dl dd p{display:inline-block;color:#3d78d6;font-size:20px;font-weight:400;line-height:42px;}
.id_box.result dl dd div{display:inline-block;margin-left:auto;}
.id_box.result dl dd div .btn_s.ty3{margin:0 0 0 2px;}
.id_box.result dl dd .check_box,
.id_box.result dl dd .radio_box{margin:auto 0;line-height:1;}
.id_box.result dl dd .check_box label,
.id_box.result dl dd .radio_box label{line-height:41px;color:#3d78d6;font-size:20px;font-weight:400;}
.id_box.result dl dd .txt_check{margin-left:15px;display:inline-block;font-size:16px;line-height:42px;color:#00b5e2;}
.id_box.result dl dd .txt_check.red{color:#fe2727;}
/* .id_box.result type02*/
.radio_box input[type="radio"] + label{padding-left:12px;}
.id_box.result.type02{padding:20px;background:#eef6ff;border:1px solid #c7d8eb;}
.id_box.result.type02 dl dt{width:112px;padding-left:8px;text-align:right;letter-spacing:-0.045em;}
.id_box.result.type02 dl dd{flex-wrap:wrap;padding-left:30px;width:calc(100% - 112px);line-height:42px;}
.id_box.result.type02 dl dd p{flex:1;}
.id_box.result.type02 dl dd p.txt_check{flex:1 100%;margin:0;font-size:14px;line-height:20px;}
.id_box.result.type02 dl dd .check_box + .txt_check,
.id_box.result.type02 dl dd .radio_box + .txt_check{margin-left:30px;}
.id_box.result.type02 .info_1box{padding-left:8px;}
.id_box.result.type02 .info_1box p{font-size:14px;font-weight:400;color:#666;line-height:20px;letter-spacing:-0.045em;}
.id_box.result.type02 .info_1box + .newIdWrap{margin-top:20px;}
.id_box.result.type02 dl.newIdWrap{padding:20px 0;background:#fff;border:1px solid #d9e6f4;}
.id_box.total{margin:20px 0 60px;padding:29px 32px;}
.id_box.total dl dt{width:102px;padding-left:15px;font-size:16px;line-height:42px;color:#444;}
.id_box.total dl dd{padding-left:0;display:flex;display:-webkit-flex;width:calc(100% - 130px);}
.id_box.total dl .btn_s{margin-left:10px;}
.id_box.total dl dd .txt_alert{color:#fb5052;line-height:42px;}

/* 우편번호 검색 팝업 */
.joinPostcode {width: 670px; left: 50%; top: 50%;transform: translate(-335px, -365px);}
.joinPostcode .popContent{padding:30px 30px 60px 30px;}
.joinPostcode .popContent {display:block;width: 100%;color: #8c8c8c; }
.joinPostcode .popContent span{padding:0;}
.joinPostcode .popContent{font-size:14px;line-height:24px;color:#8c8c8c;}
.joinPostcode .popContent .txt_ex {color:rgba(170,170,170,0.7);font-size:14px;line-height:24px;}
.joinPostcode .popContent .txt_total{color:#8c8c8c;}
.joinPostcode .popContent .txt_total .txt_b{display:inline;color:#5085da;font-weight:400;}
.joinPostcode .popContent .postCode_Search {padding:15px 30px;background: #f7f7f7; border: 1px solid #e1e1e1; width: 100%; }
.joinPostcode .popContent .postCode_Search li{float: left; color: #333;  width: auto;}
.joinPostcode .popContent .postCode_Search li:first-child{margin-right:30px;}
.joinPostcode .popContent .postCode_Search li span {padding:0;color:#000;font-size:16px;font-weight:400;line-height:27px;}
.joinPostcode .popContent .postCode_Search li input{width:378px;}
.joinPostcode .popContent .postCode_Search li .postSearch_btn{display:inline-block;margin-left:5px;width:70px;height:27px;background:#5085da;text-align:center;line-height:27px;color:#fff;}

.addresult {border:1px #e1e1e1 solid;}
.addresult ul {width:100%;height:320px;overflow-y:auto;background:#f7f7f7;}
.addresult ul li {height:50px;}
.addresult ul li a {position:relative;display:block;border-top:1px #e7e7e7 solid;padding:7px 7px 7px 80px;text-decoration:none;white-space:nowrap;line-height:1.4}
.addresult ul li:first-child a {border-top:none;}
.addresult ul li a:hover {background:#e6edf7;}
.addresult ul li .popAddrsNo {position:absolute;top:15px;left:20px;}
.addresult ul li .popaddres {display:block;color:#747474;font-size:12px;}
.addresult ul li .popaddres strong {color:#333;font-size:14px;}

/*학교 검색 팝업*/
.layerPop {position: absolute; background: #fff; z-index: 100;}
.layerPop.wpop {position:static;}
.popHeader {position: relative; height: 60px; background: #3d78d6; width: 100%; color: #fff; }
.popHeader h1 {padding: 20px 30px 0; font-weight: 500; font-size: 20px; color: #fff; border: none;}
.popHeader a.pop_close {position: absolute; top: 17px; right: 30px;width:25px;height:25px;background:url(../images/member/popUp_close.png) no-repeat center center;}
.popContent {background:#fff;padding: 20px 30px; border-right: 1px solid #999; border-left: 1px solid #999; border-bottom: 1px solid #999; position: relative;}

.joinSchool {width: 560px; left: 50%; top: 50%; margin-left: -280px; margin-top:-185px;}
.joinSchool .popContent {padding:15px 30px 20px 30px}
.joinSchool .popContent img {display:inline-block;}
.joinSchool .btn_tab {text-align:right;padding:0 0 10px 0}
.joinSchool .btn_tab a {display:inline-block;border-bottom:1px #8ba9e3 solid;color:#3d78d6;font-size:12px;line-height:1.2em;text-decoration:none;}
.joinSchool .popContent .tab {padding:0;margin-bottom:10px;*zoom:1;}
.joinSchool .popContent .tab:after {content:"";display:block;clear:both;}
.joinSchool .popContent .tab li {float:left;width:50%;}
.joinSchool .popContent .tab li a {display:block;background:#f7f7f7;height:38px;border:1px #e1e1e1 solid;font-size:14px;font-weight:bold;color:#666;text-decoration:none;text-align:center;line-height:38px;}
.joinSchool .popContent .tab li:first-child a {border-right:none;}
.joinSchool .popContent .tab li a.on {background:#fff; border-bottom:1px #fff solid;}
.joinSchool .popContent .txt_top {display:block;padding-bottom:5px;border-bottom:1px #999 solid;}
.joinSchool .dscbox {background:#fdfbf3;margin-top:15px;border:1px #e3e1db solid;padding:12px 15px;}
.joinSchool .dscbox ul {padding:0;}
.joinSchool .dscbox ul li {margin-top:10px;padding-left:15px;text-indent:-15px;font-size:12px;color:#856f16;}
.joinSchool .dscbox ul li:first-child {margin-top:0}
.joinSchool .posItem {position:relative;padding-right:70px;}
.joinSchool .posItem.pr0{padding-right:0;}
.joinSchool .posItem label {display:block;position:absolute;top:4px;left:10px;font-size:12px;color:#d85f5b;cursor:text;line-height:1.5em}
.joinSchool .posItem .i_text{width:100%;}
.joinSchool .posItem .i_text::placeholder{font-size:12px;color:#d85f5b;}
.joinSchool .posItem .i_text:-ms-placeholder{font-size:12px;color:#d85f5b;}
.joinSchool .posItem .schoolSearch_btn{position:absolute;right:0;top:0;display:inline-block;width:70px;height:28px;background:url(../images/member/btn_search4.gif) no-repeat center center #69748a;}
.joinSchool .school_list {margin-top:10px;width:100%;}
.joinSchool .school_list ul {width:100%;}
.joinSchool .school_list ul li {text-indent:0}
.joinSchool .school_list ul li a {display:block;padding:2px 20px;font-size:12px;}
.joinSchool .school_list ul li a strong {display:block;font-size:15px;color:#333;font-weight:400;}
.joinSchool .school_list ul li.nodata {display:block;padding:60px 0 0 0 !important;text-align:center;font-size:15px;color:#333;}
.joinSchool .school_list ul li.nodata:hover {background:#fff;font-weight:normal}
.joinSchool .school_list ul li.nodata .btn_school_reg {display:inline-block;background:url(../images/new/arr_menu_5_on.gif) no-repeat 100% 4px;padding:0 10px 0 0;border-bottom:1px #8ba9e3 solid;font-size:15px;color:#3d78d6;font-weight:600;line-height:1.2em}
.joinSchool .joinMember_form {width:100%; border-top:1px #989898 solid;}
.joinSchool .joinMember_form th {padding:12px 17px; background:#f1f1f1;border-left:1px #e1e1e1 solid;}
.joinSchool .joinMember_form th:first-child {border-left:none;}
.joinSchool .joinMember_form td.wide {padding:8px 0;border-bottom:1px #999 solid;}
.joinSchool .joinMember_form td.wide input[type="text"] {color:#666;}
.joinSchool .joinMember_form tr.last th,
.joinSchool .joinMember_form tr.last td {border-bottom:1px #989898 solid;}
.joinSchool .joinMember_form tr.last.type2 td {padding-left:0}
.joinSchool .joinMember_form tr.last.type2 .posItem {}
.joinSchool .joinMember_form tr.last.type2 .posItem label {top:14px;}
.joinSchool .joinMember_form tr.last.type2 textarea {width:476px;height:52px;font-size:12px;background:#fff;margin:8px 0;padding:10px;border:1px #d9d9d9 solid;outline:none;}
.joinSchool .joinMember_form td ul {padding:0}
.joinSchool .joinMember_form td ul li {width:auto;}
.joinSchool .joinMember_form td ul li.optMar{min-width:74px;margin:0 25px 0 0;}
.joinSchool .checkboxAgree {margin-bottom:30px; padding:10px 0 0 0;font-size:12px;color:#d85f5b}
.joinSchool .checkboxAgree label{margin-left:10px;padding-left:0;vertical-align:middle}
.joinSchool .checkboxAgree label:before{content:none;}
.joinSchool .checkboxAgree input  {display:inline-block;appearance: auto; vertical-align:middle}
.joinSchool .btnArea {padding:0;border:none;}
.joinSchool .btnArea .btn_reg_apply{display:block;margin:0 auto;width:120px;height:30px;background:url(../images/member/btn_reg_apply.gif) no-repeat center center;}

.school_list {width:436px; border: 1px solid #dfdfdf; height: 250px; overflow-x: none; overflow-y: scroll;}
.school_list ul {margin: 0; padding: 5px 0; width: 418px;}
.school_list ul li {padding: 4px 0; display:block; text-indent: 20px;}
.school_list ul li:hover {font-weight: bold; background: #e6edf7; text-decoration: none;}
.school_list ul li a {color:#666;}
.school_list ul li a:hover {text-decoration: none;}


.marketingPop {position:fixed;top:50%;left:50%;width:700px;height:519px;background:#fff;padding:45px 50px 50px 50px;margin-left:-350px;margin-top:-230px;z-index:9999;}
.marketingPop .close {position:absolute;top:20px;right:17px;display:block;width:25px;height:25px;background:url(../images/member/btn_msgPop_close02.png) no-repeat center center;}
.marketingPop h3 {padding-bottom:25px;font-size:20px;text-align:center;color:#444;font-weight:600;line-height:30px;}
.marketingPop h3 strong {font-size:inherit;font-weight:inherit;line-height:inherit;color:#5085da;}
.marketingPop table.joinMember_form {width:100%;border:1px #dedede solid;}
.marketingPop table.joinMember_form th {background: #fafafa;border-right: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1;padding:19px;text-align:center;font-size:14px;}
.marketingPop table.joinMember_form td {border-bottom: 1px solid #e1e1e1;padding:19px;font-size:15px;color:#333}
.marketingPop table.joinMember_form td span {font-size:13px;color:#888}
.marketingPop table.joinMember_form td .txt_agree {color:#5085da;font-weight:400;font-size:15px;}
.marketingPop table.joinMember_form td .txt_agree.txt_refuse {color:#d85f5b}
.marketingPop .btnArea {margin-top:30px;border-top:none;padding:0;text-align:center;}
.marketingPop .btnArea .btn_m{background:#5085da;color:#fff;font-size:16px;font-weight:400;line-height:60px;}

.marketingPop.checkPop {padding:45px 50px;}
.marketingPop.checkPop .txt_intro {display:block;text-align:center;color:#666;font-size:13px;font-weight:bold;}
.marketingPop.checkPop h3 {margin-top:10px;font-size:18px;color:#333;text-align:center;}
.marketingPop.checkPop h3 strong {color:#3d78d6}
.marketingPop.checkPop table {width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed;}
.marketingPop.checkPop table thead th {background:#fafafa;padding:6px;border:1px #dedede solid;font-size:13px;font-weight:bold;color:#444;}
.marketingPop.checkPop table tbody td {height:100px;border-right:1px #dedede solid;border-bottom:1px #dedede solid;padding:0 6px;font-size:13px;text-align:center;color:#888;}
.marketingPop.checkPop table tbody td:first-child {border-left:1px #dedede solid;}
.marketingPop.checkPop table tbody td strong {color:#333}
.marketingPop.checkPop .btnArea {border-top:none;padding:15px 0 0 0;margin:0}
.marketingPop.checkPop .txt_dsc {padding:15px 0 0 15px;text-indent:-15px;color:#d85f5b;font-weight:bold;}
.marketingPop.checkPop .checkBox {margin-top:10px;padding-bottom:20px;*zoom:1}
.marketingPop.checkPop .checkBox:after {content:"";display:block;clear:both;}
.marketingPop.checkPop .checkBox li {float:left;}
.marketingPop.checkPop .checkBox li.txt {width:80%;}
.marketingPop.checkPop .checkBox li.txt em {display:inline-block;padding-left:15px;text-indent:-15px;color:#d85f5b;}
.marketingPop.checkPop .checkBox li.agree {width:20%; text-align:right;}
.marketingPop.checkPop .checkBox li.agree input,
.marketingPop.checkPop .checkBox li.agree input label {vertical-align:middle;}

.bannerEvtWrap {position:absolute;top:50%;left:50%;width:926px;height:467px;margin-left:-463px;margin-top:-230px;z-index:9600;}
.bannerEvtWrap .marketingPop {top:0;left:0;margin:0;}
.bannerEvtWrap .bannerPop {position:absolute;top:0;right:0;width:216px;}
.bannerEvtWrap .bannerPop .close {position:absolute;top:16px;right:16px;}
.txt_point {color: #3d78d6;}

/* ID 찾기 */
.member_wrap.find_wrap{position:relative;padding:73px 0 90px;}
.member_tap{display:flex;justify-content:flex-start;}
.member_tap li{margin-right:39px;font-size:38px;line-height:1.35;}
.member_tap li:last-child{margin-right:39px;}
.member_tap li a{display:block;font-size:38px; line-height:1.35;color:#b6c1cb;font-weight:600;}
.member_tap li.on a,.member_tap li:hover a{position:relative;display:block;font-size:38px; line-height:1.35;color:#444444;font-weight:600;}
.member_tap li.on a:after,.member_tap li:hover a:after{content:'';position:absolute;left:0;bottom:0;display:block;width:100%; height:2px;background:#444444;}
.member_tap_conts{width:100%;}
.sub_txt{margin-top:19px;font-size:16px;line-height:1.5;color:#666;}
.id_box{position:relative;}
.id_search_box > .id_box{margin-top:40px;padding:0;}
.search_error{padding-left:308px;font-weight:400;color:#fe4e4e;line-height:30px;}
.search_error.ty2{color:#5085da;}
.id_search_box .id_box .btn_s, .fw_search_box .id_box .btn_s{margin-top:30px;}
.id_search_box .id_box .searchbtn, .fw_search_box .id_box .searchbtn{margin-left:308px;}
.left_txt{color:#888888;}
.find_wrap:not(.wrap_privacy) .find_top_box{display:flex;justify-content:center;align-items:center;height:77px;margin-bottom:40px;background:#f7f7f7;border-bottom:1px solid #e1e1e1;font-size:20px;font-weight:500;color:#444;}
.find_wrap:not(.wrap_privacy) .find_top_box + .id_box{margin-top:0;padding:0 0 50px 0;border:0;}
.find_wrap:not(.wrap_privacy) .id_box dl + dl{margin-top:10px;}
.find_wrap:not(.wrap_privacy) .find_top_box + .id_box dt{width:376px;padding-right:20px;text-align:right;}
.find_wrap:not(.wrap_privacy) .find_top_box + .id_box dd{position:relative; width:calc(100% - 376px);font-size:0;}
.find_wrap:not(.wrap_privacy) .id_box input[type="text"]{width:284px;}
.find_wrap:not(.wrap_privacy) .id_box input[type="password"]{width:284px;}
.find_wrap:not(.wrap_privacy) .id_box .input{display:inline-block;}
.find_wrap:not(.wrap_privacy) .id_box .input input[type="text"]{width:100%;}
.find_wrap:not(.wrap_privacy) .id_box .input + .txt{display:inline-block;text-align:center;}
.find_wrap:not(.wrap_privacy) .id_box .input.wp88 + .txt{width:10px;}
.find_wrap:not(.wrap_privacy) .id_box .input.wp125 + .txt{width:19px;}
.find_wrap:not(.wrap_privacy) .search_error{height:30px;padding-left:376px;}
.find_wrap:not(.wrap_privacy) .searchbtn{width:196px;margin:15px 0 0 376px;}
.find_wrap:not(.wrap_privacy) .search_error + .searchbtn{margin-top:0;}

.info_box2{position:relative;margin-top:17px;padding:22px 30px 32px;border:1px solid #e1e1e1; background:#fdfbf3;}
.info_box2 .tit{font-size:16px;font-weight:400;color:#d85f5b;margin-bottom:15px;}
.info_box2 .list_dot li{font-size:13px; color:#888;}
.info_box2 .btnDormancy{position:absolute;bottom:33px;right:20px;display:block;width:190px;height:27px;background:#fff;border:1px solid #797978;font-size:12px;font-weight:500;color:#515151;text-align:center;line-height:25px;letter-spacing:-0.045em;}

/* 찾기페이지 상단 영역*/
.find_top_box {position: relative; padding:25px 40px; border-bottom: 1px dashed #e1e1e1; color:#444;font-size:16px;}
.find_top_box .rdo + .rdo{margin-left:40px;}
/* 라디오 버튼 */
.find_top_box input[type="radio"]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border: 0;}
.find_top_box input[type="radio"] + label {display: inline-block;position:relative;padding-left:25px;font-size:16px;color:#444;line-height:16px;cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;}
.find_top_box input[type="radio"] + label:before {content: '';position:absolute;left:0;top:0;box-sizing:border-box;width:16px;height:16px;background:#fff;border:1px solid #bebebe;border-radius:50%;text-align:center;}
.find_top_box input[type="radio"]:checked + label:after{content:'';position:absolute;top:3px;left:3px;width:10px;height:10px;background:#666;border-radius:50%;}

.fw_box{margin-top:40px;border: 1px solid #e1e1e1;}
.fw_result_box .id_box.result dl dt{width:188px;}
.fw_result_box .id_box.result dl dd{width:681px;}
.fw_check_box{margin-top:40px;position:relative;padding:60px;border: 1px solid #e1e1e1;background:#f0f5fc;}
.fw_check_form{overflow:hidden; text-align: center;}
.fw_check_box label{display:inline-block;width:97px;font-size:16px;height:42px;color:#444444;line-height:42px;text-align: left;}
.fw_check_box input[type='text']{padding:0 20px;width:270px;height:42px;border:1px solid #d9d9d9;}
.fw_check_box input[type='password']{padding:0 20px;width:270px;height:42px;border:1px solid #d9d9d9;}
.fw_check_box .search_error{padding-left:321px;}
.fw_check_box .btn_s{margin:20px 0 0 321px}

/*개인정보 수정 SNS인증*/
.wrap_privacy {min-height:670px;}
.member_sns_wrap {width: 100%; margin-top: 30px;}
.leave_sns {margin-top: 10px !important;}
.member_sns {width: 100%; padding: 80px 0; background-color: #f7f7f7; border: 1px solid #e5e5e5;}
.member_sns .sub_txt {font-size: 15px; letter-spacing: -0.06em; margin-top:0; margin-bottom: 30px; text-align: center; font-weight:600;}
.member_sns .sub_txt .txt_point2 {color: #ff8125; font-size: 15px; font-weight:600;}
.sns_log_btn {width: 320px; height: 67px; margin: 0 auto; display: block; font-size: 0;}
.sns_log_btn.google {background: url(../images/common/check_google.png)no-repeat center;}
.sns_log_btn.facebook {background: url(../images/common/check_facebook.png)no-repeat center;}
.sns_log_btn.kakao {background: url(../images/common/check_kakao.png)no-repeat center;}
.sns_log_btn.naver {background: url(../images/common/check_naver.png)no-repeat center;}
.sns_log_btn.whale {background: url(../images/common/check_whale.png)no-repeat center;}
.sns_list {padding-top: 50px;}
.sns_list .sns_log_btn {margin-bottom: 10px;}

/*개인정보 수정 SNS연동*/
.link_sns{display:flex;gap:0 60px;padding:10px 0;}
.link_sns li{position:relative;display:flex;align-items:center;cursor:pointer;}
.link_sns li + li:before{content:'';position:absolute;top:2px;left:-30px;display:inline-block;width:1px;height:17px;background:#e1e1e1;}
.btnCustonWrap{overflow:hidden;position:relative;width:100%;height:20px;padding-left:30px;background-position:0 0;background-repeat:no-repeat;}
.link_sns li:nth-child(1) .btnCustonWrap{background-image:url(../images/member/link_naver.png);}
.link_sns li:nth-child(2) .btnCustonWrap{background-image:url(../images/member/link_kakao.png);}
.link_sns li:nth-child(3) .btnCustonWrap{background-image:url(../images/member/link_google.png);}
.link_sns li:nth-child(4) .btnCustonWrap{background-image:url(../images/member/link_whale.png);}
.btnCustonWrap [class^="login_"]{position:absolute;top:0;left:0;display:block;width:100%;height:20px;z-index:1;opacity:0;}
.btnCustonWrap .login_naver a{display:block;width:100%;height:100%;}
.btnCustonWrap .login_google iframe{transform:translateX(30px) translateY(-10px) scale(2.5, 0.5);}
.toggleSwitch input[type="checkbox"] + label{display:flex;flex-direction:row-reverse;padding-left:0;font-size:13px;font-weight:500;color:#444;cursor:pointer;}
.toggleSwitch input[type="checkbox"] + label:before,
.toggleSwitch input[type="checkbox"] + label:after{content:'';position:static;display:inline-block;box-sizing:border-box;margin-top:0;}
.toggleSwitch input[type="checkbox"] + label:before{width:35px;height:20px;margin-left:14px;border-radius:10px;background:#dcdcdc;border:1px solid #bbb;}
.toggleSwitch input[type="checkbox"] + label:after{position:absolute;top:2px;right:16px;width:16px;height:16px;background:#fff;border:1px solid #bbb;border-radius:100%;transition:right .1s;}
.toggleSwitch input[type="checkbox"]:checked + label:before{background:#0075ff;border:1px solid #0067e0;}
.toggleSwitch input[type="checkbox"]:checked + label:after{right:2px;border:1px solid #0068e1;}

/* 로그인 */
.member_wrap.login{padding:65px 0 90px;}
.login h1{width:858px; margin:0 auto;text-align:center;color:#393d49;font-size:40px;}
.login .sub_tit{margin-top:20px;font-size:14px;color:#474e62;font-weight:300;text-align:center;}
.loginWrap{margin:40px auto 0;width:858px;padding:58px;border:2px solid #dae7f2;border-radius:30px; }
.loginWrap .lBox { float:left; width:446px;padding-right:60px;}
.loginWrap .lBox .msg { height:49px; padding-top:15px; color:#ff3859; line-height:16px;letter-spacing:-0.04em; opacity: 1;text-align:center;}

.loginWrap .lBox input {outline:none;padding:0 29px;width:100%;height:60px;border-radius:30px;line-height:60px;background:#eef4f9;border:1px solid #e4eef7;font-size:16px;}
.loginWrap .lBox input::placeholder{color:#99a9b7;}
.loginWrap .lBox input:-ms-placeholder{color:#99a9b7;}
.loginWrap .lBox input[type="password"]{margin-top:5px;}
.loginWrap .lBox .btn_login{display:block; width:100%; height:60px; background:#5085da;color:#fff;font-weight:400;font-size:20px;text-align:center;line-height:60px;border-radius:30px;}
.loginWrap .lBox .btn_login:focus{outline:none;}
.loginWrap .lBox .btn_login i{margin-left:20px;display:inline-block;vertical-align:top;width:15px;height:60px;background:url(../images/common/login_arrow.png) no-repeat center center;}
.loginWrap .lBox .btn_login:hover{background:#ff8125;}


.loginWrap .lBox .chk { margin:15px 29px;}
.loginWrap .lBox .chk input {vertical-align:middle; }
.loginWrap .lBox .chk label {padding-left:33px;color:#99a9b7;font-size:14px;}
.loginWrap .lBox .linkbtn{text-align:center;}
.loginWrap .lBox .linkbtn a{display:inline-block;position:relative;padding:0 19px;color:#8e9091;font-size:16px;vertical-align:top;line-height:1;}
.loginWrap .lBox .linkbtn a:first-child{color:#4687ef;}
.loginWrap .lBox .linkbtn a:after{content:'';position:absolute;right:0;top:2px;width:1px;height:14px;background:#ddd;}
.loginWrap .lBox .linkbtn a:last-child:after{content:none;}

.sns_login ul {width: 100%; display: flex; justify-content: center; padding: 13px 0 29px 0;}
.sns_login ul li {margin: 0 5px; width: 40px; height: 40px; border-radius: 4px;}
.sns_login ul li img {width: 100%; }
.login_naver img {height: 40px;}
.login_naver{background:#03c75a;}
.login_kakao{background:#fee500;}
.login_facebook{background: #4167b2;}
.login_whale {background: #193a97;}
.login_google {overflow: hidden;}

.c_pointer {cursor:pointer !important;}
.sns_login ul #facebookLogin {width: 56px; height:56px; background: url(../images/member/login_facebook.png)no-repeat; cursor: pointer;}
.sns_login ul #facebookLogin iframe {opacity: 0;}
.sns_login ul #facebookLogin iframe span {height: 56px !important;}
/*#facebookLogin .fb_iframe_widget{height: 56px !important; }*/


.loginWrap .rBox { position:relative; float:right; width:292px;}
.loginWrap .rBox h3 { height:34px; margin:29px 0 12px 31px; padding:21px 0 0 0; font-weight:normal; font-size:18px; color:#333;}
.loginWrap .rBox ol { padding-left:31px; }
.loginWrap .rBox ol li { height:24px; color:#888; font-size:13px; }
.loginWrap .rBox ol li span { color:#555; }
.loginWrap .rBox .noti { position:absolute; bottom:0; left:0; width:310px; height:104px; padding:37px 0 0 30px; color:#3d78d6; font-size:13px; line-height:18px; font-weight:bold; background:#f4f4f4;box-sizing: content-box;}
.loginWrap .rBox .noti em { color:#1853b1; }
.loginWrap .rBox .noti .btn_join { position:absolute; top:36px; right:20px;width:83px;height:56px; background:#666;color:#fff;text-align:center;line-height:56px;}

/* 휴면회원 안내 */
.dormancy_wrap{padding:73px 0 90px;}
.dormancy_wrap .id_box input[type="text"]{border:none;}
.dormancy_wrap .id_box input[type="password"]{padding: 0 20px;width: 270px;height: 42px;border: 1px solid #d9d9d9;}
.dormancy_wrap .id_box .btn_wrap{margin:20px auto 0; text-align: center;}
.dormancy_wrap .id_box .btn_wrap a{margin:0 3px;}
.dormancy_wrap .id_result_box .btn_wrap{margin:60px auto 0; text-align: center;}

.txt_point1{font-size:16px;line-height:1.5; color:#6498ff;}
.txt_point2{font-size:16px;line-height:1.5; color:#ff8125;}
.txt_point3{color:#fb5052;font-size:inherit;font-weight:inherit;}
.txt_point4{color:#00b5e2;font-size:inherit;font-weight:inherit;}

/*sns 휴먼회원*/
.sns_write {width: 135px !important;}
.sns_check {height: 27px; display: inline-block; vertical-align: top; margin-left: 5px; }
.sns_check img {height: 100%;}
.check_tit {height: 27px !important; line-height: 27px !important;}
.check_write {height: 27px !important;}
.check_txt { line-height: 27px; font-size: 14px; margin-left: 7px;}
.write_bor {border: 1px solid #d9d9d9 !important;}

/* 비밀번호 변경 팝업 */
.pw_popup{position:fixed;left:50%;top:50%;transform:translate(-360px, -327px);width:719px;background:#fff;z-index:9999;}
.pw_popup .pop_wrap .pop_head{position:relative;padding:38px;background:#ebf1fb;}
.pw_popup .pop_wrap .pop_head h1{font-size:24px;color:#444;font-weight:600;line-height:1;}
.pw_popup .pop_wrap .pop_head .pop_clz{position:absolute;right:40px;top:40px;width:25px;height:25px;background:url('../images/member/btn_popup_close.png') no-repeat center center;}
.pw_popup .pop_wrap .pop_cont{padding:40px;}
.pw_popup .pop_wrap .pop_cont h3{font-size:18px;color:#444;font-weight:400;line-height:1;}
.pw_popup .pop_wrap .pop_cont ul{margin-top:15px;}
.pw_popup .pop_wrap .pop_cont ul li{color:#7a7a7a;}
.pw_popup .pop_wrap .pop_cont .password{margin-top:25px;padding-bottom:20px;border-top:1px solid #959595;border-bottom:1px solid #ebebeb;}
.pw_popup .pop_wrap .pop_cont .password li{padding-top:10px;overflow: hidden;}
.pw_popup .pop_wrap .pop_cont .password li:first-child{padding:20px 0;background:#f9f9f9;border-bottom:1px solid #ebebeb;}
.pw_popup .pop_wrap .pop_cont .password li:nth-child(2){padding-top:20px;}
.pw_popup .pop_wrap .pop_cont .password .inputWrap2{overflow:hidden;}
.pw_popup .pop_wrap .pop_cont .password label{float:left;width:172px;margin-right:20px;line-height:42px;text-align:right;color:#444;font-size:16px;}
.pw_popup .pop_wrap .pop_cont .password input{float:left;width:380px; height:42px;border:1px solid #d9d9d9;color:#666;font-size:12px;padding:0 10px;}
.pw_popup .pop_wrap .pop_cont .password li p{margin-top:10px;padding-left:192px;color:#db6a66;line-height:1;}
.pw_popup .pop_wrap .pop_cont .btn_m_fixM{display:block;margin:40px auto 0;font-weight:600;}

/*회원탈퇴*/
.outprocessList{margin-top:30px;}
.outprocessList li {width: 100%; display: inline-block; *display: inline;}
.outprocessList li.Last {border-bottom: 1px solid #e1e1e1; padding: 0 0 40px;}
.outprocessList li div{padding: 35px 70px; height: auto; background:#f0f5fc; border: 1px solid #d1d7e2;}
.outprocessList li div h2 {font-size: 16px; color: #333; margin: 0 0 15px; }
.outprocessList li div ul.noticeList li{padding-bottom:4px;color: #4d6489; font-size: 14px;}
.outprocessList li div ul.noticeList li span{font-weight:500;}
.outprocessList li div ul.noticeList li em {font-weight:500;}
.outprocessList li ul.pwConfirm {margin: 40px auto 0; width: 510px; }
.outprocessList li ul.pwConfirm li{color: #666; font-size: 16px; }
.outprocessList li ul.pwConfirm li:first-child {text-align: center; margin: 0 0 20px;}
.outprocessList li ul.pwConfirm li:last-child{position:relative;}
.outprocessList li ul.pwConfirm li span {display: inline-block; *display: inline; color: #333; margin: 0 10px 0 0;line-height:42px;font-size:16px;}
.outprocessList li ul.pwConfirm li input {width: 320px; height: 42px; padding: 0 10px; border: 1px solid #d9d9d9;}
.outprocessList li ul.pwConfirm li a {margin: 0 0 0 5px;}
.outprocessList li ul.pwConfirm li .errorMsg{position:absolute;left:71px;bottom:-27px;color:#db6a66;}

.outprocessList li ul.outReason {margin: 40px auto 0; width: 100%; border-bottom: 1px solid #e1e1e1;}
.outprocessList li ul.outReason li{color: #666; font-size: 16px; }
.outprocessList li ul.outReason li h3 {float: left; padding: 0 0 0 165px; font-size: 18px; color: #444;}
.outprocessList li ul.outReason li:first-child {text-align: center; margin: 0 0 20px; padding: 0 0 20px; border-bottom: 1px solid #e1e1e1;}
.outprocessList li ul.outReason li ul.leaveReasons {position:relative; width: 560px; float: left; padding: 0 0 0 28px;}
.outprocessList li ul.outReason li ul.leaveReasons li{font-size: 14px; padding: 0 0 3px; width: 100%; color: #666; display: inline-block; *display: inline; text-align: left;}
.outprocessList li ul.outReason li ul.leaveReasons li:first-child {margin: 0; border: none; padding: 0 0 3px;}
.outprocessList li ul.outReason li ul.leaveReasons li.etc {position: relative; height: 50px;}
.outprocessList li ul.outReason li ul.leaveReasons li.etc textarea {position: absolute; top: 3px; left: 73px; width: 480px; height: 45px; border: 1px solid #e1e1e1;}
.outprocessList li ul.outReason li ul.leaveReasons li.etc .count {position: absolute; top: 50px; right: 0;}
.outprocessList li ul.outReason li ul.leaveReasons li.errorMsg{margin:10px 0;color:#db6a66;}
.outprocessList li ul.outReason li ul.leaveReasons li input[type="radio"]{margin-right:5px;}

.leaveBtns {text-align: right; margin: 20px 0 0;}
.leaveBtns li {display: inline-block; margin: 0 0 0 2px; *display: inline; width: auto;}

/* 통합회원전환 */
#popIntegrated {display: none; position: absolute; top: auto; left: 50%; z-index: 900;}
#popIntegrated .layer_mask {position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: 0.4; filter:alpha(opacity=40); z-index: 10;}
#popIntegrated .layer_popup {position: relative; width: 748px; margin: 0 0 0 -374px; background: none; z-index: 20;}
#popIntegrated .layer_popup img {display: none;}
#popIntegrated .btn_close {display: block; position: absolute; top: 40px; right: 60px; width: 25px; height: 25px; background: url('../images/member/btn_popup_close.png') no-repeat 0 0;}

.id_box.result.integrated dt{width:200px;}
.id_box.result.integrated dd{width:635px; padding-left:22px;}
.id_box.result.integrated dl dd .available{margin-left:10px;}
.integrated_txt{margin-top:17px;color:#3d78d6;}

/* 모바일 인증 */
.mobileCertify {width:720px;min-height:385px;margin:76px auto 50px; padding:46px 0 0 282px; background:url('../images/member/member_mobile_certify2.png') no-repeat 27px 0;}
.mobileCertify *{font:inherit;}
.mobileCertify h1 {font-size:30px;color:#393d49;font-weight:600;line-height:1;letter-spacing: -0.04em;padding:0 0 26px;}
.mobileCertify p {font-size:23px;color:#757b8c;letter-spacing:-0.04em; font-weight:400;line-height:1.5;}
.mobileCertify p em {color:#ff5151;font-weight:500;}
.mobileCertify .txt_q {display:block;margin-top:25px;font-size:21px;color:#5085da;font-weight:500;line-height:1;}
.mobileCertify .btnWrap {margin-top:40px;text-align: center;}
.mobileCertify .btnWrap a{display:inline-block;text-align: center;font-size:16px; color:#757b8c; font-weight:400; line-height:25px; text-decoration: underline; text-underline-position: under;}
.mobileCertify .btnWrap a.btn_cerify{margin-bottom:15px; width:100%; height:61px; background:#ff7741; border-radius:30px; font-size:20px; color:#fff; font-weight:500; text-decoration: none; line-height:61px;}

/* 교사 인증 */
.teacher_wrap{text-align: center;}
.teacher_wrap h1{margin-top:110px;font-size:24px;line-height:30px;font-weight:600;color:#444;}
.teacher_wrap h1 span{font-size:inherit;font-weight:inherit;}
.teacher_wrap p{margin-top:13px;font-size:16px;line-height:24px;color:#666;}
.teacher_wrap p span{text-decoration: underline;font-size:inherit;font-weight: inherit;color:inherit;line-height: inherit;}
.teacher_wrap .btn_wrap{margin-top:30px;}
.teacher_wrap .bg_ob{padding-top:157px;}
.teacher_wrap .bg_ob01{left:12px;top:31px;}
.teacher_wrap .bg_ob02{left:81px;top:141px;}
.teacher_wrap .bg_ob03{left:200px;top:43px;}
.teacher_wrap .bg_ob04{left:281px;top:86px;}
.teacher_wrap .bg_ob05{left:562px;top:-56px;}
.teacher_wrap .bg_ob06{left:481px;top:150px;}
.teacher_wrap .bg_ob07{left:583px;top:32px;}
.teacher_wrap .bg_ob08{left:702px;top:92px;}

/* 교사인증 팝업 */
.td_pop{overflow-y:auto;min-width:864px;}
.tc_popup .tc_point{color:#3d78d6;font-size:inherit;font-weight:inherit;line-height:inherit;}
.tc_popup .pop_head{height:160px;padding:20px 0;background:url('../images/member/tc_pop_bg.png') no-repeat 50% 100% #ebf1fb; text-align: center;}
.tc_popup .pop_head h1{font-size:24px; font-weight:600; color:#444;line-height:1;}
.tc_popup .pop_head .stepList{margin-top:16px;font-size:0;}
.tc_popup .pop_head .stepList li{position:relative;display:inline-block;width:78px;height:78px;background:#fff;border:1px solid #d8dee9;border-radius:100%;font-size:14px;font-weight:300;color:#9d9c9c;text-align:center;line-height:5.5;}
.tc_popup .pop_head .stepList li.on{background:#3d78d6;border:1px solid #1d64d5;color:#fff;}
.tc_popup .pop_head .stepList li + li{margin-left:30px;}
.tc_popup .pop_head .stepList li + li:before{content:'';position:absolute;top:34px;left:-28px;display:inline-block;width:15px;height:11px;margin:0 6px;background:url('../images/member/ico_member_arr.png') 0 0 no-repeat;vertical-align:middle;}
.tc_popup .pop_body{background:#fff;}
.tc_popup .pop_body .inner{padding:40px 30px;}
/* loginEPK.html, intergratedJoinEPK.html */
.tc_popup .pop_body .conWrap{display:flex;justify-content:center;width:100%;}
.tc_popup .pop_body .cont{flex:1;max-width:370px;border:1px solid #e1e1e1;text-align: center;}
.tc_popup .pop_body .cont .tit{display:block;height:64px;color:#3d78d6;font-size:18px;font-weight:600;line-height:62px;border-bottom:1px solid #e1e1e1;background:#fafafa;}
.tc_popup .pop_body .cont .txtWrap{padding:20px;}
.tc_popup .pop_body .cont .txt{display:flex;align-items:center;justify-content:center;height:120px;}
.tc_popup .pop_body .cont .txt p{color:#666;line-height:22px;}
.tc_popup .pop_body .cont .txt + .btn_tc{margin-top:20px;}
.tc_popup .pop_body .cont + .cont{margin-left:20px;}
.tc_popup .pop_body .btn_tc{display:inline-block;width:100%;max-width:210px;height:50px;margin-top:40px;background:#5085da;font-size:16px;font-weight:400;color:#fff;vertical-align:top;line-height:3;}
.tc_popup .pop_body .btn_tc.gray{background:#e7e7e7;border:1px solid #ddd;color:#757575;}
.tc_popup .pop_body .btn_tc + .btn_tc{margin-left:10px;}
.tc_popup .pop_body h2{height:50px;background:#fafafa;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;font-size:18px;font-weight:600;color:#3d78d6;text-align:center;line-height:2.7;}
.tc_popup .pop_body h2 + .inner{padding:28px 70px;}
.tc_popup .pop_body .txtList,
.tc_popup .pop_body .confirmTxt{font-size:14px;font-weight:300;color:#666;line-height:1.5;}
.tc_popup .pop_body .confirmTxt{font-size:16px;margin-bottom: 120px;}
/* EPKIFileUpload.html */
.tc_popup .pop_body .txtList_wrap {display:flex; justify-content:center;}
.tc_popup .pop_body .txtList_wrap .txtList{width:643px;}
.tc_popup .pop_body .txtList_wrap ul li {padding-left:7px; text-indent:-7px;}
.tc_popup .pop_body .txtList_wrap ul li span {font-weight:600;}
.tc_popup .pop_body .file_upload_wrap,
.tc_popup .pop_body .textareaWrap{position:relative;display:block;width:523px;margin:0 auto;line-height:1;}
.tc_popup .pop_body .file_upload_wrap{margin-top:28px;}
.tc_popup .pop_body .file_upload_wrap .uploadBtn{display:none;}
.tc_popup .pop_body .file_upload_wrap .btnAdd{display:inline-block;width:37px;height:37px;margin-left:3px;border:1px solid #c0c0c0;font-size:20px;color:#888;text-align:center;line-height:1.65;}
.tc_popup .pop_body .file_upload_wrap .fileName{float:left;width:398px;min-width:241px;height:37px;margin-bottom:4px;padding-left:15px;border:1px solid #e1e1e1;border-right:0;color:#8e9091;font-size:14px;line-height:37px;}
.tc_popup .pop_body .file_upload_wrap .file_btn{float:left;display:block;width:84px;height:37px;margin-bottom:4px;border:1px solid #c0c0c0;font-size:14px;font-weight:400;color:#fff;text-align:center;line-height:35px;cursor:pointer;}
.tc_popup .pop_body .textareaWrap{height:138px;border:1px solid #e1e1e1;}
.tc_popup .pop_body .textareaWrap textarea{outline:0;width:100%;height:112px;padding:10px 10px 0 10px;border:0;}
.tc_popup .pop_body .textareaWrap .count{display:block;padding:0 10px;font-size:14px;font-weight:300;color:#8e9091;text-align:right;}
.tc_popup .pop_body .textareaWrap .count em{color:#393d49;}
/*2023-03-10 ISMS긴급 */
#view_renew .info_renew {background: #fff;}
#view_renew.faq tr td:first-child:before {display:none}
#view_renew .info_renew p {position: relative; padding-left: 9px; font-size: 14px; font-weight: 300; color: #ff8125; line-height: 22px; letter-spacing: -0.045em;}
#view_renew .info_renew p.info02 {padding-left: 15px; margin: 16px 0;}
#view_renew .info_renew p:before {content:'-'; position: absolute; left: 0; top: 0; font-size: 14px; font-weight: 300; color: #ff8125;}
#view_renew .info_renew p.info02:before {content:'※'; }
#view_renew .info_renew p.info_indent {padding-left: 185px; text-indent: -88px;}
#view_renew .info_renew p.info_indent:before {left: 0; text-indent: 0;}
#view_renew .info_renew p span {display: inline-block; font-size:inherit; font-weight:500; line-height: 22px;}
.notice_info.renew {display: flex; justify-content: space-between; margin-top:0;padding-top:12px;border-top: 1px dashed #ddd;}
.notice_info.renew .btn_type03 {position: static;}
.notice_info.renew .agreeForm label {font-size: 15px; font-weight: 400; color: #5b677b; cursor: pointer;}
#view_renew .view_infringe {margin-top: 10px; border-top: 0;}
.verify_info {display: flex; justify-content: center; flex-direction: column; width: 643px; margin: 0 auto;}
.verify_info .info_renew {padding: 15px 0;}
.tc_popup .pop_body > ul li{margin-top:5px;line-height:1;color:#888;font-size:13px;}
.tc_popup .pop_body > ul li:first-child{margin-top:0;}
/* EPKIMail.html */
.tc_popup .addcertified{width:510px;margin:30px auto;}
.tc_popup .addcertified input[type="text"]{width:277px;height:28px;font-size:12px;padding:0 10px;border:1px solid #bababa;color:#666;}
.tc_popup .addcertified input[type="text"],
.tc_popup .addcertified .linedList li select,
.tc_popup .addcertified .btnForm{height:36px;line-height:34px;}
.tc_popup .addcertified .linedList li.mixCon{padding-top:7px;}
/*EPKAnswerCheck.html*/
.tc_popup .pop_body .tblist{border-top:2px solid #474e62;}
.tc_popup .pop_body .tblist th,
.tc_popup .pop_body .tblist td{height:50px;padding:12px 22px;border-bottom:1px solid #e1e1e1;font-size:14px;font-weight:300;color:#666;line-height:1.72;}
.tc_popup .pop_body .tblist th{color:#474e62;}
.tc_popup .pop_body .tblist td .fileList{font-size:0;}
.tc_popup .pop_body .tblist td .fileList > *{text-decoration:underline;font-size:14px;font-weight:300;color:#5085da;line-height:1.72;}
.tc_popup .pop_body .tblist td .fileList > * + *{margin-left:10px;}
.tc_popup .pop_body .tblist td p{font-size:14px;font-weight:300;color:#666;line-height:1.72;letter-spacing:0;}
.tc_popup .pop_body .tblist td p.fixTxt{color:#9498a6;}
/**/
.btn_home {margin: 26px 0 60px;}


/* bg 애니메이션 */
.bg_ob{position:relative;margin:0 auto;width:715px;}
.bg_ob span{position:absolute;}
.bg_ob01{width:38px;height:23px;background:url('../images/common/bg_ob1.png')no-repeat left top;animation: bgob01 5s linear 1s infinite alternate;}
.bg_ob02{width:17px;height:19px;background:url('../images/common/bg_ob2.png')no-repeat left top;animation: bgob02 6s linear 1s infinite alternate;}
.bg_ob03{width:10px;height:10px;background:#ffd563;border-radius: 50%;animation: bgob03 6s linear 1s infinite alternate;}
.bg_ob04{width:31px;height:31px;background:#eef4f9;border-radius: 50%;animation: bgob04 5s linear 1s infinite alternate;}
.bg_ob05{width:52px;height:31px;background:url('../images/common/bg_ob3.png')no-repeat left top;animation: bgob05 5s linear 1s infinite alternate;}
.bg_ob06{width:14px;height:14px;background:#6569df;border-radius: 50%;animation: bgob06 6s linear 1s infinite alternate;}
.bg_ob07{width:47px;height:47px;border:14px solid #efefef;border-radius: 50%;animation: bgob07 5s linear 1s infinite alternate;}
.bg_ob08{width:25px;height:29px;background:url('../images/common/bg_ob4.png')no-repeat left top;animation: bgob08 6s linear 1s infinite alternate;}
@keyframes bgob01{
    0%{transform:translateY(0px);}
    100%{transform:translateY(-22px);}
}
@keyframes bgob02{
    0%{transform:translateY(0px);}
    100%{transform:translateY(-25px);}
}
@keyframes bgob03{
    0%{transform:translateY(0px);}
    100%{transform:translateY(22px);}
}
@keyframes bgob04{
    0%{transform:translateY(0px);}
    100%{transform:translateY(-21px);}
}
@keyframes bgob05{
    0%{transform:translateY(0px);}
    100%{transform:translateY(25px);}
}
@keyframes bgob06{
    0%{transform:translateY(0px);}
    100%{transform:translateY(-25px);}
}
@keyframes bgob07{
    0%{transform:translateY(0px);}
    100%{transform:translateY(-22px);}
}
@keyframes bgob08{
    0%{transform:translateY(0px);}
    100%{transform:translateY(25px);}
}

/* 2019-08-08 이용 약관 내용 신규, 2023-09-23 통합회원 개편 - 티스쿨 약관 */
.member_wrap .layer_wrap .layer_header{text-align:left; padding:35px 30px;}
.layer_wrap .layer_header span{line-height: 30px;letter-spacing: -2px;font-weight: 800;font-size: 24px;color: #3d78d6;}
.terms_wrap {background: #fff; font-size: 12px; line-height: 1.7em; color: #888;}
.terms_wrap .terms_tit {margin: 60px 0 25px; font-weight: 400; font-size: 14px; color: #333;}
.terms_wrap .terms_stit,
.terms_wrap.tschool h5{margin-top: 25px; font-weight: 400; font-size: 14px; color: #333;}
.terms_wrap .terms_btm {margin-top: 60px; color: #666;}
.terms_wrap .terms_desc ul ul {margin-top: 5px;}
.terms_wrap .terms_desc li {margin-top: 2px;}
.terms_wrap .terms_desc li:first-child {margin-top: 0;}
.terms_wrap .list_num > li,
.terms_wrap.tschool .text_indent_num li,
.terms_wrap.tschool > ul > li,
.terms_wrap.tschool > ul ul > li{padding-left: 15px !important; text-indent: -15px !important;}
.terms_wrap .list_hyp li {padding-left: 8px !important; text-indent: -8px !important;}
.terms_wrap .txt_btm {color: #666;}
.terms_wrap .mt0,
.terms_wrap .mt0 > li {margin-top: 0 !important;}
.terms_wrap table {margin: 10px 0; width: 100%; text-indent: 0;}
.terms_wrap table th {padding: 10px 0; text-align: center; font-size: 12px; color: #666; background: #f2f2f2; border: 1px solid #e2e2e2;}
.terms_wrap table td {color: #666; vertical-align: middle; padding: 10px 5px; border: 1px solid #e2e2e2; text-align: left; font-weight: 500;}
.terms_wrap table td.em,
.terms_wrap table td strong {color:#666; font-weight:400;}
.terms_wrap table td.textC {text-align: center;}
.terms_wrap table td.txtLine{text-decoration:underline;}
.terms_wrap.tschool h4{margin:20px 0 5px;font-size:16px;font-weight:500;color:#333;}
.terms_wrap.tschool > ul > li{margin-top:10px;}
.terms_wrap.tschool ol{padding-left:20px;}
.terms_wrap.tschool ol li{list-style:decimal;text-indent:0;}
.terms_wrap.tschool .ahchor_box{display:flex;justify-content:space-evenly;margin: 10px 0;padding:20px 30px;background:#f9f9f9;border-top:1px #dcdcda solid;border-right:1px solid #e0e0e0;border-left:1px solid #e0e0e0;border-bottom:1px #dcdcda solid;}
.terms_wrap.tschool .ahchor_box ol{padding-left:0;}
.terms_wrap.tschool .ahchor_box ol li{list-style:none;}

/* 2025-05-23 이용 약관 */
.terms_wrap .terms_desc ul ul.list_arrow .list_hyp {margin-bottom: 10px;}

/* 수업 연구소 */
.tab_winner{position:relative;}
.tab_winner.fixed {position:fixed;top:54px;width:910px;z-index:11}
.tab_winner li{float:left;}
.tab_winner li.tab1 {width:130px}
.tab_winner li.tab2, .tab_winner li.tab3 {width:146px;}
.tab_winner li.tab4 {width:164px;}
.tab_winner li.tab5 {width:204px;}
.tab_winner li.tab6 {width:120px;}
.tab_winner li a {display:block;background:#fff;border-bottom:1px #e1e1e1 solid;padding:14px 0;text-align:center;color:#8e9091;font-size:18px;text-decoration:none;font-weight:400;}
.tab_winner li.on a,
.tab_winner li a:hover,
.tab_winner li a:focus {border-bottom:3px #ff872f solid;color:#ff8125;font-weight:500;}
.tab_cont_wrap .detail_conts{padding:40px 0 60px; border-bottom:1px dashed #e9e9ea;}
.tab_cont_wrap .detail_conts:last-child{padding-bottom:0;border-bottom:0;}

.keep{-ms-word-break: keep-all;word-break: keep-all;}
.cont_01_txt{padding: 23px 0 27px; line-height:26px;color:#666;}
.quarter{margin-top:13px;color: #444;font-size: 13px;font-weight:600;}


.subTxt_wrap{position:relative;padding-top:15px;line-height:1;}
.subTxt_wrap p{font-size:14px;color:rgba(57, 61, 73, 0.6);}
.subTxt_wrap .down_all{position:absolute;right:0;bottom:0;display:block;padding:0 20px;width:160px; height:40px; background:#ff8125;border-radius:20px;color:#fff;font-weight:500;line-height:40px;}
.subTxt_wrap .down_all span{position:absolute;top:12px;right:18px;width:14px;height:14px;background:url('../images/tr/down_white.png') no-repeat left top;}
.down_all:hover{color:#fff;}
.tblist.ico_tb{margin-top:20px;border-top:3px solid #99a9b7;}
.tblist.ico_tb tr td:first-child{padding:12px 20px !important;}
.tblist.ico_tb tr td:last-child{padding:0 10px 0 0 !important;}
.tblist.ico_tb tr td{padding:10px 0;}


.ico.search.ty2{width:34px;height:34px;border:1px solid #e1e1e1;border-radius:13px;background-color:#fff;}
.ico.search.ty2 span{display:block;width:32px;height:32px;background:url(../images/educourse/ic_detail_view3.png) no-repeat center center;background-size:13px 14px;}
.ico.down.ty2{width:34px;height:34px;border:1px solid #d0d0d0;border-radius:13px;background-color:#fff;}
.ico.down.ty2 span{display:block;width:32px;height:32px;background:url(../images/tr/ic_down_5.png) no-repeat center center;background-size:14px 14px;}
.ico.ty2{margin:0 7px 0 8px;}
.detail_conts h4 span{font-size:inherit;font-weight:inherit;color:#fd5b89;}
.detail_conts h5{font-size:20px; color:#474e62;font-weight:500;line-height:1;}
.detail_conts h5.fw_700{font-weight:600;}


/*** 통합뷰어 ***/

/* 문서 뷰어 */
.view_wrap{display:flex;height:100%;width:100%;min-width:1200px;min-height:900px;overflow:hidden;flex-direction:row;}
.side_bar{position:relative;padding-left:14px;width:209px;transition:width 0.5s linear}
.side_bar .side_btn{position:absolute;left:0;top:0;width:14px;height:100%;border-left:1px solid #222222;background:#393939;}
.side_bar .side_btn i{position:absolute;top:50%;margin-top:-5px;display:block;width:14px;height:11px;background-image:url('../images/ve/side_btn_on.png');background-repeat:no-repeat;background-position: center top;overflow:hidden;}
.side_bar .side_btn:hover i{background-position:center bottom;}
.side_bar .side_btn.on i{background-image:url('../images/ve/side_btn.png');}
.view_wrap.hide .side_bar{width:14px!important;}


.side_bar .side_cont{border-left:1px solid #222222;display:flex;display:-webkit-flex;flex-direction: column;height:100%;width:195px;}
.side_bar .side_cont .side_txt{padding:20px 25px;border-bottom:1px solid #303030;background:#474747;}
.side_bar .side_cont .side_txt h5{font-size:13px;color:#aeaeae;}
.side_bar .side_cont .side_txt h5 span{color:#fff;font-size:inherit;}
.side_bar .side_cont .side_txt p{margin-top:10px;color:#aeaeae;font-size:13px;word-break: keep-all;}
.side_bar .side_cont .page_view{flex:1;background:#505050;overflow:hidden;}
.side_bar .side_cont .page_view .view_scroll{height:100%;}
.side_bar .side_cont .page_view .view_scroll .mCSB_scrollTools{width:14px;}
.side_bar .side_cont .page_view .view_scroll .mCS-dark.mCSB_scrollTools:hover{background:#474747;border-left:1px solid #303030;border-right:1px solid #303030;}
.side_bar .side_cont .page_view .view_scroll .mCS-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:rgba(0,0,0,0);border-radius:0;}
.side_bar .side_cont .page_view .view_scroll .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:3px;background:#8f8f8f;}
.side_bar .side_cont .page_view .view_scroll .mCS-dark.mCSB_scrollTools:hover .mCSB_draggerRail{width:14px;}
.side_bar .side_cont .page_view .view_scroll .mCS-dark.mCSB_scrollTools:hover .mCSB_dragger .mCSB_dragger_bar{width:6px;background:#8f8f8f;}
.side_bar .side_cont .page_view .view_scroll .mCSB_scrollTools:active .mCSB_draggerRail{width:14px;background:#474747;}
.side_bar .side_cont .page_view .view_scroll .mCSB_scrollTools:active .mCSB_dragger .mCSB_dragger_bar{width:6px;background:#8f8f8f;}

.side_bar .side_cont ul{width:195px;height:100%;padding:25px 0 25px 25px;}
.side_bar .side_cont ul li{position:relative;margin-top:15px;width:130px;padding:3px 3px 3px 29px;}
.side_bar .side_cont ul li span{position:absolute;left:0;top:3px;line-height:1;color:#fff;}
.side_bar .side_cont ul li.on span{color:#ff8125}
.side_bar .side_cont ul li .img_wrap{position:relative;display:block;}
.side_bar .side_cont ul li .img_wrap:after{display:none;content:'';position:absolute;left:-3px;top:-3px;width:100%;height:100%;border:3px solid #ff8125;}
.side_bar .side_cont ul li .img_wrap img{width:100%;}
.side_bar .side_cont ul li.on .img_wrap:after{display:block;}
.side_bar .side_cont ul li .img_wrap:hover:after{display:block;}

.view_content{position:relative;width:calc(100% - 209px);height:100%;background:#2f323c;text-align: center;padding:56px 0 0;}
.view_wrap.hide .view_content{width:calc(100% - 16px);}
.view_head{position:absolute;left:0;top:0;right:0;width:100%;z-index:500;}
.view_header{position:relative;height:56px;padding-left:20px;background:#2b2e36;border-bottom:1px solid #191b21;}
.view_header h3{margin:12px 0;float:left;width:100%;font-size:16px;color:#ffd563;font-weight:500;line-height:28px;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.view_header h3:hover{color:#ffd563;}
.view_header h3.ic_file span{top:4px;}

.view_header .page_btn_wrap{position:absolute;left:46%;top:14px;display:flex;display:-webkit-flex;}
.view_header .page_btn_wrap .page_btn{display:block;width:26px;height:26px;}
.view_header .page_btn_wrap .page_btn.prev{background-image:url('../images/ve/view_arrow_left.png');background-repeat:no-repeat;background-position:center top;}
.view_header .page_btn_wrap .page_btn.prev:hover{background-position:center -52px;}
.view_header .page_btn_wrap .page_btn.prev.disabled{background-position:center -26px; cursor: default !important; }
.view_header .page_btn_wrap .page_btn.next{background-image:url('../images/ve/view_arrow_right.png');background-repeat:no-repeat;background-position:center top;}
.view_header .page_btn_wrap .page_btn.next:hover{background-position:center -52px;}
.view_header .page_btn_wrap .page_btn.next.disabled{background-position:center -26px; cursor: default !important; }
.view_header .page_btn_wrap .view_paging{margin:0 20px;font-size:16px;color:#99a9b7;}
.view_header .page_btn_wrap .view_paging span{color:#ffd563;font-size:inherit;font-weight:500;}
.view_header .btn_wrap{float:right;margin:0;width:112px;height:55px;border-left:1px solid #222222;}
.view_header .btn_wrap a{float:left;display:block;margin:0;}
.view_header .btn_wrap .btn_plus{width:56px;height:55px;border-right:1px solid #e2ae23;background-color:#ffd563;background-image:url(../images/ve/ic_bookmark4.png);background-repeat: no-repeat;background-position:19px 20px;}
.view_header .btn_wrap .btn_plus:hover{background-color:#ff8125;}
.view_header .btn_wrap .bnt_down{width:55px;height:55px;background-color:#ffd563;background-image:url(../images/educourse/ic_down_2.png);background-repeat: no-repeat;background-position:19px 20px;}
.view_header .btn_wrap .bnt_down:hover{background-color:#ff8125;}
.view_header .view_drop.ui-select-parent2{float:right;margin:12px 20px 0 0;width:120px;}
.view_header .view_drop.ui-select-parent2 select{width:100%;}
.view_header .view_drop.ui-select-parent2 .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{transform:rotate(180deg);}
.view_header .view_drop.ui-select-parent2 .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{color:#ffd563;}
.view_header .view_drop.ui-select-parent2 .select2-container--default .select2-results__option.select2-results__option--selectable.select2-results__option--selected{color:#ffd563;}
.view_header .view_btn_wrap{float:right;margin:12px 20px 0 0;}
.view_header .view_btn_wrap .view_btn{display:inline-block;float:left;}
.view_header .view_btn_wrap .view_btn input[type="radio"]{appearance: none;display:none;}
.view_header .view_btn_wrap .view_btn input[type="radio"] + label{display:inline-block;width:33px;height:33px;}
.view_header .view_btn_wrap .onepage input[type="radio"] + label{margin-right:2px;background:url('../images/ve/view_page_one.png') no-repeat left top;}
.view_header .view_btn_wrap .onepage:hover input[type="radio"] + label,.view_header .view_btn_wrap .onepage input[type="radio"]:checked + label{background:url('../images/ve/view_page_one.png') no-repeat left bottom;}
.view_header .view_btn_wrap .twopage input[type="radio"] + label{background:url('../images/ve/view_page_two.png') no-repeat left top;}
.view_header .view_btn_wrap .twopage:hover input[type="radio"] + label,.view_header .view_btn_wrap .twopage input[type="radio"]:checked + label{background:url('../images/ve/view_page_two.png') no-repeat left bottom;}

.wrapviewer{width:100%;height:100%;}
.wrapviewer .mCustomScrollBox .mCSB_container{width:100%;min-width:100%;min-height:100%;}
.wrapviewer .viewdoc{display:flex;/*min-width:1251px;min-height:854px;*/justify-content:center; align-items:center;padding:35px 0;}
.wrapviewer .mCS_img_loaded{margin:20px auto;display:block;width:495px;box-shadow:5px 5px 3px #191b21;}
/*.wrapviewer .viewdoc .zoom05{width:450px; max-width: none !important; max-height: none !important;}
.wrapviewer .viewdoc .zoom075{width:675px; max-width: none !important; max-height: none !important;}
.wrapviewer .viewdoc .zoom1{ width:900px;  max-width: none !important; max-height: none !important;}
.wrapviewer .viewdoc .zoom15{width:1350px; max-width: none !important; max-height: none !important; object-fit: cover !important;}
.wrapviewer .viewdoc .zoom2{width:1800px; max-width: none !important; max-height: none !important; object-fit: cover !important;}
.wrapviewer .viewdoc .zoom25{width:2250px; max-width: none !important; max-height: none !important; object-fit: cover !important;}
.wrapviewer .viewdoc .zoom4{width:3600px; max-width: none !important; max-height: none !important; object-fit: cover !important;}*/
/*
.wrapviewer .mCSB_container{max-width:100%;}
.wrapviewer .viewdoc .zoom05{width:37.5%}
.wrapviewer .viewdoc .zoom075{width:56.25%}
.wrapviewer .viewdoc .zoom1{width:75%}
.wrapviewer .viewdoc .zoom15{width:112.5%}
.wrapviewer .viewdoc .zoom2{width:150%}
.wrapviewer .viewdoc .zoom25{width:187.5%}
.wrapviewer .viewdoc .zoom4{width:300%}
*/
/*.wrapviewer .viewdoc.page2 {width:1010px;margin:0 auto;}*/
/*.wrapviewer .viewdoc.page2 .pagewrap{margin:0 auto;text-align:left;}*/
/*.wrapviewer .viewdoc.page2 .pagewrap img{width:495px;margin:20px 3px}*/

.wrapviewer .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background:#8b9299;}
.wrapviewer .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_draggerRail{background-color:rgba(0,0,0,0);border-radius:0;}
/*.wrapviewer .mCS-dark.mCSB_scrollTools:hover{background:#282b32;}*/
/*.wrapviewer .mCS-dark.mCSB_scrollTools.mCSB_scrollTools_vertical:hover{border-left:1px solid #21242b;}*/
.wrapviewer .mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical{bottom:18px;}
.wrapviewer .mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal{right:15px;}
.wrapviewer .mCSB_scrollTools.mCSB_scrollTools_vertical{width:13px;}
.wrapviewer .mCS-dark.mCSB_scrollTools.mCSB_scrollTools_vertical .mCSB_dragger_bar{width:3px;}
.wrapviewer .mCS-dark.mCSB_scrollTools.mCSB_scrollTools_vertical:hover .mCSB_dragger_bar{width:6px;}
.wrapviewer .mCS-dark.mCSB_scrollTools.mCSB_scrollTools_vertical:hover .mCSB_draggerRail{width:13px;}
.wrapviewer .mCSB_scrollTools.mCSB_scrollTools_vertical:active .mCSB_draggerRail{width:13px;}
.wrapviewer .mCSB_scrollTools.mCSB_scrollTools_vertical:active .mCSB_dragger .mCSB_dragger_bar{width:6px;}
.wrapviewer .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:3px;}
.wrapviewer .mCSB_scrollTools.mCSB_scrollTools_horizontal:hover .mCSB_dragger .mCSB_dragger_bar{height:6px;}
.wrapviewer .mCSB_scrollTools.mCSB_scrollTools_horizontal:hover .mCSB_draggerRail{margin:1px 0;height:13px;}
.wrapviewer .mCSB_scrollTools.mCSB_scrollTools_horizontal:active .mCSB_dragger .mCSB_dragger_bar{height:6px;}
.wrapviewer .mCSB_scrollTools.mCSB_scrollTools_horizontal:active .mCSB_draggerRail{margin:1px 0;height:13px;}

/*이미지 뷰어 */
.view_wrap.imgviewer{display:block;height:100%;width:100%;overflow:auto;min-width:1200px;min-height:900px;}
.imgviewer .view_content{display:flex;display:-webkit-flex;width:100%;padding:0;background:#2f323c;flex-direction:column ;}
.imgviewer .view_content .view_head{position:relative;}
.imgviewer .view_content .view_header{margin-bottom:auto;padding:28px 280px 28px 30px;min-height:120px;height:auto;background:#2b2e36;border-bottom:1px solid #191b21;}
.imgviewer .view_content .view_header h3{float:none;margin:0;font-size:24px;color:#ffd563;}
.imgviewer .view_content .view_header p{margin-top:4px;position:relative;color:#c8c8c8;font-size:14px;text-align:left;}
.imgviewer .view_content .view_header h3 + p{margin-top:15px;}
.imgviewer .motion_right{position:absolute;right:30px;bottom:28px;}
.imgviewer .motion_right .btn_wrap{width:auto;height:40px;}
.imgviewer .motion_right .btn_plus{width:40px;height:40px;border-right:none;background-position:center center;border-radius:5px;}
.imgviewer .motion_right .bnt_down{margin-left:6px;width:40px;height:40px;border-radius:5px;background-position:center center;}
.imgviewer .motion_right .view_drop.ui-select-parent2{margin-top:7px;}
.imgviewer .wrapviewer{flex:1;align-self:center;}
.imgviewer .wrapviewer .viewdoc{padding:0;width:100%;height:100%;}
.imgviewer .wrapviewer .viewdoc .gallery-top{width:100%;height:100%;}
.imgviewer .wrapviewer .viewdoc .gallery-top .imgwrap{position:relative;width:100%;height:100%;align-content: center}
.imgviewer .wrapviewer .viewdoc .gallery-top .imgwrap img{margin:90px auto 0;height:530px;width:auto;box-shadow:none;}
.imgviewer .wrapviewer .viewdoc .gallery-top .imgwrap img.zoom4{/*transform:scale(4);*/height:2120px;margin:20px auto;}
.imgviewer .wrapviewer .viewdoc .gallery-top .imgwrap img.zoom25{/*transform:scale(2.5);*/height:1325px;margin:20px auto;}
.imgviewer .wrapviewer .viewdoc .gallery-top .imgwrap img.zoom2{/*transform:scale(2);*/height:1060px;margin:20px auto;}
.imgviewer .wrapviewer .viewdoc .gallery-top .imgwrap img.zoom15{/*transform:scale(1.5);*/height:795px;margin:20px auto;}
.imgviewer .wrapviewer .viewdoc .gallery-top .imgwrap img.zoom1{/*transform:scale(1);*/height:530px;}
.imgviewer .wrapviewer .viewdoc .gallery-top .imgwrap img.zoom075{/*transform:scale(0.75);*/height:397px;}
.imgviewer .wrapviewer .viewdoc .gallery-top .imgwrap img.zoom05{/*transform:scale(0.5);*/height:265px;}
.imgviewer .vi_img_thumb{margin-top:auto;padding:20px 0;width:100%;height:114px;background:#fff;text-align:center;}
.imgviewer .vi_img_thumb .thumb_tit{display:inline-block;padding-right:6px;vertical-align:top;position:relative;}
.imgviewer .vi_img_thumb .thumb_tit:after{content:'';position:absolute;right:0;top:50%;margin-top:-5px;width:9px;height:11px;background:url(../images/ve/ic_tit_bg.png) no-repeat center center;}
.imgviewer .vi_img_thumb .thumb_tit div{display:block;width:94px;height:74px;background:#e9e9ea url(../images/ve/ic_resource.png) no-repeat center center;border-radius:15px;}
.imgviewer .vi_img_thumb .gallery-thumbs{margin-left:14px;display:inline-block;max-width:calc(1200px - 115px);vertical-align:top;}
.imgviewer .vi_img_thumb .gallery-thumbs ul{justify-content: flex-start;}
.imgviewer .vi_img_thumb .gallery-thumbs ul li{width:113px!important;}
.imgviewer .vi_img_thumb .gallery-thumbs ul li.nodata{width:124px !important; padding:27px 0;}
.imgviewer .vi_img_thumb .gallery-thumbs ul li a{position:relative;display:block;width:113px;height:74px;overflow:hidden;border-radius:15px;}
.imgviewer .vi_img_thumb .gallery-thumbs ul li a .hovertit{position:absolute;left:0;top:0;padding:18px 20px;width:100%;height:100%;border-radius:15px;overflow:hidden;background:rgba(255,161,99,0.8);opacity:0;transition:all 0.3s ease;}
.imgviewer .vi_img_thumb .gallery-thumbs ul li a .hovertit p{color:#fff;font-size:14px;font-weight:400;line-height:17px;  overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;max-height: 34px;}
.imgviewer .vi_img_thumb .gallery-thumbs ul li a:hover .hovertit{opacity:1;}
.imgviewer .vi_img_thumb .gallery-thumbs ul li a img{width:100%;height:100%;}


/*음원뷰어*/
.view_wrap.soundviewer{display:block;width:100%;height:100%;min-width:100%;min-height:100%;overflow:hidden;background:#2f323c;}
.soundviewer .view_content{display:flex;width:100%;display:-webkit-flex;padding:0;flex-direction:column;}
.soundviewer .view_head{position:relative;flex:1;padding:23px 30px;align-items:flex-start;background:#2f323c url(../images/ve/sound_bg.png) no-repeat center bottom;}
.soundviewer .view_header{padding-left:15px;height:auto;background:transparent;border-bottom:none;}
.soundviewer .view_header h3{float:none;margin:0;padding-left:56px;width:100%;line-height:36px;font-size:20px;font-weight:600;color:#fff;background:url(../images/ve/sound_tit.png) no-repeat left center;}
.soundviewer .view_content .view_header p{margin-top:4px;position:relative;color:#c8c8c8;font-size:14px;text-align:left;line-height:22px;width:calc(100% - 140px);}
.soundviewer .view_content .view_header h3 + p{margin-top:10px;}
.soundviewer .motion_right{position:absolute;right:0;top:70px;}
.soundviewer .motion_right .btn_wrap{width:auto;height:40px;border-left:none;}
.soundviewer .motion_right .btn_plus{width:40px;height:40px;border-right:none;background-position:center center;border-radius:5px;}
.soundviewer .motion_right .bnt_down{margin-left:6px;width:40px;height:40px;border-radius:5px;background-image:url(../images/ve/ic_down.png);background-repeat:no-repeat;background-position:center center;}
.soundviewer .motion_right .bnt_share{margin-left:6px;width:40px;height:40px;border-radius:5px;background-color:#ffd563;background-image:url(../images/ve/ic_share4.png);background-repeat:no-repeat;background-position:center center;}
.soundviewer .motion_right .bnt_share:hover{background-color:#ff8125}
.soundviewer .wrapviewer{margin-top:auto;padding:32px 35px;height:136px;}
.audio_wrap{padding:14px;height:72px;border-radius:36px;background:#535660;}
.audio_wrap .audio-box {position:relative;padding:0 90px;}
.audio_wrap .audio-box .text-play-click {margin-top: 10px;}
.audio_wrap .audio-box .audio-control-btn{position:absolute;left:0;top:0;display: inline-block;width:44px;height:44px;border-radius:50%;background-color:#fff;background-repeat:no-repeat;cursor:pointer;}
.audio_wrap .audio-box .audio-control-btn:hover{background-color:#ffd563;}
.audio_wrap .audio-box .audio-control-btn.btn-play{background-image:url(../images/ve/sound_play.png);background-position:17px 12px;}
.audio_wrap .audio-box .audio-control-btn.btn-pause {background-image:url(../images/ve/sound_pause.png);background-position:center center;}
.audio_wrap .playstate {position:relative;width:100%;height:44px;padding-top:20px;}
.audio_wrap .play-time {position:absolute;left:0;top:10px;font-size:14px;font-weight:400;color:#fff;}
.audio_wrap .play-time .start {color:#ffd563;font-size:inherit;font-weight:inherit;}
.audio_wrap .play-time .end {right:0;}
.audio_wrap .audio-box .play-progress-box{position:relative;display:block;font-size: 14px;background: #50576e;width:100%;height: 4px;border-radius:2px;}
.audio_wrap .audio-box .play-progress-bar{width:0;height: 100%;background:#ffd563;border-radius:2px;}
.audio_wrap .audio-box .play-progress-box .btn_locate{position:absolute;top:0;width:14px;height:14px;border-radius:50%;background:#ffd563;transform:translate(-5px,-5px);}
.audio_wrap .audio-box .play-volume-box{position:absolute;right:0;top:0;bottom:0;}
.audio_wrap .audio-box .play-volume-box .btn_volume{position:relative;display:block;width:44px;height:44px;border-radius:50%;background:#fff url(../images/ve/sound_volume.png) no-repeat center center;z-index:510;}
.audio_wrap .audio-box .play-volume-box .btn_volume:hover,.audio_wrap .audio-box .play-volume-box .btn_volume.on{background-color:#ffd563;}
.audio_wrap .audio-box .play-volume-slider-wrap{display:none;position:relative;}
.audio_wrap .audio-box .play-volume-slider{position:absolute;top:-144px;right:8px;display:inline-block;padding:12px 7px 20px;width: 27px;height:120px;vertical-align: middle;background:#fff;border:1px solid #2f323c;border-radius:13px;z-index:501;}
.audio_wrap .audio-box .play-volume-slider .volume_progress{position:relative;margin:0 auto;width:3px;height:88px;background:#c4c4c4;border-radius:1.5px;}
.audio_wrap .audio-box .play-volume-slider .volume_progress .volumeamount{position:absolute;bottom:0;width:100%;background:#ff8125;border-radius:1.5px;}
.audio_wrap .audio-box .play-volume-slider .volume_progress .btn_locate{position:absolute;width:11px;height:11px;border-radius:50%;background:#ff8125;transform:translate(-6px,5px)}
.audio_wrap .audio-box .play-volume-slider .ui-slider-handle.ui-state-active{border: 1px solid #c5c5c5;background: gray;}
.audio_wrap .audio-box .play-volume-slider .ui-slider-handle{width: 10px; height:10px; border-radius: 15px}

.player-slider.ui-widget-content {position:relative;margin-left:95px;background: #2f323c !important;width:539px;height: 4px !important;border: none !important;border-radius: 2px !important;}
.player-slider.ui-widget-content .ui-slider-range {background: #ffd563 !important;border-radius: 2px !important;}
.player-slider.ui-widget-content .ui-slider-handle {display: block;top: inherit !important;width: 14px !important;height: 14px !important;margin-left:0;background: #ffd563 !important;border-radius: 50% !important;transform: translate(-5px, -5px);border: none !important;outline:none;}
.player-slider.ui-widget-content .ui-slider-handle:focus{outline:none;}

/* 사운드 조절 슬라이더 커스텀 css */
.mix-slider.ui-widget-content {margin:0 auto;background:#c4c4c4 !important;width: 3px ;height: 85px;border: none;border-radius: 1.5px !important;}
.mix-slider.ui-widget-content .ui-slider-range {background: #ff8125 !important;width: 3px!important;border-radius:1.5px!important;}
.mix-slider.ui-widget-content .ui-slider-handle {display: block;top: inherit !important;left: 50%;width: 11px !important;height: 11px !important;border: none !important;border-radius: 50% !important;background: #ff8125 !important;transform: translate(-6px, -6px);}
.mix-slider.ui-widget-content .ui-slider-handle:focus{outline:none;}



/*동영상뷰어*/
.view_wrap.movieviewer{height:100%;width:100%;overflow:hidden;min-width:1200px;min-height:789px;}
.movieviewer .view_content{padding:0;display:flex;display:-webkit-flex;width:calc(100% - 334px);flex-direction:column; background:#393939;}
.movieviewer .view_content .wrapviewer{flex:1;min-height:calc(100% - 160px);}
.movieviewer .view_content .wrapviewer .player{width:100%;height:100%;}
.movieviewer .view_content .wrapviewer .player #player-container{position:relative;}
.movieviewer .view_content .wrapviewer .player .starplayer_script_ui {position:absolute;bottom:0;width:100%;}
.movieviewer .view_content .linkbox{margin-top:auto;height:160px;border-top:1px solid #191b21;padding:30px 35px;}
.movieviewer .view_content .linkbox h4{height:23px;background:url(../images/ve/ic_resource2.png) no-repeat left center;}
.movieviewer .view_content .linkbox ul{margin-top:10px;display:flex;flex-wrap:wrap;}
.movieviewer .view_content .linkbox ul li{margin-top:6px;width:50%;text-align:left;}
.movieviewer .view_content .linkbox ul li a{position:relative;display:block;padding:0 10px 0 12px;font-size:14px;color:#b5b5b5;line-height:22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.movieviewer .view_content .linkbox ul li a:before{content:'';position:absolute;left:0;top:10px;width:3px;height:3px;background:#b5b5b5;}
.movieviewer .view_content .linkbox ul li:hover a{color:#fed76d;text-decoration:underline;}
.view_wrap.movieviewer .side_bar{width:334px;}
.movieviewer .side_bar .side_btn{background:#303030;}
.movieviewer .side_bar .side_btn:hover{background:#393939;}
.movieviewer .side_bar .side_cont{display:flex;display:-webkit-flex;flex-direction:column; width:320px;padding:20px 20px 0;background:#474747;}
.movieviewer .movie_info{flex:1;}
.movie_info h4{display:block;padding:0 15px;font-size:16px;font-weight:500;line-height:44px;color:#fff;height:44px;background:#393939;border-radius:5px;}
.movie_info .infobox{padding:15px;}
.c_y{color:#ffd563!important;}
.c_r{color:#e56672 !important;}
.c_r2{color:#ff3859;}
.c_g{color:#008174;}
.c_b{color:#0077b2;}
.c_b2{color:#4687ef;}
.movie_info .video_info dl{border-bottom:1px solid #353a42;}
.movie_info .video_info dl dt{display:inline-block;}
.movie_info .video_info dl dt p{line-height:27px;color:#fff;font-size:14px;font-weight:400;}
.movie_info .video_info dl dd{display:inline-block;}
.movie_info .video_info dl dd p{line-height:27px;font-size:14px;font-weight:400;color:#b5b5b5;}
.movie_info .video_info p{font-size:14px;font-weight:400;color:#b5b5b5;line-height:20px;}
.movie_info .video_info .infobox{height:230px;overflow-y:auto;}
.movie_info .interval input[type="text"]{width:100%;height:33px;border-bottom:3px solid #ffd563;background:transparent;line-height:30px;font-size:14px;font-weight:400;color:#ffd563;}
.movie_info .interval input[type="text"]::placeholder{color:#ffd563;font-size:14px;font-weight:400;}
.movie_info .interval input[type="text"]:-ms-placeholder{color:#ffd563;font-size:14px;font-weight:400;}
.movie_info .interval h5{margin-top:20px;color:#fff;font-size:16px;font-weight:500;}
.movie_info .interval .dot{position:relative;margin-top:8px;padding-left:11px;font-size:14px;line-height:18px;color:#b5b5b5;letter-spacing:-0.03em;}
.movie_info .interval .dot:before{content:'';position:absolute;left:0;top:8px;width:3px;height:3px;background:#fff;}
.movie_info .interval .dot i{margin-left:10px;margin-right:4px;display:inline-block;width:13px;height:18px;background:url(../images/ve/ic_interval.png) no-repeat center center;vertical-align:middle;}
.movie_info .interval .dot span{display:block;margin-top:8px;font-size:14px;font-weight:400;letter-spacing:-0.03em;}
.movieviewer .btn_bottom{margin-top:auto;padding:0 10px 30px; text-align:center;display:flex;justify-content:center;gap:0 10px;}
.movieviewer .btn_bottom .btn_qr_share{float:right;margin:0;width:40px;height:40px;background-image:url("../images/ve/ic_share2_disabled.png");background-repeat:no-repeat;background-position:center center;border:1px solid #ddd;}
.movieviewer .btn_bottom .btn_qr_share.on:hover{background-color:#ffd563;border-color:#ffd563;}
.movieviewer .btn_bottom .btn_qr_share.can_share{background-color:#f1620c;border:1px solid #f1620c;background-image:url("../images/educourse/ic_share2_wt.png");}
.movieviewer .btn_bottom .btn_qr_share span{width:15px;height:40px;margin-right:0;}
.movieviewer .btn_bottom .btn_plus{display:inline-block;padding:0 15px;height:40px;font-size:14px;font-weight:500;line-height:40px;border-radius:5px;background:#ffd563;vertical-align:top}
.movieviewer .btn_bottom .btn_plus span{margin-right:10px;display:inline-block;width:18px;height:100%;background:url(../images/ve/ic_bookmark4.png) no-repeat center center; vertical-align:top}
.movieviewer .btn_bottom .btn_plus:hover{background-color:#ff8125;}
.movieviewer .btn_bottom .btn_down{margin-left:5px;display:inline-block;padding:0 15px;height:40px;font-size:14px;font-weight:500;line-height:40px;border-radius:5px;background:#ffd563;vertical-align:top}
.movieviewer .btn_bottom .btn_down span{margin-right:10px;display:inline-block;width:18px;height:100%;background:url(../images/ve/ic_down.png) no-repeat center center; vertical-align:top}
.movieviewer .btn_bottom .btn_down:hover{background-color:#ff8125;}
.movieviewer .btn_bottom .btn_share{margin-left:16px;display:inline-block;width:40px;height:40px;vertical-align:top;background-color:#f8f8f8;background-image:url(../images/ve/ic_share4.png);background-repeat:no-repeat;background-position:center center;border:none;border-radius:5px;}
.movieviewer .btn_bottom .btn_share:hover{background-color:#ffd563;}
/* 무설치 스타플레이어 */
.plyrWrap,
.plyrWrap > div,
.plyr{width:100%;height:100%;}
.plyr .plyr__video-wrapper--fixed-ratio{height:100%;padding-bottom:0 !important;}

/* 통합 검색 */
.search_result_wrap{padding-bottom:90px;background:#f7f7f7;}
.search_result{width:1200px;padding-top:64px;margin:0 auto;}
.search_result .result_tit{overflow:hidden;}
.search_result .result_tit h2{float:left;font-size:32px;color:#474e62;font-weight:600;line-height:50px;}
.search_result .result_tit h2 span,
.search_result .result_tit h2 em{font-size:inherit;color:#ff8125;font-weight:inherit;}
.search_result .result_tit .search_form{position:relative;float:right;}
.search_result .result_tit .search_form .search_text{padding:10px 25px;width:380px;height:50px;border-radius:25px;border:1px solid #e6e6e6;background:#fff;line-height:28px;font-size:16px;color:#393d49;font-weight:400;}
.search_result .result_tit .search_form .search_text::placeholder{font-size:16px;color:#99a9b7;font-weight:400;line-height:28px;}
.search_result .result_tit .search_form .btn_search{position:absolute;right:22px;top:15px;width:20px;height:18px;background:url('../images/common/ic_search2.png') no-repeat left top;}

.search_result .theme_area{margin-top:40px;}
.search_result .theme_area .theme_tit{margin-bottom:10px;font-size:16px;color:#393d49;font-weight:400;}
.search_result .theme_area .theme_tit em,
.search_result .theme_area .theme_tit span{font-size:inherit;font-weight:500;color:#ff8125;}
.search_result .theme_area a{display:block;width:100%;height:150px;border:1px solid #e6e6e6;border-radius:20px;overflow:hidden;background:#fff;}
.search_result .theme_area .img_box{float:left;width:230px;height:100%;}
.search_result .theme_area .img_box img{width:100%;height:100%;}
.search_result .theme_area .txt_box{float:left;padding:28px 32px;width:968px;}
.search_result .theme_area .txt_box h3{font-size:26px;color:#ff8125;font-weight:600;line-height:34px;}
.search_result .theme_area .txt_box p{margin-top:9px;font-size:16px;color:#606677;line-height:24px;}

.search_result .related_search {display:flex;display:-webkit-flex;margin-top:27px;}
.search_result .related_search dt{padding:0 20px;}
.search_result .related_search dt span{font-size:16px;color:#474e62;font-weight:400;white-space:nowrap;}
.search_result .related_search dd ul{display:flex;display:-webkit-flex;flex-wrap:wrap;}
.search_result .related_search dd ul li{font-size:16px;color:#474e62;font-weight:400;}
.search_result .related_search dd ul li a{padding:0 10px;font-size:inherit;font-weight:inherit;color:#4083ee;}
.search_result .related_search dd ul li:hover a,
.search_result .related_search dd ul li:active a{color:#ff8125;text-decoration: underline;text-underline-position:under;}

.search_result .search_tab{display:table;margin-top:27px;width:100%;height:81px;border:2px solid #767b87;border-radius:20px;overflow:hidden;}
.search_result .search_tab li{display:table-cell;border-right:1px solid #e3e3e3;}
.search_result .search_tab li:last-child{border-right:0;}
.search_result .search_tab li:nth-child(4){width:216px;}
.search_result .search_tab li a{display:block;padding:16px 30px 0;height:100%;text-align: center;font-size:16px;color:#474e62;font-weight:400;background:#fff}
.search_result .search_tab li a em{display:block;}
.search_result .search_tab li a em,
.search_result .search_tab li a span{font-size:16px;color:#ff8125;}
.search_result .search_tab li:hover,
.search_result .search_tab li.on{border-right:1px solid #ff8125}
.search_result .search_tab li:hover:last-child,
.search_result .search_tab li.on:last-child{border-right:none}
.search_result .search_tab li:hover a,
.search_result .search_tab li.on a{background:#ff8125;color:#fff;}
.search_result .search_tab li:hover a em,
.search_result .search_tab li:hover a span,
.search_result .search_tab li.on a em,
.search_result .search_tab li.on a span{color:#393d49;}

.search_result .category{margin-top:30px;padding-left:24px;}
.search_result .category li{overflow:hidden;}
.search_result .category li + li{margin-top:6px;}
.search_result .category li p{position:relative;float:left;padding:0 14px;width:90px;line-height:40px;font-size:16px;color:#4c505a;font-weight:400;}
.search_result .category li p:before{content:'';position:absolute;left:0;top:15px;width:5px;height:9px;background:url('../images/common/list_arrow.png') no-repeat left top;}
.search_result .category li .category_wrap{float:left;display:flex;display:-webkit-flex;flex-wrap:wrap;width:1080px;}
.search_result .category li input[type="checkbox"] + label{margin:0 5px 4px 0;padding:0 19px;border:1px solid #e6e6e6;border-radius:20px;line-height:38px;font-size:16px;color:#606677;font-weight:400;background:#fff;cursor:pointer;}
.search_result .category li input[type="checkbox"] + label:before{display:none;}
.search_result .category li input[type="checkbox"]:checked + label{background:#ff8125;border:1px solid #ff8125;color:#fff;font-weight:500;}

.search_result .search_cont{margin-top:26px;}
.search_result .search_cont .search_tit{overflow:hidden;padding:25px 40px;background:#eef4f9;border:1px solid #e3e3e3;border-bottom:none;border-radius:20px 20px 0 0;}
.search_result .search_cont .search_tit h4{float:left;font-size:20px;color:#393d49;font-weight:500;line-height:22px;}
.search_result .search_cont .search_tit em,
.search_result .search_cont .search_tit span{font-size:18px;color:#ff8125;font-weight:500;line-height:22px;}
.search_result .search_cont .search_tit .radio_wrap{float:right;}
.search_result .search_cont .search_tit .radio_wrap input[type="radio"]{display:none;}
.search_result .search_cont .search_tit .radio_wrap input[type="radio"] + label{position:relative;margin-left:13px;padding-left:33px;line-height:22px;font-size:16px;color:#393d49;cursor:pointer;}
.search_result .search_cont .search_tit .radio_wrap input[type="radio"] + label:before{content:'';position:absolute;left:0;top:0;width:22px;height:22px;background:#fff;border:1px solid #d9dada;border-radius:50%;box-sizing: border-box;}
.search_result .search_cont .search_tit .radio_wrap input[type="radio"] + label:after{display:none;content:'';position:absolute;left:3px;top:3px;width:16px;height:16px;background:#ff8125;border-radius:50%;}
.search_result .search_cont .search_tit .radio_wrap input[type="radio"]:checked + label:after{display:block;}

.search_result .result_list{border:1px solid #e3e3e3;border-top:1px solid #e6e6e6;border-radius:0 0 20px 20px;overflow:hidden;}
.search_result .result_list li{background:#fff;}
.search_result .result_list > li{display:table;table-layout:fixed;padding:20px 40px;width:100%;border-bottom:1px solid #e6e6e6;}
.search_result .result_list > li > div{display:table-cell;vertical-align: middle;}
.search_result .result_list > li > div.ico{width:auto;}
.search_result .result_list > li .type{width:143px;padding:0 20px 0 4px;font-size:18px;color:#4184ee;}
.search_result .result_list > li .type strong{font-size:inherit; font-weight:inherit; color:inherit;}
.search_result .result_list.creative li .type{width:196px;}
.search_result .result_list.class li .type{width:143px;}
.search_result .result_list.theme li .type{width:183px;}
.search_result .result_list.support li .type{width:147px;}

.search_result .result_list li .txt a{position:relative;display:block;padding-right:80px;}
.search_result .result_list li .txt a:after{content:'';position:absolute;right:0;top:50%;margin-top:-13.5px;width:27px;height:27px;background:url('../images/common/arr_box.png') no-repeat left top;}
.search_result .result_list li .txt p{overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.search_result .result_list li .txt .tit{font-size:18px;color:#393d49;font-weight:500;}
.search_result .result_list .txt strong{font-size:inherit;font-weight:600;color:#ff8125;}
.search_result .result_list li .txt .source{margin-top:3px;font-size:14px;color:#8395a4;font-weight:300;}
.search_result .result_list li:hover{background:#f6f9fc;}
.search_result .result_list .paging li:hover{backgrounD:none;}
.search_result .result_list li .txt a:hover .tit{color:#ff8125;text-decoration: underline;text-underline-position:under;}
.search_result .result_list li .txt a:hover:after{background-position:left bottom;}


/* 아이콘 */
.search_result .result_list li .txt.ico a{padding-left:32px;}
.search_result .result_list li .txt.ico a:before{content:'';position:absolute;left:0;top:50%;margin-top:-10px;width:24px;height:24px;background:url(../images/common/icon_files_24_2x.png) no-repeat 0 25px / 24px auto;}
.search_result .result_list li .txt.ico.pdf a:before{background-position-y: -25px;}
.search_result .result_list li .txt.ico.doc a:before{background-position-y: -75px;}
.search_result .result_list li .txt.ico.xls a:before{background-position-y: -100px;}
.search_result .result_list li .txt.ico.zip a:before{background-position-y: -200px;}
.search_result .result_list li .txt.ico.hwp a:before{background-position-y: -125px;}
.search_result .result_list li .txt.ico.pptx a:before{background-position-y: -50px;}
.search_result .result_list li .txt.ic_file.wav a:before,.search_result .result_list li .txt.ic_file.mp3 a:before{background-position-y: -225px;}


/* 썸네일 */
.search_result .result_list li.thumb{padding:15px 40px;}
.search_result .result_list li.thumb .thumb_img{width:100px;height:100px;border:1px solid #e0e0e0;border-radius:10px;overflow:hidden;}
.search_result .result_list li.thumb .thumb_img img{width:100%;min-height:100%;}
.search_result .result_list li.thumb .txt{padding-left:20px;}

.search_result .result_list.library{overflow:hidden;}
.search_result .result_list.library li{display:flex;flex-wrap:wrap;padding:14px 39px 50px;}
.search_result .result_list.library li:hover{background:#fff;}
.search_result .result_list.library li.more:hover{background:#f6f9fc;}
.search_result .result_list.library .paging_wrap{display:block; padding:30px 0 40px;border:none;}
.search_result .result_list.library .paging_wrap li{display:inline-block; padding:0;}
.search_result .result_list.library .img_list{width:208px;margin:26px 20px 0 0;}
.search_result .result_list.library .img_list:nth-child(5n){margin-right:0;}
.search_result .result_list.library .data_cont {position: relative;width: 100%;overflow: hidden;border-radius:8px;box-sizing:border-box; border:1px solid #999;}
.search_result .result_list.library .data_cont:hover{border-color:transparent;}
.search_result .result_list.library .data_cont .img {position:relative;width:100%;height:117px;box-sizing: border-box;}
.search_result .result_list.library .data_cont .img img{position:absolute;top:50%;width:100%;height:auto;object-fit: contain;transform: translateY(-50%);}
.search_result .result_list.library .data_cont .hover_box {position: relative;  top: 0;  left: 0;width:100%; height: 100%; opacity: 1;}
.search_result .result_list.library .data_cont .hidden_hover_box {position: absolute;top: 0; left: 0;width:100%;height: 100%;text-align: center; opacity: 0;}
.search_result .result_list.library .data_cont:hover .hidden_hover_box {width: 100%; height: 100%; opacity: 1;overflow: hidden;}
.search_result .result_list.library .data_cont .hidden_hover_box .d_cont{bottom:15px;left:0;right:0; position: absolute; display:block;text-align:center;z-index:101;}
.search_result .result_list.library .data_cont .hidden_hover_box .d_cont a{display:inline-block;position: relative;transform:translateY(60px);opacity:0;transition:all 0.45s ease-out;}
.search_result .result_list.library .data_cont:hover .hidden_hover_box .d_cont a{transform:translateY(0);opacity:1;}
.search_result .result_list.library .data_cont:hover .hidden_hover_box .d_cont a:first-child{transition-delay:100ms;}
.search_result .result_list.library .data_cont:hover .hidden_hover_box .d_cont a:nth-child(2){transition-delay:170ms;}
.search_result .result_list.library .data_cont:hover .hidden_hover_box .d_cont a:nth-child(3){transition-delay:240ms;}
.search_result .result_list.library .data_cont:hover .hidden_hover_box .d_cont a:nth-child(4){transition-delay:310ms;}
.search_result .result_list.library .data_cont .hidden_hover_box .d_cont a .ico {display:block;margin-right:3px;border:none;}
.search_result .result_list.library .data_cont .hidden_hover_box .d_cont a .ico.preveal{background:url("../images/educourse/ico_view_on_2023.png") 50% 50% no-repeat #ffd563;}
.search_result .result_list.library .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;}
.search_result .result_list.library .data_cont .hidden_hover_box .d_cont a:hover .ico.preveal{background:url("../images/educourse/ico_view_2023.png") 50% 50% no-repeat #ff8025;}
.search_result .result_list.library .data_cont .hidden_hover_box .d_cont a .ico.down{background:url("../images/educourse/ico_down_2023.png") 50% 50% no-repeat #ffd563;}
.search_result .result_list.library .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;}
.search_result .result_list.library .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;}
.search_result .result_list.library .data_cont .hidden_hover_box .d_cont a:hover .ico.plus{background:url("../images/educourse/ico_plus_2023.png") 50% 50% no-repeat #ff8025;}
.search_result .result_list.library .data_cont .hidden_hover_box .d_cont a .ico.share {margin-right:0;background:#fff url("../images/educourse/ic_share2.png") no-repeat center center;}
.search_result .result_list.library .data_cont .hidden_hover_box .d_cont a:hover .ico {background-color:#ff8025;}

.search_result .result_list.library .data_cont .hidden_hover_box .d_cont a:hover .ico.share{background-color:#ffd563;}
.search_result .result_list.library .data_cont .type{position:absolute; top:15px;right:15px;padding:0;z-index:3;width:40px;height:40px;overflow:hidden;}
.search_result .result_list.library .data_cont .type img{width:100%;height:100%;}
.search_result .result_list.library .txt {margin-top: 9px ;padding:0 9px;width:208px;color:#000000; font-size:16px; font-weight:400;white-space:nowrap;text-overflow:ellipsis;overflow:hidden; line-height:24px;}
.search_result .result_list.library .data_cont .link_box{position:absolute;left:0;top:0;right:0;bottom:-1px;z-index:100;border-radius:8px;}
.search_result .result_list.library .data_cont .link_box a{display:block;width:100%;height:100%;}
.search_result .result_list.library .data_cont:hover .link_box{background: rgba(45, 54, 70, 0.7);opacity: 1;border:3px solid #ff8125;}
.search_result .result_list.library .data_cont.disabled:hover .link_box {border:none;}

.search_result .result_list li.more{display:block;padding:20px 0;text-align: center;border:none;}
.search_result .result_list li.more a{display:block;}
.search_result .result_list li.more em{position:relative;padding-right:32px;}
.search_result .result_list li.more em,
.search_result .result_list li.more span{font-size:16px;color:#5d6068;vertical-align: top;}
.search_result .result_list li.more em:after{content:'';position:absolute;right:0;top:50%;margin-top:-5px;width:17px;height:10px;background:url('../images/common/arr_more.png') no-repeat left top;}
.search_result .result_list li.more a:hover em,
.search_result .result_list li.more a:hover span{color:#ff8125;}

.search_result .result_list .paging_wrap{padding:30px 0 40px;border:none;}
.search_result .result_list .paging_wrap:hover{background:#fff;}
.search_result .result_list .paging_wrap .paging{display:block;padding:0;}

.search_result .search_cont.nodata{margin:100px 0;}
.search_result .search_cont.nodata p{width:534px;margin:0 auto;padding:9px 0;border-bottom:1px solid #e6e6e6;font-size:16px;color:#a5a6a7;font-weight:400;text-align:center;line-height:34px;}
.search_result .search_cont.nodata p a{display:inline-block;margin-left:10px;padding:0 20px;line-height:32px;border:1px solid #fde15f;background:#ffea83;font-size:13px;color:#293864;border-radius:17px;}
.search_result .search_cont.nodata p a span{display:inline-block;margin-left:10px;width:5px;height:8px;background:url('../images/common/arrow_min_3.png') no-repeat left top;}
.search_result .search_cont.nodata .nodata_msg{padding:140px 0 30px;font-size:20px;color:#474e62;background:url('../images/common/search_nodata.png') no-repeat center top;line-height:1;}
.search_result .search_cont.nodata .nodata_msg em,
.search_result .search_cont.nodata .nodata_msg span{font-size:inherit;color:#ff8125;font-weight:600;}


/*사이트맵*/
.sitemap h3{display:block;color:#ff8125;font-size:22px;font-weight:500;}
.sitemap h3 a{display:inline-block;color:#ff8125;font-size:22px;font-weight:500;padding-right:16px;background:url(../images/common/sitemap_arrow.png) no-repeat right center;}
.sitemap .flex_one{display:flex;justify-content: space-between;align-items: flex-start;}
.sitemap .flex_one .cola{width:1020px;}
.sitemap .flex_one .colb{padding:48px 0 0 19px;}
.sitemap .flex_one .colb .subdata{width:161px;border:3px solid #606677;border-radius:8px;}
.sitemap .flex_one .colb .subdata ul li{padding:10px;border-bottom:1px solid #c5c9d6;line-height:21px;color:#606677;font-weight:400;letter-spacing:-0.04em;}
.sitemap .flex_one .colb .subdata ul li:last-child{border-bottom:none;}
.sitemap .flex_one .colb .subdata ul li a{display:block;line-height:21px;color:#606677;font-weight:400;letter-spacing:-0.04em;padding-right:10px;background:url(../images/common/sitemap_arrow.png) no-repeat right center;}
.sitemap .flex_one .colb .subdata ul li a:hover{text-decoration:underline;text-underline-position:under;}
.sitemap .flex_one .colb .subdata ul li .insidebtn{margin-top:5px;display:inline-block;padding:0;width:65px;height:25px;border:1px solid #5181e6;border-radius:5px;text-align:center;color:#1c60e9;font-weight:400;line-height:23px;background:none;}
.sitemap .flex_one .colb .subdata ul li .insidebtn:hover{text-decoration:none;}
.sitemap .flex_one.type2{justify-content:normal;gap:0 20px;align-items:center;}
.sitemap .flex_one .eduClsCode.sitemap .rdo input[type='radio']{display:none;}
.sitemap .flex_one .eduClsCode.sitemap .rdo input[type='radio'] + label{border:1px solid #b1bbc4;color:#80838c;border-radius:4px;padding:3px 20px;font-size:12px;cursor:pointer;font-wieght:500;}
.sitemap .flex_one .eduClsCode.sitemap .rdo input[type='radio']:checked + label{color:#fff;background-color:#5576ff;border-color:#4365f6;}
.sitemap .maptxtbook{margin-top:15px;border:1px solid #ddd;border-radius:8px;overflow:hidden;}
.maptxtbook table{width:100%;}
.maptxtbook table td{vertical-align: top;border-left:1px solid #ddd}
.maptxtbook table td.h339{height:339px;}
.maptxtbook table td.h320{height:320px;}
.maptxtbook table td.h283{height:283px;}
.maptxtbook table td.h254{height:254px;}
.maptxtbook table td.h198{height:198px;}
.maptxtbook table td.h181{height:181px;}
.maptxtbook table td:first-child{border-left:none;}
.maptxtbook table td.bl_ddd{border-left:1px solid #ddd!important;}
.maptxtbook table td h4{padding:0 15px;line-height:54px;font-size:18px;font-weight:400;color:#393d49;letter-spacing:-0.06em;background:#f1f1f1;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
.maptxtbook table tr:first-child td h4{border-top:none;}
.maptxtbook table td .subpage{padding:14px 7px 20px 15px;}
.maptxtbook table td .subpage .year2015{display:block;margin:6px 0;background:#ff8125;color:#fff;width:52px;height:21px;line-height:21px;text-align:center;border-radius:5px;font-weight:400;letter-spacing:-0.04em;}
.maptxtbook table td .subpage a{position:relative;padding:4px 0 4px 14px;display:block;line-height:18px;color:#606677;letter-spacing:-0.04em;}
.maptxtbook table td .subpage a:hover{text-decoration: underline; text-underline-position: under;}
.maptxtbook table td .subpage a:before{content:'';position:absolute;left:0;top:11px;width:4px;height:4px;border-radius:50%;background:#c5c9d6;}
.maptxtbook table td .h4link{display:block;padding:13px 15px;}
.maptxtbook table td .h4link span{display:inline-block;padding-right:16px;background:url(../images/common/sitemap_arrow.png) no-repeat right 27px;}
.maptxtbook .link_arw{display:block;padding:0 15px;line-height:54px;font-size:18px;font-weight:400;color:#393d49;letter-spacing:-0.06em;background:#f1f1f1;border-bottom:1px solid #ddd;}
.maptxtbook .link_arw span{display:inline-block;padding-right:16px;line-height:20px;font-size:18px;font-weight:400;color:#393d49;letter-spacing:-0.06em;background:url(../images/common/sitemap_arrow.png) no-repeat right center;}
.maptxtbook .link_arw span img{vertical-align:top;margin-top:3px;}
.maptxtbook .link_arw:hover span{text-decoration:underline; text-underline-position: under;}
.maptxtbook .link_arw:last-child{border-bottom:none;}
.maptxtbook table td .link_arw:first-child{border-top:1px solid #ddd;}
.maptxtbook table tr:first-child td .link_arw:first-child{border-top:none;}
.maptxtbook .lh59{line-height:59px;}
.sitemap .flex_other{margin:22px 0 0;display:flex;justify-content:flex-start;align-items: flex-start;width:1020px;}
.sitemap .flex_other .item{flex-basis:200px;margin-left:10px;}
.sitemap .flex_other .item:first-child{flex:1;margin-left:0;}
.sitemap .flex_other .item h3{margin-top:28px;}


.gate{display:table;min-width:1020px;width:100%;height:100%;background-repeat:no-repeat;background-position:right center;background-size:cover;justify-content: flex-start;align-items: flex-start;table-layout:fixed;}
.gate .cell_l{display:table-cell;padding:0 60px;width:50%;height:100%;vertical-align:middle;background:#fff;text-align:center;}
.gate .cell_l .gate_bi{display:block;margin-top:45px;}
.gate .cell_l .gate_bi .bi{display:inline-block;width:152px;height:69px;background:url(../images/common/gate_logo.png) no-repeat center center;;vertical-align: top;}
.gate .cell_l.new_year .gate_bi .bi{display:inline-block;width:381px;height:115px;background:url(../images/common/gate_logo_2023.png) no-repeat center center;;vertical-align: top;}
.gate .cell_l .gate_bi p{margin-left:17px;padding:12px 0;display:inline-block;text-align:left;color:#000;opacity:0.4;font-size:16px;font-weight:500;line-height:22px;vertical-align: top;}
.gate .cell_l .btn_gate_wrap{margin:25px auto 0;text-align:center;}
.gate .cell_l.new_year .btn_gate_wrap {margin: 12px auto 0;}
.gate .cell_l .btn_gate_wrap .btn_gate{display:inline-block;width:190px;height:220px;margin:0 10px;background-repeat:no-repeat;background-position:center 10px;transition:.2s;}
.gate .cell_l .btn_gate_wrap .btn_gate.elementary{background-image:url(../images/common/btn_gate_ele.png);}
.gate .cell_l .btn_gate_wrap .btn_gate.middle_high{background-image:url(../images/common/btn_gate_mid.png);}
.gate .cell_l .btn_gate_wrap .btn_gate.elementary:hover{background-image:url(../images/common/btn_gate_ele_on.png);background-position:center top;}
.gate .cell_l .btn_gate_wrap .btn_gate.middle_high:hover{background-image:url(../images/common/btn_gate_mid_on.png);background-position:center top;}
.gate .cell_l .tschool_wrap{margin:118px 0 0 0}
.gate .cell_l .tschool_wrap .btn_tschool{display:inline-block; width: 184px; height: 35px; background:url(../images/common/logo_tschool2.png) 0 0 no-repeat;background-size:184px 35px;}
/*.gate .cell_l .tschool_wrap .btn_tschool:before,*/
/*.gate .cell_l .tschool_wrap .btn_tschool:after{content:'';display:inline-block;}*/
/*.gate .cell_l .tschool_wrap .btn_tschool:before{width:1px;height:15px;margin-right:12px;background:#dcdcdc;}*/
/*.gate .cell_l .tschool_wrap .btn_tschool:after{box-sizing:border-box;width:26px;height:26px;margin-left:12px;background:url(../images/common/ico_tschool_arr.png) 55% 50% no-repeat;background-size:6px 10px;border:1px solid #e6e6e6;border-radius:100%;vertical-align:top;}*/
.gate .cell_l .cs_center{position:relative;margin:24px auto 0;max-width:573px;padding:22px 30px;background:#f2f2f2;border:1px solid #e6e6e6;border-radius:20px;}
.gate .cell_l .cs_center .number{height:36px;text-align:left;}
.gate .cell_l .cs_center .number .tit_cs{display:inline-block;width:134px;height:36px;background:url(../images/common/gate_cs_num1.png) 50% 50% no-repeat;background-size:133px 16px;vertical-align: top}
.gate .cell_l .cs_center .number .tit_cs_num{margin-left:20px;display:inline-block;width:157px;height:36px;background:url(../images/common/gate_cs_num.png) 50% 50% no-repeat;background-size:157px 23px;vertical-align: top;}
.gate .cell_l .cs_center .remote{position:absolute;right:30px;top:22px;display:block;width:148px;height:36px;background:#fff url(../images/common/ic_gate_remote.png) no-repeat 14px center;border:1px solid #e6e6e6;border-radius:5px;padding:0 14px 0 36px;text-align:left;}
.gate .cell_l .cs_center .remote span{display:block;font-size:13px;color:#393d49;font-weight:400;line-height:34px;background:url(../images/common/arrow_min_6.png) no-repeat right center;}

.gate .cell_r{display:table-cell;padding:0 60px;width:50%;height:100%;vertical-align:middle;text-align:center;}
.gate .cell_r .flex_wrap{display:flex;width:100%;height:100%;justify-content: flex-start;align-items: center;flex-direction: column;}
.gate .cell_r .flex_wrap .flex_conts{width:100%;flex:1; -ms-flex:1 1 auto;text-align:center;vertical-align: bottom;padding-bottom:55px;}
.gate .cell_r .flex_wrap .flex_conts .vmagz{position:relative; margin-top:213px; padding-bottom:78px; padding-top:100px;background:url(../images/common/gate_v.png) no-repeat center top;}
.gate .cell_r .flex_wrap .flex_conts .vmagz p{color:#fff;font-size:18px;font-weight:600;}
.gate .cell_r .flex_wrap .flex_conts .vmagz p span{margin-left:5px;color:#ff7741;font-size:inherit;font-weight:inherit;}
.gate .cell_r .flex_wrap .flex_conts .vmagz h3{margin-top:16px;font-size:38px;font-weight:500;color:#fff;letter-spacing:-0.06em;}
.gate .cell_r .flex_wrap .flex_conts .vmagz h4{margin-top:7px;color:#fff;font-size:18px;font-weight:400;}
.gate .cell_r .flex_wrap .flex_conts .vmagz .btn_magazine{position:absolute; left:50%; top:199px; transform:translateX(-50%); margin:20px auto 0;padding:0 39px;display:block;width:250px;height:58px;border-radius:29px;border:1px solid rgba(255,255,255,0.4);}
.gate .cell_r .flex_wrap .flex_conts .vmagz .btn_magazine span{display:block;text-align:left;line-height:56px;color:#fff;font-size:18px;font-weight:600;background:url(../images/common/btn_gate_arr.png) no-repeat right center;}
.gate .cell_r .flex_wrap .flex_conts .vmagz .btn_magazine:hover{padding:0 38px;border:2px solid #ffd942;}
.gate .cell_r .flex_wrap .flex_conts .vmagz .btn_magazine:hover span{color:#ffd942;background:url(../images/common/btn_gate_arr_on.png) no-repeat right center;line-height:54px;}
.gate_event{margin:137px auto 0; max-width:840px;}
.gate_event .banner{float:left;display:block;width:410px;border-radius:30px;overflow:hidden;}
.gate_event .banner:hover{box-shadow:0 8px 0 0 rgba(57, 61, 73, 0.9);}
.gate_event .banner img{max-width:411px;}
.gate_event .banner + .banner{float:right;}
.gate .cell_r .flex_wrap .gate_foot{position:relative;margin:auto 0 0;padding:0 0 55px 141px;width:100%;}
.gate .cell_r .flex_wrap .gate_foot .logo_ci{position:absolute;left:25px;top:0;display:inline-block;width:86px;height:29px;background:url(../images/common/logo_visang.png) no-repeat center center;background-size:86px 29px;}
.gate .cell_r .flex_wrap .gate_foot p{text-align:left;}
.gate .cell_r .flex_wrap .gate_foot p span{position:relative;margin:0 5px;display:inline-block;font-size:12px;color:#fff;opacity:0.5;line-height:18px;font-weight:400;}
.gate .cell_r .flex_wrap .gate_foot p span:before{content:'';position:absolute;left:-6px;top:5px;width:1px;height:9px;background:#999;opacity:0.4}
.gate .cell_r .flex_wrap .gate_foot p span:first-child:before{content:none;}

.loading{display:none;position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);width:300px;height:300px;z-index:10000;}
.loading .circle{position:relative;width:85px;height:85px;margin:107px auto;border-radius:50%;}
.loading .circle div{position:absolute;left:50%;top:50%;margin-left:-42px;margin-top:-7px;width:85px;height:14px; }
.loading .circle div span{position:relative;display:block;width:85px;height:14px;}
.loading .c1{transform:rotate(-90deg);-ms-transform:rotate(-90deg);animation: load1 1500ms cubic-bezier(0.215, 0.610, 0.355, 1) infinite forwards;animation-delay: -500ms; }
.loading .c2{transform:rotate(-114deg);-ms-transform:rotate(-114deg);animation: load2 1500ms cubic-bezier(0.215, 0.610, 0.355, 1) infinite forwards;animation-delay: -400ms;}
.loading .c3{transform:rotate(-138deg);-ms-transform:rotate(-138deg);animation: load3 1500ms cubic-bezier(0.215, 0.610, 0.355, 1) infinite forwards;animation-delay: -300ms;}
.loading .c4{transform:rotate(-162deg);-ms-transform:rotate(-162deg);animation: load4 1500ms cubic-bezier(0.215, 0.610, 0.355, 1) infinite forwards;animation-delay: -200ms;}
.loading .c5{transform:rotate(-186deg);-ms-transform:rotate(-186deg);animation: load5 1500ms cubic-bezier(0.215, 0.610, 0.355, 1) infinite forwards;animation-delay: -100ms;}
.loading .c1 span:before{content:'';position:absolute;left:0;top:0;width:14px;height:14px;background:#fd5b76;border-radius:50%;}
.loading .c2 span:before{content:'';position:absolute;left:0;bottom:0;width:14px;height:14px;background:#ffc657;border-radius:50%;}
.loading .c3 span:before{content:'';position:absolute;left:0;bottom:0;width:14px;height:14px;background:#9ae272;border-radius:50%;}
.loading .c4 span:before{content:'';position:absolute;left:0;bottom:0;width:14px;height:14px;background:#5bdac7;border-radius:50%;}
.loading .c5 span:before{content:'';position:absolute;left:0;bottom:0;width:14px;height:14px;background:#6569df;border-radius:50%;}

/* 로고아트 - 초등메인/공통/게이트 */
/* 2021-09-17 추석 */
.header .top .logo.logoArt210917 {position:absolute;left:0;top:20px;width:321px;height:100px;background:url(../images/common/logo/logo_210917.png) no-repeat left center;}
.header.type02 .top .logo.logoArt210917 {position:absolute;left:0;top:12px;width:344px;height:90px;background:url(../images/common/logo/logo_210917_cm.png) no-repeat center center;}
.gate .cell_l .gate_bi .bi.logoArt210917 {display:inline-block;width:447px;height:123px;background:url(../images/common/logo/logo_210917_gate.png) no-repeat center center;;vertical-align:top;}
/* 2021-10-05 교과서의 날 */
.header .top .logo.logoArt211005 {position:absolute;left:0;top:20px;width:327px;height:112px;background:url(../images/common/logo/logo_211005.png) no-repeat left center;}
.header.type02 .top .logo.logoArt211005 {position:absolute;left:0;top:12px;width:284px;height:91px;background:url(../images/common/logo/logo_211005_cm.png) no-repeat center center;}
.gate .cell_l .gate_bi .bi.logoArt211005 {display:inline-block;width:390px;height:107px;background:url(../images/common/logo/logo_211005_gate.png) no-repeat center center;;vertical-align:top;}
/* 2021-10-22 독도의 날 */
.header .top .logo.logoArt211022 {position:absolute;left:0;top:33px;width:337px;height:101px;background:url(../images/common/logo/logo_211022.png) no-repeat left center;}
.header.type02 .top .logo.logoArt211022 {position:absolute;left:0;top:22px;width:306px;height:75px;background:url(../images/common/logo/logo_211022_cm.png) no-repeat center center;}
.gate .cell_l .gate_bi .bi.logoArt211022 {display:inline-block;width:409px;height:99px;background:url(../images/common/logo/logo_211022_gate.png) no-repeat center center;;vertical-align:top;}
/* 2021-12-31 신년 */
.header .top .logo.logoArt211231 {position:absolute;left:0;top:0;width:310px;height:150px;background:url(../images/common/logo/logo_211231.png) no-repeat left center;}
.header.type02 .top .logo.logoArt211231 {position:absolute;left:0;top:0;width:299px;height:113px;background:url(../images/common/logo/logo_211231_cm.png) no-repeat center center;}
.gate .cell_l .gate_bi .bi.logoArt211231 {display:inline-block;width:334px;height:190px;background:url(../images/common/logo/logo_211231_gate.png) no-repeat center center;;vertical-align:top;}

/* 신년 곻통*/
.header .top .logo.logoArt_newYear {position: absolute; left: 0; top: 30px;width: 315px; height: 99px;background:url(../images/common/logo_vivasam_2023.png) no-repeat left center;}
.header.type02 .top .logo.logoArt_newYear {position: absolute; left:0;top:17px;width: 297px;height: 81px;background:url(../images/common/logo_vivasam_2023_02.png) no-repeat center center;}
.gate .cell_l .gate_bi .bi.logoArt_newYear {display:inline-block;width:381px;height:115px;background:url(../images/common/gate_logo_2023.png) no-repeat center center;;vertical-align: top;}

/* 2022-01-28 설날 */
.header .top .logo.logoArt220128 {position:absolute;left:0;top:35px;width:311px;height:94px;background:url(../images/common/logo/logo_220128.png) no-repeat left center;}
.header.type02 .top .logo.logoArt220128 {position:absolute;left:0;top:17px;;width:356px;height:85px;background:url(../images/common/logo/logo_220128_cm.png) no-repeat center center;}
.gate .cell_l .gate_bi .bi.logoArt220128 {display:inline-block;width:414px;height:113px;background:url(../images/common/logo/logo_220128_gate.png) no-repeat center center;vertical-align:top;}

/* 설날 공통 */
.header .top .logo.logoArt_KoreanNewYear {position:absolute;left:0;top:23px;width:282px;height:106px;background:url(../images/common/logo/logo_230120.png) no-repeat left center;}
.header.type02 .top .logoArt_KoreanNewYear {position:absolute;left:0;top:11px;;width:245px;height:90px;background:url(../images/common/logo/logo_230120_cm.png) no-repeat center center;}
.gate .cell_l .gate_bi .bi.logoArt_KoreanNewYear {display:inline-block;width:326px;height:127px; margin-left: 20px; background:url(../images/common/logo/logo_230120_gate.png) no-repeat center center;vertical-align:top;}

/* 2022-03-02 신학기 */
.header .top .logo.logoArt220302 {position:absolute;left:0;top:20px;width:363px;height:120px;background:url(../images/common/logo/logo_220302.png) no-repeat left center;}
.header.type02 .top .logo.logoArt220302 {position:absolute;left:0;top:20px;;width:343px;height:81px;background:url(../images/common/logo/logo_220302_cm.png) no-repeat center center;}
.gate .cell_l .gate_bi .bi.logoArt220302 {display:inline-block;width:357px;height:125px;background:url(../images/common/logo/logo_220302_gate.png) no-repeat center center;vertical-align:top;}
/* 2022-05-15 스승의 날 */
.header .top .logo.logoArt220515 {position:absolute;left:0;top:15px;width:317px;height:115px;background:url(../images/common/logo/logo_220515.png) no-repeat left center; background-size:cover;}
.header.type02 .top .logo.logoArt220515 {position:absolute;left:0;top:11px;width:338px;height:88px;background:url(../images/common/logo/logo_220515_cm.png) no-repeat center center; background-size:cover;}
.gate .cell_l .gate_bi .bi.logoArt220515 {display:inline-block;width:374px;height:137px;background:url(../images/common/logo/logo_220515_gate.png) no-repeat center center;vertical-align:top; background-size:cover;}

/* 2022-10-04 교과서의 날 */
.header .top .logo.logoArt221004 {position:absolute;left:0;top:30px;width:242px;height:88px;background:url(../images/common/logo/logo_221004.png) no-repeat left center; background-size:cover;}
.header.type02 .top .logo.logoArt221004 {position:absolute;left:0;top:22px;width:254px;height:69px;background:url(../images/common/logo/logo_221004_cm.png) no-repeat center center; background-size:cover;}
.gate .cell_l .gate_bi .bi.logoArt221004 {display:inline-block;width:261px;height:89px;background:url(../images/common/logo/logo_221004_gate.png) no-repeat center center;vertical-align:top; background-size:cover;}

/* 2022-10-24 독도의 날 */
.header .top .logo.logoArt221024 {position:absolute;left:0;top:0;width:313px;height:150px;background:url(../images/common/logo/logo_221024.png) no-repeat left center; background-size:cover;}
.header.type02 .top .logo.logoArt221024 {position:absolute;left:0;top:0;width:315px;height:113px;background:url(../images/common/logo/logo_221024_cm.png) no-repeat center center; background-size:cover;}
.gate .cell_l .gate_bi .bi.logoArt221024 {display:inline-block;width:403px;height:150px;margin-bottom:-60px;background:url(../images/common/logo/logo_221024_gate.png) no-repeat center center;vertical-align:top; background-size:cover;}

/* 2022-11-15 수능 */
.header .top .logo.logoArt221115 {position:absolute;left:0;top:0;width:327px;height:150px;background:url(../images/common/logo/logo_221115.png) no-repeat left center; background-size:cover;}
.header.type02 .top .logo.logoArt221115 {position:absolute;left:0;top:0;width:362px;height:113px;background:url(../images/common/logo/logo_221115_cm.png) no-repeat center center; background-size:cover;}
.gate .cell_l .gate_bi .bi.logoArt221115 {display:inline-block;width:404px;height:150px;margin-bottom:-40px;background:url(../images/common/logo/logo_221115_gate.png) no-repeat center center;vertical-align:top; background-size:cover;}

/* 신학기 로고아트 */
.header .top .logo.logoArt230303 {top: 16px; left:437px;width:327px;height:89px;background:url(../images/common/logo/logo_230303.png) no-repeat left center; background-size:cover; image-rendering:-webkit-optimize-contrast; transform: translateZ(0); backface-visibility: hidden;}
.header.type02 .top .logo.logoArt230303 {left: 0; width:262px;height:84px;background:url(../images/common/logo/logo_230303_cm.png) no-repeat center center; background-size:cover; image-rendering:-webkit-optimize-contrast; transform: translateZ(0); backface-visibility: hidden;}

/* 2023-05-15 스승의날 */
.header .top .logo.logoArt230512 {top:22px;width:460px;height:75px;background:url(../images/common/logo/logo_230512.png) no-repeat left center;}
.header.type02 .top .logo.logoArt230512 {position:absolute;left:0;top:0;width:268px;height:113px;background:url(../images/common/logo/logo_230512_cm.png) no-repeat center center;}

/* 비버샘 소개 페이지 */
.header .top .viversam_logo {width: 207px; height: 55px; background:url(../images/common/logo/viversam_logo.png) no-repeat center center; display: inline-block; margin-top: 30px; cursor: pointer;}
.header.type02 .top .viversam_logo, .header.type02 .top .viversam_logo_230512 {display: none;}

/* 비버샘 로고(이벤트 날짜 한정) */
.header .top .viversam_logo_230512 {width: 242px; height: 55px; background:url(../images/common/logo/viversam_logo_ele.png) no-repeat center center; display: inline-block; margin-top: 30px; cursor: pointer; background-size: auto 100%;}

/* 2023-07-21 추모 */
.header .top .logo.logoArt230721 {top:0;width:362px;height:100px;background:url(../images/common/logo/logo_230721.png) no-repeat center center;}
.header.type02 .top .logo.logoArt230721 {position:absolute;left:0;top:0;width:268px;height:113px;background:url(../images/common/logo/logo_230721_cm.png) no-repeat center center;}

/* 2023-09-01 추모 */
.header .top .logo.logoArt230901 {top:0;width:189px;height:100px;background:url(../images/common/logo/logo_230901.png) no-repeat center center;image-rendering:pixelated;}
.header.type02 .top .logo.logoArt230901 {position:absolute;left:0;top:0;width:268px;height:113px;background:url(../images/common/logo/logo_230901_cm.png) no-repeat center center;}

/* 2023-09-27 추석 */
.header .top .logo.logoArt230927 {top:0;width:253px;height:100px;background:url(../images/common/logo/logo_230927.png) no-repeat center center;image-rendering:pixelated;}
.header.type02 .top .logo.logoArt230927 {position:absolute;left:0;top:0;width:268px;height:113px;background:url(../images/common/logo/logo_230927_cm.png) no-repeat center center;}

/* 2023-10-03 교과서의 날 */
.header .top .logo.logoArt231003 {top:0;width:253px;height:100px;background:url(../images/common/logo/logo_231003.png) no-repeat center center;image-rendering:pixelated;}
.header.type02 .top .logo.logoArt231003 {position:absolute;left:0;top:0;width:268px;height:113px;background:url(../images/common/logo/logo_231003_cm.png) no-repeat center center;}

/* 2023-10-24 독도 */
.header .top .logo.logoArt231024 {top:0;width:330px;height:100px;background:url(../images/common/logo/logo_231024.png) 0 50% no-repeat;}
.header.type02 .top .logo.logoArt231024 {position:absolute;left:0;top:0;width:268px;height:113px;background:url(../images/common/logo/logo_231024_cm.png) no-repeat center center;}

/* 2023-11-14 수능 */
.header .top .logo.logoArt231114 {left: 48.5%; top:0;width:307px;height:100px;background:url(../images/common/logo/logo_231114.png) 0 50% no-repeat;}
.header.type02 .top .logo.logoArt231114 {position:absolute;left:0;top:0;width:389px;height:113px;background:url(../images/common/logo/logo_231114_cm.png) no-repeat center center;}

/* 2024-01-01 2024 신년 */
.header .top .logo.logoArt240101 {left: 34.7%; top:24px;width:322px;height:66px;background:url(../images/common/logo/logo_240101.png) 0 50% no-repeat; transform: unset;}
.header.type02 .top .logo.logoArt240101 {position:absolute;left:41px;top:19px;width:267px;height:77px;background:url(../images/common/logo/logo_240101_cm.png) no-repeat center center;}

/* 2024-02-08 2024 설날 */
.header .top .logo.logoArt240208 {left: 34.7%; top:24px;width:309px;height:75px;background:url('../images/common/logo/logo_240208.png') 0 50% no-repeat; transform: unset;}
.header.type02 .top .logo.logoArt240208 {position:absolute;left:30px;top:19px;width:379px;height:80px;background:url('../images/common/logo/logo_240208_cm.png') no-repeat center center;}

/* 2024-03-04 2024 신학기 */
.header .top .logo.logoArt240304{top:0;width:330px;height:100px;background:url(../images/common/logo/logo_240304.png) 0 0 no-repeat;}
.header.type02 .top .logo.logoArt240304{position:absolute;top:0;left:0;width:292px;height:113px;background:url(../images/common/logo/logo_240304_cm.png) 0 0 no-repeat;}

/* 2024-05-13 2024 스승의날 */
.header .top .logo.logoArt240513{top:0;width:232px;height:100px;background:url(../images/common/logo/logo_240715.png) 0 0 no-repeat;}
.header.type02 .top .logo.logoArt240513{position:absolute;top:0;left:0;width:207px;height:113px;background:url(../images/common/logo/logo_240513_cm.png) 0 0 no-repeat;}

/* 2024-07-15 추모 */
.header .top .logo.logoArt240715 {top:0;width:189px;height:100px;background:url(../images/common/logo/logo_240715.png) no-repeat center center;image-rendering:pixelated;}
.header.type02 .top .logo.logoArt240715 {position:absolute;left:0;top:0;width:268px;height:113px;background:url(../images/common/logo/logo_240715_cm.png) no-repeat center center;}

/* 2024-09-02 22개정 비상교과서 합격 */
.header .top .logo.logoArt240902 {top:0;width:276px;height:104px;background:url(../images/common/logo/logo_240902.png) no-repeat center center;image-rendering:pixelated;}
.header.type02 .top .logo.logoArt240902 {position:absolute;left:0;top:0;width:281px;height:113px;background:url(../images/common/logo/logo_240902_cm.png) no-repeat center center;}

/* 2024-12-30 25년 신년 로고 */
.header .top .logo.logoArt241230 {top:0;width:278px;height:100px;background:url(../images/common/logo/logo_241230.png) no-repeat center center;image-rendering:pixelated;}
.header.type02 .top .logo.logoArt241230 {position:absolute;left:0;top:0;width:364px;height:113px;background:url(../images/common/logo/logo_241230_cm.png) no-repeat center center;}

/* 2024-12-30 애도 로고 */
.header .top .logo.logoArt241230_2 {top:0;width:214px;height:66px;background:url(../images/common/logo/logo_241230_2.png) no-repeat center center;image-rendering:pixelated;margin-top:26px;}
.header.type02 .top .logo.logoArt241230_2 {position:absolute;left:0;top:0;width:165px;height:63px;background:url(../images/common/logo/logo_241230_2cm.png) no-repeat center center;}

/* 2025-01-24 설날 신년 로고 */
.header .top .logo.logoArt250124 {top:0;width:260px;height:69px;background:url(../images/common/logo/logo_250124.png) no-repeat center center;image-rendering:pixelated;margin-top:26px;}
.header.type02 .top .logo.logoArt250124 {position:absolute;left:0;top:0;width:330px;height:63px;background:url(../images/common/logo/logo_250124_cm.png) no-repeat center center;}

/* 2025-03-04 25년 신학기 로고 (gif일시 bi로고 깨짐 이슈) */
.header .top .logo.logoArt250304 {top:0;width:404px;height:94px;background:url(../images/common/logo/logo_250304.gif) no-repeat 0 center / auto 94px;margin-top:14px;margin-left:-93px;}
.header .top .logo.logoArt250304:after{content:"";display:inline-block;width:404px;height:100%;position:absolute;top:50%;transform:translateY(-50%);background: url(../images/common/logo_2025.png) no-repeat right center;margin-top:4px;}
.header.type02 .top .logo.logoArt250304 {position:absolute;left:0;top:0;width:275px;height:62px;background:url(../images/common/logo/logo_250304.gif) no-repeat right center / auto 62px;margin-left:0;margin-top:25px;image-rendering:-webkit-optimize-contrast;}
.header.type02 .top .logo.logoArt250304:after{width: 275px;background-image: url(../images/common/logo/renew/logo_vivasam_new.svg);background-size:146px 21px;background-position:left center;}

/* 2025-05-15 스승의날 로고 */
.header .top .logo.logoArt250513 {left: 35%; top: 42px; transform: translateX(-50%); width: 228px; height: 45px; background: url(../images/common/logo_2025.png) no-repeat left center;}
.header .top .logo.logoArt250513:before{content:"";display:inline-block;position:absolute;top:0;left:0;width:172px;height:120px;background:url(../images/common/logo/logo_250513.gif) no-repeat 0 center;margin-top:-41px;margin-left:-172px;}
.header.type02 .top .logo.logoArt250513 {position: absolute; left:0;top:40px;width: 359px;height: 39px;background:url('/resources/images/common/logo/renew/logo_vivasam02.png') no-repeat center center;margin-left:124px;}
.header.type02 .top .logo.logoArt250513:before{width:114px;height:80px;background:url(../images/common/logo/logo_250513_cm.gif) no-repeat center center;margin-top:-25px;margin-left:-114px;position:absolute;}

/* 2025-05-15 꽃잎 오브제(메인) */
.header .top .logo.logoArt250513 [class*="obj"]{position:absolute;top:-42px;display: inline-block;background:url(../images/common/logo/flower1.svg) no-repeat center center;width:11px;height:13px;opacity: 0;}
.header .top .logo.logoArt250513 .obj1,.header .top .logo.logoArt250513 .obj5{background-image:url(../images/common/logo/flower1.svg);}
.header .top .logo.logoArt250513 .obj2,.header .top .logo.logoArt250513 .obj6{background-image:url(../images/common/logo/flower2.svg);width:14px;height:8px;}
.header .top .logo.logoArt250513 .obj3,.header .top .logo.logoArt250513 .obj7{background-image:url(../images/common/logo/flower3.svg);width:6px;height:10px;}
.header .top .logo.logoArt250513 .obj4,.header .top .logo.logoArt250513 .obj8{background-image:url(../images/common/logo/flower4.svg);width:8px;height:18px;}
.header .top .logo.logoArt250513 .obj1{left:-170px; animation: obj1 4.55s infinite;}
.header .top .logo.logoArt250513 .obj2{left:-172px; animation: obj2 3.25s .2s infinite;}
.header .top .logo.logoArt250513 .obj3{left:-178px; animation: obj3 5.7s .5s infinite;}
.header .top .logo.logoArt250513 .obj4{left:-182px; animation: obj4 2.5s .7s infinite;}
.header .top .logo.logoArt250513 .obj5{right:204px; animation: obj5 3s 1s infinite;}
.header .top .logo.logoArt250513 .obj6{right:212px; animation: obj6 4s 1.2s infinite;}
.header .top .logo.logoArt250513 .obj7{right:224px; animation: obj7 5s 1.3s infinite;}
.header .top .logo.logoArt250513 .obj8{right:234px; animation: obj8 2s 1.4s infinite;}
/* 2025-05-15 꽃잎 오브제(고객센터) */
.header.type02 .top .logo.logoArt250513 [class*="obj"]{position:absolute;top:-42px;display: inline-block;background:url(../images/common/logo/flower1.svg) no-repeat center center;width:11px;height:13px;opacity: 0;}
.header.type02 .top .logo.logoArt250513 .obj1,.header.type02 .top .logo.logoArt250513 .obj5{background-image:url(../images/common/logo/flower1.svg);}
.header.type02 .top .logo.logoArt250513 .obj2,.header.type02 .top .logo.logoArt250513 .obj6{background-image:url(../images/common/logo/flower2.svg);width:14px;height:8px;}
.header.type02 .top .logo.logoArt250513 .obj3,.header.type02 .top .logo.logoArt250513 .obj7{background-image:url(../images/common/logo/flower3.svg);width:6px;height:10px;}
.header.type02 .top .logo.logoArt250513 .obj4,.header.type02 .top .logo.logoArt250513 .obj8{background-image:url(../images/common/logo/flower4.svg);width:8px;height:18px;}
.header.type02 .top .logo.logoArt250513 .obj1{left:-114px; animation: obj_cm1 4.55s infinite;}
.header.type02 .top .logo.logoArt250513 .obj2{left:-114px; animation: obj_cm2 3.25s .2s infinite;}
.header.type02 .top .logo.logoArt250513 .obj3{left:-114px; animation: obj_cm3 5.7s .5s infinite;}
.header.type02 .top .logo.logoArt250513 .obj4{left:-114px; animation: obj_cm4 2.5s .7s infinite;}
.header.type02 .top .logo.logoArt250513 .obj5{right:350px; animation: obj_cm5 3s 1s infinite;}
.header.type02 .top .logo.logoArt250513 .obj6{right:347px; animation: obj_cm6 4s 1.2s infinite;}
.header.type02 .top .logo.logoArt250513 .obj7{right:340px; animation: obj_cm7 5s 1.3s infinite;}
.header.type02 .top .logo.logoArt250513 .obj8{right:343px; animation: obj_cm8 2s 1.4s infinite;}

@keyframes obj1{
    25%{opacity: 1;}
    100% {transform:translate(183px, 120px) rotate(180deg); transition-timing-function:ease-in-out; opacity: 0;}
}
@keyframes obj2{
    25%{opacity: 1;}
    100% {transform:translate(120px, 120px) rotate(-180deg); transition-timing-function:ease-in-out;opacity: 0;}
}
@keyframes obj3{
    25%{opacity: 1;}
    100% {transform:translate(153px, 120px) rotate(180deg); transition-timing-function:ease-in-out;opacity: 0;}
}
@keyframes obj4{
    25%{opacity: 1;}
    100% {transform:translate(50px, 120px) rotate(-180deg); transition-timing-function:ease-in-out;opacity: 0;}
}
@keyframes obj5{
    25%{opacity: 1;}
    100% {transform:translate(-153px, 120px) rotate(180deg); transition-timing-function:ease-in-out; opacity: 0;}
}
@keyframes obj6{
    25%{opacity: 1;}
    100% {transform:translate(-86px, 120px) rotate(-180deg); transition-timing-function:ease-in-out;opacity: 0;}
}
@keyframes obj7{
    25%{opacity: 1;}
    100% {transform:translate(-123px, 120px) rotate(180deg); transition-timing-function:ease-in-out;opacity: 0;}
}
@keyframes obj8{
    25%{opacity: 1;}
    100% {transform:translate(-80px, 120px) rotate(-180deg); transition-timing-function:ease-in-out;opacity: 0;}
}

@keyframes obj_cm1{
    25%{opacity: 1;}
    100% {transform:translate(100px, 95px) rotate(180deg); transition-timing-function:ease-in-out; opacity: 0;}
}
@keyframes obj_cm2{
    25%{opacity: 1;}
    100% {transform:translate(120px, 95px) rotate(-180deg); transition-timing-function:ease-in-out;opacity: 0;}
}
@keyframes obj_cm3{
    25%{opacity: 1;}
    100% {transform:translate(143px, 95px) rotate(180deg); transition-timing-function:ease-in-out;opacity: 0;}
}
@keyframes obj_cm4{
    25%{opacity: 1;}
    100% {transform:translate(50px, 95px) rotate(-180deg); transition-timing-function:ease-in-out;opacity: 0;}
}
@keyframes obj_cm5{
    25%{opacity: 1;}
    100% {transform:translate(-133px, 95px) rotate(180deg); transition-timing-function:ease-in-out; opacity: 0;}
}
@keyframes obj_cm6{
    25%{opacity: 1;}
    100% {transform:translate(-86px, 95px) rotate(-180deg); transition-timing-function:ease-in-out;opacity: 0;}
}
@keyframes obj_cm7{
    25%{opacity: 1;}
    100% {transform:translate(-123px, 95px) rotate(180deg); transition-timing-function:ease-in-out;opacity: 0;}
}
@keyframes obj_cm8{
    25%{opacity: 1;}
    100% {transform:translate(-80px, 95px) rotate(-180deg); transition-timing-function:ease-in-out;opacity: 0;}
}

/* 퀵메뉴 플로팅 배너 */
.quickevt_banner{overflow:hidden;position:fixed;top:200px;right:182px;width:130px;margin:0 5px;z-index:1;}
/*.quickevt_banner.on {right: 182px;}*/
.quickevt_banner .banner_close{float:right;margin-top:10px;}

@keyframes load1 {
    0%{transform:rotateZ(-90deg);-ms-transform:rotateZ(-90deg);}
    80%,100%{transform:rotateZ(270deg);-ms-transform:rotateZ(270deg)}
}
@keyframes load2 {
    0%{transform:rotateZ(-114deg);-ms-transform:rotateZ(-114deg)}
    80%,100%{transform:rotateZ(246deg);-ms-transform:rotateZ(246deg);}
}
@keyframes load3 {
    0%{transform:rotateZ(-138deg);-ms-transform:rotateZ(-138deg);}
    80%,100%{transform:rotateZ(222deg);-ms-transform:rotateZ(222deg);}
}
@keyframes load4 {
    0%{transform:rotateZ(-162deg);-ms-transform:rotateZ(-162deg);}
    80%,100%{transform:rotateZ(198deg);-ms-transform:rotateZ(198deg);}
}
@keyframes load5 {
    0%{transform:rotateZ(-186deg);-ms-transform:rotateZ(-186deg);}
    80%,100%{transform:rotateZ(174deg);-ms-transform:rotateZ(174deg);}
}
@media screen and (max-width:1896px){
    .gate_event .banner{float:none;text-align:center;margin:5px auto;}
    .gate_event .banner + .banner{float:none;}
}
@media screen and (max-width:1540px){
    .gate .cell_l{padding:0 30px;}
    .gate .cell_l .tschool_wrap{margin-top:50px;}
    .gate .cell_l .cs_center .number{height:auto;text-align:center;}
    .gate .cell_l .cs_center .number .tit_cs_num{display:block;margin:5px auto 0;}
    .gate .cell_l .cs_center .remote{position:relative;right:auto;top:auto;margin:10px auto 0;}
    .gate .cell_r{padding:0 40px;}
}

@media screen and (max-width:1200px){
    .gate .cell_l{padding:10px 30px;}
    .gate .cell_r{padding:0 10px;}
    .gate .cell_r .flex_wrap .flex_conts .vmagz{margin-top:50px;}
    .gate_event{margin-top:60px;}
    .gate_event .banner{float:none;margin:0 auto;}
    .gate_event .banner + .banner{float:none;margin:10px auto 0;}
}

/* select2 검색영역 강제로 숨기기 */
.select2-search--dropdown { display: none !important; }

/** 2022-02-22 신학기개편 **/
.movie_info .interval input[type="text"]{margin-top:30px;height:42px;}
.movieviewer .btn_bottom .btn_down.disabled{background-color:#eee; color:#C0C0C0;}
.movieviewer .btn_bottom .btn_down.disabled span{background-image: url('../images/ve/ic_down_disable.png');}

/* 회원가입 페이지 스크롤 아이콘 */
.join_sns_scroll{display:block; position:fixed; bottom:66px; right:300px; width:48px; height:115px; background:url('/resources/images/member/ico_scroll_txt.png') no-repeat center bottom;}
.join_sns_scroll .mouse{position:absolute; left:8px; top:0px; width:33px; height:45px; background:url('/resources/images/member/ico_scroll_mouse.png') no-repeat center center; animation-name: snsScroll3; animation-iteration-count:  infinite; animation-duration: 1.5s; animation-timing-function: ease; animation-fill-mode: backwards; animation-delay: 300ms}
.join_sns_scroll .dot{position:absolute; left:22px; top:14px; width:5px; height:5px; background:url('/resources/images/member/ico_scroll_dot.png') no-repeat center center; animation-name: snsScroll;animation-duration: 1.5s;animation-timing-function: cubic-bezier(0, 0, 0.45, 1.15);animation-iteration-count: infinite; transform-origin: 50% 20px; will-change: transform; animation-fill-mode: backwards;}
.join_sns_scroll .arr{position:absolute; left:18px; top:50px; width:13px; height:8px; background:url('/resources/images/member/ico_scroll_arr.png') no-repeat center center; animation-name: snsScroll2;animation-duration: 1.5s;animation-timing-function: cubic-bezier(0, 0, 0.45, 1.15);animation-iteration-count: infinite; transform-origin: 50% 20px; will-change: transform; opacity: 0; animation-fill-mode: backwards; animation-delay: 300ms;}
@keyframes snsScroll {
    0%, 20% { transform: translateY(0) scaleY(1); }
    10% { opacity: 1; }
    100% { transform: translateY(36px) scaleY(2); opacity: 0.01; }
}
@keyframes snsScroll2 {
    0%, 20% { transform: translateY(0) scaleY(1); }
    10% { opacity: 1; }
    100% { transform: translateY(36px) scaleY(2); opacity: 0.01; }
}

@keyframes snsScroll3{
    0%{transform: translateY(0)}
    50%{transform: translateY(3px);}
    100%{transform: translateY(0);}
}

.bnr_ieEnd{position:fixed; left:0; bottom:0; right:0; background:rgba(224, 94, 63, 0.95); z-index:1000;}
.bnr_ieEnd .inner{position:relative; max-width:1200px; margin:0 auto;}
.bnr_ieEnd p{padding:29px 0 29px 173px;}
.bnr_ieEnd .ie_txt{display:inline-block; width:560px; height:41px; margin-right:20px; background:url('/resources/images/common/bnr_ieEnd_txt.png') no-repeat left center; vertical-align:middle;}
.bnr_ieEnd .ie_btn{display:inline-block; width:128px; height:41px; background:url('/resources/images/common/bnr_ieEnd_btn.png') no-repeat left center; vertical-align:middle;}
.bnr_ieEnd .btn_close{position:absolute; right:14px; bottom:20px; font-size:13px; color:#292422; font-weight:400; line-height:1;}
.bnr_ieEnd .btn_close span{display:inline-block; width:9px; height:13px; margin-left:12px;  background:url('/resources/images/common/bnr_ieEnd_close.png') no-repeat center center; vertical-align: top;}


/* 2022-06-10 오류 수정 및 고도화 요청 */
.header.type02 .top article{overflow:visible;}

#quickMenu .vmagazine .img{height:auto;}

/* 2022-10-26 시간표 구축 서비스 */
#quickMenu .bookmark li.quick_helper {background:#fff8e7; }
#quickMenu .bookmark li.quick_helper a {position:relative; padding-left:23px; color:#ff8125;}
#quickMenu .bookmark li.quick_helper a.new:after {content: ''; 	display: inline-block; 	width: 26px; height: 26px; margin-left: 2px; background: url(../images/create/ic_new.png) 50% 50% no-repeat; vertical-align: top;}
#quickMenu .bookmark ul li a.time_table:after {content:""; display:block; position:absolute; left:0; top:50%; transform:translateY(-50%); width:14px; height:15px; background:url('/resources/images/common/quick_timeTable.png')no-repeat left center; }
#quickMenu .bookmark ul li a.helper_class:after {content:""; display:block; position:absolute; left:0; top:50%; transform:translateY(-50%); width: 15px; height: 15px;  background:url('/resources/images/common/quick_helperClass2.png')no-repeat left center; }
#quickMenu .bookmark ul li a.helper_teach:after  {content:""; display:block; position:absolute; left:0; top:50%; transform:translateY(-50%); width: 15px; height: 14px;  background:url('/resources/images/common/quick_helperTeach2.png')no-repeat left center; }

/* 교과 연계 자료 */
.specialDataWrap .tab_educourse:before{content:'';position:absolute;left:0;bottom:0;display:inline-block;width:100%;height:1px;background:#e5e5e5;}
.specialDataWrap .tab_wrap{margin-bottom:20px;}
.specialDataWrap .tab_wrap .btnWrap {display:flex;position:absolute;top:50%;right:0;transform: translateY(-50%);}
.specialDataWrap .tab_wrap .btnWrap button {flex:1;padding:10px 20px; background: #f4f8ff; border:1px solid #ccd2db; border-radius:25px;}
.specialDataWrap .tab_wrap .btnWrap button span {font-size:13px;color:#273fa1;font-weight:400;line-height:16px;text-align:left;}
.specialDataWrap .tab_wrap .btnWrap .btn_down {margin-top:-7px;flex:1;width:150px;height:48px;padding:7px 15px 7px 20px; background: #f4f8ff; border:1px solid #ccd2db; border-radius:25px;text-align:left;}
.specialDataWrap .tab_wrap .btnWrap .btn_down span{display:block;background:url(../images/common/icon/gg_file_down.png) no-repeat right center;}
.specialDataWrap .tab_wrap .btnWrap .btn_link {margin-top:-8px;margin-left:6px;flex:1;width:150px;height:48px;padding:7px 15px 7px 20px; background: #f4f8ff; border:1px solid #ccd2db; border-radius:25px;text-align:left;}
.specialDataWrap .tab_wrap .btnWrap .btn_link span{display:block;font-size:13px;color:#273fa1;font-weight:400;line-height:16px;text-align:left;background:url(../images/common/icon/gg_link.png) no-repeat right center;}
.data_list.special_list ul li,
.data_list.special_list ul li:nth-child(4n){width:171px;margin-right:13px;}
.data_list.special_list ul li:nth-child(5n){margin-right:0;}
.data_list.special_list ul li .data_cont{border-radius:10px;}
.data_list.special_list ul li .data_cont .img{height:171px;}
.data_list.special_list ul li label{cursor:pointer;}
.data_list.special_list ul li label:hover span{color:#ff8125;}
/*23년 1학기 초등 개편 - 메인*/

.header{z-index:1000;}
.header .top_common {position: relative; height: 36px; background: #f4f8ff; border: 0; }
.header .top_common article {display: flex; justify-content: space-between; align-items: center;}
.header .top_common .left_module {float: none; display: flex; gap: 4px; line-height: normal;align-items: center;}
.header .top_common .left_module a:nth-child(1) {padding: 0 8px;}
.header .top_common .left_module > a,
.header .top_common .left_module > div {padding: 0 8px; margin: 0; font-size: 12px; line-height: 28px; color: #53565d; border-radius: 50px;}
.header .top_common .left_module > a::after,
.header .top_common .left_module > div::after {content: none;}
.header .top_common .left_module > a:hover,
.header .top_common .left_module > div:hover {color: #273FA1; background-color: #dfe2f1;}
.header .top_common .left_module > a.on,
.header .top_common .left_module > div.on {color: #273fa1; font-weight: 600;}
.header .top_common .left_module > :nth-child(1):hover,
.header .top_common .left_module > :nth-child(1).on {color: #f28b15; background-color: #feebd5;}
.header .top_common .left_module > :nth-child(2):hover,
.header .top_common .left_module > :nth-child(2).on {color: #0057ed; background-color: #cfe6fa;}
.header .top_common .left_module > :nth-child(3):hover,
.header .top_common .left_module > :nth-child(3).on {color: #8950e7; background-color: #e7dcfa;}

.header .top_common .left_module .module_samquiz {padding:0 20px 0 8px;margin:0;color:#53565d;height:28px;border-radius:14px;font-size:12px;line-height:28px; background-image: url('/resources/images/common/icon_samquiz_arr.png'); background-repeat: no-repeat; background-position: right 5px top 50%;}
.header .top_common .left_module .module_samquiz ul {padding-top: 9px; border: 0;display: none; }
.header .top_common .left_module .module_samquiz ul :nth-child(1) {padding: 0; border: 0;}
.header .top_common .left_module .module_samquiz li {white-space: nowrap;}
.header .top_common .left_module .module_samquiz li a {display: inline;padding: 0 !important; font-size: 12px; font-weight: 400; color: #838383; letter-spacing: -0.04em; line-height: 20px; text-align: center; vertical-align: top;}
.header .top_common .left_module .module_samquiz li:hover a {background: none;}
.header .top_common .left_module .module_samquiz li + li::before {content: ''; display: inline-block; width: 1px; height: 10px; margin: 0 8px; vertical-align: 3px; background-color: #a4a5a9;}
.header .top_common .left_module .module_samquiz li a:hover {color: #273fa1; font-weight: 700; text-decoration: underline; background: none;}
.header .top_common .left_module .module_samquiz:hover {cursor: pointer;z-index: 10000;color:#273FA1; background: #dfe2f1 url('/resources/images/common/icon_samquiz_arr_on.png') no-repeat right 5px top 50%;}
.header .top_common .left_module .module_samquiz:hover ul {display: flex;}


.header .top_common .module_samquiz ul {display: none;position: absolute;}
.header .top_common .module_samquiz:hover ul {display: block;}
.header .top_common .module_samquiz ul li {height: 20px;}

.header .top_common .right_module a {padding: 0 7px; color: #53565d}
.header .top_common .right_module a:after {content: ""; display: inline-block; position: absolute; left: -3px; top: 50%; transform: translateY(-50%); width: 2px; height: 2px; margin-top: 0; background:#53565d; border-radius: 50%;}
.header .top_common .right_module a:nth-of-type(1):after, #header .top_common .right_module a:before {display: none;}
.header .top_common .right_module a:hover{color:#f5802c;}
.header .top_common .right_module .icon_new {width: 15px; height: 15px; background:url(../images/renew/ico/new_ico.png) no-repeat center; display: inline-block; margin-left: 5px; vertical-align: middle;}
.header .top_common .right_module .login {display: flex;}
.header .top_common .right_module .login > li:before {display: none;}
.header .top_common .right_module .login > li a {padding: 0 12px; margin-left: 3px;}
.header .top_common .right_module .login > li a:after {content: ""; display: inline-block; position: absolute; left: -3px; top: 50%; transform: translateY(-50%); width: 2px; height: 2px; margin-top: 0; background: #838383; border-radius: 50%;}
.header .top_common .right_module .login > li:nth-of-type(1) a:after {display: none;}
.header .top_common .right_module .login > li .my_cont li a:after{display:none;}




/*.header .top .logo {left: 50%; top: 29px; transform: translateX(-50%); width: 150px; height: 45px; background: url(../images/common/logo_vivasam_v2.png) no-repeat left center;}*/
.header .top .logo {left: 35%; top: 42px; transform: translateX(-50%); width: 228px; height: 45px; background: url(../images/common/logo_2025.png) no-repeat left center;}
/*.header .top .logo {left: 34%; top: 42px; transform: translateX(-50%); width: 288px; height: 45px; background: url(../images/common/logo_0523.png) no-repeat left center;}*/
.header .top article {height: 135px; padding: 0;}
.top .search_wrap {left:46%; top: 43px; width: 341px; height: 41px; margin-left: 0; background:#fff; border:1px solid #ff8800;box-shadow:0 4px 10px 0px rgba(255,136,0,0.2);}
.header .search_form {padding: 8px 45px 8px 16px;}
.header .search_form .btn_search {margin:0 10px; right: 6px; top: 0;  width: 21px; height: 41px; background: url(../images/common/ic_search4.png) no-repeat center center; background-size: 100% auto;}
.header .search_wrap:hover .btn_search,
.header .search_wrap:active .btn_search,
.header .search_wrap:visited .btn_search{background: url(../images/common/ic_search4.png) no-repeat center center;}
/*.top .search_wrap.on{width: 286px; padding: 5px 0 7px 18px; background: #f8fafb; border-color: #67747c;!*-webkit-transition:border 0.1s ease; transition:border 0.1s ease;*!}*/
.header .search_form input[type="text"] {padding-right:50px; width: 100%;height: 24px;background: none;line-height: 34px;font-size: 14px;color: #393d49; box-sizing: border-box;}
.header .search_form input[type="text"]::placeholder {font-size: 14px; color: #8fa0ad;}
.header.type02 .top .logo{transform:translateX(0);}
.header.type03 .top_common{border-top:none;}
.gnb {height: 48px; border-top:none; border-bottom: 2px solid #eeeeee; box-shadow:none;}
.gnb.mainLine{border-bottom:none;}
.gnb article .gnb_wrap {position: relative; width: 100%; max-width: 1200px; margin: 0 auto;}
.gnb article .btnAllMenu { display: inline-block; position: absolute; left: 17px; top: 50%; width: 27px; height: 22px; margin-top:-11px; background: url(../images/common/ic_btnAllmenu.png) no-repeat left center;  z-index: 99;}
.gnb article .btnAllMenu.open{background-image:url('../images/common/btn_close4.png');}
.gnb ul.gnbmenu { padding: 0; text-align: left;display:flex;flex-wrap:nowrap;gap:40px;justify-content: flex-start;}
.gnb ul.gnbmenu li {position: relative; padding:6px 0 12px 0;}
.gnb ul.gnbmenu li.new:after {content: ""; display: inline-block; position: absolute; left: 19px; top: 3px; width:32px; height: 14px;  background: url(../images/common/ic_new.png) no-repeat center;}
.gnb ul.gnbmenu li:nth-of-type(1) {margin-left: 0;}
.gnb ul.gnbmenu li a {position: relative;}
.gnb ul.gnbmenu li a:hover{color:#ff8800; font-weight:600;}
.gnb ul.gnbmenu li:nth-of-type(1) a:after {display: none;}
/*.gnb ul.gnbmenu li a:after {content: ""; display:inline-block; position: absolute; left:-18px; top: 50%; transform: translateY(-50%);  width:5px; height: 5px; background: #dbdbdb; border-radius: 50%; }*/
.gnb ul.gnbmenu li a:hover:after,
.gnb ul.gnbmenu li.gnb_quiz a:hover:after,
.gnb ul.gnbmenu li.afterOn a:after,
.gnb ul.gnbmenu li.afterOn.gnb_quiz a:after{background: #f5802c;}
.gnb ul.gnbmenu li a:hover:before,.gnb ul.gnbmenu li.on a:before {content:""; display:inline-block; position: absolute; left: 0; bottom: -12px; width: 100%; height: 4px; background: #ff8800;}
.gnb ul.gnbmenu li.gnb_quiz {position: unset; padding: 16px 12px 14px;}
.gnb ul.gnbmenu li.gnb_quiz a,.all_menu_wrap .menu_line h2 a.samquiz{width: 51px; background:url('../images/common/ic_quiz2.png') no-repeat center center;}
.gnb ul.gnbmenu li .ico_new {position:absolute;left:0;top:-12px;display:inline-block;width:16px;height:16px;background:url('../images/common/ico_new_3.png') no-repeat center center;}
.gnb ul.gnbmenu li .ico_22 {position:absolute;left:0;top:-12px;display:inline-block;width:47px;height:19px;background:#00B8FF;border-radius:5px;font-size:12px;font-weight:400;color:#fff;text-align:center;line-height:19px;}
/*.gnb ul.gnbmenu li.gnb_quiz a:after {content: ""; display:inline-block; position: absolute; left:-19px; top: 50%; transform: translateY(-50%);  width:5px; height: 5px; background: #dbdbdb; border-radius: 50%; }*/
.gnb_depth {top: 61px; border-bottom:1px solid #dadada; border-top:none;}

/* gnb 전체 메뉴 */
.all_menu_wrap{position:relative; max-width:1200px; margin:0 auto; display:flex;}
.all_menu_wrap .menu_line{width:235px; border-right:1px solid #dadada;}
.all_menu_wrap .menu_line:last-child{border-right:none;}
.all_menu_wrap .menu_line .menu_wrap{border-bottom:1px solid #dadada;}
.all_menu_wrap .menu_line .menu_wrap:last-child{border-bottom:none;}
.all_menu_wrap .menu_line h2{padding:10px 20px; font-size:18px; color:#303237; font-weight:600; line-height:29px; letter-spacing:-0.045em;}
.all_menu_wrap .menu_line h2 a{font:inherit; color:inherit;position:relative;}
.all_menu_wrap .menu_line h2 a:hover{color:#ff7031; text-decoration:underline; text-underline-position:under;}
.all_menu_wrap .menu_line h2 a.samquiz{display:inline-block;height:17px;}
.all_menu_wrap .menu_line .menu_box{padding:15px 20px 35px; border-top:1px solid #dadada;}
.all_menu_wrap .menu_line .menu_box h3{font-size:15px; color:#303237; font-weight:500; line-height:23px; letter-spacing:-0.045em;}
.all_menu_wrap .menu_line .menu_box h3 a{font:inherit; color:inherit;}
.all_menu_wrap .menu_line .menu_box h3+ul{margin-top:7px;}
.all_menu_wrap .menu_line .menu_box ul+h3{margin-top:17px;}
.all_menu_wrap .menu_line .menu_box ul li {position: relative;}
.all_menu_wrap .menu_line .menu_box ul li a{position: relative; font-size:14px; color:#464a4f; font-weight:400; line-height:22px; letter-spacing:-0.045em;}
.all_menu_wrap .menu_line .menu_box ul li.new a:after,.all_menu_wrap .menu_line h2.new a:after{content: ""; display:inline-block; position: absolute; right: -20px; top: 50%; transform: translateY(-50%); width:15px;height:15px;margin-left:7px;background:url('../images/common/new_ico.png')no-repeat left center; }
.all_menu_wrap .menu_line .menu_box ul li a:hover{color:#ff7031; text-decoration:underline; text-underline-position:under;}
.all_menu_wrap .menu_line.textbook,
.all_menu_wrap .menu_line.samter{width:170px;}
.all_menu_wrap .menu_line.textbook .menu_box{padding-bottom:110px;}
.all_menu_wrap .menu_line.creative{flex:1;}
.all_menu_wrap .menu_line.creative .menu_box{display:flex; justify-content:space-between; gap:24px;}
.all_menu_wrap .menu_line.creative .menu_box>div{flex:1;}
.all_menu_wrap .menu_line.theme{width:210px;}
.all_menu_wrap .gnb_close{position:absolute; right:0; bottom:0; width:40px; height:40px; background:url('../images/common/gnb_close.png') no-repeat center center;}

.header.fix .gnb{height:72px; border-bottom:1px solid #dbdbdb; box-shadow: 0 5px 0 0 rgba(245,245,245,1);}
.header.fix .logo{width:180px; height:71px; margin-left:-624px; background-image:url('../images/common/logo_2025.png'); background-size:180px auto;}
/*.header.fix .logo{width:180px; height:71px; margin-left:-624px; background-image:url('../images/common/logo_2025_black.png'); background-size:180px auto;}*/
.header.fix .gnb article .btnAllMenu{display:none;}
.header.fix .gnb_depth{overflow:auto;position:fixed;top:72px;height:calc(100% - 72px);max-height:787px;}
.header.fix .gnb ul.gnbmenu{padding-right:30px;}
.header.fix .gnb ul.gnbmenu li{padding:0 13px; margin:0;}
.header.fix .gnb ul.gnbmenu li:first-child{padding:0 13px;}
.header.fix .gnb ul.gnbmenu li:nth-child(2){padding:0 13px;}
.header.fix .gnb ul.gnbmenu li:nth-child(3){padding:0 13px;}
.header.fix .gnb ul.gnbmenu li.gnb_quiz{padding:0 13px;}
.header.fix .gnb ul.gnbmenu li a{padding:19px 0 12px; font-size:18px; color:#121212; line-height:40px;}
.header.fix .gnb ul.gnbmenu li.gnb_quiz a{margin-top:4px;width:51px; height:68px;background-position:center center;}
.header.fix .gnb ul.gnbmenu li.gnb_quiz a:after{display:block;}

.header.fix .gnb ul.gnbmenu li.on a:after{display:block;}
.header.fix .gnb ul.gnbmenu li.gnb_vivaclass a{height:68px;}
.header.fix .gnb ul.gnbmenu li.new:after{top:12px;}
.header.fix .gnb ul.gnbmenu li .ico_new{top:8px;left:13px;}
.header.fix .gnb ul.gnbmenu li .ico_22{top:8px;left:13px;}
.header.fix .gnb ul.gnbmenu li a:hover{color:#f5802c;}
.header.fix .gnb ul.gnbmenu li a:hover:before{bottom:0; height:4px; border-bottom:none;}
.header.fix .gnb ul.gnbmenu li.on a:before{bottom:0;}

.main_top .main_visual {position:relative; float: right;}
.content .main_top .main_visual .module_btn{display:flex;align-items:center; left:50%; bottom:17px; margin-left:0; transform: translateX(-50%); z-index:999;}
.content .module_btn .swiper-pagination{margin:0 15px;}
.content .module_btn .swiper-pagination{font-size:15px; color:#757575;font-weight:300;}
.content .module_btn .swiper-pagination span{font-size:15px; color:#757575;font-weight:300;}
.content .module_btn .swiper-pagination .swiper-pagination-current{margin-right:5px; color:#3e3e3e; font-weight:600;}
.content .module_btn .swiper-pagination .swiper-pagination-total{margin-left:5px;}
.main_top .main_visual .btn_evtAll{position:absolute; right:10px; top:8px; width:109px; font-size:15px; color:#3e3e3e; font-weight:400; line-height:32px; text-align:center; z-index:10;}
.main_top .main_visual .btn_evtAll span{display:inline-block; margin-left:10px; width:12px; height:32px; background:url('../images/main/btn_more2.png') no-repeat center center; vertical-align:top;}
.main_top .main_visual .btn_evtAll:hover{cursor: pointer;}


.main_top_type02 .inner .banner_m_top {left: 0; right: unset; top: 0;}
.main_top_type02 .inner .my_textbook {position:relative; width:896px; height: 100%; display:flex; overflow:hidden;}
.main_top_type02 .inner .my_textbook .timetable{width:50px; border:1px solid #434753; border-radius:13px 0 0 13px; background:#f37519;border-right:0;height:183px;}
.main_top_type02 .inner .my_textbook .timetable a{display:block; padding:27px 19px 0; height:100%;text-align:center;}
.main_top_type02 .inner .my_textbook .timetable a span{display:block;font-size:14px; color:#fff; font-family:'ONE-Mobile-Title', 'Noto Sans Korean', sans-serif; text-shadow:0px 1px 1px rgb(232,110,23,4);}
.main_top_type02 .inner .my_textbook .timetable a span+span{margin-top:5px;}
.main_top_type02 .inner .my_textbook .timetable a i{margin-top:10px; display:block; width:20px; height:20px; background:url('../images/main/ico_ttb_arr_on.png') no-repeat center center #fff; border:1px solid #fff; border-radius:50%;margin-left:-4px;}
.main_top_type02 .inner .my_textbook > ul {position:relative;display: flex; flex-wrap: wrap; flex:1; border:1px solid #434753; background: #fff; border-radius:0 13px 13px 0; overflow: hidden;height:183px;}
.main_top_type02 .inner .my_textbook > ul li{position:relative; width:calc(100% / 6); height: 50%; border-right: 1px solid #d2d2d2; text-align: center;}
.main_top_type02 .inner .my_textbook > ul li:nth-child(6n) {border-right:0;}

.main_top_type02 .inner .my_textbook > ul li.cellTopline{width:100%;border-right:none;}
.main_top_type02 .inner .my_textbook > ul li.cellTopline .IneerFlex{height:100%;display:flex;flex-wrap:nowrap;justify-content: flex-start;align-items: center;}
.main_top_type02 .inner .my_textbook > ul li.cellTopline .IneerFlex .textbook_box{flex:1;min-width:calc(100% / 7);border-left:1px solid #d2d2d2;}
.main_top_type02 .inner .my_textbook > ul li.cellTopline .IneerFlex .textbook_box:first-child{border-left:none;}
/*.main_top_type02 .inner .my_textbook > ul li:last-child {border-right:0;}*/
.main_top_type02 .inner .my_textbook > ul li.cellTopline .IneerFlex .textbook_box.kor a .ico_subject{background-image:url(../images/main/ico_subject_kor.png);}
.main_top_type02 .inner .my_textbook > ul li.cellTopline .IneerFlex .textbook_box.mat a .ico_subject{background-image:url(../images/main/ico_subject_math.png);}
.main_top_type02 .inner .my_textbook > ul li.cellTopline .IneerFlex .textbook_box.soc a .ico_subject{background-image:url(../images/main/ico_subject_society.png);}
.main_top_type02 .inner .my_textbook > ul li.cellTopline .IneerFlex .textbook_box.sci a .ico_subject{background-image:url(../images/main/ico_subject_science.png);}
.main_top_type02 .inner .my_textbook > ul li.cellTopline .IneerFlex .textbook_box.mor a .ico_subject{background-image:url(../images/main/ico_subject_ethics.png);}
.main_top_type02 .inner .my_textbook > ul li.cellTopline .IneerFlex .textbook_box.mus a .ico_subject{background-image:url(../images/main/ico_subject_music.png);}
.main_top_type02 .inner .my_textbook > ul li.cellTopline .IneerFlex .textbook_box.art a .ico_subject{background-image:url(../images/main/ico_subject_art.png);}
.main_top_type02 .inner .my_textbook > ul li.cellTopline .IneerFlex .textbook_box.phy a .ico_subject{background-image:url(../images/main/ico_subject_physical.png);}
.main_top_type02 .inner .my_textbook > ul li.cellTopline .IneerFlex .textbook_box.sch a .ico_subject{background-image:url(../images/main/ico_subject_school.png);}
.main_top_type02 .inner .my_textbook > ul li.cellTopline .IneerFlex .textbook_box.peo a .ico_subject{background-image:url(../images/main/ico_subject_people.png);}
.main_top_type02 .inner .my_textbook > ul li.cellTopline .IneerFlex .textbook_box.cou a .ico_subject{background-image:url(../images/main/ico_subject_korea.png);}
.main_top_type02 .inner .my_textbook > ul li.cellTopline .IneerFlex .textbook_box.exp a .ico_subject{background-image:url(../images/main/ico_subject_adv.png);}
.main_top_type02 .inner .my_textbook > ul li.cellTopline .IneerFlex .textbook_box.mys a .ico_subject{background-image:url(../images/main/ico_subject_me.png);}
.main_top_type02 .inner .my_textbook > ul li.cellTopline .IneerFlex .textbook_box.nat a .ico_subject{background-image:url(../images/main/ico_subject_nature.png);}
.main_top_type02 .inner .my_textbook > ul li.cellTopline .IneerFlex .textbook_box.tow a .ico_subject{background-image:url(../images/main/ico_subject_town.png);}
.main_top_type02 .inner .my_textbook > ul li.cellTopline .IneerFlex .textbook_box.wor a .ico_subject{background-image:url(../images/main/ico_subject_world.png);}



.main_top_type02 .inner .my_textbook > ul li .textbook_box{position:relative; width:100%; height:100%; display: flex; justify-content: center; align-items:center; overflow:hidden;}
.main_top_type02 .inner .my_textbook > ul li a {font-size:18px; color:#3e3e3e; font-family:'Noto Sans Korean', sans-serif; line-height:21px;font-weight:600;}
.main_top_type02 .inner .my_textbook > ul li a:hover {color:#ff8800;}
.main_top_type02 .inner .my_textbook > ul li a span {display: block; font-size:14px; color:#757575; font-family:inherit;font-weight:300;}
.main_top_type02 .inner .my_textbook > ul li a span.textbook_tit{font-family:"Noto Sans KR", sans-serif;font-size:13px;color:#fff;background-color:#f73749;border:1px solid #f73749;border-radius:5px;width:55px;margin:0 auto 4px;}
.main_top_type02 .inner .my_textbook > ul li a .ico_subject{margin:0 auto 2px;width:42px;height:42px;border-radius:50%;overflow:hidden;background-size:contain;background-repeat:no-repeat;background-position:center center;}
.main_top_type02 .inner .my_textbook > ul li.kor a .ico_subject{background-image:url(../images/main/ico_subject_kor.png);}
.main_top_type02 .inner .my_textbook > ul li.mat a .ico_subject{background-image:url(../images/main/ico_subject_math.png);}
.main_top_type02 .inner .my_textbook > ul li.soc a .ico_subject{background-image:url(../images/main/ico_subject_society.png);}
.main_top_type02 .inner .my_textbook > ul li.sci a .ico_subject{background-image:url(../images/main/ico_subject_science.png);}
.main_top_type02 .inner .my_textbook > ul li.mor a .ico_subject{background-image:url(../images/main/ico_subject_ethics.png);}
.main_top_type02 .inner .my_textbook > ul li.mus a .ico_subject{background-image:url(../images/main/ico_subject_music.png);}
.main_top_type02 .inner .my_textbook > ul li.art a .ico_subject{background-image:url(../images/main/ico_subject_art.png);}
.main_top_type02 .inner .my_textbook > ul li.phy a .ico_subject{background-image:url(../images/main/ico_subject_physical.png);}
.main_top_type02 .inner .my_textbook > ul li.pra a .ico_subject{background-image:url(../images/main/ico_subject_fruit.png);}


.main_top_type02 .inner .my_textbook > ul li.on a span.textbook_tit.on{font-family:"Noto Sans KR", sans-serif;font-size:13px;color:#fff;background-color:#206eeb;border:1px solid #0857d7;border-radius:5px;width:55px;margin:0 auto 4px;}
.main_top_type02 .inner .my_textbook > ul li .btn_textbook {display:none;position:absolute;top:-3px;left:50%;padding: 38px 12px 38px 104px; width:262px;height:138px; background:url('../images/main/mybook_obj.png') no-repeat center center;transform:translateX(calc(-50% - 36px));z-index:99;}
.main_top_type02 .inner .my_textbook > ul li .btn_textbook .flex {display: flex;gap:7px;}
.main_top_type02 .inner .my_textbook > ul li:hover .btn_textbook {display:flex;}
.main_top_type02 .inner .my_textbook > ul li .btn_textbook a {position:relative;width:42px;}
.main_top_type02 .inner .my_textbook > ul li .btn_textbook a i {position:relative;display:block;width:40px;height:44px;background-repeat:no-repeat; background-position:center top;}
.main_top_type02 .inner .my_textbook > ul li .btn_textbook a i:hover {background-position:center bottom;}
.main_top_type02 .inner .my_textbook > ul li .btn_textbook a:nth-child(1) i {content:'';background-image:url('../images/main/ico_mybook6.png');}
.main_top_type02 .inner .my_textbook > ul li .btn_textbook a:nth-child(2) i {content:'';background-image:url('../images/main/ico_mybook4.png');}
.main_top_type02 .inner .my_textbook > ul li .btn_textbook a:nth-child(3) i {content:'';background-image:url('../images/main/ico_mybook5.png');}
.main_top_type02 .inner .my_textbook > ul li .btn_textbook a span{display:none;position:absolute;right:50%;margin-top:6px;font-size:14px;color:#ff8800;font-weight:600;line-height:20px;letter-spacing:-0.025em;text-align:center;text-underline-position:from-font;text-decoration-skip-ink:none;white-space:nowrap;transform: translateX(50%);}
.main_top_type02 .inner .my_textbook > ul li .btn_textbook a:nth-child(3) span {right:0;transform:none;}
.main_top_type02 .inner .my_textbook > ul li .btn_textbook a:hover span {display:block;}

.main_top_type02 .inner .my_textbook > ul li.half_row{background:#F2F2F2;}
.main_top_type02 .inner .my_textbook > ul li.half_row a{position:relative;display:block; width:100%; height:50%;}
.main_top_type02 .inner .my_textbook > ul li.half_row a + a {height:calc(50% - 1px);}
.main_top_type02 .inner .my_textbook > ul li.half_row a + a:before{content:'';display:block;border-top:1px solid #d9d9d9;}
.main_top_type02 .inner .my_textbook > ul li.half_row .textbook_box p{position:relative;font-size:16px; color:#3E3E3E; line-height:1.25;font-weight:400;letter-spacing:-0.025em;}
.main_top_type02 .inner .my_textbook > ul li.half{width:50%; border-color:#ffe8bc;}
.main_top_type02 .inner .my_textbook > ul li.half+li{border-left:1px solid #ecc372;}
.main_top_type02 .inner .my_textbook > ul li.half .textbook_box{background:#ffe8bc;}
.main_top_type02 .inner .my_textbook > ul li.half .textbook_box p{position:relative; padding-left:71px; font-size:16px; color:#434753; line-height:54px;}
.main_top_type02 .inner .my_textbook > ul li.half .textbook_box p:after{content:'';position:absolute; left:0; top:0; width:54px; height:54px; border:1px solid #d4dbde; border-radius:50%; background:#fff center center no-repeat;}
.main_top_type02 .inner .my_textbook > ul li.half.themeArea .textbook_box p:after{background-image:url('../images/main/ico_theme.png');}
.main_top_type02 .inner .my_textbook > ul li.half.sampit_l .textbook_box p:after{background-image:url('../images/main/ico_sampit_l.png');}

.main_top_type02 .inner .my_textbook > ul li.trisection{background:#F2F2F2;border-color:#d9d9d9;width:33.33%;}
.main_top_type02 .inner .my_textbook > ul li.trisection:last-child {border-right:none;}
.main_top_type02 .inner .my_textbook > ul li.trisection .textbook_box{align-items: center; flex-direction:column;align-items: center;gap:6px;}
.main_top_type02 .inner .my_textbook > ul li.trisection .textbook_box i {width:34px;height:34px;border-radius:0;background-repeat:no-repeat;background-position:center top;}
.main_top_type02 .inner .my_textbook > ul li.trisection a:hover .textbook_box i {background-position:center bottom;}
.main_top_type02 .inner .my_textbook > ul li.trisection .textbook_box .ico_txbook1 {background:url('../images/main/ico_txbook01.png');}
.main_top_type02 .inner .my_textbook > ul li.trisection .textbook_box .ico_txbook2 {background:url('../images/main/ico_txbook02.png');}
.main_top_type02 .inner .my_textbook > ul li.trisection .textbook_box .ico_txbook3 {background:url('../images/main/ico_txbook03.png');}
.main_top_type02 .inner .my_textbook > ul li.trisection .textbook_box p{position:relative; font-size:16px; color:#3E3E3E; line-height:1.25;    font-weight:400;letter-spacing:-0.025em;}

.main_top_type02 .inner .my_textbook > ul li.quiz_bank{background:#F2F2F2;}
.main_top_type02 .inner .my_textbook > ul li.quiz_bank .textbook_box{flex-direction:column;align-items: center;gap:6px;}
.main_top_type02 .inner .my_textbook > ul li.quiz_bank .textbook_box i {width:34px;height:34px;border-radius:0;background-repeat:no-repeat;background-position:center top;}
.main_top_type02 .inner .my_textbook > ul li.quiz_bank a:hover .textbook_box i {background-position:center bottom;}
.main_top_type02 .inner .my_textbook > ul li.quiz_bank .textbook_box .ico_txbook1 {background:url('../images/main/ico_txbook01.png');}
.main_top_type02 .inner .my_textbook > ul li.quiz_bank .textbook_box .ico_txbook2 {background:url('../images/main/ico_txbook02.png');}
.main_top_type02 .inner .my_textbook > ul li.quiz_bank .textbook_box .ico_txbook3 {background:url('../images/main/ico_txbook03.png');}
.main_top_type02 .inner .my_textbook > ul li.quiz_bank .textbook_box p {font-size:16px;color:#3E3E3E;font-weight:400;line-height:1.25;letter-spacing:-0.025em;}

/* 시간표 팝업 */
.timetable_popup{position:absolute; right:100%; top:0; bottom:0; width:100%;padding:8px 3px 3px; background:#e4e9ee; border:2px solid #676b79; border-radius:13px; overflow:hidden;z-index:10;}
.timetable_popup.active{right:0;}
.timetable_popup .ttb_head{margin-bottom:6px; display:flex; gap:4px;}
.timetable_popup .ttb_head .date_wrap{display:flex; flex-shrink:0;}
.timetable_popup .ttb_head .date_wrap p{flex:1; font-size:15px; color:#467af1; font-weight:600; line-height:28px;}
.timetable_popup .ttb_head .date_wrap span.day{flex:1; font-size:15px; color:#467af1; font-weight:600; line-height:28px;}
.timetable_popup .ttb_head .date_wrap button{width:27px; height:28px; background:url('../images/main/ico_date_arr.png') center center no-repeat;}
.timetable_popup .ttb_head .date_wrap button.prev{background-position-x:left;}
.timetable_popup .ttb_head .date_wrap button.next{background-position-x:right;}
.timetable_popup .ttb_head .date_wrap.nobtn{padding-left:27px;}
.timetable_popup .ttb_head .text_wrap{position:relative; flex:1;}
.timetable_popup .ttb_head .text_wrap p{font-size:13px; color:#67747c; font-weight:400; line-height:28px; letter-spacing:-0.04em;}
.timetable_popup .ttb_head .text_wrap > p{max-width:400px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.timetable_popup .ttb_head .text_wrap .ttb_text_pop{display:none; position:absolute; top:33px; padding:15px 20px; border:1px solid #4083ee; border-radius:15px; background:#eef4f9; box-shadow:1px 3px 0 1px rgba(81,81,81,.27); z-index:10;}
.timetable_popup .ttb_head .text_wrap .ttb_text_pop:before{content:''; position:absolute; left:52px; bottom:100%; width:19px; height:11px; background:url('../images/main/ttb_text_pop_arr.png') no-repeat center center; z-index:10;}
.timetable_popup .ttb_head .text_wrap.txtOver:hover .ttb_text_pop{display:block;}
.timetable_popup .ttb_head .text_wrap .ttb_text_pop p{color:#4083ee; line-height:20px;}
.timetable_popup .ttb_head .btn_wrap{margin:0; padding-right:9px; display:flex; gap:3px; flex-shrink:0;}
.timetable_popup .ttb_head .btn_wrap .btn{margin:0; width:28px; height:28px; background:center center no-repeat;}
.timetable_popup .ttb_head .btn_wrap .btn.btn_set{background-image:url('../images/main/btn_set.png');}
.timetable_popup .ttb_head .btn_wrap .btn.btn_close{background-image:url('../images/main/btn_ttb_close.png');}
.timetable_popup .ttb_body{border:1px solid #d7dde3; background:#fff; border-radius:7px 7px 14px 14px; overflow:hidden;}
.timetable_popup .ttb_body .ttb_flex_box{display:flex; padding:18px; align-items:center; gap:15px;}
.timetable_popup .ttb_body .ttb_flex_box .text{flex:1; display:flex; flex-direction:column; align-items:center; justify-content:center;}
.timetable_popup .ttb_body .ttb_flex_box .text p{font-size:14px; color:#434753; line-height:21px; font-family: "ONE-Mobile-Title", "Noto Sans KR", sans-serif;}
.timetable_popup .ttb_body .ttb_flex_box.holiday .text p{font-size:16px;}
.timetable_popup .ttb_body .ttb_flex_box .text p span{font:inherit; color:#467af1;}
.timetable_popup .ttb_body .ttb_flex_box .text p em{font:inherit; color:#ff5e71;}
.timetable_popup .ttb_body .ttb_flex_box .text p i{font:inherit; font-style:italic;}
.timetable_popup .ttb_body .ttb_flex_box .text a{margin-top:20px; display:block; width:146px; height:33px; font-size:14px; color:#fff; font-weight:500; line-height:31px; border-radius:17px; text-align:center; border:1px solid #ff730f; background:#f5802c;}
.timetable_popup .ttb_body .ttb_flex_box .thumb{width:255px; height:148px; border-radius:14px; overflow:hidden;}
.timetable_popup .ttb_body .ttb_flex_box .thumb img{max-width:100%;}
.timetable_popup .ttb_body ul li{border-bottom:1px solid #e5e5e5;}
.timetable_popup .ttb_body ul li:last-child{border-bottom:none;}
.timetable_popup .ttb_body ul li a{display:flex;}
.timetable_popup .ttb_body ul li a > div{position:relative; border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5; background:#fff;}
.timetable_popup .ttb_body ul li a > div p{font-size:13px; color:#3f444b; font-weight:400; line-height:30px; letter-spacing:-0.045em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.timetable_popup .ttb_body ul li a > div:first-child{border-left:none;}
.timetable_popup .ttb_body ul li a > div:last-child{border-right:none;}
.timetable_popup .ttb_body ul li a .time{width:88px; text-align:center;}
.timetable_popup .ttb_body ul li a .type{width:88px; text-align:center;}
.timetable_popup .ttb_body ul li a .type p{font-weight:500;}
.timetable_popup .ttb_body ul li a .title{flex:1;}
.timetable_popup .ttb_body ul li a .title p{padding:0 40px 0 16px; color:#292f38; max-width:302px;}
.timetable_popup .ttb_body ul li a .title p.other{color:#838383;}
.timetable_popup .ttb_body ul li a .title p:after{content:'';position:absolute; right:16px; top:0; width:7px; height:30px; background:url('../images/main/ico_ttb_arr.png') no-repeat center center;}
.timetable_popup .ttb_body ul li a .memo{width:232px;}
.timetable_popup .ttb_body ul li a .memo p{padding:0 15px 0 33px; color:#838383; font-weight:300;}
.timetable_popup .ttb_body ul li a .memo p:before{content:'';position:absolute; left:13px; top:0; width:13px; height:30px; background:url('../images/main/ic_memo2.png') no-repeat center center;}
.timetable_popup .ttb_body ul li a .nomemo{width:232px;}
.timetable_popup .ttb_body ul li a .nomemo p{padding:0 15px 0 33px; color:#838383; font-weight:300;}
.timetable_popup .ttb_body ul li a:hover > div{background:#fff5e0;}
.timetable_popup .ttb_body ul li a:hover .title p{color:#ff7031; font-weight:500;}
.timetable_popup .ttb_body ul li a:hover .title p:after{background-image:url('../images/main/ico_ttb_arr_on.png')}
.timetable_popup .ttb_body ul li.empty a{cursor:default;}
.timetable_popup .ttb_body ul li.empty a > div{background:#f7f7f7;}
.timetable_popup .ttb_body ul li.empty a .time{background:#fff;}
.timetable_popup .ttb_body ul li a .type.kor,
.timetable_popup .ttb_body ul li a .type.subject1{background: #ffcdcd;}
.timetable_popup .ttb_body ul li a .type.mat,
.timetable_popup .ttb_body ul li a .type.subject11{background: #bbeeda;}
.timetable_popup .ttb_body ul li a .type.soc,
.timetable_popup .ttb_body ul li a .type.subject6{background: #f5e9dc;}
.timetable_popup .ttb_body ul li a .type.sci,
.timetable_popup .ttb_body ul li a .type.subject4{background: #cce0ff;}
.timetable_popup .ttb_body ul li a .type.mor,
.timetable_popup .ttb_body ul li a .type.subject9{background: #f1e2e1;}
.timetable_popup .ttb_body ul li a .type.mus,
.timetable_popup .ttb_body ul li a .type.subject3{background: #f6daff;}
.timetable_popup .ttb_body ul li a .type.art,
.timetable_popup .ttb_body ul li a .type.subject2{background: #ffdaed;}
.timetable_popup .ttb_body ul li a .type.phy,
.timetable_popup .ttb_body ul li a .type.subject7{background: #e5ffd0;}
.timetable_popup .ttb_body ul li a .type.pra,
.timetable_popup .ttb_body ul li a .type.subject10{background: #e3eaef;}
.timetable_popup .ttb_body ul li a .type.cre,
.timetable_popup .ttb_body ul li a .type.subject8{background: #ffe9c9;}
.timetable_popup .ttb_body ul li a .type.eng,
.timetable_popup .ttb_body ul li a .type.subject5{background: #d4ecff;}
.timetable_popup .ttb_body ul li a .type.spr,
.timetable_popup .ttb_body ul li a .type.subject13{background: #d0ffe4;}
.timetable_popup .ttb_body ul li a .type.sum,
.timetable_popup .ttb_body ul li a .type.subject14{background: #d4feff;}
.timetable_popup .ttb_body ul li a .type.fal,
.timetable_popup .ttb_body ul li a .type.subject15{background: #ebe4c2;}
.timetable_popup .ttb_body ul li a .type.win,
.timetable_popup .ttb_body ul li a .type.subject16{background: #f6daff;}
.timetable_popup .ttb_body ul li a .type.saf,
.timetable_popup .ttb_body ul li a .type.subject12{background: #e5f3b9;}
.timetable_popup .ttb_body ul li a .type.sch,
.timetable_popup .ttb_body ul li a .type.subject17{background: #d0ffe4;}
.timetable_popup .ttb_body ul li a .type.peo,
.timetable_popup .ttb_body ul li a .type.subject18{background: #d4feff;}
.timetable_popup .ttb_body ul li a .type.cou,
.timetable_popup .ttb_body ul li a .type.subject19{background: #ebe4c2;}
.timetable_popup .ttb_body ul li a .type.exp,
.timetable_popup .ttb_body ul li a .type.subject20{background: #f6daff;}
.timetable_popup .ttb_body ul li a .type.mys,
.timetable_popup .ttb_body ul li a .type.subject21{background: #d0ffe4;}
.timetable_popup .ttb_body ul li a .type.nat,
.timetable_popup .ttb_body ul li a .type.subject22{background: #d4feff;}
.timetable_popup .ttb_body ul li a .type.tow,
.timetable_popup .ttb_body ul li a .type.subject23{background: #ebe4c2;}
.timetable_popup .ttb_body ul li a .type.wor,
.timetable_popup .ttb_body ul li a .type.subject24{background: #f6daff;}


.main_update article{width:1320px; max-width:1320px;}
.main_update .update_wrap{position:relative; margin-top:-7px; padding:15px 27px 21px 101px; border-top:4px solid #ffd781; background:#ffde8f; border-radius:0 0 55px 55px;}
.main_update .update_wrap:before,.main_update .update_wrap:after{content:""; position:absolute; top:-4px; width:7px; height:7px; background:url('../images/main/ico_area_bg.png') no-repeat center center;}
.main_update .update_wrap:before{left:-7px;}
.main_update .update_wrap:after{right:-7px; transform: scaleX(-1);}
.main_update .update_wrap ul{display:flex; justify-content:center; gap:8px;}
.main_update .update_wrap ul li{flex:1;}
.main_update .update_wrap ul li a{display:flex; gap:12px; align-items:center;}
.main_update .update_wrap ul li a .ico_box{width:51px; height:51px; display:flex; align-items:center; justify-content:center; border:1px solid #ffce64; border-radius:21px; background:#fff;}
.main_update .update_wrap ul li a .txt_box span{font-size:13px; color:#c97b44; font-weight:500;}
.main_update .update_wrap ul li a .txt_box p{font-size:17px; color:#3f444b; font-weight:600;}
.main_update .update_wrap ul li a:hover .ico_box{background:#ff5e71;}
.main_update .update_wrap ul li a:hover .txt_box span{color:#3f444b;}
.main_update .update_wrap ul li a:hover .txt_box p{color:#f04f62;}

.section{margin-top:40px;}
.section.edutechFlex {display:flex;max-width:1200px;margin:20px auto 0;gap:48px;}
.section.edutechFlex article{overflow:hidden;}
.section.edutechFlex article:last-of-type{max-width:440px;}
.section .sec_tit{margin-bottom:18px; font-size:18px; color:#000; line-height:1; font-weight:600;}
.section .sec_tit.ty2{margin-bottom:18px; font-size:18px; color:#000; line-height:1; font-weight:600;}
.section .sec_tit span{font:inherit; color:#4773ef;}
.samquiz_list{display:flex; gap:10px;}
.samquiz_list li{flex:1;}
.samquiz_list li a{display:block;}
.samquiz_list li a .img_box{position:relative; overflow:hidden; border-radius:15px; border:1px solid #e6e5e5;}
.samquiz_list li a .img_box img{max-width:100%;}
.samquiz_list li a .txt_box{margin-top:12px; display:flex; gap:10px;}
.samquiz_list li a .txt_box .date{font-size:15px; color:#f5802c; font-weight:600; line-height:22px; flex-shrink:0;}
.samquiz_list li a .txt_box p{font-size:15px; color:#292f38; font-weight:400; line-height:22px; flex:1; word-break:keep-all; letter-spacing:-0.045em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; max-height: 44px;}
.samquiz_list li a:hover .img_box:after{content:''; position:absolute; left:-1px; right:-1px; bottom:-1px; top:-1px; border:3px solid #f5802c; border-radius:15px; box-sizing:border-box;}
.samquiz_list li a:hover .txt_box p{color:#ff7031}

.rolling_wrap{border-top:1px solid #e1e1e1;}
.rolling_wrap .rolling_item{display:flex;}
.rolling_wrap .rolling_item .title{position:relative; margin-right:17px; padding-right:15px; font-size:15px; color:#292f38; font-weight:600; line-height:60px;}
.rolling_wrap .rolling_item .swiper-container{overflow:hidden;height:100%;}
.rolling_wrap .rolling_item .swiper-slide{padding:5px 10px 7px 20px;position:relative;}
.rolling_wrap .rolling_item .swiper-slide:before{display:inline-block;content:'';position:absolute;width:5px;height:5px;background:#3e3e3e;top:50%;left:0;transform:translateY(-50%);border-radius:50%;}
.rolling_wrap .rolling_item .swiper-slide a{position:relative; display:inline-block; max-width:300px; line-height:1.4; font-size:16px; color:#3e3e3e; font-weight:400; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.rolling_wrap .rolling_item .swiper-slide a span{margin-right:9px; font-size:inherit; color:#ff7031; font-weight:600;}
.rolling_wrap .rolling_item .swiper-slide a:hover{color:#ff7031;}
.rolling_wrap .rolling_item .swiper-slide a:hover:after{content:''; position:absolute; left:0; right:0; bottom:0; height:1px; background:#ff7031;}

.main_flex_box{display:flex; gap:20px;}
.main_flex_box .main_left_box{flex:1;}
.main_flex_box .main_right_box{width:402px;margin-top:36px;}
.main_flex_box.ty2{gap:25px;}
.main_flex_box.ty2 .main_right_box{width:520px;}

.lecture_wrap .lecture_box{display:flex; gap:20px;}
.lecture_wrap .lecture_box li{width:246px;height:238px;}
.lecture_wrap .lecture_box li a{position:relative; display:block; width:100%; height:100%; border-radius:16px; overflow:hidden;}
.lecture_wrap .lecture_box li a:after{content:''; position:absolute; left:0; right:0; top:0; bottom:0; border:1px solid #e6e5e5; border-radius:15px;}
.lecture_wrap .lecture_box li a .thumb{position:relative; width:100%; height:100%;}
.lecture_wrap .lecture_box li a .thumb img{max-width:100%;}
.lecture_wrap .lecture_box li a .thumb .play{position:absolute; right:15px; bottom:54px; width:32px; height:37px; background:url('../images/main/ico_play.png') no-repeat center center;}
.lecture_wrap .lecture_box li a .tit{position:absolute; left:0; right:0; bottom:0; padding:15px 28px 20px; background:#fff; text-align:center;}
.lecture_wrap .lecture_box li a .tit .score {padding:0 11px;background:#ffeeda;font-size:15px;color:#ff8800;line-height:26px;font-weight:400;border-radius:13px;}
.lecture_wrap .lecture_box li a .tit .score em{font:inherit;font-weight:600;}
.lecture_wrap .lecture_box li a .tit p{font-size:15px; color:#121212; font-weight:400; line-height:25px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; letter-spacing:-0.045em;}
.lecture_wrap .lecture_box li a:hover:after{border:2px solid #ff8800;box-shadow:0 10px 10px 0 rgba(0,0,0,0.1);}
/*.lecture_wrap .lecture_box li a:hover .tit p{color:#121212;}*/

.institute_wrap .module_btn{position:absolute;bottom:18px;left:28px;color:#fff;border-radius:14px;width:100px;background-color:rgba(0,0,0,0.5);z-index:2;height:26px;text-align:center;}
.institute_wrap .module_btn .swiper-button-prev{height:25px;}
.institute_wrap .module_btn .swiper-button-next{height:25px;}
.institute_wrap .module_btn .swiper-pagination{margin:0 3px; line-height:25px; font-size:13px; color:#88919c; font-weight:400;}
.institute_wrap .module_btn .swiper-pagination .swiper-pagination-current{margin-right:3px; font-size:13px; color:#fff; font-weight:600;}
.institute_wrap .module_btn .swiper-pagination .swiper-pagination-total{margin-left:3px; font-size:13px; color:#88919c; font-weight:400;}
.institute_wrap .swiper-slide{height:238px; border-radius:16px; overflow:hidden;}
.institute_wrap .swiper-slide a{display:block;height:100%;}
.institute_wrap .swiper-slide img{max-width:100%;}

.survey_box{position:relative;}
.survey_box .img{position:relative;}
.survey_box img{width:100%;}
.class_wrap ul{display:flex; gap:11px;}
.survey_box span{position:absolute; right:20px; bottom:10px; padding:0 19px; font-size:13px; color:#fff; font-weight:500; letter-spacing:-0.045em; line-height:32px; background:#206eeb; border-radius:16px;}
/*.survey_box a:hover span{background:#363b43}*/

.class_wrap ul+ul{margin-top:22px;}
.class_wrap ul li{flex:1;}
.class_wrap ul li a{display:block;}
.class_wrap ul li a .thumb{position:relative; width:155px; height:135px; border-radius:10px; overflow:hidden;}
.class_wrap ul li a .thumb:after{content:''; position:absolute; left:0; right:0; top:0; bottom:0; border-radius:10px; border:1px solid #dedede;}
.class_wrap ul li a .thumb img{max-width:100%;border-radius:12px;}
.class_wrap ul li a .thumb p {position: absolute; left: 0; bottom: 0; width: 100%; height: auto; padding: 0;  font-size: 12px; font-weight: 400; color: #fff; line-height: 27px; text-align: center; letter-spacing: -0.045em; background: rgba(45, 45, 45, 0.8); border-radius: 0 0 12px 12px;}
.class_wrap ul li a p{margin:8px 0 0; padding-right:15px; height: 44px; font-size:15px; color:#464a4f; font-weight:400; line-height:22px; letter-spacing:-0.045em; word-break:keep-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.class_wrap ul li a:hover .thumb:after{border:3px solid #f5802c;}
.class_wrap ul li a:hover p{color:#ff7031;}

.create_wrap{padding:21px; border:1px solid #e9e9e9; border-radius:15px;}
.create_wrap ul li+li{margin-top:9px;}
.create_wrap ul li a{display:flex; align-items:center; gap:12px; justify-content:space-between;}
.create_wrap ul li a .thumb{width:36px; height:36px; flex-shrink:0; background:#edf2f6; border-radius:50%; border:1px solid #edf2f6; overflow:hidden;}
.create_wrap ul li a .thumb img{max-width:100%;}
.create_wrap ul li a .title{width:236px; flex:1;}
.create_wrap ul li a .title p{max-width:214px; font-size:15px; color:#292f38; font-weight:400; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.create_wrap ul li a .title p br{display:none;}
.create_wrap ul li a .title p *{font:inherit; color:inherit;}
.create_wrap ul li a .sam{width:180px; flex-shrink:0; text-align:right;}
.create_wrap ul li a .sam p{display:inline-block; padding:0 15px; font-size:13px; color:#686c72; font-weight:400; line-height:26px; border:1px solid #eaeaea; border-radius:14px; background:#f7f7f7;}
.create_wrap ul li a .sam p span{font:inherit; color:#f6812c;}
.create_wrap ul li a .sam p em{font:inherit; color:inherit;}
.create_wrap ul li a:hover .thumb{background:#ffde8f; border-color:#ffd46e;}
.create_wrap ul li a:hover .title p{color:#ff7031; font-weight:500;}
.create_wrap ul li a:hover .sam p{border-color:#f8ac8b; background:#fffaee;}

.bnr_list{position:relative;display:flex; gap:10px;}
.bnr_list li{flex:1;}
.bnr_list li:before{content:'';position:absolute;top:50%;display:inline-block;width:1px;height:36px;background:#e9e9e9;transform:translateY(-50%);}
.bnr_list li:last-of-type:after{content:'';position:absolute;top:50%;right:0;display:inline-block;width:1px;height:36px;background:#e9e9e9;transform:translateY(-50%);}
.bnr_list li a{display:block;font-size:16px; color:#3e3e3e; line-height:72px; text-align:center; font-weight:600;}
.bnr_list li a span{display:inline-block; margin-right:15px; width:44px; height:72px; background-position:center center; background-repeat:no-repeat; vertical-align:top;}
.bnr_list li.bnr_book a span{background-image:url('../images/main/ico_textbook2.png');}
.bnr_list li.bnr_only a span{background-image:url('../images/main/ico_onlyone2.png');}
.bnr_list li.bnr_story a span{background-image:url('../images/main/ico_story2.png');}
.bnr_list li.bnr_shop a span{background-image:url('../images/main/ico_shop2.png');}

.notice_bnr{border-top:1px solid #e9e9e9;}
.notice_bnr article{padding:20px 0;}
.notice_bnr .cs_center{padding:7px 0;}
.notice_bnr .cs_center span{display:inline-block; font-size:18px; color:#121212; font-weight:600; line-height:22px;}
.notice_bnr .cs_center span.number{margin-left:4px; font-size:18px;font-weight:600;}
.notice_bnr .cs_center span.number em{font:inherit; font-size:18px; color:inherit;}
.notice_bnr .cs_center span.time{margin-left:8px; font-size:16px; color:#121212; line-height:1;font-weight:400;}
.notice_bnr .btns_wrap{display:flex; gap:18px;}
.notice_bnr .btns_wrap li a{position:relative; display:block; font-size:16px; color:#273fa1; font-weight:600; line-height:34px;}
.notice_bnr .btns_wrap li a span {display:inline-block;margin-right:10px;width:24px;height:24px;background-position:center center;background-repeat:no-repeat;vertical-align:middle;}
.notice_bnr .btns_wrap li a span.ico_cs1 {background-image:url('../images/main/ico_cs1.png');}
.notice_bnr .btns_wrap li a span.ico_cs2 {background-image:url('../images/main/ico_cs2.png');}
.notice_bnr .btns_wrap li a span.ico_cs3 {background-image:url('../images/main/ico_cs3.png');}
/*.notice_bnr .btns_wrap li a:after{content:''; position:absolute; right:12px; top:50%; transform:translateY(-50%); width:7px; height:11px; background:url('../images/main/ico_btn_arr.png') no-repeat center center;}*/

.teacher_program {position: relative; }
.teacher_program .programEnd {display: inline-block; position: absolute; right:15px; top: 32px; width: 140px; height: 133px; text-align: center;}
.teacher_program .programEnd img {width: 100%;}
.teacher_program img{width:100%;}

/* 퀵메뉴 */
#quickMenu{top:0;padding:0;width:180px;background:#eee;border:none;border-left:1px solid #6978B5; border-right:0; z-index:1001;}
#quickMenu.q_open{padding:0 13px;background:#fff;box-shadow:-3px 0 0 0 rgba(182,182,182,0.24);}
#quickMenu .loginbox{padding-top:12px; background:#fff;}
#quickMenu .title{margin-bottom:24px;width:94px; height:20px; background:url('../images/common/txt_quick.svg') no-repeat center center;}
#quickMenu .login_before{border-bottom:none;}
#quickMenu .login_before .login_form_wrap{padding:0;}
#quickMenu .login_check{height:31px;}
#quickMenu .login_check label{display:block;font-size:12px; color:#6e7483; cursor:pointer;line-height:18px;}
#quickMenu .btn_login{margin-bottom:4px;font-size:12px;line-height:33px;background:#F4F4F5;border:none;border-radius:16px;height:33px;color:#53565D;font-weight:bold;}
#quickMenu .btns.quickBtns{margin-top:4px;background:#fff; border:none;}
#quickMenu .btns.quickBtns a{display:inline-block;float:none;padding:0 10px !important;width:auto;height:auto;line-height:20px;font-size:12px;color:#53565D;box-sizing:border-box;}
#quickMenu .btns.quickBtns .btn_idpw:after{content:'';position:absolute;right:0;top:50%;transform:translateY(-50%);display:block;margin:0;width:1px;height:11px;background:#dadada;}
#quickMenu .btns.quickBtns a:first-child{border:none;}
#quickMenu .btns.quickBtns a:last-child{border:none;}
#quickMenu .login_before .sns_login{margin-top:13px; padding-top:10px; width:100%; border-top:1px solid #e1e1e1;}
#quickMenu .login_before .sns_login ul{justify-content:center; gap:3px;}
#quickMenu .bookmark {margin-top:24px; border: none;}
#quickMenu .bookmark a{position:relative;display:block; padding:0 12px; font-size:13px; color:#393d4a; font-weight:500; line-height:38px; background:#eee; border-radius:5px;}
#quickMenu .bookmark ul{margin:5px 0;border-radius:5px; border:1px solid #FF8800; overflow:hidden;}
#quickMenu .bookmark ul li {padding: 0; border-bottom: 1px solid #d7af5a;}
#quickMenu .bookmark ul li:last-child {border: none;}
#quickMenu .bookmark ul li a {color:#1E1E21;font-weight: 400;line-height: 36px; background:#fff8e7; border:none; border-radius:0;}
#quickMenu .bookmark ul li a:after{background-image:url('../images/common/ico_quick_arr.png');}
#quickMenu .bookmark ul li a:hover, #quickMenu .bookmark ul li a.helper_teach:hover{background:#fff; color:#f5812c; font-weight:500;}
#quickMenu .bookmark ul li a.helper_teach{font-size:12px; color:#ba722c; font-weight:400; background:#fbf2d9;}
#quickMenu .bookmark ul li a.helper_teach:after{left:unset; right:9px;width:13px;height:13px;margin-top:-6px; transform:translateY(0); background-image:url('../images/common/quick_helperTeach3.png');}
#quickMenu .btn_side{top:67px; right:100%; width:28px; height:32px; background: url('../images/common/ico_quick_btn.svg') no-repeat center top;}
#quickMenu.q_open .btn_side{right:100%; background-position-y:bottom;}
#quickMenu .pseudo {background:#eee; transition: unset;}
#quickMenu .pseudo .quick_menu_visual{transition: all 0.15s ease;}
#quickMenu .pseudo .quick_menu_visual ul li {border-bottom:1px solid #dadada;}
#quickMenu .pseudo .quick_menu_visual ul li a{position:relative;display: block;width: 58px;padding:10px 0;}
/*#quickMenu .pseudo .quick_menu_visual ul li a:hover{background:#f5812c;}*/
#quickMenu .pseudo .quick_menu_visual ul li a:hover .ico.ico_q_time_table{background-position-y:bottom;}
#quickMenu .pseudo .quick_menu_visual ul li a:hover .ico.ico_q_class_helper{background-position-y:bottom;}
#quickMenu .pseudo .quick_menu_visual ul li:first-child a{padding:10px 0;}
#quickMenu .pseudo .quick_menu_visual ul li:first-child a:after{display:none;}
#quickMenu .pseudo .quick_menu_visual ul li:nth-child(2) a {padding:10px 0;}
#quickMenu .pseudo .quick_menu_visual ul li .q_class_helper{padding:16px 11px;}
#quickMenu .pseudo .quick_menu_visual ul li .q_class_helper a{padding:0; width:36px; height:36px;}
#quickMenu .pseudo .quick_menu_visual ul li .q_class_helper a+a{margin-top:3px;}
#quickMenu .pseudo .quick_menu_visual ul li .q_class_helper a:hover{background:transparent;}
/*#quickMenu .pseudo .quick_menu_visual ul li .q_class_helper a:hover:before{content:''; position:absolute; left:0; right:0; top:0; bottom:0; border:1px solid #ffd163; background:#fff; border-radius:8px; box-sizing:border-box; z-index:-1;}*/
#quickMenu .ico.ico_q_log{width:36px; height:36px; background-image:url('../images/common/ico_q_log.png');}
#quickMenu .ico.ico_q_time_table{width:36px; height:36px; background-image:url('../images/common/ico_q_time.png'); background-position-y:top; background-size:100% auto;}
#quickMenu .ico.ico_q_timer{width:32px; height:44px; background-image:url('../images/common/ico_q_timer.svg');}
#quickMenu .ico.ico_q_writing{width:32px; height:44px; background-image:url('../images/common/ico_q_writing.svg');}
#quickMenu .ico.ico_q_stop{width:36px; height:36px; background-image:url('../images/common/ico_q_stop.png');}
#quickMenu .ico.ico_q_attention{width:36px; height:44px; background-image:url('../images/common/ico_q_attention.svg');}
#quickMenu .ico.ico_q_helper{width:36px; height:36px; background-image:url('../images/common/ico_q_helper.png');}
#quickMenu .ico.ico_q_song{width:36px; height:36px; background-image:url('../images/common/ico_q_song.png');}
#quickMenu .ico.ico_q_blind{width:36px; height:36px; background-image:url('../images/common/ico_q_blind.png');}
#quickMenu .ico_q_roulette{width:21px;height:36px;background-image:url('../images/common/ico_q_roulette.png');}
#quickMenu .ico_q_smart{width:51px;height:52px;background-image:url('../images/common/ico_q_smart.svg');}
#quickMenu .ico.ico_q_class_helper{width:36px; height:36px; background-image:url('../images/common/ico_q_down.png'); background-position-y:top; background-size:100% auto;}
#quickMenu .loginbox .login_after .info {padding:30px 0;}
#quickMenu .loginbox .login_after .info .name{color: #5c7cba;font-size: 16px;font-weight: 600;line-height:18px;}
#quickMenu .loginbox .login_after .info .work_sch{margin-top:5px;color:#8e9091;font-size:12px;line-height:17px;}
#quickMenu .loginbox .login_after .info .valid{margin-top:6px;color:#f75442;font-size:14px;font-weight:400;line-height:16px;}
#quickMenu .loginbox .login_after .btns{display:flex; margin-top:0; gap:2px;}
#quickMenu .loginbox .login_after .btns a{width:70px; color:#fff; font-weight:500; line-height:18px; background:#a4aab2; border-radius:10px;}
#quickMenu .loginbox .login_after .btns a.valid{background:#e27a40; border-color:#e96331;}
#quickMenu .loginbox .login_after .btns a.valid.extension{background:#557ced; border-color:#4672ef;}
#quickMenu .loginbox .login_after .btns a.valid.wait{background:#52545c; border-color:#393b42;}
#quickMenu .loginbox .login_after .btns a.valid.proceed{background:#52545c; border-color:#393b42;}
#quickMenu .loginbox .login_after .btns:after{display:none;}
#quickMenu .loginbox .login_after .modify{display:inline-block;margin-top:10px; font-size:12px; color:#838383; font-weight:400; line-height:16px;}

/*비버샘 퀵메뉴 */
#quickMenu [class^="viversam_menu"]{width:114px;margin:20px auto 0;text-align:center;}
#quickMenu [class^="viversam_menu"] .viver_char{position:relative;height:81px;background:url("../images/common/logo/viversam/vivier_2405.png") 50% 50% no-repeat;}
#quickMenu .viversam_txt{padding:12px 8px 10px;background-color:#1ec2a0;border:1px solid #15ad8d;border-radius:10px;font-family:'GmarketSansMedium', sans-serif;font-size:12px;font-weight:300;color:#fff;}
/* 비버샘 퀵메뉴 - 공유하기 홍보배너용 */
#quickMenu [class^="viversam_menu"] .viver_char img{position: absolute; bottom: 4px; left: 19px; z-index: 2;}
#quickMenu .viversam_menu2.event{margin:0;position:absolute;top:206px;left:-169px;width:168px;height:139px;background-color:#fff;border-radius:20px 0 0 20px;}
#quickMenu .viversam_menu2.event .viver_char{background-image:url("../images/common/logo/viversam/logo_viversam_share02.png");width:60px;height:121px;margin:0;position:absolute;top:0;right:0;z-index:2;}
#quickMenu .viversam_menu2.event .txt{position:absolute;top:50%;right:49px;transform:translate(0, -50%);font-family:'GmarketSansMedium';background-color:#edf9ff;outline:1px solid #abdff9;color:#464a56;font-size:12px;width:114px;padding:16px 0 15px;height:76px;line-height:16px;border-radius:10px;}
#quickMenu .viversam_menu2.event .txt span{font-family:'GmarketSansMedium';color:#f37519;display:inline-block;padding-left:16px;position:relative;top:0;left:0;font-size:12px;}
#quickMenu .viversam_menu2.event .txt span:before{content:"";display:inline-block;width:12px;height:16px;position:absolute;top:0;left:0;background:url("../images/common/icon/ico_share_small.png")no-repeat center center;}
#quickMenu .viversam_menu2.event button{display:inline-block;position:absolute;bottom:5px;left:11px;color:#393d4a;font-size:12px;width:114px;letter-spacing:-0.5px;font-weight:400;}
#quickMenu .viversam_menu2.event button:after{content:"";display:inline-block;width:10px;height:10px;background:url("../images/common/icon/ico_close_small.png")no-repeat center center;margin-left:3px;}
#quickMenu .viversam_menu2.event.on button{display:none;}
#quickMenu .viversam_menu2.event.on,#quickMenu .viversam_menu2.event.on .viver_char,#quickMenu .viversam_menu2.event.on .txt{position:static;}
#quickMenu .viversam_menu2.event.on{margin:0 auto;}
#quickMenu .viversam_menu2.event.on .viver_char{background-image:url("../images/common/logo/viversam/logo_viversam_share01.gif");width:114px;height:94px;margin:0 auto;}
#quickMenu .viversam_menu2.event.on .txt{transform:none;margin:0 auto;border-radius:10px;}
.gotop{left:-90px; margin-bottom:50px; width:60px; height:60px;box-shadow:0 3px 0 0 rgba(0,0,0,0.04);border-radius:30px; background:url('../images/common/btn_gotop2.png') no-repeat center center; transition:.5s;}
.gotop.hide{opacity:0; visibility:hidden;}

/*2023-02-08 AI연산학습지*/
.conts.conts_thema .btnSubjectWrap {padding: 48px 0 0;top:58px;border:none;right:0;}
.conts.conts_thema .btnSubjectWrap .curationLink .btnCuration > span {position: relative; margin-right: 17px; color: #ffffff; line-height: 1.9; letter-spacing: -0.045em;}
.conts.conts_thema .btnSubjectWrap .curationLink .btnCuration > span:after {content: ""; display: inline-block; position:absolute; right: -12px; top:50%; width: 5px; height: 9px; background: url('../images/educourse/ic_arr_right.png')no-repeat center; transform: translateY(-50%);}
.conts.conts_thema .btnSubjectWrap .icoFitMath {background: url('../images/educourse/ico_fit_math.png')no-repeat center; background-size: 100%;}
.conts.conts_thema .btnSubjectWrap .curationLink .btnCuration:hover > span:before {border-bottom: 1px solid #576172;}
.conts.conts_thema .tab_wrap {position: relative;margin: 31px 0 12px;}
.conts.conts_thema .tab_educourse {border-bottom:none;}
.conts.conts_thema .tab_educourse li{width:120px;}
.conts.conts_thema .tab_educourse li a {position:relative;height: 44px; font-size: 16px;font-weight:400; line-height:44px;text-align:center;}
.conts.conts_thema .tab_educourse li a:hover,.conts.conts_thema .tab_educourse li.on a {font-weight:500;border-bottom:3px solid #0086FF;color:#0086FF;line-height:41px;}
.conts.conts_thema .tab_educourse li + li{margin-left:0;}
.conts.conts_thema .tab_educourse li + li:before {content:none;}
.conts.conts_thema .tab_educourse li.new{}
.conts.conts_thema .tab_educourse li.new a:after{content:'';position:absolute;right:0;top:-8px;width:45px;height:30px;background:url(../images/educourse/ico_tab_22bedge.png) no-repeat center top;}
.conts.conts_thema .tab_educourse li.new.on a:after,.conts.conts_thema .tab_educourse li.new:hover a:after{top:-10px;background-position:center bottom;}
.conts.conts_thema .tab_second{}
.conts.conts_thema .tab_second ul li{margin-right:4px;}
.conts.conts_thema .tab_second input[type="radio"] + label, .conts.conts_thema .tab_second input[type="checkbox"] + label{padding:0;text-align:center;width:60px;height:32px;font-size:12px;border:none;color:#1E1E21;background:#fff;}
.conts.conts_thema .tab_second input[type="radio"] + label span{position:relative;font:inherit;color:inherit;}
.conts.conts_thema .tab_second input[type="radio"]:checked + label, .conts.conts_thema .tab_second input[type="checkbox"]:checked + label{background:#E9F2FF;color:#0057ED;font-weight:500;}
.conts.conts_thema .tab_second input[type="radio"] + label.new span:after{content:'';position:absolute;right:-7px;top:0;width:6px;height:6px;background:#FF0000;border-radius:3px;}



.conts.conts_thema .btnWrap {display: block; position: absolute; right: 0; bottom: 13px; font-size: 0; letter-spacing: 0; word-spacing: 0;}
.conts.conts_thema .btnWrap .reportWrap {display: inline-block; position: relative;}
.conts.conts_thema .btnWrap a {display: inline-block; width: 110px; font-size: 13px; font-weight: 400; line-height: 30px; letter-spacing:-0.04em; text-align: left; border-radius: 3px;}
.conts.conts_thema .btnWrap a.btnReport {position: relative; padding-left: 50px; margin-right: 13px; font-weight: 500; color: #292f38; background: #ffda5a url('../images/educourse/ico_report.png')no-repeat 23px center; border: 1px solid #ffcf4d;}
.conts.conts_thema .ai_tip {display: inline-block; position: absolute; left: 50%; top: -57px;  width: 241px; height: 48px; padding: 6px 42px 0 10px; font-size: 13px; font-weight: 400; color: #ff7031; line-height: 17px; letter-spacing: -0.06em; word-spacing: -0.1em; background: #fff0d9; border: 1px solid #ff8e3f; border-radius: 5px; box-shadow: 3px 3px 0 rgba(68, 68, 68, 0.2); transform: translateX(-50%); z-index: 50; }
.conts.conts_thema .tab_conts .accordion .tblist.textbookList tbody tr td.btn_cell.play .ai_tip {top: -53px;}
.conts.conts_thema .ai_tip:after { content: ""; display: inline-block; position: absolute; left:50%; bottom: -11px; width: 14px; height: 11px; background: url('../images/educourse/ic_arr_down.png')no-repeat center; }
.conts.conts_thema .ai_tip .btnTipClose {display: inline-block; position: absolute; right: 14px; top: 9px; width: 10px; height: 11px; background: url('../images/educourse/ic_close.png')no-repeat center;}
.conts.conts_thema .btnWrap a.btnUseInfo {padding-left: 45px; color: #52748e; background: #e4eef6 url('../images/educourse/ico_info.png')no-repeat 17px center; border: 1px solid #c1d0dc;}
.conts.conts_thema .btnWrap a. {padding-left: 45px; color: #e4eef6; background: #e4eef6 url('../images/educourse/ico_info.png')no-repeat 17px center; border: 1px solid #c1d0dc;}
.conts.conts_thema .tab_conts {display: block;margin-top:10px;}
.conts.conts_thema .tab_conts .accordion .btnAcco { font-size: 18px; font-weight: 600; color: #393d4a; letter-spacing:-0.055em; background: #f0f0f0; line-height: 3.2;}
.conts.conts_thema .tab_conts .accordion .accoItem.on .btnAcco{color:#ff5e71;}
.conts.conts_thema .tab_conts .accordion .btnAcco em {margin-right: 10px; font-size: 18px; font-weight: 600; color: #ff5e71; letter-spacing:-0.055em; }
.conts.conts_thema .tab_conts .accordion .accoCont {padding: 0;}
.conts.conts_thema .tab_conts .accordion .tblist.textbookList tbody tr th {padding: 0 0 0 20px; background: none; border-right: 1px solid #c7c8cc; border-top: 1px solid #c7c8cc;}
.conts.conts_thema .tab_conts .accordion .tblist.textbookList tbody tr:first-of-type th{border-top:none;}
.conts.conts_thema .tab_conts .accordion .tblist.textbookList tbody tr th p {padding: 0 100px 0 0;  font-size: 15px; font-weight: 500; color: #4a4f5f; line-height: 22px; text-align: left; letter-spacing: -0.045em; }
.conts.conts_thema .tab_conts .accordion .tblist.textbookList tbody tr td {display: table-cell; padding: 7px 11px !important; letter-spacing: -0.045em; text-align: center;  border-right: 1px solid #c7c8cc; }
.conts.conts_thema .tab_conts .accordion .tblist.textbookList tbody tr td p {display:inline-block;width:auto;padding:0;font-size:15px;font-weight:400;color:#525252;line-height:24px;}
.conts.conts_thema .tab_conts .accordion .tblist.textbookList tbody tr td.trun .ico{width:24px;height:24px;margin-left:8px;background:#f0f0f0;border:1px solid #ddd;border-radius:100%;vertical-align:top;}
.conts.conts_thema .tab_conts .accordion .tblist.textbookList tbody tr td.trun .ico span{width:100%;height:100%;background-size:13px 13px;}
.conts.conts_thema .tab_conts .accordion .tblist.textbookList tbody tr td:last-child {border-right: 0;}
.conts.conts_thema .tab_conts .accordion .tblist.textbookList tbody tr td.btn_cell.play {position: relative; background: #fff9e5;}
.conts.conts_thema .tab_conts .accordion .tblist.textbookList tbody tr td.btn_cell.download {background: #eff4f8;}
.conts.conts_thema .tab_conts .accordion .tblist.textbookList tbody tr td.btn_cell a {display: inline-block; position: relative; width: 100%; height: 32px; font-size: 14px; font-weight: 500; color: #292f38; line-height:30px; text-align: left; letter-spacing: -0.045em;  border-radius: 5px;}
.conts.conts_thema .tab_conts .accordion .tblist.textbookList tbody tr td.btn_cell.play a {padding-left: 43px; background: #ffda5a url('../images/educourse/ico_play.png')no-repeat 18px center; border: 1px solid #ffc64a; }
.conts.conts_thema .tab_conts .accordion .tblist.textbookList tbody tr td.btn_cell.play a.disabled {color: #9c9c9c; background: #f0f0f0 url('../images/educourse/ico_play_disabled.png')no-repeat 18px center; border: 1px solid #dadada; cursor: default;}
.conts.conts_thema .tab_conts .accordion .tblist.textbookList tbody tr td.btn_cell.download a {padding-left: 43px; background: #b9e3ff url('../images/educourse/ico_down2.png')no-repeat 12px center; border: 1px solid #85ceff; }
.themaPopWrap{position: absolute; top: 35%; left: 50%; display: none; z-index: 9999; transform: translateX(-50%);}
.themaPopWrap .popup_wrap {position: relative; left: unset; top: unset; transform: unset; width: auto;}
.themaPopWrap .popup_wrap .popup_body {padding: 0;}
.themaPopWrap .popup_wrap .popup_close {display: inline-block; position: absolute; right: 30px; top: 30px; width: 26px; height: 26px; font-size: 0; background: url('../images/educourse/ic_close2.png')no-repeat center; }
.music_conts .themaPopWrap {top: 11%;}
.music_conts .themaPopWrap .popup_wrap .popup_close {display: inline-block; position: absolute; right: 24px; top: 24px; width: 26px; height: 26px; font-size: 0; background: url('../images/educourse/ic_close2.png')no-repeat center; }

/*2023-03-24 공모전 수상작 개편*/
.conts_awards .tab_wrap {margin: 22px 0 0; border-bottom: 1px solid #d4d4d4;}
.conts.conts_awards .tab_educourse li {position: relative;}
.conts.conts_awards .tab_educourse li.new:after {content: '';display: inline-block; position: absolute; right: -5px; top: 50%; transform: translateY(-50%); width: 12px;height: 12px;margin-left: 5px;background: url(../images/common/ico_new.png);vertical-align: baseline;}
.conts.conts_awards .tab_educourse li a {height: 59px; font-size: 20px; font-weight: 500; color: #4a4f5f; line-height: 2.95;}
.conts.conts_awards .tab_educourse li a:hover,
.conts.conts_awards .tab_educourse li.on a{color: #ff7031;}
.conts.conts_awards .steamDownLoad {height: 170px;}
.conts.conts_awards .steamDownLoad .btnLink {top: unset; bottom: 12px; padding: 10px 52px 10px 14px; font-size: 13px; font-weight: 500; color: #ae5d39; line-height: 16px; letter-spacing: -0.04em; background: #ffda5a url('../images/tr/awrads_arr.png')no-repeat right 15px center;  border: 1px solid #ffcf4d; border-radius: 3px; z-index:10;}
.conts.conts_awards .cl_ma_keyword_tit {position: relative; padding-left: 33px;}
.conts.conts_awards .cl_ma_keyword_tit:before {content: ""; display: inline-block; position: absolute; left:0; top: 2px;  width: 23px; height: 24px; background: url('../images/tr/ic_keyword.png')no-repeat center; }
.conts.conts_awards .cl_ma_tab {padding: 15px 0 15px 0;}
.conts.conts_awards .cl_ma_tab li {padding-right: 0; padding-left: 30px;}
.conts.conts_awards .cl_ma_tab input[type="checkbox"] {display: none;}
.conts.conts_awards .cl_ma_tab input[type="checkbox"] + label {padding-left: 0; font-size: 15px; font-weight:400; color: #393d4a; letter-spacing:-0.035em; cursor: pointer;}
.conts.conts_awards .cl_ma_tab input[type="checkbox"]:checked + label,
.conts.conts_awards .cl_ma_tab input[type="checkbox"] + label:hover {color: #ff7031;}
.conts.conts_awards .cl_ma_tab input[type="checkbox"] + label:before {content: "#"; position:static; width: auto; height: auto; margin-top: 0; background: none;}
.conts.conts_awards .cl_ma_tab input[type="checkbox"]:checked + label:after,
.conts.conts_awards .cl_ma_tab input[type="checkbox"] + label:hover:after {content: ""; display: inline-block; position: absolute; right: 0; bottom: 5px;  width: 25px; height: 1px; background: #ff7031;}
.conts.conts_awards .tr_list {padding-top: 0; border-top: 0;}
.conts.conts_awards .tr_list li a .tit {width: 450px;}
.conts.conts_awards .nodata_awards {display: none; width: 281px; margin: 100px auto 0;}
.conts.conts_awards .nodata_awards.active {display: block;}
.conts.conts_awards .nodata_awards .nodata_img {width: 100%; height: 159px; background: url('../images/tr/awards_nodata.png')no-repeat center;}
.conts.conts_awards .nodata_awards p {margin-top: 16px; font-size: 15px; font-weight: 500; color: #525252; line-height: 22px; letter-spacing: -0.04em; text-align: center;}
.conts.conts_awards .nodata_awards p span {font-size: 16px; font-weight: 500; color: #ff7031; line-height: inherit;}
.conts.conts_awards .nodata_awards p span:before {content: "#";}

.conts.conts_awards .awards_list {display: flex; justify-content: center; width: 100%; padding-top: 46px;}
.conts.conts_awards .awards_list li {display: flex; flex-direction: column;  position: relative; text-align: center; width: 90px; height: 143px;  margin: 0 5px;}
.conts.conts_awards #cont2 .tab_wrap {margin: 0; border: 0;}
.conts.conts_awards .awards_list li p {position: relative; font-size: 14px; font-weight: 400; color: #606677; line-height: 30px; letter-spacing: -0.06em; text-align: center;}
.conts.conts_awards .awards_list li.new:after{content: ''; display: inline-block; position: absolute; right: -11px; top: -12px; width: 26px; height: 26px; margin-left: 5px; background: url('../images/tr/ic_new.png');vertical-align: baseline;}
.conts.conts_awards .awards_list li:hover {position: relative; top: -11px;}
.conts.conts_awards .awards_list li:hover p,.conts.conts_awards .awards_list li.on p {font-weight: 600; color: #ff7031;}
.conts.conts_awards .awards_list li.on {position: relative; top: -11px; font-weight: 600; color: #ff7031;}
.conts.conts_awards .awards_list li:nth-of-type(1) .imgbox {background: url('../images/tr/awards1.png')no-repeat center;}
.conts.conts_awards .awards_list li:nth-of-type(2) .imgbox {background: url('../images/tr/awards2.png')no-repeat center;}
.conts.conts_awards .awards_list li:nth-of-type(3) .imgbox {background: url('../images/tr/awards3.png')no-repeat center;}
.conts.conts_awards .awards_list li:nth-of-type(4) .imgbox {background: url('../images/tr/awards4.png')no-repeat center;}
.conts.conts_awards .awards_list li:nth-of-type(5) .imgbox {background: url('../images/tr/awards5.png')no-repeat center;}
.conts.conts_awards .awards_list li .imgbox {width: 100%; height: 113px; box-shadow: 3px 3px 3px #d4d4d4;}
.conts.conts_awards .awards_list li:hover .imgbox,
.conts.conts_awards .awards_list li.on .imgbox {position: relative; left: -2px; width: 95px; height: 125px; box-shadow: none;}
.conts.conts_awards .awards_list li:nth-of-type(1):hover .imgbox,
.conts.conts_awards .awards_list li:nth-of-type(1).on .imgbox {background: url('../images/tr/awards1_on.png')no-repeat center;}
.conts.conts_awards .awards_list li:nth-of-type(2):hover .imgbox,
.conts.conts_awards .awards_list li:nth-of-type(2).on .imgbox {background: url('../images/tr/awards2_on.png')no-repeat center;}
.conts.conts_awards .awards_list li:nth-of-type(3):hover .imgbox,
.conts.conts_awards .awards_list li:nth-of-type(3).on .imgbox {background: url('../images/tr/awards3_on.png')no-repeat center;}
.conts.conts_awards .awards_list li:nth-of-type(4):hover .imgbox,
.conts.conts_awards .awards_list li:nth-of-type(4).on .imgbox{background: url('../images/tr/awards4_on.png')no-repeat center;}
.conts.conts_awards .awards_list li:nth-of-type(5):hover .imgbox,
.conts.conts_awards .awards_list li:nth-of-type(5).on .imgbox{background: url('../images/tr/awards5_on.png')no-repeat center;}
.conts.conts_awards .awards_detail {position: relative; width: 100%; margin-top: 30px; padding: 55px 58px 55px 68px; background: #f7f7f7; border: 1px solid #e8e8e8; border-radius: 20px; }
.conts.conts_awards .awards_detail .tabCont2 {display: none; gap: 66px;}
.conts.conts_awards .awards_detail .tabCont2:first-child {display: flex;}
.conts.conts_awards .awards_detail .contLeft {width: 256px; }
.conts.conts_awards .awards_detail .contLeft .cont_inner {position: relative;}
.conts.conts_awards .awards_detail .contLeft .swiper-container {position: relative; width: 100%; overflow: hidden; }
.conts.conts_awards .awards_detail .contLeft .swiper-container .swiper-wrapper {display: flex;}
.conts.conts_awards .awards_detail .contLeft .swiper-container .swiper-wrapper .swiper-slide a {display: block;}
.conts.conts_awards .awards_detail .contLeft  .swiper-pagination {width: 100%; margin-top: 10px; text-align: center; }
.conts.conts_awards .awards_detail .contLeft  .swiper-pagination .swiper-pagination-bullet {display: inline-block; width: 12px; height: 12px; margin-right: 4px; background:#dadada; border: 1px solid #c9c9c9; border-radius: 50%; opacity: 1;}
.conts.conts_awards .awards_detail .contLeft  .swiper-pagination .swiper-pagination-bullet:last-child {margin-right: 0;}
.conts.conts_awards .awards_detail .contLeft  .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #f5812c; border-color: #f37212; }
.conts.conts_awards .awards_detail .contLeft  .btnArr {display: inline-block; position: absolute; top: 50%; width: 30px; height: 30px; }
.conts.conts_awards .awards_detail .contLeft  .btnArr:after {display: none;}
.conts.conts_awards .awards_detail .contLeft  .btnArr:before {display: none;}
.conts.conts_awards .awards_detail .contLeft  .btnArr.swiper-button-prev {left: -40px; background: url('../images/tr/arr_left.png')no-repeat center;}
.conts.conts_awards .awards_detail .contLeft  .btnArr.swiper-button-next {right: -40px; background: url('../images/tr/arr_right.png')no-repeat center;}
.conts.conts_awards .awards_detail .contRight {width: 100%; }
.conts.conts_awards .awards_detail .contRight .btnShare {position: absolute; right: 11px; top: 11px;}
.conts.conts_awards .awards_detail .contRight .awards_info li { padding:20px 0 17px; border-bottom: 1px solid #e9e9e9; }
.conts.conts_awards .awards_detail .contRight .awards_info li:first-child {padding-top: 0;}
.conts.conts_awards .awards_detail .contRight .awards_info li:last-child {border-bottom: none;}
.conts.conts_awards .awards_detail .contRight .awards_info li strong {display: inline-block; margin-bottom: 8px; font-family: 'ONE-Mobile-Title', 'Noto Sans Korean' ; font-size: 18px; color: #393d4a; line-height: 1; letter-spacing: -0.045em;}
.conts.conts_awards .awards_detail .contRight .awards_info li strong span {font-family: inherit; font-size:inherit; color: #ff7031; letter-spacing: -0.045em;}
.conts.conts_awards .awards_detail .contRight .awards_info li p {font-size: 16px; font-weight: 400; color: #464a55; line-height: 22px; letter-spacing: -0.045em; }
.conts.conts_awards .awards_detail .contRight .awards_btn {display: flex; gap: 4px; width: 100%; margin-top: 20px; }

.popupWrap {position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 9999;}
.popupWrap [class^='popCont'] {display: none; position: absolute; left:50%; top: 50%; transform: translate(-50%, -50%);}
.popupWrap [class^='popCont'] .btn_pop_close {display: inline-block; position: absolute; right: 18px; top: 18px; width: 14px; height: 14px; background: url('../images/tr/ic_close.png')no-repeat center;}
.popupWrap.pd1 [class^='popCont'] {padding-bottom:1px;}

.popupWrap .dimed {width: 100%; height: 100%; background: rgba(0,0,0,0.7);}

.non-click {display:none;position:fixed;z-index:1000;top:0;left:0;height: 100%;width:  100%;background: rgba( 255, 255, 255, .5 ); overflow: hidden}

/*2023-06-12 초등 개편 6월 선반영 - 썜체널 ui변경*/
.conts.conts_create .tab_wrap {margin: 37px 0 0; border-bottom: 1px solid #d4d4d4;}
.conts.conts_create .tab_educourse li {position: relative;}
.conts.conts_create .tab_educourse li span {position: relative; display: inline-block; height: 50px; padding: 0 17px; font-size: 22px; font-weight: 500; color: #4a4f5f; line-height: 50px; letter-spacing: -0.08em; cursor: pointer;}
.conts.conts_create .tab_educourse li.on span {color: #ff7031;}
.conts.conts_create .tab_educourse li.on span:after {content: ""; display: inline-block; position: absolute; left: 0; bottom: -1px; width: 100%; height: 2px; background: #ff7031; }

.conts.conts_create .tab_menu.create {display: flex; gap: 5px; flex-wrap: wrap; margin: 15px 0 0 0; text-align: left;}
.conts.conts_create .tab_menu.create li { min-width: unset; margin: 0; }
.conts.conts_create .tab_menu.create li a .icon {display: none;}
.conts.conts_create .tab_menu.create li a {display: inline-block; padding: 9px 15px; line-height: 1; background: #f7f7f7; border: 1px solid #dadada; border-radius: 18px; cursor: pointer;}
.conts.conts_create .tab_menu.create li a span {font-size: 14px; font-weight: 400; color: #474e62; vertical-align:top;letter-spacing: -0.045em;}
.conts.conts_create .tab_menu.create li.on a {background: #f5802c; border: 1px solid #ff730f;}
.conts.conts_create .tab_menu.create li.on a span {color: #fff;}
.conts.conts_create .tab_menu.create li:hover a span {color: #f5802c;}
.conts.conts_create .tab_menu.create li.on:hover a span {color: #fff;}


.conts.conts_create .contChange {display: inline-block; position: relative; width: 208px; height: 68px; padding:0 0 0 66px; margin-top: 3px; background: #ffd47f url('../images/tr/createmix/btn_cont_interview.png')no-repeat left 12px center; border: 1px solid #f8be49; border-radius: 34px; box-shadow: 0px 3px 0px rgba(230, 235, 237, 0.9); z-index: 99;}
.conts.conts_create .contChange p {font-size: 14px; font-weight: 500; color: #78504a; line-height: 16px; text-align: left; letter-spacing: -0.045em;}
.conts.conts_create .contChange.on {background: #ff7031 url('../images/tr/createmix/btn_cont_interview.png')no-repeat left 12px center; border: 1px solid #393d4a;}
.conts.conts_create .contChange.on p {color: #fff;}

.conts.conts_create .contLink {position: relative; display: inline-flex; align-items: center; width: 208px; height: 68px; padding:0 0 0 66px; margin-top: 3px; border: 1px solid #f8be49; border-radius: 34px; box-shadow: 0px 3px 0px rgba(230, 235, 237, 0.9); z-index: 99;}
.conts.conts_create .contLink p {font-size: 14px; font-weight: 500; color: #78504a; line-height: 16px; text-align: left; letter-spacing: -0.045em;}

.conts.conts_create .create_cont.interview {width: 100%; padding: 40px 30px 30px; margin-top: 30px; background: #f8f1e4; border: 1px solid #f0e7d7; border-radius: 15px;}
.conts.conts_create .create_cont {display: none; border-top: 0;}
.conts.conts_create .create_cont.on {display: block;}
.conts.conts_create .create_cont .introsam_tit {width: 464px; height: 43px; margin: 0 auto 30px; background: url('../images/create/teacher_interview_tit.png')no-repeat center;}
.conts.conts_create .create_cont .introsam_tit.cia{background-image:url('../images/create/teacher_interview_tit2.png');width:504px;margin-bottom:18px;height:33px;}
.conts.conts_create .create_cont .introsam {width: 100%; padding: 0;  margin-top: 0; border: none; border-radius: 0;}
.conts.conts_create .create_cont .introsam.multi .itro_t.renew_sam { float: none; margin-bottom: 23px;}
.conts.conts_create .create_cont .introsam.multi .itro_t.renew_sam .itro_t_inner {height: auto;}
.conts.conts_create .create_cont .introsam.multi .itro_t.renew_sam .itro_t_inner .character {width: 131px; height: 131px; margin-right: 10px; border: 1px solid #f0e1d1; border-radius: 50%; }
.conts.conts_create .create_cont .introsam.multi .itro_t.renew_sam .itro_t_inner a {width: 131px; height: 131px; padding: 42px 0 0 0;   background: #f5802c url('../images/create/btn_teacher_interview.png')no-repeat center bottom 36px; border: none;}
.conts.conts_create .create_cont .introsam.multi .itro_t.renew_sam .itro_t_inner a span { font-size: 17px; font-weight: 600; color: #fff; line-height: 1.15; letter-spacing: -0.045em; text-align: center; background: none;}
.conts.conts_create .create_cont .introsam.multi .itro_t.renew_sam.many, .itro_t_inner{gap:5px;}
.conts.conts_create .create_cont .introsam.multi .itro_t.renew_sam.many .itro_t_inner .character {width: 95px; height: 95px; margin-right:0;}
.conts.conts_create .create_cont .introsam.multi .itro_t.renew_sam.many .itro_t_inner a {width: 95px; height: 95px; padding: 23px 0 0 0;   background: #f5802c url('../images/create/btn_teacher_interview_many.png')no-repeat center bottom 12px; border: none}
.conts.conts_create .create_cont .introsam.multi .itro_t.renew_sam.many .itro_t_inner a span {font-size: 15px}
.conts.conts_create .create_cont .introsam.multi p {margin-top: 7px; font-size: 15px; font-weight: 400; color: #000000; line-height: 1.4; letter-spacing: -0.045em;}
.conts.conts_create .create_cont .introsam.multi p.txtdot {padding-left: 10px;}
.conts.conts_create .create_cont .introsam.multi p.txtdot:before {left: 0;}
.conts.conts_create .create_cont .introsam.multi .itro_video{position: relative; width: 100%; padding: 18px 50px 47px; margin-top: 40px; background: #fff; border: 1px solid #fde8bc; border-radius: 10px; }
.conts.conts_create .create_cont .introsam.multi .itro_video.txtType{padding:18px 35px 47px;}
.conts.conts_create .create_cont .introsam.multi .itro_video:after {content: ""; display: inline-block; position: absolute; left: 50%; top: -4px; transform: translateX(-50%); width: 750px; height: 16px; background: url('../images/create/video_box_deco.png')no-repeat center; }
.conts.conts_create .create_cont .introsam.multi .itro_video .itro_video_tit {width: 274px; height: 47px; margin: 0 auto 15px; background: url('../images/create/itro_tit.png')no-repeat center;}
.conts.conts_create .create_cont .introsam.multi .itro_video.ty2 .itro_video_tit{width:245px;height:45px;background: url('../images/create/itro_tit2.png') no-repeat center;}
.conts.conts_create .create_cont .introsam.multi .itro_video.txtType .itro_video_tit{background:url('../images/create/itro_tit3.png') no-repeat center;width:193px;height:31px;margin:20px 0;}
.conts.conts_create .create_cont .introsam.multi .itro_video.txtType p{line-height:24px;}
.conts.conts_create .create_cont .introsam.multi .itro_video .video_box {display: block; position: relative; width: 100%; height: 420px; background: #000; border: 1px solid #d4d4d4; border-radius: 17px; overflow: hidden;}
.conts.conts_create .create_cont .introsam.multi .itro_video .video_box video {width: 100%;}
.conts.conts_create .create_cont .introsam.multi .itro_video .video_box button {display: inline-block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 71px; height: 72px; background: url('../images/create/itro_video_play.png')no-repeat center;}

.conts.conts_create .t_list {border-top: 3px solid #474e62;}

/*재우쌤 자료집 다운로드 버튼*/
.conts.conts_create .btn_wrap {position: relative; display: flex; gap: 10px;  margin-top: 0; float: right; overflow: unset; z-index: 99;}
.conts.conts_create .btn_wrap .contChange {float: none}
.conts.conts_create.jaewoo .btn_wrap a.download_data {display: inline-block; position: relative; width: 200px; height: 68px; margin-top: 3px; font-size: 0; background: url('../images/tr/createmix/btn_down_jw.png')no-repeat center top; border-radius: 34px;box-shadow: 0px 3px 0px rgba(230, 235, 237, 0.9); z-index: 99;}


/*쌤채널 상세 페이지 - 이번 수업의 활동 자료 모음 */
.view_renew06.tblist tbody tr:hover td {background:none;}
.view_renew06.create_tb.tblist.view tbody td .view_article {padding-top: 40px;}

.detail_renew06 .subTxt_wrap {display: flex; justify-content: space-between; align-items: center; height: 55px;}
.detail_renew06 .subTxt_wrap h5 {font-size: 18px; font-weight: 600; color: #ff7031; letter-spacing: -0.045em; }
.detail_renew06 .subTxt_wrap .down_all {position: relative; }
.detail_renew06 .detailTable {margin-top: 10px; background: #f8f8f8; border: 1px solid #c9d0d6; border-radius: 10px; overflow: hidden;}
.detail_renew06 .tblist.ico_tb {margin-top: 0px; border-top: none;}
.detail_renew06 .tblist.ico_tb tr td {padding: 9px 0;}
.detail_renew06 .tblist tbody tr:last-child td {border-bottom: 0;}
.detail_renew06 .tblist tbody tr:last-child td p {font-size: 15px; font-weight: 400; color: #4a4f5f; letter-spacing: -0.045em;}
.detail_renew06 .tblist tbody tr:hover td .ic_file {font-weight: 500; color: #ff7031;}
.detail_renew06 .tblist tbody tr:hover td {background: #fdf2d6;}

.detail_renew06 .tblist  .ico.search.ty2 {width: 32px; height: 31px; margin: 0; border: none;}
.detail_renew06 .tblist  .ico.search.ty2 span {width: 100%; height: 100%; background:url(../images/educourse/ic_detail_view4.png) no-repeat center top;}
.detail_renew06 .tblist .btn_view .ico.search:hover {background: none;}
.detail_renew06 .tblist .btn_view .ico.search:hover span {background-position: center bottom;}

.detail_renew06 .tblist .ico.down.ty2 {width: 32px; height: 31px; margin: 0; border: none;}
.detail_renew06 .tblist  .ico.down.ty2 span {width: 100%; height: 100%; background:url(../images/educourse/ic_down_5.png) no-repeat center top; }
.detail_renew06 .tblist .downBtn .ico.down:hover {background: none;}
.detail_renew06 .tblist .downBtn .ico.down:hover span {background-position: center bottom;}

/*2023-07-07 시간표 신학기 초기화 안내*/
.main_top_type02 .inner {position: relative;}
.main_top_type02 .inner  .time_table_open {display: inline-block; position: absolute; top: 0; left: -94px; padding: 9px 14px 9px 11px; font-size: 12px; font-weight: 500; color: #ff6c00; line-height: 1.25; letter-spacing: -0.045em; background: #fff8e5; border: 1px solid #ff6c00; border-radius: 8px; box-shadow: 0px 3px 0px rgba(63, 63, 63, 0.1); }
.main_top_type02 .inner  .time_table_open:after {content: ""; display: inline-block; position: absolute; right: -8px; top: 50%; transform: translateY(-50%); width: 8px; height: 13px; background: url('../images/common/ico_pop_arr.png')no-repeat center;}
.main_top_type02 .inner  .time_table_open i {display: inline-block; width: 6px; height: 9px; background: url('../images/common/time_table_open_arr.png')no-repeat right center;}

/* 2023 2학기 개편 (7월)*/
/* 이달의 비바샘 추천 */
.month_recom .listRecom {display: flex; align-items: center;}
.month_recom .listRecom li a {text-align: center; display: block; border-radius:16px;position:relative;overflow:hidden;}
/* 2023-08-29 비바샘터 개편*/
.subcontents_samter { display: flex; justify-content: center; flex-direction: row; flex-wrap: wrap;}
.subcontents_samter .lnb.samter { width: 288px; padding: 40px 58px 0 0;  border-right: 0;}
.subcontents_samter .lnb.samter .menu_new h2 {margin-bottom: 40px; font-size: 28px; font-weight: 600; color: #3a3e4a; letter-spacing: -0.08em;}
.subcontents_samter .lnb.samter .menu_new ul {border-top: 2px solid #3a424f; border-bottom: 2px solid #3a424f;}
.subcontents_samter .lnb.samter  .menu_new > ul > li > a {font-size: 14px; font-weight: 500; color: #222429; line-height: 40px; letter-spacing: -0.04em;}
.subcontents_samter .lnb.samter .menu_new > ul > li.on > a, .lnb.samter .menu_new > ul > li:hover > a {font-size: 15px; font-weight: 600; color: #4083ee; letter-spacing: -0.045em; background:url(../images/common/ico_lnb_3.png) 96% 50% no-repeat;}
.subcontents_samter .paging {padding-top: 0;}
.subcontents_samter .paging ul {padding-top: 30px;}
.subcontents_samter .paging li a{display:inline-block; width:35px; height:35px; font-size: 14px; font-weight: 400; color: #a0a0a0; line-height:33px; text-align:center; border: 1px solid #e7e7e7; border-radius: 50%;}
.subcontents_samter .paging li a.on,
.subcontents_samter .paging li a:hover { font-size:14px; font-weight: 600; color: #fff; line-height:33px; background:#1b78dd; border:none; }
.subcontents_samter .paging .prev,
.subcontents_samter .paging .next,
.subcontents_samter .paging .first,
.subcontents_samter .paging .last{display:inline-block; width:32px; height:35px; font-size:0; text-indent:-5000px; border:none; vertical-align:middle;}
.subcontents_samter .paging .next {margin-left: 10px;}
.subcontents_samter .paging .prev {margin-right: 10px;}

.subcontents_samter .paging .first{margin-left:-1px; background:url('../images/common/first2.png') no-repeat center top;}
.subcontents_samter .paging .first:hover,.subcontents_samter .paging .first.on{background:url('../images/common/first2.png') no-repeat center bottom;}
.subcontents_samter .paging .prev{background:url('../images/common/prev2.png') no-repeat center top;}
.subcontents_samter .paging .prev:hover,.subcontents_samter .paging .prev.on{background: url('../images/common/prev2.png') no-repeat center bottom;}
.subcontents_samter .paging .next{background:url('../images/common/next2.png') no-repeat center top;}
.subcontents_samter .paging .next:hover, .subcontents_samter .paging .next.on{background: url('../images/common/next2.png') no-repeat center bottom;}
.subcontents_samter .paging .last{background:url('../images/common/last2.png') no-repeat center top;}
.subcontents_samter .paging .last:hover, .subcontents_samter .paging .last.on{background:url('../images/common/last2.png') no-repeat center bottom;}

.subcontents_samter .tblist {border-top: 2px solid #3a424f; border-bottom: 0;}
.subcontents_samter .tblist.review_tb .dream_view td {border-bottom: 2px solid #3a424f;}
.subcontents_samter .tblist.review_tb.view .detail_table_title th {background: #f7f7f7; }
.subcontents_samter .tblist.review_tb.view .detail_table_title th p { font-size: 18px; font-weight: 500; color: #373b47; letter-spacing: -0.045em; }
.subcontents_samter .tblist.review_tb.view .detail_table_title th p + p{ font-size: 15px; font-weight: 300; color: #373b47; letter-spacing: -0.045em; }
.subcontents_samter .tblist.review_tb.view .detail_table_title th.date p {font-size: 15px; font-weight: 300; color: #969696; letter-spacing: -0.020em;}
.subcontents_samter .tblist tbody tr.dream_view:hover td {background: #fff;}
.subcontents_samter .tblist tr.arrow_btn_tr td:first-child {padding-left: 37px;}
.subcontents_samter .tblist .arrow_btn_tr td p {font-size: 15px; font-weight: 400; color: #425067; letter-spacing: -0.045em;}
.subcontents_samter .tblist .arrow_btn_tr td p a{font-size: 15px; font-weight: 400; color: #425067; letter-spacing: -0.045em;}
.subcontents_samter .tblist .arrow_btn_tr td .arrow_btn a{font-size: 15px; font-weight: 500; color: #373b47; letter-spacing: -0.02em;}
.subcontents_samter .tblist .arrow_btn.arrow_btn_up a:before {  content: ""; display: block; position: absolute;  left: -21px; top: 49%; transform: translateY(-50%); width: 12px; height: 6px; background:url('../images/samteo/dream/ico/detail_arr_up.png') no-repeat center;}
.subcontents_samter .tblist .arrow_btn.arrow_btn_down a:before {  content: ""; display: block; position: absolute;  left: -21px; top: 49%; transform: translateY(-50%); width: 12px; height: 6px; background:url('../images/samteo/dream/ico/detail_arr_down.png') no-repeat center;}
.subcontents_samter .tblist .arrow_btn_tr.disabled p a {font-size: 15px; font-weight: 400; color: #9f9f9f; letter-spacing: -0.045em;}
.subcontents_samter .tblist .arrow_btn_tr.disabled td:first-child p a {font-weight: 500;}
.subcontents_samter .tblist .arrow_btn_tr.disabled:hover td p a {font-weight: 400;}

/*2023-11-01 학교 스마트기기 매뉴얼 채널 구축*/
.smartDevicePop .smartDeviceChannel {width: auto; padding: 0;}
.smartDeviceChannel .manual_tit{margin:25px 0 16px; font-size:18px; color:#393d4a; font-weight:600; line-height:1;}
.smartDeviceChannel .smart_manual .pop_tit {width: 100%; padding: 0 30px; font-size: 18px; font-weight: 600; color: #ffffff; line-height: 60px; text-align: center; letter-spacing: -0.045em; background: #3d78d6;}
.smartDeviceChannel .smart_manual .smart_manual_intro {display: flex; align-items: center; gap: 0 50px; padding-bottom: 45px;  margin-top: 50px; border-bottom: 1px solid #d4d4d4;}
.smartDeviceChannel .smart_manual .smart_manual_intro .intro_img {padding-left: 20px;}
.smartDeviceChannel .smart_manual .smart_manual_intro ul li {margin-bottom: 20px;}
.smartDeviceChannel .smart_manual .smart_manual_intro ul li:last-child {margin-bottom: 0;}
.smartDeviceChannel .smart_manual .smart_manual_intro ul li strong {display: inline-block; margin-bottom: 5px;  font-family: "ONE-Mobile-Title", "Noto Sans KR",snas-serif; font-size: 22px; color: #393d4a; line-height: 1; letter-spacing: -0.045em;}
.smartDeviceChannel .smart_manual .smart_manual_intro ul li strong .num {font-family: inherit; font-size: 22px; color: #ff7031; letter-spacing: inherit; }
.smartDeviceChannel .smart_manual .smart_manual_intro ul li p {font-size: 15px; font-weight: 400; color: #393d4a; line-height: 22px; letter-spacing: -0.045em; }
.smartDeviceChannel .smart_manual .smart_manual_intro ul li p span.point { color: #ff7031; letter-spacing: inherit;}
.smartDeviceChannel .smart_manual .device_tab {}
.smartDevicePop .smartDeviceChannel .smart_manual .device_tab {padding: 0 30px; margin-top: 30px;}
.smartDeviceChannel .smart_manual .device_tab .tab_wrap {position: relative; margin: 0 0 12px;}
.smartDeviceChannel .smart_manual .device_tab .tab_wrap .tab_menu {display: flex; gap: 3px;}
.smartDeviceChannel .smart_manual .device_tab .tab_wrap .tab_menu li a {display: block; width: 93px; font-size: 14px; font-weight: 400; color: #525252; line-height: 30px; text-align: center; background: #f4f7f9; border: 1px solid #dedede; border-radius: 16px; }
.smartDeviceChannel .smart_manual .device_tab .tab_wrap .tab_menu li.on a {font-weight: 500; color: #ffffff; background: #ff7031; border-color: #ff7031;}
.smartDeviceChannel .smart_manual .device_tab .tab_conts {display: none; position: relative;}
.smartDeviceChannel .smart_manual .device_tab .tab_conts#cont1 {display: block;}
.smartDeviceChannel .smart_manual .device_tab .tab_conts .all_control_button {display: flex; gap: 0 4px; position: absolute; right: 0; top: -55px; z-index: 10;}
.smartDeviceChannel .smart_manual .device_tab .tab_conts .all_control_button .share {display: inline-block; position: relative; width: 103px; height: 46px; padding: 9px 0 8px 20px; font-size: 12px; font-weight: 500; color: #ffffff; line-height: 14px; letter-spacing: -0.045em; border-radius: 2px; background: #444752; }
.smartDeviceChannel .smart_manual .device_tab .tab_conts .all_control_button .share:after {content: ""; display: inline-block; position: absolute; right: 16px; top: 14px;  width: 17px; height: 18px; background: url('../images/tr/smartManual/btn_all_share.png')no-repeat center bottom; }
.smartDevicePop .smartDeviceChannel .smart_manual .device_tab .tab_conts .all_control_button .share {display: inline-block; position: relative; width: 85px; height: 46px; padding: 9px 0 8px 10px; font-size: 12px; font-weight: 500; color: #ffffff; line-height: 14px; letter-spacing: -0.045em; border-radius: 2px; background: #444752; }
.smartDevicePop .smartDeviceChannel .smart_manual .device_tab .tab_conts .all_control_button .share:after {right: 8px;}
.smartDeviceChannel .smart_manual .device_tab .tab_conts .all_control_button .share:hover {background: #383b45;}
.smartDeviceChannel .smart_manual .device_tab .tab_conts .all_control_button .share:after:hover {background-position: center top;}
.smartDeviceChannel .smart_manual .device_tab .tab_conts .all_control_button .download {display: inline-block; position: relative; width: 103px; height: 46px; padding: 9px 0 8px 20px; font-size: 12px; font-weight: 500; color: #2f323c; line-height: 14px; letter-spacing: -0.045em; border-radius: 2px; background: #ffd781; }
.smartDeviceChannel .smart_manual .device_tab .tab_conts .all_control_button .download:after {content: ""; display: inline-block; position: absolute; right: 15px; top: 15px;  width: 17px; height: 18px; background: url('../images/tr/smartManual/btn_all_down_ele.png')no-repeat center bottom; }
.smartDevicePop .smartDeviceChannel .smart_manual .device_tab .tab_conts .all_control_button .download {width: 85px; height: 46px; padding: 9px 0 8px 10px; }
.smartDevicePop .smartDeviceChannel .smart_manual .device_tab .tab_conts .all_control_button .download:after {right: 8px;}
.smartDeviceChannel .smart_manual .device_tab .tab_conts .all_control_button .download:hover {color: #fff; background: #ff7031;}
.smartDeviceChannel .smart_manual .device_tab .tab_conts .all_control_button .download:hover:after {background-position: center top;}
.smartDeviceChannel .smart_manual .device_tab .tab_conts .inner {display: flex; gap: 0 20px; width: 100%; }
.smartDeviceChannel .smart_manual .device_tab .tab_conts .video_wrap { width: 570px; border:1px solid #d4d4d4; border-radius:5px; overflow:hidden;}
.smartDeviceChannel .smart_manual .device_tab .tab_conts .video_wrap .video { display: flex; justify-content: center; align-items: center; width: 100%; }
.smartDeviceChannel .smart_manual .device_tab .tab_conts .time_line {flex: 1;}
.smartDeviceChannel .smart_manual .device_tab .tab_conts .time_line table {width: 100%; border-top: 2px solid #4a4f5f;}
.smartDeviceChannel .smart_manual .device_tab .tab_conts .time_line table thead th {height: 38px; font-size: 14px; font-weight: 500; color: #393d4a; letter-spacing: -0.055em; text-align: center; vertical-align: middle; background: #f0f0f0;}
.smartDeviceChannel .smart_manual .device_tab .tab_conts .time_line table thead th:first-child {border-right: 1px solid #dedede;}
.smartDeviceChannel .smart_manual .device_tab .tab_conts .time_line table tbody td {height: 35px; vertical-align: middle; border-bottom: 1px solid #dedede;}
.smartDeviceChannel .smart_manual .device_tab .tab_conts .time_line table tbody td:first-child {padding-left: 10px;  vertical-align: middle; border-right: 1px solid #dedede; }
.smartDeviceChannel .smart_manual .device_tab .tab_conts .time_line table tbody td:first-child a {font-size: 15px; font-weight: 500; color: #393d4a; letter-spacing: -0.045em;}
.smartDeviceChannel .smart_manual .device_tab .tab_conts .time_line table tbody td:first-child a:hover {color: #ff7031;}
.smartDeviceChannel .smart_manual .device_tab .tab_conts .time_line table tbody td:first-child a.on {color: #ff7031;}
.smartDeviceChannel .smart_manual .device_tab .tab_conts .time_line table tbody tr:first-child td:last-child {text-align: center;}
.smartDeviceChannel .smart_manual .device_tab .tab_conts .time_line table tbody tr:first-child td:last-child span {display: inline-block; width: 9px; height: 1px; vertical-align: middle; background: #7f8083; }
.smartDeviceChannel .smart_manual .device_tab .tab_conts .time_line table tbody tr td:last-child {text-align: center;}
.smartDeviceChannel .smart_manual .device_tab .tab_conts .time_line table tbody tr td:last-child a.video_download {display: inline-block; width: 13px; height: 13px; background: url('../images/tr/smartManual/btn_cut_down.png')no-repeat center;}
.smartDeviceChannel .smart_manual .link {margin-top: 15px; font-size: 14px; font-weight: 300; color: #555555; letter-spacing: -0.04em;}
.smartDeviceChannel .smart_manual .link a {font-size: 14px; font-weight: 300; color: #e1644e; letter-spacing: -0.04em; text-decoration: underline;}
.manual_video_wrap{margin-top:25px; border-top:1px solid #d4d4d4;}
.smartDeviceChannel .manual_video_list ul{margin-top:0; display:flex; gap:10px; flex-wrap:nowrap;}
.smartDeviceChannel .manual_video_list ul li{margin:0; padding:0; flex:1;}
.smartDeviceChannel .manual_video_list ul li .video_box_wrap{padding:0; width:auto; height:auto; border-radius:8px;border:1px solid #e9e9e9;}
.smartDeviceChannel .manual_video_list ul li .img{width:auto; height:auto; border:none; border-radius:0;}
.smartDeviceChannel .manual_video_list .hidden_hover_box .d_cont{bottom:50%; transform:translateY(50%); display:flex; justify-content:center; gap:5px;}
.smartDeviceChannel .manual_video_list .hidden_hover_box .d_cont a{margin:0; transform:translateY(150px)}
.smartDeviceChannel .manual_video_list ul li:hover .video_box_wrap{padding:0; border:1px solid #e9e9e9;}
.smartDeviceChannel .manual_video_list ul li:hover .video_box_wrap:after{content:''; position:absolute; left:-1px; top:-1px; right:-1px; bottom:-1px; border:2px solid #ff7e1e; border-radius:8px;}
.smartDeviceChannel .manual_video_list ul li:hover .link_box{min-height:0; border-radius:8px;}
.smartDeviceChannel .manual_video_list ul li:hover .hidden_hover_box{min-height:0;}


.manual_banner_wrap {position: fixed; top: 150px; right: 15%; z-index: 100;}
.manual_banner_wrap .banner_inner {position: relative;}
.manual_banner_wrap .banner_inner .btn_manual_go {display: inline-block; position: absolute; left: 50%; bottom: 28px; transform: translateX(-50%); width: 61px; height: 27px; font-size: 0; background: url('../images/tr/smartManual/btn_go_ele.png')no-repeat center;}
.manual_banner_wrap .banner_inner .btn_link {position:absolute;left:0;right:0;top:0;bottom:0;}
.manual_banner_wrap .banner_inner .banner_close {display: inline-block; position: absolute; right: 45px; top: 30px; width: 14px; height: 14px; font-size: 0; background: url('../images/tr/smartManual/banner_close.png')no-repeat center;}
.manual_banner_wrap .banner_inner.promotion_830 .btn_link {position:absolute;left:0;right:0;top:0;bottom:0;}
.manual_banner_wrap .banner_inner.promotion_830 .banner_close {right:0;top:0;width:30px;height:30px;background:none;}
.manual_banner_wrap .banner_inner.type2 .banner_close {background-image:url("../images/tr/smartManual/banner_close02.png");right:29px;top:19px;}

.subcontents .btnSubjectWrap + .tab_wrap {position: relative;}
.subcontents .btnSubjectWrap + .tab_wrap .btn_textbook_down {display: inline-block; position: absolute; right: 0; top: 50%; transform: translateY(-50%); height: 44px; padding: 0 42px 0 48px; font-size: 14px; font-weight: 600; color: #fff; letter-spacing: -0.045em;  line-height: 44px; background: #FF8C38 url('../images/educourse/ico_data_arrow.png')no-repeat right 10px center;  border-radius: 22px;}
.subcontents .btnSubjectWrap + .tab_wrap .btn_textbook_down:after {content: ""; display: inline-block; position: absolute; left: 12px; top: 50%; transform: translateY(-50%); width: 28px; height: 28px; background: url('../images/common/ic_pdf_down.png') no-repeat center; }

.flex_lib_wrap + .tab_wrap {position: relative; margin:30px 0  16px; display: flex; flex: 1; flex-wrap: wrap; min-width: 0; align-items: center;gap: 5px;}
.flex_lib_wrap + .tab_wrap .btn_textbook_down {margin-left:5px;display: inline-block;position:relative;height: 44px; padding: 0 42px 0 48px; font-size: 14px; font-weight: 600; color: #fff; letter-spacing: -0.045em;  line-height: 44px; background:#FF8C38 url('../images/educourse/ico_data_arrow.png')no-repeat right 10px center;  border-radius: 22px;}
.flex_lib_wrap + .tab_wrap .btn_textbook_down:after {content: ""; display: inline-block; position: absolute; left: 12px; top: 50%; transform: translateY(-50%); width: 28px; height: 28px; background: url('../images/common/ic_pdf_down.png') no-repeat center; }



/* 쌤채널 저서 판매 링크 탑재 */
.conts.conts_create .btn_wrap a.haed_btn { display: inline-flex; align-items: center; position: relative; height: 68px; padding: 0 25px 0 63px; margin-top: 3px;  border: 1px solid #f8be49; border-radius: 34px; background: #ffd47f; background-repeat: no-repeat; background-position: left 12px center; box-shadow: 0px 3px 0px rgba(230, 235, 237, 0.9); z-index: 99; }
.conts.conts_create .btn_wrap a.haed_btn p {font-size: 14px; font-weight: 500; color: #71524c; line-height: 16px; letter-spacing: -0.045em;}
.conts.conts_create .btn_wrap a.haed_btn.sell_book {background-image: url('../images/tr/createmix/btn_sell_book.png'); }

/* cia 링크 버튼 */
.conts.conts_create .btn_wrap a.haed_btn.CiaBookPopup{background-image: url('../images/tr/createmix/btn_cia.png'); }

/* 푸터 디자인 */
.publicEvtFooter_wrap.bgGray {background: #f4f4f4}
.publicEvtFooter_wrap.borderT {border-top: 1px solid #dedede;}

/* 메인 롤링 영역 수정 2024-01-22 */
.rolling_wrap .rolling_item{flex:1;}
.rolling_wrap .rolling_item .swiper-container{flex:1;}
.rolling_wrap .rolling_item .swiper-slide a.fl{display:flex; align-items:center; gap:7px;}
.rolling_wrap .rolling_item .swiper-slide a.fl .txt{max-width:100%; min-width:0; font:inherit; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.rolling_wrap .rolling_item .swiper-slide a.fl .ico_new{flex:none; width:12px; height:12px; background:url('../images/common/ico_new.png') no-repeat center;}

.publicEvtFooter_wrap.type02 {width:100%; padding:46px 0 80px; }
.publicEvtFooter_wrap.type02 .publicEvtFooter {display:flex; width:1100px; padding-left:150px; margin:0 auto; }.publicEvtFooter_wrap .publicEvtFooter h2 {margin-right:45px;}
.publicEvtFooter_wrap.type02 .publicEvtFooter .info {text-align:left;}
.publicEvtFooter_wrap.type02 .publicEvtFooter .info ul {display:flex; margin-bottom:12px;}
.publicEvtFooter_wrap.type02 .publicEvtFooter .info ul li {position:relative; padding-right:10px; padding-left:10px; }
.publicEvtFooter_wrap.type02 .publicEvtFooter .info ul li:first-child {padding-left:0;}
.publicEvtFooter_wrap.type02 .publicEvtFooter .info ul li:after {content:""; display:block; position:absolute; right:0; top:50%; transform:translateY(-50%); width:1px; height:12px; background-color:#8b8989; }
.publicEvtFooter_wrap.type02 .publicEvtFooter .info ul li:last-child:after {display:none;}
.publicEvtFooter_wrap.type02 .publicEvtFooter .info ul li a {font-size:14px; color:#636774; font-weight:500;}
.publicEvtFooter_wrap.type02 .publicEvtFooter .info span { position:relative; padding:0 6px; color:#636774; font-size:12px;}
.publicEvtFooter_wrap.type02 .publicEvtFooter .info span.first {padding-left: 0}
.publicEvtFooter_wrap.type02 .publicEvtFooter .info span:after {content:""; display:block; position:absolute; right:0; top:50%; transform:translateY(-50%); width:1px; height:9px; background-color:#aeaaaa; }
.publicEvtFooter_wrap.type02 .publicEvtFooter .info span a {color:#aeaaaa; font-size:12px;}
.publicEvtFooter_wrap.type02 .publicEvtFooter .info p {font-size:12px;  color:#aeaaaa;}

/* 학생에게 공유하기 버튼 */
.btn_qr_share {float:left; margin-top: 35px; margin-bottom: 20px; text-align: center; height: 34px; line-height: 32px; font-weight: 500; border-radius: 7px; -webkit-border-radius:7px; -moz-border-radius:7px; -ms-border-radius:7px; border: 1px solid #ddd; padding: 0px 14px 0px 12px; background-color:#f4f4f4; color: #333; font-size: 14px; z-index: 1; position: relative;}
.btn_qr_share span {background:url("/resources/images/popup/shareBtnType/ico_share.png")no-repeat 0 center; display: inline-block; margin-right: 9px; width: 17px; height: 34px; vertical-align: top; image-rendering: crisp-edges; image-rendering: -webkit-optimize-contrast; image-rendering: -o-crisp-edges; image-rendering: -moz-crisp-edges; transform: translateZ(0); backface-visibility: hidden;}

/* 이달의 비바샘 추천 개편(24-01-24) */
.mainArticleWrap{overflow:visible;}
.month_recom{display:flex;gap:0 12px;}
.monthList{width:896px;}
.monthRecomMenu .listRecom{gap: 0 19px;margin-bottom:12px;}
.monthRecomMenu .listRecom li a{color:#303134;font-size:15px;display:block;height:25px;font-weight:700;}
.monthRecomMenu .listRecom li.on a,.monthRecomMenu .listRecom li a:hover{color:#f37519;border-radius:0;border-bottom:2px solid #f37519;font-weight:700;}
.monthRecomCont .listRecom{flex-wrap:wrap;gap:10px;}
.monthRecomCont .listRecom .RecomBox{width:216px;position:relative;}
.monthRecomCont .listRecom.type1 .RecomBox:nth-of-type(n+6) a{border:0;}
.monthRecomCont .listRecom .RecomBox .img{width:100%;height:151px;position:relative;}
.monthRecomCont .listRecom .RecomBox.bg .img.bg_y{background-color:#FFF7D7;}
.monthRecomCont .listRecom .RecomBox.bg .img.bg_b{background-color:#CFF4FF;}
.monthRecomCont .listRecom .RecomBox.bg .img.bg_pink{background-color:#FDE7DC;}
.monthRecomCont .listRecom .RecomBox.bg .img.bg_g{background-color:#C6F6E4;}
.monthRecomCont .listRecom .RecomBox.bg .img.bg_puple{background-color:#FFF7D7;}
/*.monthRecomCont .listRecom .RecomBox a{display:block;border-radius:16px;height:150px;}*/
.monthRecomCont .listRecom .RecomBox.ClassActive .img img{object-fit:contain;}
.monthRecomCont .listRecom .RecomBox.infoBox a{background-color:#ffd87a;}
.monthRecomCont .listRecom .RecomBox.infoBox a span.txtbox{position:absolute;bottom:auto;top:50%;left:50%;transform:translate(-50%,-50%);height:auto;background-color:transparent;text-align:center;}
.monthRecomCont .listRecom .RecomBox.infoBox a span.txtbox span{display:block;color:#393d4a;}
.monthRecomCont .listRecom .RecomBox.infoBox a span.txtbox span strong{font-weight:bold;}
.monthRecomCont .listRecom .RecomBox.infoBox a span.txtbox span.titLink{background-color:#fff;border-radius:20px;color:#f37519;border:1px solid #e9c262;padding:3px 26px 4px 11px;margin-top:8px;position:relative;}
.monthRecomCont .listRecom .RecomBox.infoBox a span.txtbox span.titLink:after{content:"";display:inline-block;width:10px;height:10px;background:url(../images/main/ico_arrow_o.png) no-repeat center center;position:absolute;right:8px;top:50%;transform:translateY(-50%);}
.monthRecomCont .listRecom .RecomBox.steam span.name,.monthRecomCont #creative .listRecom .RecomBox span.name{display:block;position:absolute;top:10px;left:10px;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';z-index:1;}
/* 이달의 비바샘 추천 - 계기수업,창의적 체험활동 컨텐츠 */
.monthRecomCont .listRecom .RecomBox .type,.monthRecomCont #creative .listRecom .RecomBox .type{position:absolute;top:10px;right:10px;z-index:2;width:30px;height:30px;overflow:hidden;}
.monthRecomCont .listRecom .RecomBox .type img,.monthRecomCont #creative .listRecom .RecomBox .type img{width:100%;height:100%;object-fit:contain;}
.monthRecomCont #creative .listRecom .RecomBox span.name{height:auto;padding:6px;display:flex;align-items:center;line-height:1.3;}
.monthRecomCont [id^="subject"] .listRecom .RecomBox a span.tit,.monthRecomCont #creative .listRecom .RecomBox a span.tit{display:-webkit-box;font-size:14px;color:#000;font-weight: 700;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow:ellipsis;overflow:hidden;}
.monthRecomCont [id^="subject"] .listRecom .RecomBox a span.txtbox,.monthRecomCont #creative .listRecom .RecomBox a span.txtbox {display: inline-flex;align-items:center;position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:100%;background:rgba(255,255,255,.85);text-align:left;padding:8px 20px 7px 15px;height:54px;}
/* 이달의 비바샘 추천 - 샘퀴즈*/
.monthRecomCont #samquize .listRecom .RecomBox a span.txtbox{display:none;}
/*.monthRecomCont .listRecom .RecomBox.steam a,.monthRecomCont .listRecom .RecomBox.monthJob a{border:0;}*/
.monthRecomCont #samquize .listRecom {gap:20px;}
.monthRecomCont #samquize .listRecom .RecomBox {cursor:pointer;}
.monthRecomCont #samquize .listRecom .RecomBox a{position:relative; display:block; width:100%;height:206px; border-radius:16px; overflow:hidden;border:1px solid #e6e5e5;}
/*.monthRecomCont #samquize .listRecom .RecomBox:after{content:''; position:absolute; left:0; right:0; top:0; bottom:0;border:1px solid #e6e5e5; border-radius:15px;}*/
.monthRecomCont #samquize .listRecom .RecomBox:hover:after{border:2px solid #ff8800;box-shadow:0 10px 10px 0 rgba(0,0,0,0.1);}
.monthRecomCont #samquize .listRecom .RecomBox .img {height:160px;}
/*.monthRecomCont #samquize .listRecom .RecomBox .img:hover:after{content:''; position:absolute; left:0; right:0; top:0; bottom:0; background:#000;}*/
.monthRecomCont #samquize .listRecom .RecomBox .tit {position:absolute;left:0;bottom:0;padding:0 16px;height:45px;line-height:45px;text-align:left;font-size:15px;color:#121212;}
/* 큐레이션 하단 문구 마우스 오버*/
.monthRecomCont #creative .listRecom .RecomBox:nth-child(n+7) a span.txtbox{display:none;}
.monthRecomCont #creative .listRecom .RecomBox:nth-child(n+7) a:hover span.txtbox{bottom:auto;right:auto;top:50%;left:50%;transform:translate(-50%, -50%);display:block;}
.monthRecomCont #creative .listRecom .RecomBox:nth-child(n+7) a:hover span.txtbox.on span.tit{color:#fff;display:flex;align-items:center;height:100%;justify-content:center;}
/* 비바샘 에듀테크 수업 모음 */
.section .edutechwrap .sec_tit{margin-bottom:15px;}
.edutechwrap{ width:291px;padding-top:5px;}
.edutechwrap ul { display: flex; flex-wrap: wrap; gap: 8px;}
.edutechwrap ul li{ display: flex; align-items: center; width: 141px; border:1px solid #e1e5e7;border-radius: 5px;position:relative;height: 56px; box-sizing: border-box; -webkit-box-sizing: border-box;}
.edutechwrap ul li a:after,.edutechwrap ul li a:before,
.edutechwrap ul li.worksheet:before,.edutechwrap ul li.worksheet:after,
.edutechwrap ul li.vivaClass button:before,.edutechwrap ul li.worksheet button:before{content:"";display:block;position:absolute;top:50%;left:10px;transform:translateY(-50%);}
.edutechwrap ul li a:before{width:32px;height:32px;background:url("../images/main/ico_edutech_240614.png") no-repeat center 0;}
.edutechwrap ul li.sampit a:before{background-position-y:-45px;}
.edutechwrap ul li.samboard a:before{background-position-y:-90px;}
.edutechwrap ul li.vrArtGallery a:before{background-position-y:-135px;}
.edutechwrap ul li.vrHistory a:before{background-position-y:-180px;}
.edutechwrap ul li.vivaClass a:before{background-position-y:-225px;}
.edutechwrap ul li.worksheet a:before{background-position-y:-270px;}
.edutechwrap ul li.wechall a:before{background-position-y:-314px;}
.edutechwrap ul li.liveClass a:before{background-position-y:-403px;}
.edutechwrap ul li.areaLocation a:before{background-position-y:-358px;}
.edutechwrap ul li a:after{left:auto;right:7px;background:url("../images/main/ico_arrow_off.png") no-repeat center top; width:17px;height:17px;}
.edutechwrap ul li a:hover:after{background:url("../images/main/ico_arrow_on.png") no-repeat center top;}
.edutechwrap ul li a{display:flex;align-items: center; justify-content: flex-start; padding-left: 52px; height:100%; overflow:hidden;}
.edutechwrap ul li.on{border-color:#206eeb;background-color:#f3fbff;cursor:pointer;}
.edutechwrap ul li.vivaClass span,.edutechwrap ul li.worksheet span{width:calc(100% - 82px);font-family:'Jalnan2', 'Noto Sans Korean', sans-serif;font-size:13px;padding-top:4px;color:#a4acb0;}
.edutechwrap ul li.vivaClass button,.edutechwrap ul li.worksheet button{display:inline-block;width:82px;height:26px;font-size:12px;background-color:#206eeb;color:#fff;border-radius:20px;float:right;position:relative;padding:0 12px 0 24px;vertical-align:middle;}
.edutechwrap ul li.vivaClass button:before,.edutechwrap ul li.worksheet button:before{width:11px;height:13px;background:url("../images/main/alarm.png") no-repeat center center;left:11px;vertical-align:middle;display:inline-block;}
.edutechwrap ul li a > em{line-height:1;vertical-align:top; font-family: 'Jalnan';font-size: 13px; color: #393d4a;letter-spacing:0.1px;}
.edutechwrap ul li.new em:after{content:'';display:inline-block;width:12px;height:12px;margin-left:5px;background:url(../images/common/ico_new.png);}
/*에듀테크 테마관*/
.eduThemeWrap {position:relative;width:712px;}
.eduThemeWrap .edu-container.swiper-container {overflow:visible;}
.eduThemeWrap .swiper-wrapper {}
.eduThemeWrap .eduThemeList {width:100%;}
.eduThemeWrap .eduThemeList li.swiper-slide{display:flex;flex-wrap:wrap;gap:20px;}
.eduThemeWrap .eduThemeList li.swiper-slide a {position:relative;width:224px;background:#fff;text-align:center;border:1px solid #d9d9d9;border-radius:16px;overflow:hidden;}
.eduThemeWrap .eduThemeList li a.new:before {content:'';position:absolute;top:22px;right:0;display:inline-block;width:48px;height:22px;background:url(../images/main/edutech_new.png) no-repeat center center;}
.eduThemeWrap .eduThemeList li a.hot:before {content:'';position:absolute;top:22px;right:0;display:inline-block;width:48px;height:22px;background:url(../images/main/edutech_hot.png) no-repeat center center;}
.eduThemeWrap .eduThemeList li a{position:relative;display:block;padding:29px 0;width:224px;height:100%;}
.eduThemeWrap .eduThemeList li a:after{content:''; position:absolute; left:0; right:0; top:0; bottom:0;border-radius:15px;z-index:1;box-sizing:border-box;}
.eduThemeWrap .eduThemeList li a:hover:after{border:2px solid #ff8800;}
.eduThemeWrap .eduThemeList li a:hover{box-shadow:0 10px 10px 0 rgba(0,0,0,0.1);}
.eduThemeWrap .eduThemeList li .eduTechTit {padding:0 32px;}
.eduThemeWrap .eduThemeList li p {margin:21px 0 12px;font-size:14px;color:#3e3e3e;font-weight:300;line-height:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break: break-all;}
.eduThemeWrap .eduThemeList li h3 {font-size:20px;color:#3e3e3e;font-weight:600;line-height:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break: break-all;}
/*.eduThemeWrap .swiper-slide.eduSlide{width:216px;height:135px;border-radius:7px;overflow:hidden;}*/
/*.eduThemeWrap .swiper-slide.eduSlide a{display:block;width:100%;height:100%;}*/
.eduThemeWrap .edu-container .eduPagination{position:absolute; right:0; top:-38px; left:unset; bottom:unset; margin-top:0;text-align:right;}
.eduThemeWrap .edu-container .eduPagination .swiper-pagination-bullet{margin:0 8px;width:14px;height:14px;background:#e9e9e9;opacity:1;border-radius:7px;}
.eduThemeWrap .edu-container .eduPagination .swiper-pagination-bullet-active{width:28px;background:#757575;}
.eduThemeWrap .swiper-button-prev,.eduThemeWrap .swiper-button-next{background:url(../images/main/btn_module_left.png) no-repeat 8px center #fff;width:6px;height:9px;margin-top:0;padding:11.5px;border-radius:100%;border:1px solid #525659;}
.eduThemeWrap .swiper-button-prev{left:-12px;}
.eduThemeWrap .swiper-button-next{background-image:url(../images/main/btn_module_right.png);right:-12px;background-position:10px center;}
.eduThemeWrap .swiper-button-prev:after,.eduThemerap .swiper-button-next:after{content:none;}
/* 교사문화프로그램, 공지사항, 설문조사 */
.main_flex_box.type02{margin-top:20px;flex-direction:column; gap:16px;}
.main_flex_box.type02 li{width:440px;height:150px;}
.main_flex_box.type02 .flex {display:flex;justify-content:space-between;}
.main_flex_box.type02 h3.sec_tit{margin-bottom:17px;position:relative;}
.main_flex_box.type02 a:hover span {color:#ff7031;}
.main_flex_box.type02 a span {font-size:13px;font-weight:300;line-height:20px;}
.main_flex_box.type02 a span:after{content:'';margin-left:8px;display:inline-block;width:13px;height:20px;background:url(../images/main/btn_more3.png) no-repeat center top;vertical-align:bottom;}
.main_flex_box.type02 a:hover span.btn_more:after {background-position:center bottom;}
.main_flex_box.type02 h3.sec_tit span{color:#f37519;}
.main_flex_box.type02 li .img{height:150px;border-radius:16px;overflow:hidden;}
.main_flex_box.type02 .notice {height:auto;}
.main_flex_box.type02 .notice .rolling_wrap .rolling_item.type02,.main_flex_box.type02 li a{display:block;}
.main_flex_box.type02 .notice .rolling_wrap .rolling_item.type02{height:158px;padding:16px 10px 16px 0;}
.main_flex_box.type02 .notice .rolling_wrap .rolling_item.type02 a{color:#414141;max-width:100%;}
.main_flex_box.type02 .notice .rolling_wrap .rolling_item.type02 a:hover{color:#ff7031;}
.main_flex_box.type02 .notice .rolling_wrap .rolling_item .swiper-slide:before{top:13px;transform: translateY(0);}

/* 주제별 수업 자료 */
.commonIndexWrap.main .teacherDataWrap,
.commonIndexWrap.main .creativeDataWrap,
.commonIndexWrap.main .samDataWrap {margin-bottom:0;}
.commonIndexWrap.main .teacherDataWrap .tab_conts2{display:none;}
.commonIndexWrap.main .teacherDataWrap .tab_conts2.on{display:block;}
.commonIndexWrap.main .sec_tit{display:inline-block;width:140px;height:31px;background:url("../images/main/tit_bg.png") no-repeat center center;color:#fff;text-align:center;font-size:14px;line-height:32px;margin:0;margin-right:17px;}
.commonIndexWrap.main .mainDataTab ul{display:inline-flex;align-items:center;gap:0 20px;height:31px;line-height:31px;}
.commonIndexWrap.main .mainDataTab ul li a{font-size:15px;font-weight:bold;}
.commonIndexWrap.main .mainDataTab ul li.on a,.commonIndexWrap.main .mainDataTab ul li:hover a{color:#ff7031;font-weight:bold;height:31px;display:block;}
.commonIndexWrap.main .mainDataTab ul li.on a,.commonIndexWrap.main .mainDataTab ul li a:hover{border-bottom:2px solid #ff7031;}
.commonIndexWrap.main .creativeContSwiperWrap,.commonIndexWrap.main .teacherContSwiperWrap{height:57px;}
.commonIndexWrap.main .mainCont{margin-top:8px;}
.commonIndexWrap.main .mainCont [class^="tabPage"]{text-align:center;line-height:57px;}
.commonIndexWrap.main .mainCont .tabPage2{padding:0;}
.commonIndexWrap.main .mainCont [class^="tabPage"] span{font-size:15px;font-weight:400;}
.commonIndexWrap.main [class^="tabPage"] span.pageBtn.pageBtn-active{font-weight:bold;}
.commonIndexWrap.main .mainCont .teacherDataSwiperWrap,
.commonIndexWrap.main .mainCont .creativeDataSwiperWrap {padding:20px 55px 20px 54px;}
.commonIndexWrap.main .mainCont .creativeDataSwiperWrap{padding-top: 30px;}
.commonIndexWrap.main .mainCont .samDataSwiperWrap {padding:30px 60px 20px;}
.commonIndexWrap.main .mainCont .classDataWrap{width:535px;margin-right:0;position:relative;}
.commonIndexWrap.main .mainCont .videoDataWrap{width:490px;margin-left:auto;}
.commonIndexWrap.main .mainCont .videoDataWrap:after{content:"";display:block;border-right:1px solid #ddd;width:1px;height:100%;position:absolute;top:0;left:-33px;}
.commonIndexWrap.main .mainCont .videoDataCont ul{gap:12px;}
.commonIndexWrap.main .mainCont .videoDataCont ul li{margin:0;}
.commonIndexWrap.main .mainCont .videoDataCont ul li a .videoIcon{background-image:url("../images/textbook/ico/ico_FT201.png");width:30px;height:30px;background-size:contain;}
.commonIndexWrap.main .mainCont .videoDataCont ul li a .youtubeIcon{background:url(../images/main/ico_youtube.png) no-repeat center center;width:80px;height:26px;position:absolute;top:8px;right:8px;}
.commonIndexWrap.main .mainCont .classDataCont ul li{width:260px;box-shadow:none;margin-right: 13px;}
.commonIndexWrap.main .mainCont .careerActive .classDataWrap,
.commonIndexWrap.main .mainCont .creativeActive .creativeClassDataWrap{width:100%;}
.commonIndexWrap.main .mainCont .careerActive .classDataCont ul:after{content:none;}
.commonIndexWrap.main .mainCont .classDataCont ul,
.commonIndexWrap.main .mainCont .creativeDataCont ul{gap:0 7px;}
.commonIndexWrap.main .mainCont .creativeActive .creativeClassDataWrap .creativeDataCont ul li{width:212px;box-shadow:none;margin-right:0;}
.commonIndexWrap.main .mainCont .samData .creativeDataCont ul{gap:0 13px;}
.commonIndexWrap.main .mainCont .samData .careerActive .classDataCont ul li,
.commonIndexWrap.main .mainCont .samData .creativeActive .creativeClassDataWrap .creativeDataCont ul li { width: 260px;box-shadow:none;margin-right:0;}
.commonIndexWrap.main .mainCont .teacherDataSwiperWrap,
.commonIndexWrap.main .mainCont .creativeDataSwiperWrap,
.commonIndexWrap.main .mainCont .samDataSwiperWrap{height:360px;}
.commonIndexWrap.main .mainCont .classDataCont ul li a:hover img,.commonIndexWrap.main .mainCont .creativeDataCont ul li a:hover img {transform:none;transition:none;}
.commonIndexWrap.main .mainCont .videoDataCont ul li a:hover .videoTitBg{border:0;}
/*메인 내 수업 시간표 */

/*.main_top_type02 .inner .my_textbook > ul li.on:nth-child(6n){border-right:1px solid #d2d2d2;}*/
/*.main_top_type02 .inner .my_textbook > ul li.on:nth-child(7){border-right:0;border-bottom:1px solid #d2d2d2;}*/
.main_top_type02 .inner .my_textbook > ul li.on .textbook_box:before{content:none;}


.main_top_type02 .inner .my_textbook > ul li.lower{width:calc(100% / 7);}
.main_top_type02 .inner .my_textbook > ul li.lower:nth-child(6n){border-right:1px solid #d2d2d2;}
.main_top_type02 .inner .my_textbook > ul li.lower:nth-child(7n){border-right:0;}
.main_top_type02 .inner .my_textbook > ul li.lower .textbook_box:before{content:none;}

/*** 241 초등 개편 2024-01-22 ***/
.tab_conts .accordion .btnAcco.noAcco{cursor:auto;}
.tab_conts .accordion .btnAcco.noAcco:before, .tab_conts .accordion .btnAcco.noAcco:after{display:none;}
.tab_conts .accordion.roundType03 .accoItem .acco_title{padding:10px 10px 10px 19px; background:#feefc2; border:1px solid #ffda5a; border-radius:5px; display:flex; justify-content:space-between;}
.tab_conts .accordion.roundType03 .accoItem .acco_title p{font-size:18px; color:#f25500; font-weight:500; line-height:40px;}
.tab_conts .accordion.roundType03 .accoItem .acco_title .btn_map{padding: 0 14px; font-size:15px; color:#fff; font-weight:500; line-height:40px; border-radius:5px; background:#5576ff; letter-spacing:-0.055em;}
.tab_conts .accordion.roundType03 .accoItem .acco_title .btn_map i{margin-right:7px; display:inline-block; width:31px; height:40px; background:url('../images/educourse/ico_map.png') no-repeat center; vertical-align:top;}
.tab_conts .accordion.roundType03.nodata{position:relative;}
.tab_conts .accordion.roundType03.nodata .start_map{position:absolute; right:18px; bottom:100%; padding:16px 111px 22px 0; background:url('../images/educourse/img_viver.png') no-repeat right bottom; z-index:10;}
.tab_conts .accordion.roundType03.nodata .start_map .txt_layer{position:relative; padding:10px 12px; background:#fff4e4; border:1px solid #ff7007; border-radius:4px; box-shadow: 4px 4px 0 0 #e4e4e4;}
.tab_conts .accordion.roundType03.nodata .start_map .txt_layer:after{content:''; position:absolute; top:13px; right:-10px; width:10px; height:12px; background:url('../images/educourse/layer_arr.png') no-repeat center;}
.tab_conts .accordion.roundType03.nodata .start_map .txt_layer p{font-size:14px; color:#ff7007; font-weight:400; line-height:1;}
.tab_conts .accordion.roundType03.nodata .start_map .txt_layer p span{font:inherit; font-style:italic;}
.tab_conts .accordion.roundType03.nodata .txt_box{margin:10px 0 12px; padding:50px; border:1px dashed #ccc; border-radius:5px; text-align:center;}
.tab_conts .accordion.roundType03.nodata .txt_box p{margin-bottom:14px; font-size:14px; color:#5d5d5d; font-weight:400; line-height:1;}
.tab_conts .accordion.roundType03.nodata .txt_box a{position:relative; display:inline-block; font-size:16px; color:#f37010; font-weight:500; line-height:1;}
.tblist.textbookList tbody tr.active td p:after{left:12px; width:19px; height:19px; background:url('../images/educourse/ico_chk.png') no-repeat center;}
.tblist.textbookList tbody tr.active td p a{color:#f36f3b; font-weight:500;}
.tab_conts [class*="roundType"] .textbookList tr.active:hover td p a{color:#f36f3b;}
.tab_conts [class*="roundType"] .textbookList tr.recent td p a:after{background-position:center top -22px;}
.tab_conts [class*="roundType"] .textbookList tr.active td p a:after{background-position-y:bottom;}

/* 상단 띠배너 */
.header .topbanner{width:100%;background-color:#FF6699;min-height:62px;}
.header .topbanner.mh0{min-height:0;}
.header .topbanner a{width:100%;height:100%;display:block;}
.header .topbanner .innerBanner{position:relative;}
.header .topbanner button{position:absolute;top:50%;right:0;transform:translateY(-50%);color:#fff;border-radius:20px;line-height:23px;font-size:12px;padding:0 23px 0 10px;border:1px solid #fff;}
.header .topbanner button:after{content:"";background:url("../images/common/btn_close6.png") no-repeat center center;width:7px;height:7px;display:inline-block;position:absolute;top:9px;right:10px;}

/* 배움지도 */
.studying_map_wrap{min-width:1200px; height:100%; display:flex; flex-direction:column;}
.studying_map_wrap .map_header{position:relative; padding:7px 20px 12px; height:56px; background:#ff6424; box-shadow:3px 3px 0 0 rgba(21,21,21,.1); z-index:100;}
.studying_map_wrap .map_header:after{content:''; position:absolute; left:0; right:0; bottom:3px; height:1px; border-bottom:1px dashed #fff;}
.studying_map_wrap .map_header .pop_title{display:flex; gap:9px;}
.studying_map_wrap .map_header .pop_title .logo{width:172px; height:37px; background:url('../images/educourse/studyingMap/txt_tit.png') no-repeat center;}
.studying_map_wrap .map_header .title_wrap{position:relative;}
.studying_map_wrap .map_header .title_wrap .btn_tit span{font-size:20px; color:#fff; font-weight:600; line-height:37px; letter-spacing:-0.06em;}
.studying_map_wrap .map_header .title_wrap .btn_tit i{margin-left:9px; display:inline-block; width:25px; height:37px; background:url('../images/educourse/studyingMap/btn_open.png') no-repeat center; vertical-align:top;}
.studying_map_wrap .studying_badge{position:absolute;top:-30px;left:50%;padding:0 20px;background:#fff;border:1px solid #ff6424;border-radius:22px;font-size:18px;font-weight:500;color:#171717;line-height:42px;box-shadow:4px 3px 0 0 rgba(0,0,0,.1);letter-spacing:-0.06em;transform:translateX(-50%);z-index:1;opacity:0;transition:all 0.5s}
.studying_map_wrap .studying_badge.on{opacity:100%;top:30px}
.studying_map_wrap .map_header .btn_guide{position:absolute; right:20px; top:13px; width:24px; height:24px; background:#fff url('../images/educourse/studyingMap/ico_info.png') no-repeat center; border-radius:50%;}
.studying_map_wrap .map_header .sl_layer{display:none; position:absolute; left:0; top:calc(100% + 17px); width:355px; border:1px solid #ff6424; border-radius:8px; overflow:hidden; background:#fff; z-index:999;}
.studying_map_wrap .map_header .sl_layer .sl_tit{position:relative; padding:0 35px 0 12px; background:#ffea89;}
.studying_map_wrap .map_header .sl_layer .sl_tit p{font-size:14px; color:#ff6424; font-weight:500; line-height:36px;}
.studying_map_wrap .map_header .sl_layer .sl_tit .btn_close_layer{position:absolute; top:8px; right:10px; padding:5px;}
.studying_map_wrap .map_header .sl_layer .sl_tit .btn_close_layer span{display:block; width:11px; height:11px; background:url('../images/educourse/studyingMap/btn_layer_close.png') no-repeat center;}
.studying_map_wrap .map_header .sl_layer .sl_cont{padding:15px 20px 20px; display:flex; gap:20px;}
.studying_map_wrap .map_header .sl_layer .sl_cont .tab_menu li+li{margin-top:2px;}
.studying_map_wrap .map_header .sl_layer .sl_cont .tab_menu li a{display:block; width:61px; font-size:12px; color:#080301; font-weight:500; line-height:27px; text-align:center; border-radius:14px; background:#ececec;}
.studying_map_wrap .map_header .sl_layer .sl_cont .tab_menu li.on a{color:#fff; background:#443b35;}
.studying_map_wrap .map_header .sl_layer .sl_cont .sub_list{display:flex; flex-wrap:wrap; gap:4px;}
.studying_map_wrap .map_header .sl_layer .sl_cont .sub_list li{width:calc(50% - 2px); min-width:114px;}
.studying_map_wrap .map_header .sl_layer .sl_cont .sub_list li a{display:block; font-size:15px; color:#171717; font-weight:500; text-align:center; line-height:42px; background:#f5f0e6; border:1px solid #ece5d7; border-radius:4px;}
.studying_map_wrap .map_header .sl_layer .sl_cont .sub_list li.on a{color:#fff; background:#ff6424; border-color:#ff6424;}

.studying_map_wrap .map_cont_wrap{position:relative;flex:1;min-height:0;overflow:hidden;}
.studying_map_wrap .map_cont_wrap .map_cont{height:100%;}
.studying_map_wrap .map_cont_wrap .bg{position:absolute; left:0; right:0; top:0; bottom:0;}
.studying_map_wrap .map_cont_wrap .bg img{width:100%; height:100%; object-fit:cover;}
.studying_map_wrap .map_cont_wrap .studying_item_wrap{position:relative; margin:0 auto; padding:16px 0; width:1200px; height:100%; display:flex; flex-direction:column; justify-content:space-between; align-items:center; gap:10px; z-index:1;}
.studying_map_wrap .map_cont_wrap .btn_arr{flex:none; width:55px; height:40px; cursor:auto;}
.studying_map_wrap .map_cont_wrap .btn_arr.prev{background:url('../images/educourse/studyingMap/arr_prev.png') no-repeat center top;}
.studying_map_wrap .map_cont_wrap .btn_arr.next{background:url('../images/educourse/studyingMap/arr_next.png') no-repeat center top;}
.studying_map_wrap .map_cont_wrap .btn_arr.on{background-position-y:bottom; cursor:pointer;}
.studying_map_wrap .map_cont_wrap .btn_arr.off{opacity:0;}
.studying_map_wrap .map_cont_wrap .line_box{overflow-y:auto; width:100%; max-height:100%;}
.studying_map_wrap .map_cont_wrap .line{margin:0 auto; padding:13px 0; width:1070px; display:flex; gap:16px; background:url('../images/educourse/studyingMap/line2.png') no-repeat center;}
.studying_map_wrap .map_cont_wrap .line:nth-child(odd){background-image:url('../images/educourse/studyingMap/line3.png');}
.studying_map_wrap .map_cont_wrap .line:nth-child(even){flex-direction:row-reverse;}
.studying_map_wrap .map_cont_wrap .line:first-child{background-image:url('../images/educourse/studyingMap/line1.png'); background-position-y:bottom;}
.studying_map_wrap .map_cont_wrap .line:last-child:nth-child(odd){background:url('../images/educourse/studyingMap/line3_last.png') 0 50% no-repeat;}
.studying_map_wrap .map_cont_wrap .line:last-child:nth-child(even){background:url('../images/educourse/studyingMap/line2_last.png') 100% 50% no-repeat;}
.studying_map_wrap .map_cont_wrap .line:last-child .item_box:before{content:'';position:absolute;top:0;display:inline-block;width:16px;height:100%;background-position:50% 50%;background-repeat:no-repeat;}
.studying_map_wrap .map_cont_wrap .line:last-child:nth-child(odd) .item_box:before{right:-16px;background-image:url('../images/educourse/studyingMap/line3.png');}
.studying_map_wrap .map_cont_wrap .line:last-child:nth-child(odd) .item_box:last-child:before{background-image:url('../images/educourse/studyingMap/line_box_last.png');transform:rotate(180deg);}
.studying_map_wrap .map_cont_wrap .line:last-child:nth-child(even) .item_box:before{left:-16px;background-image:url('../images/educourse/studyingMap/line2.png');}
.studying_map_wrap .map_cont_wrap .line:last-child:nth-child(even) .item_box:last-child:before{background-image:url('../images/educourse/studyingMap/line_box_last.png');}
.studying_map_wrap .map_cont_wrap .line .item_box{position:relative; width:135px !important; height:135px; border-radius:50%;background:#afcbdc;}
.studying_map_wrap .map_cont_wrap .line .item{position:absolute; left:0; top:0; padding:0; width:100%; height:100%; border-radius:50%; background:#fff; border:1px solid #de541a; z-index:1;}
.studying_map_wrap .map_cont_wrap .line .item.ui-draggable-dragging{z-index:10;}
.studying_map_wrap .map_cont_wrap .line .item .txt_box{width:100%; height:100%; border-radius:50%; overflow:hidden; display:flex; align-items:center; justify-content:center;}
.studying_map_wrap .map_cont_wrap .line .item .btn_del{display:none;position:absolute; top:3px; right:3px; width:29px; height:29px; background:url('../images/educourse/studyingMap/ico_del_item.png') no-repeat center;}
.studying_map_wrap .map_cont_wrap .line .item .txt{display:block; font-size:15px; font-weight:600; letter-spacing:-0.045em; text-align:center;}
.studying_map_wrap .map_cont_wrap .line .item .txt p{padding:0 25px; font:inherit; color:#171717; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;line-height: 1.3; height: 2.6em;}
.studying_map_wrap .map_cont_wrap .line .item .txt strong{margin-top:8px; display:block; font:inherit; color:#de541a; line-height:1;}
.studying_map_wrap .map_cont_wrap .line .item .btn_color{margin-top:14px; display:none; font-size:14px; color:#fff; font-weight:500; line-height:35px; text-align:center; background:#de541a;}
.studying_map_wrap .map_cont_wrap .line .item.on{border-color:#535150; background:#ffea89;}
.studying_map_wrap .map_cont_wrap .line .item.on .btn_color{background:#535150;}
.studying_map_wrap .map_cont_wrap .line .item:hover .txt_box{display:block;}
.studying_map_wrap .map_cont_wrap .line .item:hover .txt{padding-top:22px;}
.studying_map_wrap .map_cont_wrap .line .item:hover .txt p,
.studying_map_wrap .map_cont_wrap .line .item:hover .txt strong{text-decoration:underline;}
.studying_map_wrap .map_cont_wrap .line .item:hover .btn_del{display:block;}
.studying_map_wrap .map_cont_wrap .line .item:hover .btn_color{display:block;}
.studying_map_wrap .map_cont_wrap .line .item .btn_color:hover:before{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:100%;background:#ffea89;z-index:-1;}
.studying_map_wrap .map_cont_wrap.ty1 .line .item_box{background:#afcbdc;}
.studying_map_wrap .map_cont_wrap.ty2 .line .item_box{background:#dddbc5;}
.studying_map_wrap .map_cont_wrap.ty3 .line .item_box{background:#a8cfd0;}
.studying_map_wrap .map_cont_wrap.ty4 .line .item_box{background:#c5d7bf;}
.studying_map_wrap .map_cont_wrap.ty4 .line .item.on{background:#ffe9a5;}
.studying_map_wrap .map_cont_wrap.ty5 .line .item_box{background:#97c3ce;}
.studying_map_wrap .map_cont_wrap.ty6 .line .item_box{background:#97c3ce;}
.studying_map_wrap .map_cont_wrap.ty7 .line .item_box{background:#e1ceb4;}
.studying_map_wrap .map_cont_wrap.ty8 .line .item_box{background:#c1b5aa;}

.line_box .mCS-dark.mCSB_scrollTools{opacity:1;}
.line_box .mCS-dark.mCSB_scrollTools .mCSB_draggerRail{background:#fff;}
.line_box .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:5px; background:#443b35;}
.line_box .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background:#443b35;}
.line_box .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background:#443b35;}

.studying_map_wrap .map_cont_wrap .btn_subject{position:absolute; left:0; top:30px; padding:10px 10px 10px 12px; display:flex; align-items:center; font-size:15px; color:#fff; font-weight:500; line-height:1.2; background:#443b35; border-radius:0 33px 33px 0; gap:10px; z-index:2;}
.studying_map_wrap .map_cont_wrap .btn_subject span{font:inherit;}
.studying_map_wrap .map_cont_wrap .btn_subject i{display:inline-block; width:46px; height:46px; background:url('../images/educourse/studyingMap/ico_open.png') no-repeat center; vertical-align:top;}
.studying_map_wrap .subject_layer{display:none; position:absolute; left:0; top:0; bottom:0; width:314px; background:#fff; border:1px solid #60554e; z-index:99;}
.studying_map_wrap .subject_layer.open{display:flex; flex-direction:column;}
.studying_map_wrap .subject_layer .sub_dimmed{position:fixed; left:0; right:0; top:0; bottom:40px; background:rgba(31,31,31,.6); z-index:-1;}
.studying_map_wrap .subject_layer .title{position:relative; padding:0 18px; background:#564b44; border:1px solid #60554e; flex:none;}
.studying_map_wrap .subject_layer .title p{font-size:16px; color:#fffd96; font-weight:600; line-height:46px;}
.studying_map_wrap .subject_layer .title .btn_subject_close{position:absolute; right:0; top:-1px; width:48px; height:48px; background:#443b35 url('../images/educourse/studyingMap/subject_layer_close.png') no-repeat center;}
.studying_map_wrap .subject_layer .subject_layer_cont{background:#fff; flex:1; overflow-y:auto;}
.studying_map_wrap .subject_layer .depth_box+.depth_box{border-top:1px solid #bebebe;}
.studying_map_wrap .subject_layer .depth_box .sub_tit{padding:10px 18px; font-size:15px ;color:#000; font-weight:600; line-height:20px; background:#f0f0f0; border-bottom:1px solid #e2e2e2;}
.studying_map_wrap .subject_layer .depth_box ul li{border-bottom:1px solid #e2e2e2;}
.studying_map_wrap .subject_layer .depth_box ul li .toggle_top{position:relative; padding:8px 36px 8px 20px;}
.studying_map_wrap .subject_layer .depth_box ul li .toggle_top .depth_tit{position:relative; padding-left:25px; display:block;}
.studying_map_wrap .subject_layer .depth_box ul li .toggle_top .depth_tit:before{content:'';position:absolute;left:0;top:1px;width:19px;height:19px;background:url('../images/educourse/studyingMap/bul_chk.png') 0 0 no-repeat;}
.studying_map_wrap .subject_layer .depth_box ul li .toggle_top .depth_tit p{display:inline; font-size:14px; color:#000; font-weight:400; letter-spacing:-0.045em; line-height:19px;}
.studying_map_wrap .subject_layer .depth_box ul li .toggle_top .depth_tit em{font-size:14px; color:#cc5d2f; font-weight:500; letter-spacing:-0.045em; line-height:19px;}
.studying_map_wrap .subject_layer .depth_box ul li .toggle_top .btn_toggle{position:absolute; right:13px; top:50%; transform:translateY(-50%);}
.studying_map_wrap .subject_layer .depth_box ul li .toggle_top .btn_toggle span{display:block; width:12px; height:12px; background:url('../images/educourse/studyingMap/ico_plus.png') no-repeat center;}
.studying_map_wrap .subject_layer .depth_box ul li .toggle_item{display:none; padding:11px 36px; border-top:1px solid #e2e2e2;}
.studying_map_wrap .subject_layer .depth_box ul li .toggle_item .btns{padding:0; width:100%; display:flex; flex-wrap:wrap; gap:2px;}
.studying_map_wrap .subject_layer .depth_box ul li .toggle_item a{width:calc(33.33% - 4px/3); font-size:12px; color:#000; font-weight:400; line-height:23px; text-align:center; background:#fff; border:1px solid #bfbfbf;}
.studying_map_wrap .subject_layer .depth_box ul li .toggle_item a:hover{color:#fff; border-color:#3a6ee3; background:#3a6ee3;}
.studying_map_wrap .subject_layer .depth_box ul li.open .toggle_top .btn_toggle span{background-image:url('../images/educourse/studyingMap/ico_minus.png')}
.studying_map_wrap .subject_layer .depth_box ul li.on{background:#fef9f1;}
.studying_map_wrap .subject_layer .depth_box ul li.on .toggle_top .depth_tit:before{background-position:0 100%;}
.studying_map_wrap .map_footer{position:relative; padding:0 15px; z-index:100;}
.studying_map_wrap .map_footer p{font-size:14px; color:#060606; font-weight:500; line-height:40px; letter-spacing:-0.04em;}
.studying_map_wrap .map_footer p span{font:inherit; color:#eb7c46;}
.studying_map_wrap .map_footer .btn_reset{position:absolute; right:20px; top:50%; transform:translateY(-50%); font-size:13px; color:#595959; font-weight:400; line-height:21px;}
.studying_map_wrap .map_footer .btn_reset span{margin-right:5px; display:inline-block; width:21px; height:21px; background:#f3f3f3 url('../images/educourse/studyingMap/ico_reset.png') no-repeat center; border:1px solid #dbdbdb; border-radius:50%; vertical-align:top;}

/* 차시창 배움지도 버튼 */
.hdr_right_module{position:absolute; right:15px; top:18px;}
.hdr_right_module .btn_map{padding:0 13px; display:inline-block; font-size:15px; color:#fff;font-weight:500; line-height:38px; background:#5576ff; border:1px solid #2f57ff; border-radius:5px;}
.hdr_right_module .btn_map i{margin-right:9px; display:inline-block; width:27px; height:38px; background:url('../images/chasi_pop/ico_map.png') no-repeat left center; vertical-align:top;}
.hdr_right_module .btn_map em{margin-left:9px; display:inline-block; width:8px; height:38px; background:url('../images/chasi_pop/arr_right.png') no-repeat left center; vertical-align:top;}
.hdr_right_module .btn_map:hover{background:#5595ff; border:1px solid #317fff;}
.chasi_box .cont .sort_head .btn_save_map{margin-left:4px; 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_map:hover,
.chasi_box .cont .sort_head .btn_save_map.on{background-color: #ffe493;border-color: #ffda6b;}
.chasi_box .cont .sort_head .btn_save_map span {display: block;padding-left: 20px;font-size: 13px;font-weight: 400;color: #696c74;background-image: url('../images/chasi_pop/ico_plus2.png');background-position:left center;background-repeat: no-repeat;letter-spacing: -0.045em;}

/* 배움지도 코치마크 */
.studying_map_guide{position:fixed; left:0; right:0; top:0; bottom:0; background:#343433; z-index:9000;}
.studying_map_guide .guide_cont{position:relative; margin:0 auto; max-width:1020px; width:100%; height:100%; display:flex; align-items:center; justify-content:center;}
.studying_map_guide .btn_close_pop{position:absolute; top:30px; right:0; padding:0 25px; border-radius:24px; background:#242424;}
.studying_map_guide .btn_close_pop span{padding-left:22px; display:block; font-size:16px; color:#fff; font-weight:500; line-height:48px;background:url('../images/educourse/studyingMap/btn_close.png') no-repeat left center;}
.studying_map_guide .pop_module{position:absolute;top:50%;left:0;width:100%;padding:0;transform:translateY(265px);}

/* 에듀테크 테마관 개편 20240830 */
.lnb.renew24{padding:56px 26px 0 0;}
.lnb.renew24 .menu_new h2{margin-bottom:60px;}
.lnb.renew24 .lnb_depth_list{position:relative; padding-bottom:20px; border:none;}
.lnb.renew24 .lnb_depth_list:before{content:''; position:absolute; left:0; top:0; bottom:0; width:196px; background:#f2f9ff; border-radius:10px; border:1px solid #b2cdfc;}
.lnb.renew24 .lnb_depth_list > li{position:relative; border:none; z-index:1;}
.lnb.renew24 .lnb_depth_list > li+li{margin-top:1px;}
.lnb.renew24 .lnb_depth_list > li .depth_tit a{padding:0 20px; display:block; font-size:17px; font-weight:600; line-height:42px; color:#488bf5; border-radius:0 22px 22px 0; background:#fff url('/resources/images/theme/arr_right.png') no-repeat right 20px center; border:1px solid #b2cdfc;}
.lnb.renew24 .lnb_depth_list > li.on,
.lnb.renew24 .lnb_depth_list > li.on .depth_tit a,
.lnb.renew24 .lnb_depth_list > li:hover{border:none;}
.lnb.renew24 .lnb_depth_list > li.on .depth_tit a,
.lnb.renew24 .lnb_depth_list > li .depth_tit a:hover{background-color:#488bf5; background-image:url('/resources/images/theme/arr_right_on.png'); border-color:#488bf5; color:#fff;}
.lnb.renew24 .lnb_depth_list .sub_depth{padding:12px 20px; width:196px;}
.lnb.renew24 .lnb_depth_list .sub_depth li+li{margin-top:5px;}
.lnb.renew24 .lnb_depth_list .sub_depth li a{position:relative;display:inline-block; font-size:16px; color:#000; font-weight:400; line-height:25px;}
.lnb.renew24 .lnb_depth_list .sub_depth li a.on,
.lnb.renew24 .lnb_depth_list .sub_depth li a:hover{color:#488bf5; font-weight:600;}
.lnb.renew24 .lnb_depth_list .sub_depth li a.on:before,
.lnb.renew24 .lnb_depth_list .sub_depth li a:hover:before{content:''; position:absolute; left:0; right:0; bottom:0; height:1px; background:#488bf5;}
.lnb.renew24 .lnb_depth_list .sub_depth li.new a:after{content:''; position:absolute; right:-9px; top:0; width:6px; height:6px; background:#ff0000; border-radius:50%;}
.lnb.renew24 .lnb_depth_list > li .depth_tit.new a:after{content:''; display:inline-block; width:6px; height:6px; background:#ff0000; border-radius:50%; vertical-align:text-top;}

.main_top.renew24{padding:40px}
.main_top.renew24 .main_visual ul li .image {border-radius:20px;overflow:hidden;background-size:380px 300px;}
.main_top.renew24 .main_top_type02{height:276px;}
.main_top.renew24 .my_textbook {display:block;}
.main_top.renew24 .my_textbook .timetable{width:100%; border:none; border-radius:0; background:transparent; height:auto;}
.main_top.renew24 .my_textbook .timetable .btn_textbook_link{display:block; padding:0; width:100%; height:40px; background:#434753; border-radius:20px 20px 0 0;}
.main_top.renew24 .my_textbook .timetable .btn_textbook_link span{color:#fff;font-size:16px;text-shadow:none; line-height:40px;font-family:"Noto Sans KR", sans-serif;font-weight:500;vertical-align:top;}
.main_top.renew24 .my_textbook .timetable .btn_textbook_link span.y22:before {content:'';position:relative;right:14px;top:4px;display:inline-block;width:68px;height:22px;background:url('/resources/images/common/textbook_y22.png') no-repeat center center;}
.main_top.renew24 .my_textbook .timetable .btn_textbook_link span.y15:before {content:'';position:relative;right:14px;top:4px;display:inline-block;width:68px;height:22px;background:url('/resources/images/common/textbook_y15.png') no-repeat center center;}
.main_top.renew24 .my_textbook .timetable .btn_textbook_link span em {font:inherit;}
.main_top.renew24 .my_textbook > ul {margin:15px 15px 0 15px; border:1px solid #757575; border-radius:10px; height:230px;}
.main_top.renew24 .my_textbook > ul:after {content:'';position:absolute;top:50%;display:inline-block;width:100%;height:1px;background:#d2d2d2;}
/*.main_top.renew24 .my_textbook > ul.grade1n2 li:nth-child(7) {border-right:0;}*/
/*.main_top.renew24 .my_textbook > ul.grade3n4 li:nth-child(6n) {border-right:0;}*/
/*.main_top.renew24 .my_textbook > ul li:nth-child(6n) {border-right:0;}*/
/*.main_top.renew24 .my_textbook > ul li:last-child {border-right:0;}*/
.main_top.renew24 .my_textbook .my_textbook_btns{display:flex;}
.main_top.renew24 .my_textbook .my_textbook_btns .btn_textbook_link{background:#273fa1;text-align:center;}
.main_top.renew24  .timetable_popup{top:40px;}
.listRecomSwiper{margin-bottom:10px; display:flex; gap:5px;}
.listRecomSwiper .pageBtn{padding:0 20px; height:34px; font-size:15px; color:#303134; font-weight:600; line-height:32px; border:1px solid #b2b9ba; border-radius:17px; cursor:pointer;}
.listRecomSwiper .pageBtn:hover,
.listRecomSwiper .pageBtn.pageBtn-active{color: #fff; border-radius:17px; border: 1px solid #206eeb;background:#206eeb;}

.edutechwrap ul li a{padding-left:45px;}
.edutechwrap ul li a:before{left:7px; background-image:url('/resources/images/main/ico_edutech_240830.png')}
.edutechwrap ul li.measureEvaluate a:before{background-position-y:-448px;}
.edutechwrap ul li.realisticExpSic a:before{background-position-y:-493px;}
.edutechwrap ul li.realisticExpSoc a:before{background-position-y:-538px;}
.edutechwrap ul li.intelliLab a:before{background-position-y:-583px;}
.edutechwrap ul li.keywordHistory a:before{background-position-y:-628px;}
.edutechwrap ul li a:after{right:5px;}
.edutechwrap ul li.new:before{content:''; position:absolute; left:4px; top:4px; width:6px; height:6px; background:#ff223c; border-radius:50%;}
.edutechwrap ul li.new em:after{display:none;}

.maptxtbook table td .subpage a img{margin:2px 0 0 5px; vertical-align:top;}

/*초등메인 개편 2025-01-03*/
.header .issuekeyword {top:10px;left:19px;}
.main_top.renew24 {background-repeat:no-repeat; background-position:center; overflow:hidden;}
.main_top.renew24 .main_visual{width:380px;overflow:visible;}
.main_top.renew24 .main_visual ul li {position:relative;height:300px;border-radius:16px;}
/*.main_top.renew24 .main_visual ul li.obj_img.swiper-slide-active .image {overflow:visible;}*/
/*.main_top.renew24 .main_visual ul li.obj_img .image:before {content:'';position:absolute;top:63px;left:304px;display:inline-block;width:280px;height:268px;background:url(../images/main/main_bnr_obj.png)no-repeat center center;z-index:100;}*/
.main_top.renew24 .main_visual ul li .main_visual_slide{display:block; width:100%; height:100%;}
.main_top.renew24 .main_visual ul li .main_visual_slide h3 {margin-top:24px;text-align:left;font-size:38px;color:#121212;font-weight:300;line-height:1.210;}
.main_top.renew24 .main_visual ul li .main_visual_slide h3 span{font:inherit;color:#273fa1;font-weight:600;}
.main_top.renew24 .main_visual ul li .main_visual_slide p {margin-top:22px;position:absolute;font-size:16px;color:#121212;font-weight:200;line-height:1.375;}
.main_top.renew24 .module_btn .swiper-button-prev {width:30px;height:30px;background:url(../images/main/btn_module_left2.png)no-repeat center center;}
.main_top.renew24 .module_btn .swiper-button-next {width:30px;height:30px;background:url(../images/main/btn_module_right2.png)no-repeat center center;}
.tabPage.new25 {margin-bottom:30px;line-height:40px;}
.tabPage.new25 .pageBtn:hover, .tabPage.new25 .pageBtn.pageBtn-active {color:#fff!important;background:#121212;font-weight:600;}
.tabPage.new25 .pageBtn {margin:0 6px 0 0!important;color:#3e3e3e;font-size:14px;padding:0 19px!important;background:#f2f2f2;border-radius:10px;font-weight:400;}
.tabPage.new25 .pageBtn:last-of-type{margin-right:0!important;}
.tabPage.new25 .pageBtn:after, .SlideNavContainer .SlideNavWrap li a:before {content:none!important;}
.dataContent .subject_flex {display:flex;gap:48px;margin-top:40px;}
.dataContent .classDataWrap .dataTitleGroup {margin-bottom:20px;display:flex;justify-content:space-between;}
.dataContent .classDataWrap .tit ,.dataContent .creativeClassDataWrap .tit, .dataContent .videoDataWrap .tit{font-size:20px;color:#121212;font-family:'NanumSquareRound',sans-serif; font-weight:bold;}
.dataContent .classDataWrap .classDataTit{font-size:13px;font-weight:300;line-height:20px;}
.dataContent .classDataWrap .classDataTit:hover {color:#ff7031;}
.dataContent .classDataWrap .classDataTit:after{content:'';margin-left:8px;display:inline-block;width:13px;height:20px;background:url(../images/main/btn_more3.png) no-repeat center top;vertical-align:bottom;}
.dataContent .classDataWrap .classDataTit:hover:after {background-position:center bottom;}
.dataContent .classDataCont ul {display:flex;gap:20px;}
.dataContent .classDataCont ul li {flex:1;}
.dataContent .classDataCont ul li a .img{position:relative;height:126px;}
.dataContent .classDataCont ul li a .img:before {content:'';position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.2);}
.dataContent .classDataCont ul li a .img .type {position:absolute;left:0;top:0;background:#ff8800;border-radius:0 10px 10px 10px;}
.dataContent .classDataCont ul li a .img .type .tit.korean{padding:0 12px;font-size:15px;color:#fff;font-weight:400;line-height:30px;}
.dataContent .classDataCont ul li a {position:relative;width:224px;height:240px;display:block;border:1px solid #d9d9d9;border-radius:0 16px 16px 16px;overflow:hidden;}
.dataContent .classDataCont ul li a:hover{box-shadow:0 10px 10px 0 rgba(0,0,0,0.1);}
.dataContent .classDataCont ul li a:hover:after{content:'';position:absolute;left:0;right:0;top:0;bottom:0;border:2px solid #ff8800;border-radius:0 16px 16px 16px;}
.dataContent .classDataCont ul li a .imgTxt {height:115px;padding:20px 16px;display:flex;flex-direction:column;justify-content:space-between;}
.dataContent .classDataCont ul li a .imgTxt p {height:38px;font-size:15px;color:#121212;font-weight:300;line-height:19px;word-break:keep-all;overflow:hidden;white-space:normal;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 2;}
.careerActive .classDataCont ul {display:flex;gap:20px;}
.careerActive .classDataCont ul li {flex:1;}
.careerActive .classDataCont ul li a {width:224px;height:240px;display:block;border:1px solid #d9d9d9;}

.dataContent .subject_flex .creativeClassDataWrap{width:600px;margin-right:0;}
.dataContent .subject_flex .creativeClassDataWrap.fullwidth{width:100%;}
.dataContent .subject_flex .creativeClassDataWrap.fullwidth .creativeDataCont {display: flex;justify-content:space-between;}
.dataContent .subject_flex .videoDataWrap{flex:1;margin-right:0;}
/*.creativeClassDataWrap .creativeDataCont {margin-top:25px;}*/
.creativeClassDataWrap .dataTitleGroup .videoDataTit {bottom:unset;font-size:13px;font-weight:300;line-height:20px;}
.creativeClassDataWrap .dataTitleGroup .videoDataTit:hover {color:#ff7031;}
.creativeClassDataWrap .dataTitleGroup .videoDataTit:after{content:'';margin-left:8px;display:inline-block;width:13px;height:20px;background:url(../images/main/btn_more3.png) no-repeat center top;vertical-align:bottom;}
.creativeClassDataWrap .dataTitleGroup .videoDataTit:hover:after {background-position:center bottom;}
.creativeClassDataWrap .creativeDataCont .imgTxt {position:relative;}
.creativeClassDataWrap .creativeDataCont .imgTxt .tit {position:absolute;left:0;top:0;}
.creativeClassDataWrap .creativeDataCont .creativeWrap {position:relative;display:flex;margin-top:25px;gap:20px;align-items:center;}
.creativeClassDataWrap .creativeDataCont .creativeWrap .samstoryTitWrap {display:flex;width:740px;justify-content:space-between;}
.creativeClassDataWrap .creativeDataCont .creativeWrap .samstoryTitWrap ul {position:relative;}
.creativeClassDataWrap .creativeDataCont .creativeWrap .samstoryTitWrap ul:after {content:'';position:absolute;right:-70px;top:18px;display:inline-block;width:1px;height:140px;background:#e9e9e9;}
.creativeClassDataWrap .creativeDataCont .creativeWrap .samstoryTitWrap ul:last-child:after {content:none;}
.creativeClassDataWrap .creativeDataCont .creativeWrap ul {display:block;/*width:calc(100% - 291px);*/ width:290px;}
.creativeClassDataWrap .creativeDataCont .creativeWrap ul li {width:100%;margin-right:0;border-radius:0;border:none;box-shadow:none;}
.creativeClassDataWrap .creativeDataCont .creativeWrap ul li a {display:block;width:100%;font-size:16px;color:#3e3e3e;font-weight:400;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break: break-all;line-height:2.5;}
.creativeClassDataWrap .creativeDataCont .creativeWrap ul li a:before{content:'';margin-right:18px;display:inline-block;width:4px;height:4px;background:#3e3e3e;border-radius:50%;}
.creativeClassDataWrap .creativeDataCont .creativeWrap .character_img{padding:36px 36px 36px 135px;width:270px;height:165px;}
.creativeClassDataWrap .creativeDataCont .creativeWrap .character_img.teacher1 {background:url('../images/main/samstory_teacher01.png') no-repeat center center / contain;}/*혁준쌤*/
.creativeClassDataWrap .creativeDataCont .creativeWrap .character_img.teacher2 {background:url('../images/main/samstory_teacher02.png') no-repeat center center / contain;}/*경원쌤*/
.creativeClassDataWrap .creativeDataCont .creativeWrap .character_img .name {text-align:center;font-size:22px;font-weight:600;color:#fff;line-height:28px;word-break:keep-all;letter-spacing:-0.08em;}
.creativeClassDataWrap .creativeDataCont .creativeWrap .character_img .name span {margin-bottom:9px;display:block;width:auto;font-size:18px;font-weight:300;color:#fff;text-decoration:underline;text-underline-offset:8px;}
.creativeClassDataWrap.fullwidth .creativeDataCont .creativeWrap .videoDataTit {position:absolute;top:-48px;bottom:unset;font-size:13px;font-weight:300;line-height:20px;}
.creativeClassDataWrap.fullwidth .creativeDataCont .creativeWrap .videoDataTit:after {content:'';display:inline-block;width:13px;height:20px;background: url(../images/main/btn_more3.png) no-repeat center top;vertical-align:bottom;}
.creativeClassDataWrap.fullwidth .creativeDataCont .creativeWrap .videoDataTit:hover:after {background-position:center bottom;}
.videoDataWrap.ty2 .videoDataCont {margin-top:25px;padding:0;}
.videoDataWrap.ty2 .dataTitleGroup .videoDataTit {bottom:unset;font-size:13px;font-weight:300;line-height:20px;}
.videoDataWrap.ty2 .dataTitleGroup .videoDataTit:hover {color:#ff7031;}
.videoDataWrap.ty2 .dataTitleGroup .videoDataTit:after{content:'';margin-left:8px;display:inline-block;width:13px;height:20px;background:url(../images/main/btn_more3.png) no-repeat center top;vertical-align:bottom;}
.videoDataWrap.ty2 .dataTitleGroup .videoDataTit:hover:after {background-position:center bottom;}
.videoDataWrap.ty2 .videoDataCont ul {gap:32px;}
.videoDataWrap.ty2 .videoDataCont ul li {width:260px;height:190px;margin:0;border-radius:16px;border:1px solid #d9d9d9;}
.videoDataWrap.ty2 .videoDataCont ul li a .img_wrap {position:relative;display:block;width:100%;height:146px;overflow:hidden;}
.videoDataWrap.ty2 .videoDataCont ul li a .img_wrap:before{content:'';position:absolute;width:100%;height:100%;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,0.2);}
.videoDataWrap.ty2 .videoDataCont ul li a .img_wrap:after{content:'';position:absolute;left:50%;top:50%;width:69px;height:77px;background:url('../images/main/ico_play2.png') no-repeat center center;transform:translate(-50%,-50%);}
.videoDataWrap.ty2 .videoDataCont ul li a .img_wrap img {width:100%;}
.videoDataWrap.ty2 .videoDataCont ul li a .videoTit {display:block!important;border:none;background:none;}
.videoDataWrap.ty2 .videoDataCont ul li a .videoTitTxt {display:block;padding:0 13px;color:#121212;font-size:15px;text-align:center;line-height:42px;font-weight:300;text-overflow:ellipsis;white-space:nowrap;word-break:break-all;overflow:hidden;}
.videoDataWrap.ty2 .videoDataCont ul li a:hover .videoTitTxt {color:#121212;line-height:42px;font-weight:300;}
.videoDataWrap.ty2 .videoDataCont ul li a:hover .videoTit {border:none;background:none;}

/* 학기별 자료 모음 배너 2024-08-30 */
.all_menu_wrap .menu_line .menu_wrap .menu_box .textbook_data {position:relative;right:20px;margin-top:15px;}
.all_menu_wrap .menu_line .menu_wrap .menu_box .textbook_data a {display:block; width:150px;height:35px;text-align:center;background:#b5f3ff;border:1px solid #7de2f5;border-radius:5px;font-weight:500; line-height:33px;color:#393d4a;text-decoration:none;}
.lnb .menu_new .textbook_data {margin-top:15px;}
.lnb .menu_new .textbook_data a {display:block; width:213px; line-height:38px;color:#393d4a;text-align:center;background:#b5f3ff;border:1px solid #7de2f5;border-radius:5px;font-weight:500;}

.all_menu_wrap .menu_line h2.noLink{position:relative;}
.all_menu_wrap .menu_line h2.noLink.new:after{content: ""; margin-left:7px; display:inline-block; width:15px;height:15px;background:url('../images/common/new_ico.png')no-repeat left center; }

/* 메인 22 개정 교과서 홍보배너 2024-09-12 */
.big-banner-zone { position: relative; margin-bottom: 54px;}
.big-banner-zone .btn-link-1 { position: absolute; top: 30px; right: 30px;}
.big-banner-zone .title-1 { position: absolute; top: 22px; left: 232px;}
.big-banner-zone .book-link-group { position: absolute; top: 175px; left: 20px; display: flex;}
.big-banner-zone .book-link-group .book-link { position:relative; text-align: center; padding: 0 10px;}
.big-banner-zone .book-link-group .book-link + .book-link:before { content: ''; display: block; width: 1px; height: 80%; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background: rgba(255,255,255, .2)}
.big-banner-zone .book-link-group .book-link p { margin-bottom: 10px;}
.big-banner-zone .book-link-group .book-link a img {
    transition: transform 0.4s 0s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.4s;
    transform: scale(1, 1);
    image-rendering: pixelated;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
}
.big-banner-zone .book-link-group .book-link a img:hover {
    transition: transform 0.4s 0s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.4s;
    transform: scale(1.05, 1.05);
    image-rendering: pixelated;
}


.effect-bounce-updown {animation-name: effectBounceUpDown;animation-duration: 1s;animation-iteration-count: infinite;animation-timing-function: ease;animation-direction: normal;}
@keyframes effectBounceUpDown {
    0%, 100% {transform: translateY(0);}
    50% {transform: translateY(-5px);}
}

/* 해상도 이슈 수정 2024-10-16 */
.main_top.renew24 .main_top_type02{position:relative; width:calc(100% - 400px); height:auto;}
.main_top.renew24 .main_top_type02 .inner{width:100%;}
.main_top.renew24 .main_top_type02 .inner .my_textbook{padding-bottom:15px;width:100%; border-radius:20px; box-shadow:0 0 6px 0 rgba(0,0,0,0.1); background:#fff;overflow:visible;}
.main_top.renew24 .timetable_popup{bottom:unset; display:none;}
.main_top.renew24 .timetable_popup.active{display:block;}

/* 교과서 홍보 플로팅 배너 추가 2024-10-22 */
.header .top_common .left_module a.new{padding-left:27px; background:url('/resources/images/common/ico_new.png') no-repeat left 10px center;}
.content.relative{position:relative;}
.main_float_bnr{position:absolute; top:272px; left:50%; transform:translateX(-50%); width:100%; max-width:1200px; z-index:999;}
.main_float_bnr .item{position:absolute; left:-136px; top:0; }
.main_float_bnr .item a{display:block;}
.main_float_bnr .item a img{max-width:100%;}
.main_float_bnr .item .btn_cloz{position:absolute; bottom:12px; left:50%; transform:translateX(-50%); width:23px; height:23px; background:url('/resources/images/main/popup/241022/close.png') no-repeat;}
.main_float_bnr.fix{position:fixed; top:172px;}

/* 메인 AIDT 홍보 */
.header .topbanner.aidt{background-color:#4E64FF;min-height:50px;}
.header .topbanner.aidt button{line-height:25px; padding:0 10px; border:1px solid #fff;}
.header .topbanner.aidt button:after{display:none;}
/* 메인 큐레이션 영역 고도화 2024-11-12 */
.section.mt20{margin-top:20px;}
.edutech_box{margin:24px 0;display:flex; justify-content:space-between;}
.edutech_box a{display:inline-flex; align-items:center; gap:16px;}
.edutech_box a .imgbox{position:relative;width:56px;height:56px;border-radius:20px;background:#fff;}
.edutech_box a .imgbox img{width:100%;object-fit: cover;border-radius:20px;}
.edutech_box a .edu_titwrap {display:flex;flex-direction:column;text-align:left;}
.edutech_box a .edu_titwrap .sub_tit {color:#3e3e3e;font-size:12px;font-weight:400;line-height:17px;letter-spacing:-0.025em;}
.edutech_box a .edu_titwrap .tit{margin-top:3px;font-size:16px; color:#121212; font-weight:700;}
.edutech_box a:hover .imgbox:before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;border:2px solid #ff8800;border-radius:20px;z-index:10;box-sizing: border-box;}
.edutech_box a:hover .imgbox{box-shadow: 0 10px 10px 0 #0000001A;}
.edutech_box a:hover .edu_titwrap .sub_tit,.edutech_box a:hover .edu_titwrap .tit{color:#ff8800;}
.mainArticleWrap{margin-top:20px;}
.monthList{width:100%;}

.recom_menu_list{margin-bottom:16px; display:flex; gap:38px; align-items:center;border-bottom:1px solid #e9e9e9;}
.recom_menu_list button{margin-right:0 ; position:relative; padding:15px 0; font-size:18px; color:#3e3e3e; font-weight:400; line-height:17px; border:none; border-radius:0;}
.recom_menu_list button.on{color:#121212;font-size:18px;font-weight:600;border-bottom:4px solid #121212;}
.recom_menu_list button:after{content:''; margin-left:5px; display:none; width:16px; height:16px; background-repeat:no-repeat; background-position:center; vertical-align:top;}
.recom_menu_list button.new:after{position:absolute;top:4px; display:inline-block; background-image:url('/resources/images/main/ico_new2.png');}
.recom_menu_list button.hot:after{position:absolute;top:3px; display:inline-block;width:18px;height:18px; background-image:url('/resources/images/main/ico_hot2.png');}

#mainAidtPop .dimmed2{position:fixed; left:0; right:0; top:0; bottom:0; background:rgba(0,0,0,0.6);}
#mainAidtPop .inner{position:absolute; left:50%; top:205px; transform:translateX(-50%); width:623px; z-index:9999;}
#mainAidtPop .inner .inner_box{position:relative; border-radius:40px;}
#mainAidtPop .btnPopClose{position:absolute; right:20px; top:20px; width:22px; height:22px; background:url('/resources/images/main/popup/241202/pop_close.png') no-repeat center;}
#mainAidtPop .thumb{position:relative;}
#mainAidtPop .thumb img{max-width:100%;}
#mainAidtPop .thumb .subFlexBox{position:absolute; top:160px; left:0; right:0; padding:0 60px; display:flex; justify-content:space-between;}
#mainAidtPop .thumb .subFlexBox div{padding:20px 0; flex:1; display:flex; gap:12px; justify-content:center;}
#mainAidtPop .thumb .subFlexBox a{height:51px;}
#mainAidtPop .thumb .subFlexBox .mid a{width:50px;}
#mainAidtPop .thumb .subFlexBox .high a{width:80px;}
#mainAidtPop .thumb .btn_aidt{position:absolute; bottom:17px; left:50%; transform:translateX(-50%); width:401px; height:61px;}
#mainAidtPop .thumb .badge{position:absolute; left:-10px; top:0; width:97px; height:32px; background:url('/resources/images/main/popup/241202/badge.png') no-repeat left top;}
#mainAidtPop .thumb .evtFlexBox{position:absolute; left:0; right:0; top:67px; padding:0 27px; display:flex; gap:7px;}
#mainAidtPop .thumb .evtFlexBox a{flex:1; height:71px;}
#mainAidtPop .control{margin:20px auto 0; width:161px; border-radius:16px; background:#515c6e;}
#mainAidtPop .control label{padding:0; display:flex; justify-content:center; align-items:center; width:100%; font-size:13px; line-height:32px; color:#fff; cursor:pointer;}
#mainAidtPop .control input + label:before{display:none;}
#mainAidtPop .control input + label:after{content:''; margin-left:7px; display:inline-block;width:13px;height:13px; background: url('../images/educourse/ico_checkbox.png') no-repeat center top;}
#mainAidtPop .control input:checked + label:after{background-position-y:bottom;}

.monthRecomCont .listRecom{gap:20px;}
.monthRecomCont .listRecom .RecomBox{width:calc(25% - 60px/4);cursor:pointer;}
.monthRecomCont .listRecom .RecomBox a{height:208px;position:relative;border-radius:16px;overflow:hidden;}
/*.monthRecomCont .listRecom .RecomBox a:after {content:''; position:absolute; left:0; right:0; top:0; bottom:0;display:block;width:100%;height:100%;box-sizing:border-box; border-radius:16px;overflow:hidden;}*/
.monthRecomCont .listRecom .RecomBox a:hover {border:2px solid #ff8800;box-shadow:0 10px 10px 0 rgba(0,0,0,0.1);}
.monthRecomCont .listRecom .RecomBox a:hover:after{}
.monthRecomCont .listRecom .RecomBox .img{height:100%;}
.monthRecomCont .listRecom .RecomBox a:hover .img{position:absolute;left:0;top:0;margin:-2px;width:calc(100% + 4px);height:calc(100% + 4px);}
.monthRecomCont .listRecom .RecomBox .badge{position:absolute; left:10px; top:10px; padding:0 13px; font-size:14px; color:#fff; font-weight:500; line-height:24px; border-radius:12px; background:#f5812c;}
.monthRecomCont .listRecom .RecomBox .txt_box{position:absolute; left:0; right:0; bottom:0; padding:12px 15px; background:rgba(0,0,0,.5);}
.monthRecomCont .listRecom .RecomBox .txt_box p{font-size:15px; color:#ffffff; font-weight:500; line-height:1.4; letter-spacing:-.045em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:left;}
.monthRecomCont .listRecom.ty2{ display:block;margin-left:-10px;}
.monthRecomCont .listRecom.ty2:after{content:'';clear:both;display:block;}
.monthRecomCont .listRecom.ty2 .RecomBox{position:relative; margin:10px; float:left; width:285px;}
.monthRecomCont .listRecom.ty2 .RecomBox .txt_box p{text-align:center;}
.monthRecomCont .listRecom.ty2 .RecomBox:first-child{margin:0 10px;width:590px;}
.monthRecomCont .listRecom.ty2 .RecomBox:first-child a{height:436px;}
.monthRecomCont .listRecom.ty2 .RecomBox:first-child .txt_box{padding: 20px 16px;}
.monthRecomCont .listRecom.ty2 .RecomBox:first-child .txt_box p{font-size:18px;}
.monthRecomCont .listRecom.ty2 .RecomBox:nth-child(3),.monthRecomCont .listRecom.ty2 .RecomBox:nth-child(5){margin-right:0;}
.monthRecomCont .listRecom.ty2 .RecomBox:nth-child(2),.monthRecomCont .listRecom.ty2 .RecomBox:nth-child(3){margin-top:0;}
.monthRecomCont .hoverItem .listRecom .RecomBox a span.txtbox{display:none;}
.monthRecomCont .hoverItem .listRecom .RecomBox a:hover span.txtbox,.monthRecomCont #creative .listRecom .RecomBox:nth-child(n+7) a:hover span.txtbox{display:block;background:rgba(0,0,0,.6);text-align:center;width:100%;height:100%;position:absolute;top:0;left:0;bottom:0;right:0;}
.monthRecomCont .hoverItem .listRecom .RecomBox a:hover span.tit{display:-webkit-box;padding-top:2px;font-size:14px;color:#fff;font-weight: 700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:45px;width:152px;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow:ellipsis;overflow:hidden;}

.monthRecomCont .hoverItem.popular_tb .listRecom {gap:20px;}
.monthRecomCont .hoverItem.popular_tb .listRecom .RecomBox {cursor:pointer;}
.monthRecomCont .hoverItem.popular_tb .listRecom .RecomBox a{position:relative; display:block; width:100%; height:206px; border-radius:16px; overflow:hidden;border:1px solid #e6e5e5;}
.monthRecomCont .hoverItem.popular_tb .listRecom .RecomBox .img {position:absolute;left:0;top:0;width:285px;height:160px;}
.monthRecomCont .hoverItem.popular_tb .listRecom .RecomBox .img img{border-radius:16px 16px 0 0;}
.monthRecomCont .hoverItem.popular_tb .listRecom .RecomBox .tit {position:absolute;left:0;right:0;bottom:0;padding:0 16px;height:45px;line-height:45px;text-align:left;font-size:15px;color:#121212;}
.monthRecomCont .hoverItem.popular_tb .listRecom .RecomBox a:hover{border:2px solid #ff8800;box-shadow:0 10px 10px 0 rgba(0,0,0,0.1);}
.monthRecomCont .hoverItem.popular_tb .listRecom .RecomBox a:hover .img{margin:-1px -1px 0;height:160px;}
.monthRecomCont .hoverItem.popular_tb .listRecom .RecomBox a:hover .tit{margin:0 -1px;height:43px;line-height:43px;}
/*.monthRecomCont .samquiz .listRecom .RecomBox a:after {content:'';position:absolute;left:0;right:0;top:0;bottom:0;border:1px solid #e6e5e5;}*/
.monthRecomCont #samquize .listRecom .RecomBox a:hover {border:2px solid #ff8800;box-shadow:0 10px 10px 0 rgba(0,0,0,0.1);}
.monthRecomCont #samquize .listRecom .RecomBox a:hover .img{margin:-1px -1px 0;height:160px;}
.monthRecomCont #samquize .listRecom .RecomBox a:hover .tit{margin:0 -1px;height:43px;line-height:43px;}

.big-banner-zone.aidt{padding:40px 50px; text-align:center; background:url('/resources/images/main/aidt_banner/bg.png') no-repeat center;}
.big-banner-zone.aidt .aidt_items{margin-top:39px; display:flex; gap:20px; justify-content:center;}
.big-banner-zone.aidt .aidt_item{padding:27px 0; width:306px; border:1px solid #00FFA6; border-radius:24px; background:rgba(0,12,46,.7);}
.big-banner-zone.aidt .aidt_item p{margin-top:16px; font-size:15px; color:#fff; font-weight:500; line-height:21px;}
.big-banner-zone.aidt .aidt_item .btn-box{margin-top:20px; display:flex; align-items:center; justify-content:center;}
.big-banner-zone.aidt .aidt_item .btn-box a{position:relative; padding:0 12px; font-size:19px; font-weight:600; line-height:20px; color:#00FFA6;}
.big-banner-zone.aidt .aidt_item .btn-box a + a:before{content:''; position:absolute; left:2px; top:0; width:1px; height:16px; background:rgba(255,255,255,.2);}

/* 251 개편 - 2024-02-08 */
#quickMenu.renew251 .loginbox .login_after{padding:22px 0; margin:0 10px; border-top:1px solid #e5eaee; border-bottom:1px solid #e5eaee; text-align:center;}
#quickMenu.renew251 .loginbox .login_after .btn_wrap a.valid{border-radius:20px;line-height:31px;border:1px solid #FF6464;color:#FF6464;background-color:#fff;}
#quickMenu.renew251 .bookmark{padding:25px 16px;margin-top:0;}
#quickMenu.renew251 .q-btn--my-textbook{line-height:40px;}
#quickMenu.renew251 .q-btns{margin:8px 0; display:flex; gap:3px; flex-wrap:wrap;}
#quickMenu.renew251 .q-btns .q-btns__btn{padding:0; width:calc(50% - 3px/2); font-size:12px; color:#ff791b; font-weight:400; line-height:33px; text-align:center; background:#fff8e7; border:1px solid #ffbf63; border-radius:5px;}
#quickMenu.renew251 .q-btns .q-btns__btn:after{display:none;}

.popup_wrap.my_data_popup .popup_head.type2{padding:30px 40px 25px;}
.popup_wrap.my_data_popup .popup_head .popup_close{right:30px; top:36px; width:21px; height:20px; background:url('/resources/images/common/btn_close7.png') no-repeat center;}
.popup_wrap.my_data_popup .my_data_tab{text-align:center;}
.popup_wrap.my_data_popup .tab_menu{display:flex;flex:1; padding: 0 30px;}
.popup_wrap.my_data_popup .tab_menu .tab_item{width:auto; flex: 1; font-size:16px; color:#ff8125; font-weight:400; line-height:37px; border-width:1px 0; border-color:#edc993; border-style:solid; background:#fff0d9;}
.popup_wrap.my_data_popup .tab_menu .tab_item:first-child{border-left-width:1px; border-radius:10px 0 0 10px;}
.popup_wrap.my_data_popup .tab_menu .tab_item:last-child{border-right-width:1px; border-radius:0 10px 10px 0;}
.popup_wrap.my_data_popup .tab_menu .tab_item.on{color:#fff; font-weight:600; border-color:#ff8125; background:#ff8125;}
.popup_wrap.my_data_popup .popup_body.pb30{padding:0 40px 30px;}
.popup_wrap.my_data_popup .my_data_popup_list{border-top:1px solid #a2a2a2;}
.popup_wrap.my_data_popup .my_data_popup_list li{display:flex; align-items:center; border-bottom:1px solid #ddd;}
.popup_wrap.my_data_popup .my_data_popup_list li.nolist p{flex:1;text-align:center;}
.popup_wrap.my_data_popup .my_data_popup_list li p{font-size:14px; color:#5e5e5e; font-weight:400; letter-spacing:-.045em; line-height:37px;}
.popup_wrap.my_data_popup .my_data_popup_list li p.no{width:54px;padding:0 8px; color:#8e9091;}
.popup_wrap.my_data_popup .my_data_popup_list li p.category{width:54px;padding:0 8px; color:#3272ed;}
.popup_wrap.my_data_popup .my_data_popup_list li p.category2{width:81px;padding:0 8px; color:#3272ed;}
.popup_wrap.my_data_popup .my_data_popup_list li p.date{color:#8e9091;}
.popup_wrap.my_data_popup .my_data_popup_list li p.tit{padding:0 20px; min-width:0; flex:1;}
.popup_wrap.my_data_popup .my_data_popup_list li p.tit a{font:inherit; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.popup_wrap.my_data_popup .my_data_popup_list li p.tit a.ic_file span{margin-top:7px;}
.popup_wrap.my_data_popup .my_data_list_footer{margin-top:20px; display:flex; justify-content:space-between; align-items:center;}
.popup_wrap.my_data_popup .my_data_list_footer p{font-size:12px; color:#8e9091; font-weight:400; letter-spacing:-0.045em;}
.popup_wrap.my_data_popup .my_data_list_footer .btn_more{position:relative; padding:0 3px; display:inline-flex; align-items:center; font-size:14px; color:#393d49; font-weight:400; line-height:20px;}
.popup_wrap.my_data_popup .my_data_list_footer .btn_more:after{content:''; position:absolute; left:0; right:0; bottom:0; height:1px; background:#393d49;}
.popup_wrap.my_data_popup .my_data_list_footer .btn_more i{margin-left:9px; display:inline-block; width:5px; height:8px; background:url('/resources/images/common/arrow_min_6.png') no-repeat center;}

.eduThemeWrap .swiper-slide.eduSlide{border-radius:0; overflow:visible;}
.eduThemeWrap .swiper-slide.eduSlide a{position:relative;}
.eduThemeWrap .swiper-slide.eduSlide a .img{display:block; border-radius:7px; overflow:hidden;}
.eduThemeWrap .swiper-slide.eduSlide a:after{content:''; position:absolute; top:10px; right:-4px; width:55px; height:30px;}
.eduThemeWrap .swiper-slide.eduSlide.b_new a:after{background:url('/resources/images/main/badge_new.png');}
.eduThemeWrap .swiper-slide.eduSlide.b_hot a:after{background:url('/resources/images/main/badge_hot.png');}

/* = 251 중고등 개편 (2025) = */
.renewer_year {display: inline-block; height: 19px; padding: 0 4px; font-size: 12px; line-height: 18px; color: #fff; font-weight: 600; letter-spacing: -0.5px; text-align: center; border-radius: 4px;}
.renewer_year.y22 {background: #0057ed;}
.renewer_year.y15 {background: #4ec5bb;}

/* //= 251 중고등 개편 (2025) = 스마트 수업도구 탑재(25.03.11) */
#quickMenu.renew251{box-shadow:none;border-left:0;}
#quickMenu.renew251 .line_type,#quickMenu.renew251 .loginbox{border-left: 1px solid #6978B5;}
#quickMenu.renew251.q_open .q-btns {border:1px solid #DCDCDC;background:#fff;border-radius:4px;gap:0;}
#quickMenu.renew251.q_open .q-btns .q-btns__btn{padding:0 16px; width:100%; font-size:13px; color:#1E1E21; font-weight:400; line-height:33px; text-align:left;border:none; border-radius:4px; background:url('/resources/images/common/arr_quickmenu.svg') no-repeat right 16px center;}
#quickMenu.renew251.q_open .q-btns .q-btns__btn:nth-of-type(2) {border-top:1px solid #E9E9ED;border-bottom:1px solid #E9E9ED;}
#quickMenu.renew251.q_open .q-btns .q-btns__btn.new:after{content:"";display:inline-block;transform:translate(5px,calc(-50% - 7px));width:6px;height:6px;background-color:#FF0000;border-radius:50%;}
#quickMenu.renew251 .loginbox .login_after .btn_wrap {margin-top:14px;display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:center}
#quickMenu.renew251 .loginbox .login_after .btn_wrap a {width:70px;position:relative;float: left;font-size: 12px;font-weight: 500;letter-spacing: -1px;text-align: center;margin:0;}
#quickMenu.renew251 .loginbox .login_after .btn_wrap .btn_logout{margin:0;padding:0;width:70px;font-size:12px;color:#53565D;font-weight:bold;line-height:33px;background:#F4F4F5;border-radius:20px;}
#quickMenu.renew251 .loginbox .login_after .btn_wrap .modify {margin-top:0;font-size:12px;color:#6e7483;letter-spacing:-0.04em;width:auto;}
#quickMenu.renew251 .bookmark ul li a:after {content:'';position:absolute;right:0;display:inline-block;width:32px; height:36px; background:url('/resources/images/common/arr_quickmenu.png') no-repeat right 16px center;}
#quickMenu.renew251 .bookmark ul li a.smartClass{height:40px;line-height:40px;background:url(/resources/images/common/smart.svg) no-repeat left 15px center #fff8e7;position:relative;}
#quickMenu.renew251 .bookmark ul li a.smartClass:after{height:40px;}
#quickMenu.renew251 .line_type .bookmark .nodata p {padding:60px 0;font-size:13px;color:#393d49;font-weight:400;text-align:center;line-height:1.25;}
#quickMenu.renew251 .line_type .bookmark .quick-swiper {margin:28px 0; height:152px;text-align:center;}
#quickMenu.renew251 .line_type .bookmark .quick-swiper .book_img_box {width:118px;margin:0 auto;border:1px solid #ebebeb;box-shadow:0 3px 7px 0 rgba(0,0,0,0.1);}
#quickMenu.renew251 .line_type .bookmark .quick-swiper .book_img_box .hover_box a {padding:0;}
#quickMenu.renew251 .line_type .bookmark .quick-swiper img {width:118px;height:auto;}
#quickMenu.renew251 .line_type .bookmark .quick-swiper .quickPrev {left:-10px;background:url('/resources/images/common/prev_arr_quickmenu.svg') no-repeat center;}
#quickMenu.renew251 .line_type .bookmark .quick-swiper .quickNext {right:-10px;background:url('/resources/images/common/next_arr_quickmenu.svg') no-repeat center;}
#quickMenu.renew251 .line_type .bookmark .quick-swiper .swiper-button-prev:after, #quickMenu.renew251 .line_type .bookmark .quick-swiper .swiper-button-next:after {display:none;}
#quickMenu.renew251 .pseudo{background:#fff;border-left:1px solid #6978B5;}
#quickMenu.renew251 .pseudo .q-btn ul li:first-child a{background-color:#F4F4F5;width:80px;height:97px;padding:26px 0 10px;}
#quickMenu.renew251 .pseudo .quick_menu_visual ul li{border:0;}
#quickMenu.renew251 .pseudo .quick_menu_visual ul li a{width:60px;}
#quickMenu.renew251 .pseudo .quick_menu_visual ul li .fst.btnLogin{width:80px;background-color: #F4F4F5;height:97px;padding-top:26px;margin-left:1px;}
#quickMenu.renew251 .pseudo .quick_menu_visual ul li .q-btns{display:block;padding:16px 10px 17px;margin:0;}
#quickMenu.renew251 .pseudo .quick_menu_visual ul li .q-btns a{height:63px;padding:4px 0 0;}
#quickMenu.renew251 .pseudo .quick_menu_visual ul li .q-btns a:hover{background-color:#FFE7CC;border-radius:8px;}
#quickMenu.renew251 .pseudo .quick_menu_visual ul li .q-btns .quick_menu_tit{font-size:12px;font-weight:400;color:#1E1E21;margin-top:2px;}
#quickMenu.renew251 .pseudo .quick_menu_visual ul li .q_class_helper{padding:20px 18px 0;}
#quickMenu.renew251 .pseudo .quick_menu_visual ul li .q_class_helper a{height:44px;width:44px;margin-bottom:20px;margin-top:0;position:relative;}
#quickMenu.renew251 .pseudo .quick_menu_visual ul li .q_class_helper a:first-child{width:55px;height:52px;position:relative;transform:translateX(-4px);}
#quickMenu.renew251 .pseudo .quick_menu_visual ul li .q_class_helper a:first-child:before{content:"";display:block;border-top:1px solid #DCDCDC;transform:translateY(-20px);}
#quickMenu.renew251 .pseudo .quick_menu_visual ul li .q_class_helper a:hover{background-color:#E9E9ED;border-radius:8px;}
#quickMenu.renew251 .pseudo .quick_menu_visual ul li .q_class_helper a:hover{background-color:#E9E9ED;border-radius:8px;}
#quickMenu.renew251 .pseudo .quick_menu_visual ul li .q_class_helper a:hover:first-child{background-color:transparent;}
#quickMenu.renew251 .pseudo .quick_menu_visual ul li a .ico.new:before{content:"";display:inline-block;position:absolute;top:50%;right:0;transform:translate(3px,calc(-50% - 18px));width:6px;height:6px;background-color:#FF0000;border-radius:50%;}
#quickMenu.renew251 .pseudo .quick_menu_visual ul li .q-btns a .ico.new:before{transform:translate(8px,calc(-50% - 15px));}
#quickMenu.renew251 .ico{border-radius:0;position:relative;}
#quickMenu.renew251 .btn_side{top:23px;}
#quickMenu.renew251.renew06 .title{background-position:center center;height:43px;margin-bottom:12px;}
#quickMenu.renew251 .loginbox .login_after .info .userName{display: inline-flex;align-items:center;}
#quickMenu.renew251 .loginbox .login_after .info .userName span{font-size:14px;margin-left:4px;}
#quickMenu.renew251 .loginbox .login_after .info .work_sch{font-size:14px;color:#0086FF;}
#quickMenu.renew251 .validPop{background:#fff0f0;border-color:#FF6464;}
#quickMenu.renew251 .validPop:after{background-image:url("/resources/images/common/ico_validPopArr.svg");width:10px;height:12px;right:-8px;}
#quickMenu.renew251 .validPop:before{content:"";display:inline-block;position:absolute;top:50%;right:0;transform:translateY(-50%);width:5px;height:12px;background:#fff0f0;z-index:1;}
#quickMenu.renew251 .validPop p{color:#1E1E21;font-weight:400;}

/* 251 개편 비바샘 BI 변경 */
.header.type02 .top .logo{width:359px; background-image:url('/resources/images/common/logo/renew/logo_vivasam02.png');}
.header.type04 .logo.vivasam{width:84px; background-image:url('/resources/images/common/logo/renew/logo_vivasam_s.png');}

.float_m_banner{display:none;position:absolute;z-index:100;width:183px;height:226px;}
.float_m_banner .bnrImg{position:relative;width:100%;height:100%;}
.float_m_banner .bnrImg a{display:block;width:100%;height:100%;}
.float_m_banner .bnrImg .btn_bnr_close{position:absolute;bottom:14px;left:40px;width:94px;height:17px;background:url('/resources/images/main/popup/250209/today.png') no-repeat center center;}
.float_m_banner .bnrImg .popBtn{position:absolute;right:12px;top:5px;width:20px;height:20px;background:url('/resources/images/main/popup/250209/banner_close.png') no-repeat center center;}

.float_m_banner2{position:absolute;z-index:100;width:175px;height:216px;}
.float_m_banner2 .bnrImg{position:relative;width:100%;height:100%;}
.float_m_banner2 .bnrImg a{display:block;width:100%;height:100%;border:1px solid #aeaeae;border-radius:20px;box-shadow: 3px 6px 4px 0 rgba(0, 0, 0, 0.1);overflow:hidden;/*animation:floatRoll 2050ms linear infinite;*/}
/*@keyframes floatRoll{*/
/*    49.9%{background:url('/resources/images/main/popup/250219/float_banner_01.png') no-repeat center center / 100% auto;}*/
/*    50%{background:url('/resources/images/main/popup/250219/float_banner_02.png') no-repeat center center / 100% auto;}*/
/*    100%{background:url('/resources/images/main/popup/250219/float_banner_02.png') no-repeat center center / 100% auto;}*/
/*}*/
.float_m_banner2 .bnrImg a img{width:100%;}
.float_m_banner2 .bnrImg .popBtn{position:absolute;right:12px;top:5px;width:20px;height:20px;background:url('/resources/images/main/popup/250209/banner_close.png') no-repeat center center;}

.float_banner_250317 {width: 177px; height: 241px;}
.float_banner_250317 .bnrImg a {overflow: hidden; border-radius: 22px; border: 1px solid transparent;}
.float_banner_250317 .bnrImg:hover a {border-color: #4b60ff; /* outline: 1px solid #4b60ff; outline-offset: -0.5px; */}
.float_banner_250317 .bnrImg .popBtn {width: 20px; height: 20px; background: none;}
.float_banner_250317 .bnrImg .btnPopcloseNoMore{position:absolute;top:10px;right:30px;width:60px;height:20px;}


/* 검정 교과서 설정 팝업 2025-02-17  */
.main_top .my_textbook .timetable .btn_set_certify{margin-left:4px; width:28px; height:40px; background: url(../images/main/ico_setting.png) no-repeat center center;}

#floatBannerMain {right:138px;top:812px;display:none}
#floatBannerMain.fixed{position:fixed;top:50%;transform:translateY(-50%);}

/* 애플 넘버스 고도화 2025-02-20 */
.tab_educourse.apply_menu li:last-child:before{z-index:1;}
.tab_educourse li a{position:relative;}
.tab_educourse li a .ico_22 {position:absolute;left:0;top:-2px;display:inline-block;width:47px;height:19px;background:#00B8FF;border-radius:5px;font-size:12px;font-weight:400;color:#fff;text-align:center;line-height:19px;}

/* 교과연계자료 업데이트 2025-03-19 */
.tab_second.ty02 ul li.new:after{right:8px; top:7px; width:6px; height:6px; background:#F00; border-radius:50%;}

.tab_educourse li .tooltip_layer{position: absolute;top: -28px;left: 50%;margin-left: -81px;height: 30px;padding: 4px 16px;background: #fff4e4;border: 1px solid #ff7007;border-radius: 8px;box-shadow: 2px 2px 0 rgba(68, 68, 68, 0.2);z-index: 1;}
.tab_educourse li .tooltip_layer:after{content: '';position: absolute;bottom: -8px;left: 50%;margin-left: -2px;display: inline-block;border-left: 4px solid #fff;border-right: 4px solid #fff;border-top: 7px solid #ff7007;z-index: 2;}
.tab_educourse li .tooltip_layer p{font-size: 12px;font-weight: 400;line-height: 20px;color: #ff7007;letter-spacing: -0.06em;white-space:nowrap;}

/* 2503 샘스토리 수정 */
.conts.conts_create .tab_educourse li .tab {position: relative; display: inline-block; height: 50px; padding: 0 17px; font-size: 22px; font-weight: 500; color: #4a4f5f; line-height: 50px; letter-spacing: -0.08em; cursor: pointer;}
.conts.conts_create .tab_educourse li.on .tab {color: #ff7031;}
.conts.conts_create .tab_educourse li.on .tab:after {content: ""; display: inline-block; position: absolute; left: 0; bottom: -1px; width: 100%; height: 2px; background: #ff7031; }
.conts.conts_create .tab_educourse li + li {margin: 0;}
.conts.conts_create .tab_educourse li + li::before {content: none;}

/* 곰선생 IB */
.conts_create.gomIB .sub_tit .point {font-size: 32px; color: #ff7007; font-weight: 600;}
.conts_create.gomIB .sub_tit .tooltip_info {position: absolute; z-index: 1000; left: 338px; top: 45px; box-sizing: border-box; width: 527px; height: 75px; padding: 12px 34px 12px 106px; margin: 0 0 10px; background: #fffcee url('/resources/images/tr/createmix/img_viva_90x69.png') no-repeat left 10px top 100%; border: 1px solid #ff7007; border-radius: 12px; box-shadow: 0 4px 11px 0 rgba(255,112,7,0.16);}
.conts_create.gomIB .sub_tit .tooltip_info::after {content: ''; position: absolute; left:100px; top: -10px; width: 12px; height: 10px; background: url('/resources/images/tr/createmix/icon_arrow_down_12x10.png') no-repeat 50%; transform:rotate(180deg);}
.conts_create.gomIB .sub_tit .tooltip_info .tt_title {display: block; margin: 0 0 4px; font-size: 16px; color: #ff7007; font-weight: 600;}
.conts_create.gomIB .sub_tit .tooltip_info .tt_txt {display: block; font-size: 12px; line-height: 1.4; color: #1e1e21;}
.conts_create.gomIB .sub_tit .tooltip_info .btn_close {position: absolute; right: 0; top: 0; padding-right: 34px; height: 35px; font-size:12px; color:#FF7007; line-height:35px; background: url('/resources/images/tr/createmix/icon_x_10x11.png') no-repeat right 12px top 50%;}
.conts_create.gomIB .contLink.contGomIB {background: #ffd47f url('/resources/images/tr/createmix/btn_cont_gomib.png') no-repeat left 12px center;}
.conts_create.gomIB .create_cont .introsam.multi .itro_video {padding: 18px 32px 28px;}

/* 2025-04-23 교과자료 및 메인 유지보수 */
.header.fix .logo{width:140px; background-size:100% auto;}
.gnb ul.gnbmenu{gap:36px;}
.gnb ul.gnbmenu:after{display:none;}
.gnb ul.gnbmenu li.saemteo{margin-left:auto; padding:0 0 5px;}
.gnb ul.gnbmenu li.saemteo a{overflow:hidden;}
.gnb ul.gnbmenu li.saemteo a p{padding-left:56px; font-size:18px; color:#002477; font-weight:600; line-height:43px;}
.gnb ul.gnbmenu li.saemteo a .viver{position:relative;}
.gnb ul.gnbmenu li.saemteo a .viver .viver_char{position:absolute; width:75px; height:43px; left:0; top:0;}
.gnb ul.gnbmenu li.saemteo a .viver .obj{position:absolute;}
.gnb ul.gnbmenu li.saemteo.spring a .viver .viver_char{background:url('/resources/images/common/gnb/viver_spring.png') no-repeat left center;}
.gnb ul.gnbmenu li.saemteo.spring a .viver .obj1{left:-5px;top:-5px;width:7px;height:5px;background:url('/resources/images/common/gnb/springObj1.png') no-repeat center; animation:flowerAni1 2.55s infinite;}
.gnb ul.gnbmenu li.saemteo.spring a .viver .obj2{left:65px;top:-8px;width:7px;height:8px;background:url('/resources/images/common/gnb/springObj2.png') no-repeat center; animation:flowerAni2 2.75s .15s infinite;}
.gnb ul.gnbmenu li.saemteo.spring a .viver .obj3{left:15px;top:-8px;width:9px;height:8px;background:url('/resources/images/common/gnb/springObj3.png') no-repeat center; animation:flowerAni3 2.85s .15s infinite;}
.gnb ul.gnbmenu li.saemteo.spring a .viver .obj4{left:35px;top:-5px;width:6px;height:5px;background:url('/resources/images/common/gnb/springObj4.png') no-repeat center; animation:flowerAni4 2.65s  infinite;}
.gnb ul.gnbmenu li.saemteo.spring a .viver .obj5{left:25px;top:-11px;width:8px;height:11px;background:url('/resources/images/common/gnb/springObj5.png') no-repeat center; animation:flowerAni5 3.1s .3s infinite;}
@keyframes flowerAni1{
    100% {transform:translate(50px, 53px); transition-timing-function:ease-in-out;}
}
@keyframes flowerAni2{
    100% {transform:translate(-50px, 53px); transition-timing-function:ease-in-out;}
}
@keyframes flowerAni3{
    100% {transform:translate(45px, 53px); transition-timing-function:ease-in-out;}
}
@keyframes flowerAni4{
    100% {transform:translate(-20px, 53px); transition-timing-function:ease-in-out;}
}
@keyframes flowerAni5{
    100% {transform:translate(35px, 53px); transition-timing-function:ease-in-out;}
}

.gnb ul.gnbmenu li.saemteo.st2505 a .viver .viver_char{left:0; top:0; width:57px; height:42px; background:url('/resources/images/common/gnb/viver_2505.png') no-repeat left center / contain;}

.tab_conts .accoCont .textbookListFilter{padding:15px 20px; display:flex; flex-wrap:wrap; gap:12px 20px;}
.tab_conts .accoCont .textbookListFilter li input[type=checkbox] + label{padding-left:20px; font-size:14px; color:#1E1E21; line-height:16px; cursor:pointer;}
.tab_conts .accoCont .textbookListFilter li input[type=checkbox] + label:before{margin-top:-8px; width:16px; height:16px; background:url('/resources/images/common/ico_chkbox.png') no-repeat center top; border:none;}
.tab_conts .accoCont .textbookListFilter li input[type=checkbox]:checked + label{font-weight:600; color:#0057ED;}
.tab_conts .accoCont .textbookListFilter li input[type=checkbox]:checked + label:before{background-position-y:bottom;}

.tblist.textbookList tbody tr td.classHelperWrap{padding:8px 0 !important;border:none !important;}
.tblist.textbookList tbody tr td.classHelperWrap .classHelperBox{padding:20px 0 20px 20px; width:100%; border:1px solid #E9E9ED; border-radius:8px;}
.tblist.textbookList tbody tr td.classHelperWrap .classHelperBox h3{font-size:16px; color:#1E1E21; font-weight:500;}
.tblist.textbookList tbody tr td.classHelperWrap .classHelperBox .classHelperList{margin-top:12px; padding-right:20px; display:flex; gap:12px; overflow-x:auto;}
.tblist.textbookList tbody tr td.classHelperWrap .classHelperBox .classHelperList a{width:200px; flex:none;}
.tblist.textbookList tbody tr td.classHelperWrap .classHelperBox .classHelperList .thumb{position:relative; width:100%; height:113px; border-radius:8px; overflow:hidden; border:1px solid #eaeaea}
.tblist.textbookList tbody tr td.classHelperWrap .classHelperBox .classHelperList .thumb img{width:100%; height:100%; object-fit:cover;}
.tblist.textbookList tbody tr td.classHelperWrap .classHelperBox .classHelperList .thumb .type{position:absolute; top:0;right:0;width:29px;height:29px;}
.tblist.textbookList tbody tr td.classHelperWrap .classHelperBox .classHelperList .thumb .type span {display:inline-block;background:url("../images/chasi_pop/type_icon.png") no-repeat 0 0;width:29px;height:29px;}
.tblist.textbookList tbody tr td.classHelperWrap .classHelperBox .classHelperList .thumb .type.xls span {background-position-x:-76px}
.tblist.textbookList tbody tr td.classHelperWrap .classHelperBox .classHelperList .thumb .type.ppt span {background-position-x:-38px}
.tblist.textbookList tbody tr td.classHelperWrap .classHelperBox .classHelperList .thumb .type.word span {background-position-x:0;}
.tblist.textbookList tbody tr td.classHelperWrap .classHelperBox .classHelperList .thumb .type.hwp span {background-position-x:-244px;}
.tblist.textbookList tbody tr td.classHelperWrap .classHelperBox .classHelperList .thumb .type.sound span {background-position-x:-115px;}
.tblist.textbookList tbody tr td.classHelperWrap .classHelperBox .classHelperList .thumb .type.video span {background-position-x:-158px;}
.tblist.textbookList tbody tr td.classHelperWrap .classHelperBox .classHelperList .thumb .type.img span {background-position-x:-201px;}
.tblist.textbookList tbody tr td.classHelperWrap .classHelperBox .classHelperList .thumb .type.zip span {background-position-x:-330px;}
.tblist.textbookList tbody tr td.classHelperWrap .classHelperBox .classHelperList .thumb .type.pdf span {background-position-x:-373px;}
.tblist.textbookList tbody tr td.classHelperWrap .classHelperBox .classHelperList .thumb .type.link span {background-position-x:-416px;}
.tblist.textbookList tbody tr td.classHelperWrap .classHelperBox .classHelperList .thumb .type.html span {background:none;width:0;height:0;}
.tblist.textbookList tbody tr td.classHelperWrap .classHelperBox .classHelperList .thumb .type.youtube{width:79px;height:28px;}
.tblist.textbookList tbody tr td.classHelperWrap .classHelperBox .classHelperList .thumb .type.youtube span {background-image:url(../images/chasi_pop/type_icon2.png);width:79px;height:28px;}
.tblist.textbookList tbody tr td.classHelperWrap .classHelperBox .classHelperList .txt{margin-top:5px; font-size:13px; color:#1E1E21;}
.tblist.textbookList .btnDataWrap .btn_type1:hover{background:#fff;border:1px solid #0086FF;font-weight:400;color:#1E1E21;}
.tblist.textbookList .btnDataWrap .btn-classData{position:relative;}
.tblist.textbookList .btnDataWrap .btn-classData:after{content:''; margin-left:4px; display:inline-block; width:11px; height:26px; background:url('/resources/images/educourse/arr_down.png') no-repeat center; vertical-align:top;}
.tblist.textbookList .btnDataWrap .btn-classData.on:after{background-image:url('/resources/images/educourse/arr_up.png');}
.tblist.textbookList .btnDataWrap .btn_type1.on{background:#0086FF; color:#fff;}

/* 에듀테크 기업 선정 메인 팝업 2025-05-07 */
.footer .footerBnr{position:absolute; right:0; top:100px;}

/* 크롬 차시창 안내 팝업 */
.headerRightBannerWrap{position:absolute; right:0; top:50%; margin-top:-36px;}
.headerRightBannerWrap a{display:block;}

/* 음악 교과자료 연계 추가 2025-05-23 */
.cont_head.ty2{padding-bottom:30px; border-bottom:1px solid #DCDCDC;}
.specialDataWrap .tab_wrap.mt20{margin-top:20px;}
.specialDataWrap .tab_wrap.mb12{margin-bottom:12px;}
.specialDataWrap .tab_class_special:before{display:none;}
.tab_class_special{display:flex;}
.tab_class_special li{padding:0 45px; cursor:pointer;}
.tab_class_special li + li{margin:0;}
.tab_class_special li + li:before{display:none;}
.tab_class_special li a{padding:0; height:44px; line-height:44px; font-weight:400; color:#1E1E21; border:none;}
.tab_class_special li.new a:after{content:''; position:absolute; right:-10px; top:12px; width:6px; height:6px; background:#FF0000; border-radius:50%;}
.tab_class_special li:hover a,
.tab_class_special li.on a{font-weight:700; color:#0086FF;}
.tab_class_special li:hover:after,
.tab_class_special li.on:after{content:''; position:absolute; left:0; right:0; bottom:0; height:3px; background:#0086FF; border-radius:2px;}

.tab_second.class_special ul li{margin:0 8px 5px 0;}
.tab_second.class_special input[type="radio"] + label,
.tab_second.class_special input[type="checkbox"] + label{background:#F4F4F5;border:none;color:#1E1E21;}
.tab_second.class_special input + label span{font:inherit;}
.tab_second.class_special input[type="radio"]:checked + label,
.tab_second.class_special input[type="checkbox"]:checked + label{background:#E9F2FF;border:none;font-weight:700;color:#0086FF;}
.tab_second.class_special input:checked + label span{color:inherit;}

.tab_third ul{display:flex; gap:8px 1px; flex-wrap:wrap;}
.tab_third li{position:relative; padding:0 16px;}
.tab_third li:after{content:''; position:absolute; right:-1px; top:50%; transform:translateY(-50%); width:1px; height:12px; background:#A4A5A9;}
.tab_third li:last-child:after{display:none;}
.tab_third li input[type=checkbox] + label{position:relative; padding:0; font-size:14px; color:#1E1E21; font-weight:400; line-height:2.3; cursor:pointer;}
.tab_third li input[type=checkbox] + label:before{display:none;}
.tab_third li input[type=checkbox] + label span{font:inherit; color:inherit;}
.tab_third li input[type=checkbox]:checked + label{padding-left:20px; color:#0086FF; background:url('/resources/images/tr/ico_chk.png') no-repeat left center;}

.data_list.special_list.type02 ul{margin:0; gap:40px 36px;}
.data_list.special_list.type02 ul li,
.data_list.special_list.type02 ul li:nth-child(4n){width:calc(25% - 27px);margin:0;}
.data_list.special_list.type02 ul li:nth-child(5n){margin-right:0;}
.data_list.special_list.type02 ul li .data_cont{border-radius:8px;}
.data_list.special_list.type02 ul li .data_cont .img{height:112px;}

/* ISMS 5월 2025-05-28 */
.temp_wrap{padding:72px 0 100px;}
.temp_wrap h1{font-size:38px;}
.temp_wrap .form_top_box{position: relative; padding:25px 40px; background:#f7f7f7;border-bottom:1px solid #e1e1e1;}
.temp_wrap .form_top_box ul{}
.temp_wrap .form_top_box ul li{position:relative; padding-left:14px; font-size:14px; color:#53565D; font-weight:400; line-height:20px;}
.temp_wrap .form_top_box ul li:before{content:''; position:absolute; left:0; top:8px; width:4px; height:4px; background:#53565D; border-radius:50%;}
.temp_wrap .form_box{margin:0 auto;padding:40px 0 10px; width:460px;}
.temp_wrap .form_box dl{display:flex;}
.temp_wrap .form_box dl + dl{margin-top:10px;}
.temp_wrap .form_box dt{padding-right:16px; width:116px;}
.temp_wrap .form_box dt label{font-size:16px;font-weight:400;height:42px;color:#444444;line-height:42px;}
.temp_wrap .form_box dd{flex:1; font-size:0;}
.temp_wrap .form_box input{padding:0 20px;width:100%;height:42px;border:1px solid #d9d9d9;}
.temp_wrap .form_box input::placeholder{color:#888888;font-weight:300;}
.temp_wrap .form_box input:-ms-input-placeholder{color:#888888;font-weight:300;}
.temp_wrap .form_box .input{display:inline-block;}
.temp_wrap .form_box .input + .txt{display:inline-block;text-align:center;}
.temp_wrap .form_box .input.wp108 + .txt{width:10px;}
.temp_wrap .form_box .timeMsg{padding:0 4px; display:inline-block;}
.temp_wrap .form_box .btn_authCode{margin-left:8px; float:right; display:inline-block; width:104px; font-size:14px; color:#FFF; font-weight:500; line-height:42px; text-align:center; background:#6978B5;}
.temp_wrap .form_box .search_error{padding-left:116px; height:30px;}
.temp_wrap .agreeBox{margin-top:20px;}
.temp_wrap .agreeBox input[type="checkbox"] + label {padding-left: 26px; font-size:16px; line-height:18px; font-weight:400; color:#53565D;}
.temp_wrap .agreeBox input[type="checkbox"] + label:before {margin-top: -9px; width: 18px; height: 18px; background: url('../images/common/ic_chk2.png') no-repeat center top;}
.temp_wrap .agreeBox input[type="checkbox"]:checked + label:before {background-position-y:bottom}
.temp_wrap .btnBox{margin:28px auto 0; text-align:center;}
.temp_wrap .btnBox .btn_m{padding:0 48px; font-size: 20px; font-weight: 700;}


.pwd_tooltip{position:absolute; top:100%; margin-top:10px; padding:8px 12px; border:1px solid #0086FF; border-radius:4px; background:#fff; z-index:10;}
.pwd_tooltip:after{content:''; position:absolute; left:13px; top:-6px; width:11px; height:6px; background:url('/resources/images/common/ico_pw_tooltip.png') no-repeat center;}
.pwd_tooltip p{position:relative; margin:0; padding:0; font-size:12px; color:#1E1E21; font-weight:400; line-height:1.2;}
.pwd_tooltip p.info{margin-top:4px; color:#7E7F80;}
.pwd_tooltip p span{position:relative; font:inherit; color:#0086FF;}
.pwd_tooltip p span:after{content:''; margin-left:4px; display:inline-block; width:10px; height:10px; border-radius:50%;}
.pwd_tooltip p span.low:after{background:#F73749;}
.pwd_tooltip p span.mid:after{background:#FF7007;}
.pwd_tooltip p span.safe:after{background:#4EC568;}
.pwd_tooltip ul{margin-top:4px;}
.pwd_tooltip ul li{margin:0; padding:0; font-size:12px; color:#7E7F80; font-weight:400; border:none; background:transparent;}

.pw_popup .pop_wrap .pop_cont .password li{overflow:visible;}
.pw_popup .pop_wrap .pop_cont .password .inputWrap2{position:relative; overflow:visible;}
.pw_popup .pop_wrap .pop_cont .password .inputWrap2:after{content:'';display:block; clear:both;}
.pw_popup .pop_wrap .pop_cont .password .inputBox{position:relative; float:left;}
.pw_popup .pop_wrap .pop_cont .password .pwd_tooltip p{margin:0; padding:0; color:#1E1E21; line-height:1.2;}
.pw_popup .pop_wrap .pop_cont .password .pwd_tooltip p.info{margin-top:4px; color:#7E7F80;}
.pw_popup .pop_wrap .pop_cont .password .pwd_tooltip ul{margin-top:4px;}
.pw_popup .pop_wrap .pop_cont .password .pwd_tooltip ul li{margin:0; padding:0; border:none; background:transparent;}


/* PC 해상도 최적화 2025-05-30 */
.data_list.special_list ul li,
.data_list.special_list ul li:nth-child(4n){width:216px;margin-right:15px;}
.data_list.special_list ul li:nth-child(5n){margin-right:15px;}
.data_list.special_list ul li:nth-child(4n){margin-right:0;}
.data_list.special_list ul li .data_cont .img{height:118px;}
.data_list.special_list.type02 ul{gap:40px 15px;}
.data_list.special_list.type02 ul li,
.data_list.special_list.type02 ul li:nth-child(4n){width:calc(25% - 45px/4);}

/* 문제은행 나의교실 작업 2025-04-02 */
.cont_head.my_test_top{padding-bottom:25px; border-bottom:1px solid #E9E9ED;}
.cont_head.my_test_top .sub_tit span{font:inherit; font-weight:400; color:#7E7F80;}
.cont_head.my_test_top .buttons{bottom:25px;}
.cont_head.my_test_top .buttons .smartQbank{position:relative; padding:0 42px 0 54px; height:auto; font-size:14px; color:#273FA1; font-weight:600; line-height:44px; background:#00B9FF; border:none; overflow:hidden;}
.cont_head.my_test_top .buttons .smartQbank:after{content:''; position:absolute; right:8px; top:50%; transform:translateY(-50%); width:26px; height:26px; background:url('/resources/images/mc/2025/arr_smart.png') no-repeat center;}
.cont_head.my_test_top .buttons .smartQbank em{font:inherit; color:#fff;}
.cont_head.my_test_top .buttons .smartQbank span{position:absolute; left:0; top:0; bottom:0; width:44px; height:44px; background:url('/resources/images/mc/2025/ico_smart.png') no-repeat center;}
.cont_head.my_test_top .buttons .smartQbank:hover{border:none;}
.cont_head.my_test_top .buttons .qbank{position:relative;padding: 0 40px 0 16px;height: 44px;font-weight: 600;font-size: 14px;color: #273FA1;line-height: 42px;border: 1px solid #0086FF;background:#F4F8FF;box-shadow:0 3px 0 0 rgba(0, 0, 0, 0.04);}
.cont_head.my_test_top .buttons .qbank span{margin:0;position:absolute;right:8px; top:50%; transform:translateY(-50%);height: 26px;width:26px;background:url('/resources/images/mc/2025/arr_right.png') no-repeat center;}
.cont_head.my_test_top .buttons .qbank:hover{color: #273FA1;border: 1px solid #0086FF;}

.my-test-tab{margin-top:32px; display:flex;}
.my-test-tab .tab_btn{position:relative; padding:0 19px; font-size:16px; color:#1E1E21; line-height:35px; border-radius:20px;}
.my-test-tab .tab_btn.on{font-weight:600; color:#fff; background:#00B9FF; box-shadow:0 4px 11px 0 rgba(52, 112, 208, 0.16);}
.my-test-tab .tab_btn.on:after{content:''; position:absolute; left:50%; bottom:-10px; transform:translateX(-50%); width:14px; height:12px; background:url('/resources/images/mc/2025/tab_tail.png') no-repeat center;}
.my-test-subtab{margin-top:20px; padding:8px 20px; display:flex; gap:25px; border:1px solid #0057ED; border-radius:8px;}
.my-test-subtab .tab_btn{position:relative; font-size:14px; color:#1E1E21; line-height:33px;}
.my-test-subtab .tab_btn+.tab_btn:before{content:''; position:absolute; left:-13px; top:50%; transform:translateY(-50%); width:1px; height:12px; background:#A4A5A9;}
.my-test-subtab .tab_btn.on{color:#0057ED; font-weight:600;}
.my-test-subtab .tab_btn.on:after{content:''; position:absolute; left:0; right:0; bottom:0; height:1px; background:#0057ED;}

.my_test_renew.module_tb{margin-top:32px;}
.my_test_renew.module_tb .tb_info{margin:0; line-height:36px; color:#53565D;}
.my_test_renew.module_tb .tb_info span{color:#0086FF;}
.my_test_renew.module_tb .module_right{display:flex; gap:8px;}
.my_test_renew.module_tb .module_right input[type=text]{padding: 0 40px 0 16px;width:270px;height: 36px; font-size:14px;line-height:34px; color:#1E1E21; border: 1px solid #6978B5; border-radius:8px;}
.my_test_renew.module_tb .module_right input[type=text]::placeholder{font:inherit; color:#7E7F80;}
.my_test_renew.module_tb .module_right .btn_search {position: absolute; top: 0; right: 4px; width:36px; height: 36px; border-radius:0;background: url('/resources/images/mc/2025/ico_search.png') no-repeat center;}
.my_test_renew.module_tb .module_right .my_test_select{margin:0;}
.my_test_renew .btn_classification{padding:0 12px 0 32px;border:1px solid #6978B5;line-height: 34px;background:#F4F8FF url('/resources/images/mc/2025/ic_setting.png') no-repeat 12px center;color:#1E1E21;font-weight:400;border-radius: 8px;}

.tblist.my_smartTb{border-top:1px solid #A4A5A9;}
.tblist.my_smartTb tbody th{padding:20px 10px; color:#1E1E21; background:#FAFAFA; border-bottom:1px solid #E9E9ED;}
.tblist.my_smartTb tbody td{padding:10px; border-bottom:1px solid #E9E9ED; text-align:center;}
.tblist.my_smartTb tbody td:first-child,
.tblist.my_smartTb tbody td:last-child{padding:10px;}
.tblist.my_smartTb tbody td p{color:#1E1E21; letter-spacing:-.025em;}
.tblist.my_smartTb tbody td.type .badge{display:inline-block; width:64px; font-size:14px; font-weight:600; line-height:29px; text-align:center; border-radius:20px;}
.tblist.my_smartTb tbody td.type .badge.ty1{color:#3D5FD0; background:#E4EFFF;}
.tblist.my_smartTb tbody td.type .badge.ty2,
.tblist.my_smartTb tbody td.type .badge.ty4{color:#DB006A; background:#FFF2F2;}
.tblist.my_smartTb tbody td.type .badge.ty3{color:#C04300; background:#FFF1E0;}
.tblist.my_smartTb tbody td.tit{text-align:left;}
.tblist.my_smartTb tbody td.tit.ellipsis p{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.tblist.my_smartTb tbody td.tit p a{color:inherit;}
.tblist.my_smartTb tbody td.tit p a:hover{color:#273FA1; text-decoration:underline; text-underline-position:under;}
.tblist.my_smartTb tbody td.tit .badge{margin-left:5px; display:inline-block; width:48px; font-size:12px; font-weight:600; color:#fff; line-height:22px; text-align:center; border-radius:4px;}
.tblist.my_smartTb tbody td.tit .badge.yet{background:#FF8631;}
.tblist.my_smartTb tbody td.tit .badge.ing{background:#00B5E2;}
.tblist.my_smartTb tbody td.tit .badge.end{background:#878A8F;}
.tblist.my_smartTb tbody td.date p{color:#A4A5A9;}
.tblist.my_smartTb tbody td .btn_history{position:relative; margin:0 auto; display:flex; align-items:center; gap:4px; justify-content:center;}
.tblist.my_smartTb tbody td .btn_history:before{content:''; display:inline-block; width:30px; height:28px; background:url('/resources/images/mc/2025/ico_history.png') no-repeat center;}
.tblist.my_smartTb tbody td .btn_history span{padding:0 8px; font-size:13px; font-weight:500; line-height:20px; border-radius:20px; background:#F4F4F5;}
.tblist.my_smartTb tbody td .btn_range{width:30px; height:28px; background:url('/resources/images/mc/2025/ico_range.png') no-repeat center; vertical-align:top;}
.tblist.my_smartTb tbody td.memCnt p{color:#53565D;}
.tblist.my_smartTb tbody td.memCnt p em{font:inherit; color:#0086FF; font-weight:600;}
.tblist.my_smartTb tbody td.status p{color:#FF6868;}
.tblist.my_smartTb tbody td.status.done p{color:#1E1E21;}
.tblist.my_smartTb tbody td.name a{color:#273FA1; text-decoration:underline; text-underline-position:under;}
.tblist.my_smartTb input[type="checkbox"] + label{min-height:16px; cursor:pointer;}
.tblist.my_smartTb input[type="checkbox"] + label:before{margin-top:-8px; width:16px; height:16px; background:url('/resources/images/mc/2025/ico_chkbox.png') no-repeat center top;}
.tblist.my_smartTb input[type="checkbox"]:checked + label:before{background-position-y:bottom;}
.my_test.my_smartTb td.tit p.buttons a:hover{text-decoration:none;}
.my_data_tb.my_smartTb tbody tr:hover td input[type="checkbox"]:checked + label:before {background: url('/resources/images/mc/2025/ico_chkbox.png') no-repeat center bottom}
.my_data_tb.my_smartTb tfoot tr td input[type="checkbox"] + label{padding-left:26px;}