@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: 99;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.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: -136px; top: 74%; transform: translateY(-50%); min-width: 143px; padding: 12px 14px; background: #fbf2d9; border: 1px solid #ffa163; border-radius: 7px;}
#quickMenu.renew06 .validPop.expiration {left: -150px;top:123px;z-index:30;transform:none;}
#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{margin-top:6px;position:absolute;top:50%; transform:translateY(-50%); right:0;}
.header .top article .headerBannerWrap a{display:block;}
.header .top article .headerBannerWrap a img{width:100%;}
.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;}
.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:0;width:64px; height:52px;background: url('../images/common/logo_vivasam_mo.png') no-repeat center center;}
.header.fix .gnb article .gnb_wrap{padding-left:164px; gap:12px;}
.header.fix .gnb ul.gnbmenu{padding:0;gap:0;clear:none;}
.header.fix .gnb ul.gnbmenu li{padding:0 0 0 25px;}
.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:5px;}
.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;}
.labelAuthor{width:32px;height:19px;font-size:12px;font-weight:400;color:#fff;text-align:center;line-hegiht:19px;background:#273FA1;color:#fff;border-radius:5px;}

.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);}
.subjectLink .btn.btnCuration.type-link{padding-right:32px; background:#79E99D;}
.subjectLink .btn.btnCuration.type-link:before{border:none;}
.subjectLink .btn.btnCuration.type-link:after{content:''; position:absolute; right:12px; top:50%; transform:translateY(-50%); width:16px; height:17px; background:url('/resources/images/educourse/ico_btn_link.png') no-repeat center;}
.subjectLink .btn.btnCuration.type-link:hover:before{border:1px solid #1E1E21;}
.subjectLink .btn.btnCuration.type-down{padding-right:32px; background:#79E99D;}
.subjectLink .btn.btnCuration.type-down:before{border:none;}
.subjectLink .btn.btnCuration.type-down:after{content:''; position:absolute; right:12px; top:50%; transform:translateY(-50%); width:16px; height:16px; background:url('/resources/images/educourse/ico_btn_down.png') no-repeat center;}
.subjectLink .btn.btnCuration.type-down:hover:before{border:1px solid #1E1E21;}

/* 교과자료 | 내 교과서 등록 */
.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;outline:none;}
.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.new:after{content:''; position:absolute; left:0; top:-7px; width:20px; height:20px; background:url('/resources/images/common/ico_new_4.png') no-repeat center;}
/*.chasiIntroWrap .btnData:after{content:'';position:absolute;top:12px;right:14px;display:inline-block;width:17px;height:17px;}*/
/* 학기 공통자료 - 말풍선 */
/*.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;}*/
/* 학기 공통자료 - 말풍선 */
.chasiIntroWrap .btnData.world:before{content:'‘세계 속 디지털 시민’을 학교 자율 시간 수업에 활용해 보세요!';position:absolute;top:50%;left:0;transform:translate(-402px,-50%);box-sizing:border-box;display:inline-block;width:388px;height:32px;line-height:20px;padding:5px 16px;background:#fff;border:1px solid #ff7007;border-radius:6px;font-size:14px;font-weight:700;color:#ff7007;text-align:center;z-index:1;cursor:default;}
.chasiIntroWrap .btnData.world:after{content:'';position:absolute;top:19px;left:-16px;display:inline-block;border-left:6px solid #fff;border-right:6px solid #fff;border-top:8px solid #ff7007;cursor:default;z-index:2;transform:rotate(-90deg);}

.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;}

.tab_wrap .chasiIntroWrap{ position: relative; max-width: 100%;min-width: 0;margin-left: auto;}
.tab_wrap .chasiIntroWrap.ty2{display:flex; align-items:center; gap:8px;}
.tab_wrap .chasiIntroWrap .btnZeroChasi{margin-left:5px;display: inline-block;min-width:175px; height: 44px; }
.tab_wrap .chasiIntroWrap .tooltipPop{position:absolute; left:50%; top:-50px; transform:translateX(-50%); padding:7px 16px; border:1px solid #FF7007; border-radius:40px; background:#FFF1E7; box-shadow:0 3px 0 0 rgba(0,0,0,.04)}
.tab_wrap .chasiIntroWrap .tooltipPop p{font-size:14px; color:#FF7007; font-weight:700; line-height:1.5; white-space:nowrap;}
.tab_wrap .chasiIntroWrap .tooltipPop .cloz{position:absolute; right:4px; top:-5px; width:14px; height:14px; background:url('/resources/images/common/tooltip_pop_close.png') no-repeat center;}
.tab_wrap .chasiIntroWrap .tooltipPop:after{content:''; position:absolute; left:50%; bottom:-10px; transform:translateX(-50%); width:12px; height:10px; background:url('/resources/images/common/tooltip_pop_arr.png') no-repeat center;}


.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:50px 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%);}

.tab_educourse.tab_menu li .educourse_tooltip{position:absolute;top:-45px;left:80%;box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:175px;height:50px;padding:7px 0;background:#FFF1E7;border:1px solid #FF7007;border-radius:6px;transform:translateX(-50%);z-index:1;box-shadow: 0 3px 0 0 rgba(0,0,0,0.06);}
.tab_educourse.tab_menu li .educourse_tooltip:after{content:'';position:absolute;bottom:-13px;left:50%;transform:translateX(-50%);width:16px;height:16px;background:url(../images/educourse/ico_tooltip.png)no-repeat center center / 12px auto;z-index:0;}
.tab_educourse.tab_menu li .educourse_tooltip span{font-size:14px;font-weight:700;color:#FF7007;text-align:center;line-height:1.2;letter-spacing:0;word-break:keep-all;}

/* 교과자료 | 아코디언 / 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;letter-spacing:-0.07em;}
.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;}
.lnb.renew251 .menu_new > ul > li.new.wordLong a{position:relative;}
.lnb.renew251 .menu_new > ul > li.new.wordLong > a:after, .themeWrap h3.new:after{position:absolute;top:25px;}

/* 파일 아이콘 */
.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.02em;}
.ic_file:hover{text-decoration:none;color:#ff7031;}
.ic_file.disabled:hover{text-decoration:none;color:#4a4f5f;cursor:default;}
.ic_file.disabled span{opacity:0.6;}
.ic_file.disabled.zip span{opacity:1.0;} /* zip 파일은 disabled 상태에서도 진하게 표시 */
.ic_file span{overflow:hidden;position:absolute;left:0;top:0;display:inline-block;width:24px;height:24px;background:url(../images/renew26/ico_filesx2.png) no-repeat 0 25px / 24px auto;}
.ic_file.pdf span {background-position-y: -25px;}
.ic_file.ppt span, .ic_file.pptx span, .ic_file.pptm span{background-position-y: -50px;}
.ic_file.doc span,.ic_file.docx span{background-position-y: -75px;}
.ic_file.xls span, .ic_file.xlsx span, .ic_file.xlsm span{background-position-y: -100px;}
.ic_file.hwp span, .ic_file.hwpx span{background-position-y: -125px;}
.ic_file.jpg span, .ic_file.png span, .ic_file.gif span, .ic_file.jpeg span{background-position:0 -150px;}
.ic_file.movie span, .ic_file.mp4 span, .ic_file.avi span, .ic_file.mov span{background-position-y: -175px;}
.ic_file.zip span{background-position-y: -200px;}
.ic_file.wav span, .ic_file.mp3 span, .ic_file.m4a span{background-position-y: -225px;}
.ic_file.txt span{background-position-y:-250px;}
.ic_file.numbers span{background-position-y:-275px;}
.ic_file.etc span{background-position-y:-300px;}
.ic_file.html span{background-position-y:-325px;}
.ic_file.qrcode span{background-position-y:-350px;}
.ic_file.youtube span{background-position-y: -375px;}
.ic_file.link span{background-position-y: -400px;}
.ic_file.ebook span{background-position-y:0;}
.ic_file.down span{background-position-y:-425px;}
.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/renew26/ico_filesx2.png) no-repeat 0 -400px / 24px auto;}



.ico{width:36px;height:36px;border-radius:18px;}
.ico.disabled:hover{cursor:default;}
.ico.search{ width:36px;height:36px;border-radius:50%;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;position:relative;}
.ico.search span::before{content:"";position:absolute;top:50%;left:50%;width:22px;height:22px;background:#f0f0f0;border-radius:50%;transform:translate(-50%,-50%);z-index:-1;}
.ico.search:not(.disabled):hover span{background-image:url(../images/educourse/ico_view_on_2023.png);}
.ico.search.disabled{opacity:0.7;background-color:#eee;border:none;}
.ico.search.disabled span{background-image:url(../images/educourse/ico_view_off_2023.png);}
.ico.search.disabled:hover{cursor:default; background-color:#eee!important;}
/*.ico.search:hover span{background-image:url(../images/educourse/ico_view_on_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;}

/* 페이징 */
/*.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 {max-width:935px;width:100%;margin:72px auto 0;}
.tc_popup h2.title{font-size:38px;font-weight:600;color:#444;text-align:left;line-height:1.21;}
.tc_popup h2.title.mb40{margin-bottom:40px;}
.tc_popup .pop_head{padding:40px 40px 28px; text-align: center; background:#FFE074;border-radius:12px;}
.tc_popup .pop_head h2{font-size:20px; font-weight:400; line-height:1;color: #53565D;}
.tc_popup .pop_head h2 .bold{font:inherit;font-weight:600;}
.tc_popup .pop_head h2 .b_dot{position:relative;font:inherit;}
.tc_popup .pop_head h2 .b_dot:before{content:'';position:absolute;top:-7px;right:50%;transform:translateX(50%);display:inline-block;width:6px;height:6px;border-radius:50%;background:#E6BC29;}
.tc_popup .pop_head p {margin-top:16px;font-size:16px;font-weight:400;line-height:1;color: #53565D;}
.tc_popup .pop_head p .line{font:inherit;text-decoration:underline;}
.tc_popup .pop_head .txt_progress{margin-top:26px;padding:11px 0;display:flex;align-items:center;justify-content:center;gap:10px;background:#fff;border-radius:4px;}
.tc_popup .pop_head .txt_progress p {margin-top:0;font-size:16px;color: #1E1E21;font-weight:400;}
.tc_popup .pop_head .txt_progress p .name{font:inherit;font-weight:600;}
.tc_popup .pop_head .txt_progress p .t_red{font:inherit;font-weight:600;color:#F73749;}
.tc_popup .pop_head .txt_progress .btn_inquiry{padding:0 20px;line-height:32px;font-size:14px;background:#fff;border:1px solid #DCDCDC;border-radius:4px;}
.tc_popup .pop_body{background:#fff;}
.tc_popup .pop_body .inner{padding:28px 0 72px;}
/* loginEPK.html, intergratedJoinEPK.html */
.tc_popup .pop_body .conWrap{display:flex;justify-content:center;width:100%;}
.tc_popup .pop_body .conWrap + .conWrap{margin-top:16px;}
.tc_popup .pop_body .cont{display:flex;padding:28px 40px 35px;min-height:220px;flex:1;border:1px solid #DCDCDC;border-radius:12px;box-shadow: 0 3px 0 rgba(0, 0, 0, 0.04);}
.tc_popup .pop_body .cont + .cont{margin-left:12px;}
.tc_popup .pop_body .cont .txtWrap{flex:1;}
.tc_popup .pop_body .cont .txtWrap .flexWrap{display:flex;justify-content:space-between;align-items:center;}
.tc_popup .pop_body .cont .tit{font-size:22px;color:#1E1E21;font-weight:600;line-height:180%;}
.tc_popup .pop_body .cont .txt{margin-top:9px;}
.tc_popup .pop_body .cont .txt p{font-size:14px;font-weight:400;color:#53565D;line-height:148%;}
.tc_popup .pop_body .cont.eduOffice{min-height:160px;}
.tc_popup .pop_body .cont.eduOffice .txt{margin-top:12px;}
.tc_popup .pop_body .cont.cs{background:#FEEEEE;border:1px solid #F8E4E4;}
.tc_popup .pop_body .cont.cs .btn_tc{max-width:98px;background:#fff;border:1px solid #0086FF;color:#0086FF;}
.tc_popup .pop_body .cont.cs .ico_cs{margin-right:16px;display:inline-block;width:57px;height:57px;background: url('../images/member/ico_cs.png') no-repeat center center / contain;}
.tc_popup .pop_body .verifyBtns{display:flex;flex-direction:column;gap:8px;}
.tc_popup .pop_body .verifyBtns .btn_tc{min-width:208px;}
.tc_popup .pop_body .btn_tc{width:100%;max-width:112px;height:43px;line-height:43px;background:#0086FF;font-size:16px;font-weight:400;color:#fff;vertical-align:top;text-align:center;border-radius:4px;}
.tc_popup .pop_body .btn_tc.gray{background:#e7e7e7;border:1px solid #ddd;color:#757575;}
.tc_popup .pop_body .btn_tc i{margin-left:8px;display:inline-block;width:8px;height:13px;background: url('../images/member/ico_arr_w2.png') no-repeat center center / contain;}
.tc_popup .pop_body h2{font-size:38px;font-weight:600;color:#444;text-align:left;line-height:1.21;}
.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 {margin-top:12px;display:flex;justify-content:center;flex-direction:column;border:1px solid #DCDCDC;}
.tc_popup .pop_body .txtList_wrap .txtList{padding:24px 40px 24px 48px;background:#F7F7F7;border-bottom:1px solid #DCDCDC;}
.tc_popup .pop_body .txtList_wrap .txtList li {padding-left:14px;text-indent:-14px;font-size:14px;color:#53565D;}
.tc_popup .pop_body .txtList_wrap .txtList li:before{content:'•';margin-right:8px;color:#53565D;}
.tc_popup .pop_body .txtList_wrap .txtList li span {font-weight:600;}
.tc_popup .pop_body .file_upload_wrap,
.tc_popup .pop_body .textareaWrap{position:relative;display:block;width:460px;margin:0 auto;line-height:1;}
.tc_popup .pop_body .file_upload_wrap .uploadBtn{display:none;}
.tc_popup .pop_body .file_upload_wrap .btnAdd{display:inline-block;width:37px;height:42px;margin-left:3px;font-size:14px;color:#888;text-align:center;line-height:1.65;}
.tc_popup .pop_body .file_upload_wrap .fileName{float:left;width:348px;min-width:241px;height:42px;margin-right:8px;padding-left:16px;border:1px solid #A4A5A9;color:#8e9091;font-size:14px;line-height:42px;}
.tc_popup .pop_body .file_upload_wrap .file_btn{float:left;display:block;width:104px;height:42px;background:#8793C4;font-size:14px;font-weight:400;color:#fff;text-align:center;line-height:42px;cursor:pointer;}
.tc_popup .pop_body .textareaWrap{height:200px;border:1px solid #A4A5A9;margin-top:10px;}
.tc_popup .pop_body .textareaWrap textarea{outline:0;width:100%;height:170px;padding:8px 16px 0 16px;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;}
.tc_popup .pop_body .file_upload_wrap .fileName::placeholder,
.tc_popup .pop_body .textareaWrap textarea::placeholder{color:#7E7F80;}
.tc_popup .pop_body .btnWrap{margin-top:28px;width:100%;display:flex;gap:8px;justify-content:center;}
.tc_popup .pop_body .btnWrap .btn_tc{flex:1;max-width:289px;height:60px;line-height:60px;background:#0086FF;font-size:20px;font-weight:600;color:#fff;vertical-align:top;text-align:center;border-radius:4px;}
.tc_popup .pop_body .btnWrap .btn_tc.gray{background:#e7e7e7;border:1px solid #e7e7e7;color:#7E7F80;}
.tc_popup .pop_body .txt_alert_info{margin-top:40px;font-size:14px;font-weight:400;color:#1E1E21;}
.tc_popup .pop_body .txt_alert_info span{font:inherit;color:#0077B2;}
.tc_popup .view_renew{padding:40px 0;}
.tc_popup .verify_info#view_renew{width:100%;}
.tc_popup .verify_info#view_renew .info_renew{padding:28px 0;border-bottom:1px solid #dcdcdc;}
.tc_popup .verify_info#view_renew .info_renew p{color:#53565D;line-height:140%;}
.tc_popup .verify_info#view_renew .info_renew p:before{color:#53565D;}
.tc_popup .verify_info#view_renew .info_renew p.info02{margin:0 0 20px 0;color:#F73749;font-size:14px;font-weight:300;}
.tc_popup .verify_info#view_renew .info_renew p.info02:before{color:#F73749;}
.tc_popup .verify_info#view_renew .notice_info{margin-top:20px;}
.tc_popup .verify_info#view_renew .notice_info .agreeForm label {padding-left:25px;font-size: 16px; font-weight: 400; color: #53565D; cursor: pointer;}
.tc_popup .verify_info#view_renew .notice_info input[type="checkbox"] + label:before{margin-top:-8px;width:18px;height:18px;background:url(../images/common/quick_id_save.png) no-repeat center top}
.tc_popup .verify_info#view_renew .notice_info input[type="checkbox"]:checked + label:before{background-position:center bottom;}

/*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:460px;margin:0 auto;}
.tc_popup .addcertified input[type="text"]{width:277px;height:28px;font-size:14px;padding:0 16px;border:1px solid #bababa;color:#666;}
.tc_popup .addcertified input[type="text"]::placeholder{color:#7E7F80;}
.tc_popup .addcertified input[type="text"],
.tc_popup .addcertified .linedList li select,
.tc_popup .addcertified .btnForm{height:42px;line-height:40px;font-size:14px;}
.tc_popup .addcertified .linedList li{margin-right:8px;}
.tc_popup .addcertified .linedList li select{padding:0 0 0 16px;background:url('../images/member/ico_arr_btm.png')no-repeat center right 16px / 12px 7px;appearance:none;}
.tc_popup .addcertified .linedList li.mixCon{padding-top:6px;font-size:16px;color:#1E1E21;}
.tc_popup .addcertified .linedList li:last-of-type{margin-right:0;}
.tc_popup .addcertified .btnForm{width:104px;font-size:14px;font-weight:400;color:#fff;background:#6978B5;border-radius:4px;}
.tc_popup .addcertified .btnForm.type01{background:#8793C4;border:1px solid #8793C4;}
.tc_popup .addcertified .btnForm.type02{background:#F95F6D;border:1px solid #F95F6D;}
/*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(/resources/images/renew26/ico_filesx2.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.ppt a:before,
.search_result .result_list li .txt.ico.pptx a:before,
.search_result .result_list li .txt.ico.pptm a:before{background-position-y:-50px}
.search_result .result_list li .txt.ico.word a:before,
.search_result .result_list li .txt.ico.doc a:before,
.search_result .result_list li .txt.ico.docx a:before{background-position-y:-75px;}
.search_result .result_list li .txt.ico.xls a:before,
.search_result .result_list li .txt.ico.xlsm a:before,
.search_result .result_list li .txt.ico.xlsx a:before{background-position-y:-100px}
.search_result .result_list li .txt.ico.hwp a:before,
.search_result .result_list li .txt.ico.hwpx a:before{background-position-y:-125px;}
.search_result .result_list li .txt.ico.png a:before,
.search_result .result_list li .txt.ico.jpg a:before,.search_result .result_list li .txt.ico.jpeg a:before,
.search_result .result_list li .txt.ico.gif a:before{background-position-y:-150px;}
.search_result .result_list li .txt.ico.video a:before,.search_result .result_list li .txt.ico.avi a:before,
.search_result .result_list li .txt.ico.mp4 a:before,.search_result .result_list li .txt.ico.mov a:before{background-position-y:-175px;}
.search_result .result_list li .txt.ico.zip a:before {background-position-y:-200px;}
.search_result .result_list li .txt.ico.sound a:before,
.search_result .result_list li .txt.ico.wav a:before,
.search_result .result_list li .txt.ico.mp3 a:before,
.search_result .result_list li .txt.ico.m4a a:before{background-position-y:-225px;}
.search_result .result_list li .txt.ico.text a:before{background-position-y:-250px;}
.search_result .result_list li .txt.ico.numbers a:before{background-position-y:-275px;}
.search_result .result_list li .txt.ico.etc a:before{background-position-y:-300px;}
.search_result .result_list li .txt.ico.html a:before{background-position-y:-325px;}
.search_result .result_list li .txt.ico.qrcode a:before{background-position-y:-350px;}
.search_result .result_list li .txt.ico.youtube a:before{background-position-y:-375px;}
.search_result .result_list li .txt.ico.link a:before{background-position-y:-400px;}
.search_result .result_list li .txt.ico.ebook a:before{background-position-y:0;}
.search_result .result_list li .txt.ico.down a:before{background-position-y:-425px;}


/* 썸네일 */
.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 .img:before{content:'';position:absolute;left:50%;top:46px;margin-left:-12px;width:24px;height:24px;overflow:hidden;background:url(/resources/images/renew26/ico_filesx2.png) no-repeat 0 25px / 24px auto;}
.search_result .result_list.library .data_cont .img.pdf:before{background-position-y:-25px;}
.search_result .result_list.library .data_cont .img.ppt:before,
.search_result .result_list.library .data_cont .img.pptx:before,
.search_result .result_list.library .data_cont .img.pptm:before{background-position-y:-50px}
.search_result .result_list.library .data_cont .img.word:before,
.search_result .result_list.library .data_cont .img.doc:before,
.search_result .result_list.library .data_cont .img.docx:before{background-position-y:-75px;}
.search_result .result_list.library .data_cont .img.xls:before,
.search_result .result_list.library .data_cont .img.xlsm:before,
.search_result .result_list.library .data_cont .img.xlsx:before{background-position-y:-100px}
.search_result .result_list.library .data_cont .img.hwp:before,
.search_result .result_list.library .data_cont .img.hwpx:before{background-position-y:-125px;}
.search_result .result_list.library .data_cont .img.png:before,
.search_result .result_list.library .data_cont .img.jpg:before,.search_result .result_list.library .data_cont .img.jpeg:before,
.search_result .result_list.library .data_cont .img.gif:before{background-position-y:-150px;}
.search_result .result_list.library .data_cont .img.video:before,.search_result .result_list.library .data_cont .img.avi:before,
.search_result .result_list.library .data_cont .img.mp4:before,.search_result .result_list.library .data_cont .img.mov:before{background-position-y:-175px;}
.search_result .result_list.library .data_cont .img.zip:before {background-position-y:-200px;}
.search_result .result_list.library .data_cont .img.sound:before,
.search_result .result_list.library .data_cont .img.wav:before,
.search_result .result_list.library .data_cont .img.mp3:before,
.search_result .result_list.library .data_cont .img.m4a:before{background-position-y:-225px;}
.search_result .result_list.library .data_cont .img.txt:before{background-position-y:-250px;}
.search_result .result_list.library .data_cont .img.numbers:before{background-position-y:-275px;}
.search_result .result_list.library .data_cont .img.etc:before{background-position-y:-300px;}
.search_result .result_list.library .data_cont .img.html:before{background-position-y:-325px;}
.search_result .result_list.library .data_cont .img.qrcode:before{background-position-y:-350px;}
.search_result .result_list.library .data_cont .img.youtube:before{background-position-y:-375px;}
.search_result .result_list.library .data_cont .img.link:before{background-position-y:-400px;}
.search_result .result_list.library .data_cont .img.ebook:before{background-position-y:0;}
.search_result .result_list.library .data_cont .img.down:before{background-position-y:-425px;}



.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:8px;right:8px;padding:0;z-index:3;width:24px;height:24px;display:inline-block;background:url('../images/renew26/ico_filesx2.png') no-repeat 0 25px / 24px auto;width:24px;height:24px;overflow:hidden;}
.search_result .result_list.library .data_cont .type img{width:100%;height:100%;}
.search_result .result_list.library .data_cont .type.pdf{background-position-y:-25px;}
.search_result .result_list.library .data_cont .type.ppt,
.search_result .result_list.library .data_cont .type.pptx,
.search_result .result_list.library .data_cont .type.pptm{background-position-y:-50px}
.search_result .result_list.library .data_cont .type.word,
.search_result .result_list.library .data_cont .type.doc,
.search_result .result_list.library .data_cont .type.docx{background-position-y:-75px;}
.search_result .result_list.library .data_cont .type.xls,
.search_result .result_list.library .data_cont .type.xlsm,
.search_result .result_list.library .data_cont .type.xlsx{background-position-y:-100px}
.search_result .result_list.library .data_cont .type.hwp,
.search_result .result_list.library .data_cont .type.hwpx{background-position-y:-125px;}
.search_result .result_list.library .data_cont .type.img,
.search_result .result_list.library .data_cont .type.png,
.search_result .result_list.library .data_cont .type.jpg,.search_result .result_list.library .data_cont .type.jpeg,
.search_result .result_list.library .data_cont .type.gif{background-position-y:-150px;}
.search_result .result_list.library .data_cont .type.video,.search_result .result_list.library .data_cont .type.avi,
.search_result .result_list.library .data_cont .type.mp4,.search_result .result_list.library .data_cont .type.mov{background-position-y:-175px;}
.search_result .result_list.library .data_cont .type.zip {background-position-y:-200px;}
.search_result .result_list.library .data_cont .type.sound,
.search_result .result_list.library .data_cont .type.wav,
.search_result .result_list.library .data_cont .type.mp3,
.search_result .result_list.library .data_cont .type.m4a{background-position-y:-225px;}
.search_result .result_list.library .data_cont .type.txt{background-position-y:-250px;}
.search_result .result_list.library .data_cont .type.numbers{background-position-y:-275px;}
.search_result .result_list.library .data_cont .type.etc{background-position-y:-300px;}
.search_result .result_list.library .data_cont .type.html{background-position-y:-325px;}
.search_result .result_list.library .data_cont .type.qrcode{background-position-y:-350px;}
.search_result .result_list.library .data_cont .type.youtube{background-position-y:-375px;}
.search_result .result_list.library .data_cont .type.link{background-position-y:-400px;}
.search_result .result_list.library .data_cont .type.ebook{background-position-y:0;}
.search_result .result_list.library .data_cont .type.down{background-position-y:-425px;}

.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;}

/* 2025-10-02 교과서의날 로고아트 (로고아트, 로고 각각 링크 별도 시 일 때) */
.header .top .logoArtLink {display:block;position:absolute;top:0;left:50%;width:148px;height:100px;background:url(../images/common/logo/logo_251002.gif) no-repeat center center;background-size:contain;transform:translateX(calc(-50% - 380px));margin-top:8px;}
.header.type02 .top .logoArtLink{margin-top:8px;}
.header.type02 .top .logo.logoArt251002 {position: absolute; left:0;top:40px;width:135px;height:20px;background:url('/resources/images/common/logo/renew/logo_vivasam_l.png') no-repeat center center;}

/* 2025-10-25 독도의날 로고아트 */
.header .top .logo.logoArt251025:before{content:"";display:inline-block;width:140px;height:93px;background: url(../images/common/logo/logo_251025.gif) no-repeat center center;background-size:contain;margin-left:-164px;margin-top:-22px;}
.header.type02 .top .logo.logoArt251025{width: 135px; height: 20px; background: url(/resources/images/common/logo/renew/logo_vivasam_l.png) no-repeat center center;}
.header.type02 .top .logo.logoArt251025:before{margin-left:140px;margin-top:-30px;}

/* 2025-11-11 25년 수능 로고아트 */
.header .top .logo.logoArt251111:before{content:"";display:inline-block;width:148px;height:98px;background: url(../images/common/logo/logo_251111.gif) no-repeat center center;background-size:100% auto;transform:translate(-164px, -22px);}
.header.type02 .top .logo.logoArt251111{width: 135px; height: 20px; background: url(/resources/images/common/logo/renew/logo_vivasam_l.png) no-repeat center center;}
.header.type02 .top .logo.logoArt251111:before{width:140px;height:93px;transform:translate(140px, -28px);}

@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 > a.nnew{position:relative;}
.header .top_common .left_module > a.nnew:after{content:'';position:absolute;right:-1px;top:5px;width:6px;height:6px;background:#ff0000;border-radius:3px;}
.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 .left_module > a .emoji-plus{padding:0; font-size:10px; line-height:28px; transform:translateY(-1px); filter: brightness(0) saturate(100%) invert(31%) sepia(10%) saturate(380%) hue-rotate(184deg) brightness(99%) contrast(86%);}
.header .top_common .left_module > a:hover .emoji-plus{filter: brightness(0) saturate(100%) invert(21%) sepia(62%) saturate(2003%) hue-rotate(213deg) brightness(92%) contrast(96%);}
.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: 35%; top: 42px; transform: translateX(-50%); width: 228px; height: 45px; background: url(../images/common/logo_2025.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;}
.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 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:auto; 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_depth{overflow:auto;position:fixed;top:72px;height:calc(100% - 72px);max-height:787px;}
.header.fix .gnb ul.gnbmenu li{padding:0 12px; margin:0;}
.header.fix .gnb ul.gnbmenu li:last-child{padding-right:0;}
.header.fix .gnb ul.gnbmenu li.gnb_quiz{padding:0 13px;}
.header.fix .gnb ul.gnbmenu li a{padding:26px 0 16px; font-size:17px; color:#121212; line-height:20px;letter-spacing:0;}
.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:5px;left:13px;}
.header.fix .gnb ul.gnbmenu li .ico_22{top:5px;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.eng a .ico_subject{background-image:url(../images/main/ico_subject_eng.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:24px;}
.section.bg-gray{background:#FAFAFA;}
.section.edutechFlex {display:flex;max-width:1200px;margin:24px auto 0;gap:20px;}
.section.edutechFlex article{overflow:hidden;}
.section.edutechFlex article:last-of-type{max-width:420px;}
.section .sec_tit{margin-bottom:18px; font-size:18px; color:#000; line-height:1; font-weight:600;}
.section .sec_tit.ty2{margin-bottom:20px; font-size:16px; color:#000; line-height:18px; 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}

.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;}*/

/* 퀵메뉴 */
#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;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:-75px; margin-bottom: 0;  width: 60px;height: 30px; border-radius: 12px 12px 0 0; background: #e9e9ed url('../images/ico/ico_arrow_top.svg') no-repeat 50% 55%; transition:.5s;}
.gotop:hover { background-color: #dcdcdc;}
.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.ty2 {position: fixed; top: 400px; 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:40px 0  16px; display: flex; flex: 1; flex-wrap:nowrap; min-width: 0; align-items: flex-end;gap: 20px;}
.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; }

/*교과/평가자료 탭 변경 20250820*/
.educorseCKbox{padding:15px 19px;max-width:670px;flex:1;display:flex;flex-wrap:wrap;gap:16px;border:1px solid #0057ED;border-radius:8px;}
.chkTab{}
.chkTab input[type=checkbox] + label{padding-left:24px;}
.chkTab input[type=checkbox] + label span{font-size:16px; color:#1E1E21; line-height:16px; cursor:pointer;}
.chkTab 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;}
/*.chkTab input[type=checkbox]:checked + label span{font-weight:600; color:#0057ED;}*/
.chkTab input[type=checkbox]:checked + label:before{background-position-y:bottom;}


/* 쌤채널 저서 판매 링크 탑재 */
.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;}

.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;}

/* 주제별 수업 자료 */
.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{position:relative;}
.header .topbanner a{position:relative;display:block; height:50px; overflow:hidden;}
.header .topbanner a img{position:relative; left:50%; transform:translateX(-50%); max-height:100%;}
.header .topbanner .topbanner-module{position:absolute; top:0; left:50%; transform:translateX(-50%); width:1200px;}
.header .topbanner .topbanner-module .module-close{position:absolute; top:10px; right:0; height:30px; width:135px;}
.header.fix .topbanner{display:none;}
/* 배움지도 */
.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:before{position:relative;right:14px;padding:0 12px 0 27px; display:inline-block; font-size:14px; color:#fff; font-weight:600; line-height:24px; background:url('/resources/images/common/textbook_badge_ico.svg') no-repeat left 10px top; border-radius:4px;}
.main_top.renew24 .my_textbook .timetable .btn_textbook_link span.y22:before {content:'22 개정'; background-color:#00B8FF;}
.main_top.renew24 .my_textbook .timetable .btn_textbook_link span.y15:before {content:'15 개정'; background-color:#FF4C39;}
.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:185px; left:50%; transform:translateX(-50%); width:100%; max-width:1200px; z-index:999;}
.main_float_bnr .item{position:absolute; left:-200px; 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:454px;}
.main_float_bnr.fix.pos2{top:404px;}

/* 메인 큐레이션 영역 고도화 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:26px; align-items:center;}
.recom_menu_list button{margin:0 ; position:relative; font-size:16px; color:#121212; font-weight:700; line-height:22px; border:none; border-radius:0;}
.recom_menu_list button.on{color:#FF8800;}
.recom_menu_list button:after{content:''; position:absolute; display:none; width:16px; height:16px; background-repeat:no-repeat; background-position:center; vertical-align:top;}
.recom_menu_list button.new:after{right:-18px;top:-4px; display:inline-block; background-image:url('/resources/images/main/ico_new2.png');}
.recom_menu_list button.hot:after{right:-20px;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:18px;padding:0 5px;font-size:12px;font-weight:600;color:#fff;border-radius:4px;text-align: center;line-height:18px;vertical-align:top;letter-spacing:-0.5px;}
.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{margin:10px 0 0; width:140px; height:calc(100% - 10px); background-size:100% auto; z-index:10;}
.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.st2511{padding:0 0 3px;}
.gnb ul.gnbmenu li.saemteo.st2511 a .viver .viver_char{left:0; top:-5px; width:50px; height:50px; background:url('/resources/images/common/gnb/viver_2511.gif') no-repeat left center / contain;}
.gnb ul.gnbmenu li.saemteo.st2511 a p{padding-left:50px;line-height:45px;}
.header.fix .gnb ul.gnbmenu li.saemteo.st2511 a{padding:19px 0 7px;}
.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%;}
.tblist.textbookList tbody tr td.classHelperWrap .classHelperBox .classHelperList .thumb img.picZoom150{position:absolute;top:50%;left:50%;width:auto;height:auto;transform:translate(-50%, -50%);max-width:100%;}
.tblist.textbookList tbody tr td.classHelperWrap .classHelperBox .classHelperList .thumb .type{position:absolute; top:8px;right:8px;width:24px;height:24px;}
.tblist.textbookList tbody tr td.classHelperWrap .classHelperBox .classHelperList .thumb .type span {display:inline-block;background: url('../images/renew26/ico_filesx2.png') no-repeat 0 25px / 24px auto;width:24px;height:24px;overflow:hidden;}
.tblist.textbookList tbody tr td.classHelperWrap .classHelperBox .classHelperList .thumb .type.pdf span {background-position-y:-25px;}
.tblist.textbookList tbody tr td.classHelperWrap .classHelperBox .classHelperList .thumb .type.ppt span,
.tblist.textbookList tbody tr td.classHelperWrap .classHelperBox .classHelperList .thumb .type.pptx span,
.tblist.textbookList tbody tr td.classHelperWrap .classHelperBox .classHelperList .thumb .type.pptm span{background-position-y:-50px}
.tblist.textbookList tbody tr td.classHelperWrap .classHelperBox .classHelperList .thumb .type.word span,
.tblist.textbookList tbody tr td.classHelperWrap .classHelperBox .classHelperList .thumb .type.doc span,
.tblist.textbookList tbody tr td.classHelperWrap .classHelperBox .classHelperList .thumb .type.docx span{background-position-y:-75px;}
.tblist.textbookList tbody tr td.classHelperWrap .classHelperBox .classHelperList .thumb .type.xls span,
.tblist.textbookList tbody tr td.classHelperWrap .classHelperBox .classHelperList .thumb .type.xlsm span,
.tblist.textbookList tbody tr td.classHelperWrap .classHelperBox .classHelperList .thumb .type.xlsx span{background-position-y:-100px}
.tblist.textbookList tbody tr td.classHelperWrap .classHelperBox .classHelperList .thumb .type.hwp span,
.tblist.textbookList tbody tr td.classHelperWrap .classHelperBox .classHelperList .thumb .type.hwpx span{background-position-y:-125px;}
.tblist.textbookList tbody tr td.classHelperWrap .classHelperBox .classHelperList .thumb .type.img span,
.tblist.textbookList tbody tr td.classHelperWrap .classHelperBox .classHelperList .thumb .type.png span,
.tblist.textbookList tbody tr td.classHelperWrap .classHelperBox .classHelperList .thumb .type.jpg span,
.tblist.textbookList tbody tr td.classHelperWrap .classHelperBox .classHelperList .thumb .type.jpeg span,
.tblist.textbookList tbody tr td.classHelperWrap .classHelperBox .classHelperList .thumb .type.gif span{background-position-y:-150px;}
.tblist.textbookList tbody tr td.classHelperWrap .classHelperBox .classHelperList .thumb .type.video span,
.tblist.textbookList tbody tr td.classHelperWrap .classHelperBox .classHelperList .thumb .type.mp4 span,
.tblist.textbookList tbody tr td.classHelperWrap .classHelperBox .classHelperList .thumb .type.avi span,
.tblist.textbookList tbody tr td.classHelperWrap .classHelperBox .classHelperList .thumb .type.mov span{background-position-y:-175px;}
.tblist.textbookList tbody tr td.classHelperWrap .classHelperBox .classHelperList .thumb .type.zip span {background-position-y:-200px;}
.tblist.textbookList tbody tr td.classHelperWrap .classHelperBox .classHelperList .thumb .type.sound span,
.tblist.textbookList tbody tr td.classHelperWrap .classHelperBox .classHelperList .thumb .type.wav span,
.tblist.textbookList tbody tr td.classHelperWrap .classHelperBox .classHelperList .thumb .type.mp3 span,
.tblist.textbookList tbody tr td.classHelperWrap .classHelperBox .classHelperList .thumb .type.m4a span{background-position-y:-225px;}
.tblist.textbookList tbody tr td.classHelperWrap .classHelperBox .classHelperList .thumb .type.txt span {background-position-y:-250px;}
.tblist.textbookList tbody tr td.classHelperWrap .classHelperBox .classHelperList .thumb .type.numbers span {background-position-y:-275px;}
.tblist.textbookList tbody tr td.classHelperWrap .classHelperBox .classHelperList .thumb .type.etc span {background-position-y:-300px;}
.tblist.textbookList tbody tr td.classHelperWrap .classHelperBox .classHelperList .thumb .type.html span {background-position-y:-325px;}
.tblist.textbookList tbody tr td.classHelperWrap .classHelperBox .classHelperList .thumb .type.qrcode span {background-position-y:-350px;}
.tblist.textbookList tbody tr td.classHelperWrap .classHelperBox .classHelperList .thumb .type.youtube{background-position-y:-375px;}
.tblist.textbookList tbody tr td.classHelperWrap .classHelperBox .classHelperList .thumb .type.link span {background-position-y:-400px;}
.tblist.textbookList tbody tr td.classHelperWrap .classHelperBox .classHelperList .thumb .type.ebook span {background-position-y:0;}
.tblist.textbookList tbody tr td.classHelperWrap .classHelperBox .classHelperList .thumb .type.down span {background-position-y:-425px;}


.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; padding-bottom:12px; width:256px;}
.footer .footerBnr .swiper-slide .footerBnrItem{padding:0 14px; width:100%; height:69px; display:flex; align-items:center; gap:13px; border:1px solid #DCDCDC; background:#fff; border-radius:4px;}
.footer .footerBnr .swiper-slide .footerBnrItem img{max-width:100%;}
.footer .footerBnr .swiper-slide .footerBnrItem span{font-size:12px; color:#505050; text-align:left; line-height:18px;}
.footer .footerBnr .swiper-slide .footerBnrItem span b{display:block; font-size:13px;color:#414141;font-weight:600; line-height:18px;}
.footer .footerBnr .footerBnrSwiper-pagination{position:absolute; left:0; right:0; bottom:0; display:flex; gap:3px; justify-content: center; z-index: 1;}
.footer .footerBnr .footerBnrSwiper-pagination .swiper-pagination-bullet{margin:0; width:6px; height:6px; background:#DCDCDC; opacity:1;}
.footer .footerBnr .footerBnrSwiper-pagination .swiper-pagination-bullet-active{background:#53565D;}

/* 크롬 차시창 안내 팝업 */
.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;}
.poR{position:relative;}
.floatSP{position:absolute;right:0;top:0;padding:15px 22px;border-radius:74px;text-align:center;background: rgba(255, 112, 7, 0.1);border: 1px solid #FF7007;box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.04);}
.floatSP p{font-size:14px;line-height:1.4;color:#FF7007;}
.floatSP p span{display:block;font:inherit;font-weight:700;}


.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 8px;}
.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;}

#safePwdMsg2{margin:0; padding:4px 0 0 116px; font-size:12px; color:#1E1E21; font-weight:400; line-height:1.2;}
#safePwdMsg2 span{font:inherit; color:#0086FF;}
#safePwdMsg2 span:after{content:''; margin-left:4px; display:inline-block; width:10px; height:10px; border-radius:50%;}
#safePwdMsg2 span.low:after{background:#F73749;}
#safePwdMsg2 span.mid:after{background:#FF7007;}
#safePwdMsg2 span.safe:after{background:#4EC568;}

.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.mt20{margin-top:20px;}
.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;}

/* 학교 자율 시간 음악 업데이트 2025-07-18 */
.tab_freetime li.new:after{content:''; position:absolute; right:8px; top:7px; width:6px; height:6px; background:#F00; border-radius:50%;}
.tab_second .freetime_filter li.new:after{right:8px; top:7px; width:6px; height:6px; background:#F00; border-radius:50%;}

/* 퀵메뉴 홍보배너 2025-07-28 */
#quickMenu.renew251 .qBanner {overflow: hidden; width: 60px; margin: 0 0 0 10px;}
#quickMenu.renew251 .qBanner .qBannerSwiper {position: relative; width: 100%;}
#quickMenu.renew251 .qBanner .qBannerSwiper .swiper-wrapper .swiper-slide {width: 100%; height: 104px;}
#quickMenu.renew251 .qBanner .qBannerSwiper .swiper-wrapper .qBanner_link {overflow: hidden; position: relative; display: none; width: 100%; height: 100%; padding: 0; border-radius: 16px;}
#quickMenu.renew251 .qBanner .qBannerSwiper .swiper-wrapper .swiper-slide-active .qBanner_link {display: block;}
#quickMenu.renew251 .qBanner .qBannerSwiper .swiper-wrapper .qBanner_bg {position: absolute; left: 0; right: 0; top: 0; bottom: 0;}
#quickMenu.renew251 .qBanner .qBannerSwiper .swiper-wrapper .qBanner_cont {position: relative; z-index: 2; display: flex; justify-content: center; align-items: center; height: 82px; padding: 16px 10px; text-align: center;}
#quickMenu.renew251 .qBanner .qBannerSwiper .swiper-wrapper .qBanner_tit {display: none; height: 29px; padding: 0 12px; margin: 0 0 8px; font-size: 14px; line-height: 27px; color: #fff; font-weight: 700; background: rgba(255,255,255,0.12); border: 1px solid rgba(255,255,255,0.16); border-radius: 100px;}
#quickMenu.renew251 .qBanner .qBannerSwiper .swiper-wrapper .qBanner_txt {overflow: hidden; max-height: 30px; font-size: 11px; line-height: 1.3; color: #fff; font-weight: 400;}
#quickMenu.renew251 .qBanner .qBannerSwiper .swiper-buttons {position: absolute; z-index: 10; left: 50%; bottom: 16px; width: 44px; transform: translateX(-50%); display: flex; justify-content: center; align-items: center;}
#quickMenu.renew251 .qBanner .qBannerSwiper .swiper-buttons button {border: 0; cursor: pointer;}
#quickMenu.renew251 .qBanner .qBannerSwiper .swiper-button-prev,
#quickMenu.renew251 .qBanner .qBannerSwiper .swiper-button-next {top: 0; width: 16px; height: 16px; margin: 0; background: none;}
#quickMenu.renew251 .qBanner .qBannerSwiper .swiper-button-prev::after,
#quickMenu.renew251 .qBanner .qBannerSwiper .swiper-button-next::after {content: ''; font-size: 15px;}
#quickMenu.renew251 .qBanner .qBannerSwiper .swiper-button-prev {left: 0; background: url('/resources/images/common/btn_prev_16.png') no-repeat 50%;}
#quickMenu.renew251 .qBanner .qBannerSwiper .swiper-button-next {right: 0; background: url('/resources/images/common/btn_next_16.png') no-repeat 50%;}
#quickMenu.renew251 .qBanner .qBannerSwiper .swiper-button-stop {width: 16px; height: 16px; background: url('/resources/images/common/btn_stop_16.png') no-repeat 50%; }
#quickMenu.renew251 .qBanner .qBannerSwiper.noSwiping .swiper-buttons {display: none;}
#quickMenu.renew251 .qBanner .qBannerSwiper.noSwiping .swiper-wrapper .swiper-slide .qBanner_link {display: block;}

#quickMenu.renew251.q_open .qBanner {width: 148px; margin: -13px auto 0;}
#quickMenu.renew251.q_open .qBanner .qBannerSwiper .swiper-wrapper .swiper-slide {height: 157px;}
#quickMenu.renew251.q_open .qBanner .qBannerSwiper .swiper-wrapper .qBanner_link {border-radius: 24px;}
#quickMenu.renew251.q_open .qBanner .qBannerSwiper .swiper-wrapper .qBanner_cont {display: block; height: auto; padding: 24px 12px;}
#quickMenu.renew251.q_open .qBanner .qBannerSwiper .swiper-wrapper .qBanner_tit {display: inline-block;}
#quickMenu.renew251.q_open .qBanner .qBannerSwiper .swiper-wrapper .qBanner_txt {width: 100%; max-height: 52px; margin: 0 auto; font-size: 13px;}
#quickMenu.renew251.q_open .qBannerSwiper .swiper-buttons {width: 92px;}

/* 2학기 자료 업데이트 2025-08-13 */
.main_top.of_vis{overflow:visible;}
.textbook_update_info_layer{position:absolute; left:333px; top:-46px; padding:7px 16px; border:1px solid #FF7007; background:#FFF1E7; border-radius:40px; z-index:1000;}
.textbook_update_info_layer:after{content:''; position:absolute; bottom:-10px; left:50%; transform:translateX(-50%); width:12px; height:10px; background:url('/resources/images/main/obj_pop_arr.png') no-repeat center;}
.textbook_update_info_layer p{font-size:14px; color:#FF7007; font-weight:700; line-height:20px; white-space:nowrap;}

/* AI 연산 학습지 - 샘퀴즈 플레이 로딩 팝업 */
.loadingPlayPopWrap {position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 19998;}
.loadingPlayPopWrap::before {content: ''; position: fixed; left: 0; right: 0; bottom: 0; top: 0; background: #22252b; opacity: 0.85;}
.loadingPlayPopWrap .popup_wrap {position: absolute; left: 50%; top: 50%; width: 430px; height: 224px; padding: 42px 55px 55px; transform: translate(-50%, -50%); text-align: center; background: #fff; border-radius: 8px; border: 1px solid black;}
.loadingPlayPopWrap .popup_wrap::before {content: ''; display: block; width: 64px; height: 64px; margin: 0 auto 22px; background:url('/resources/images/educourse/loading_64.gif') no-repeat center;}
.loadingPlayPopWrap .txt {font-size: 20px; line-height: 1.2; color: #1e1e21; font-weight: 700;}
.loadingPlayPopWrap .desc {margin: 10px 0 0; font-size: 16px; line-height: 1.2; color: #1e1e21;}

/* 교과서 홍보 메인 퀵배너 2025-10-01 */
.floatPop260209{position:fixed; top:0; left:50%; transform:translateX(-50%); width:1200px;}
.floatPop260209 .item{position:fixed; left:-204px; top:256px;}
.floatPop260209 .floatPopBtn{position:absolute; top:23px; left:17px; width:138px;}
.floatPop260209 .floatPopBtn a{display:block;height:102px;}
.floatPop260209 .floatPopBtn a:nth-child(2){height:96px;}
.floatPop260209 .floatPopBtn a:nth-child(3){height:82px;}
.floatPop260209 .floatPopBtn a+a{margin-top:8px;}

/* 회원 소속  입력 안내 말풍선 2025-10-17 */
#quickMenu .loginbox .login_after .btn_wrap .schValidPop {position: absolute; left: -214px; top: 78%; transform: translateY(-50%); padding:20px 10px; background: #fff; border: 1px solid #319DFF; border-radius: 24px;}
#quickMenu .loginbox .login_after .btn_wrap .schValidPop:after {content: ""; display: inline-block; position: absolute; right: -8px; top: 50%; transform: translateY(-50%); width:8px; height: 13px; background: url('/resources/images/common/schValidPopArr.png') no-repeat center;}
#quickMenu .loginbox .login_after .btn_wrap .schValidPop p{font-size:13px; color:#1E1E21; font-weight:400; line-height:1.2; text-align:center;}
#quickMenu .loginbox .login_after .btn_wrap .schValidPop p b{font:inherit; color:inherit; font-weight:700;}
#quickMenu .loginbox .login_after .btn_wrap .schValidPop a{margin:12px auto 0; float:none; display:flex; align-items:center; justify-content:center; gap:4px; width:158px; height:33px; font-size:13px; color:#0086FF; font-weight:700; border-radius:33px; background:#E9F2FF;}
#quickMenu .loginbox .login_after .btn_wrap .schValidPop a:after{content:''; width:9px; height:13px; background:url('/resources/images/common/ico_schValidPop_arr.png') no-repeat center;}

/* 나의 교실 스마트 문제은행 비클 발행 2025-11-19 */

.smart-filter-table{margin:20px 0; padding:16px 20px; background:#F4F8FF; border-radius:8px;}
.smart-filter-table dl{display:flex;}
.smart-filter-table dl+dl{margin-top:8px;}
.smart-filter-table dl dt{flex:none; width:120px;}
.smart-filter-table dl dt p{font-size:16px; color:#000000; font-weight:700; line-height:28px;}
.smart-filter-table dl dt p.lh36{line-height:36px;}
.smart-filter-table dl dd{flex:1;}
.smart-filter-table dl dd .chks{display:flex; align-items:center; gap:8px 16px; flex-wrap:wrap;}
.smart-filter-table dl dd .chks input + label{position:relative; padding-left:24px; cursor:pointer;}
.smart-filter-table dl dd .chks input + label span{font-size:16px; color:#1E1E21; font-weight:400; line-height:28px;}
.smart-filter-table dl dd .chks input[type=checkbox]+label:before{margin-top:-8px;width:16px; height:16px; background:url('/resources/images/common/ico_chkbox.png') no-repeat center top;}
.smart-filter-table dl dd .chks input[type=checkbox]:checked+label:before{background-position-y:bottom;}
.smart-filter-table dl dd .chks input[type=radio]{display:none;}
.smart-filter-table dl dd .chks input[type=radio]+label:before{content:''; position:absolute; left:0; top:50%; margin-top:-9px;width:18px; height:18px; background:url('/resources/images/common/ico_radio.png') no-repeat center top;}
.smart-filter-table dl dd .chks input[type=radio]:checked+label:before{background-position-y:bottom;}
.smart-filter-table dl dd .filter-datepicker-wrap{display:flex; gap:10px; align-items:center;}
.smart-filter-table dl dd .datepickerBox{display:flex; gap:10px; align-items:center;}
.smart-filter-table dl dd .datepickerBox .datepickerInput{padding:0 16px; width:124px; height:36px; font-size:16px; color:#505050; font-weight:400; border-radius:8px; border:1px solid #6978B5;}
.smart-filter-table dl dd .datepickerBox .ui-datepicker-trigger{width:18px; height:18px; font-size:0; background:url('/resources/images/common/ico_calendar.png') no-repeat center;}
.smart-filter-table dl dd .filter-date-btns{margin-left:10px; display:flex; gap:8px;}
.smart-filter-table dl dd .filter-date-btns button{width:80px; height:36px; font-size:16px; color:#1E1E21; font-weight:500; background:#DCDCDC; border-radius:4px;}
.smart-filter-table dl dd .filter-date-btns button.active{color:#fff; background:#0086FF;}

/* 261 로고아트 기능 개편 */
.header .top article{display:flex; align-items:center; gap:20px;height:108px;}
.header .top .header-top-left{width:410px;display:flex; align-items:center; justify-content:flex-start;}
.header .top .header-top-right{flex:1;display:flex; align-items:center;}
.header .top .logo{margin-top:10px;position:relative; top:unset; left:unset; transform:unset; width:auto; height:75px; background:unset; display:flex; align-items:center; justify-content:center; gap:10px;}
.header .top .logo.tyB{top:-17px;margin-top:0;}
.header .top .logo img{max-height:100%;}
.header .top .search_wrap{margin-top:11px;height:40px;position:relative; top:unset; left:unset; transform:unset;}
.header.type02 .top .header-top-left{justify-content:flex-start;}
.header.type02 .top .logo{position:relative; top:unset; left:unset; transform:unset;margin-top:0; width:auto; height:93px; background:unset; display:flex; align-items:center; justify-content:center; gap:10px;}
.header.type02 .top .logo img{max-height:100%;}
.header.fix .logo img{display:none;}

/* 과학 6학년 결손 수업 안내 2026-02-09 */
.chasiIntroWrap .btn_textbook_top{padding:8px 12px; display:inline-flex; align-items:center; gap:8px; font-size:14px; color:#fff; border-radius:40px;}
.chasiIntroWrap .btn_textbook_top i{width:28px; height:28px;}
.chasiIntroWrap .btn_textbook_top.miss{background:#FF8C38;}
.chasiIntroWrap .btn_textbook_top.miss i{background:url('/resources/images/educourse/ico_textbook_top_miss.png') no-repeat center;}
.chasiIntroWrap .btn_textbook_top.safe{background:#4EC5BB;}
.chasiIntroWrap .btn_textbook_top.safe i{background:url('/resources/images/educourse/ico_textbook_top_safe.png') no-repeat center;}

.miss_sc_popup{display: none;position: fixed;top: 0;left: 0;right:0;bottom:0;background-color: rgba(0, 0, 0, 0.6);z-index:9999;}
.miss_sc_popup *{font-family:'SUIT','Noto Sans Korean',sans-serif;}
.miss_sc_popup .pop_wrap{width:100%; height:100%; display:flex; align-items:center; justify-content:center;}
.miss_sc_popup .pop_cont{position:relative; padding:64px 40px 40px; width:100%; max-width:1200px; border-radius:20px; background:#fff;}
.miss_sc_popup .pop_title{font-size:32px; color:#222; font-weight:700; line-height:40px; text-align:center;}
.miss_sc_popup .btn_pop_close{position:absolute; right:20px; top:20px; width:24px; height:24px; background:url('/resources/images/educourse/missPop/btn_pop_close.png') no-repeat center;}
.miss_sc_popup .tab_btns{margin-top:40px; display:flex; align-items:center; justify-content:center; gap:8px;}
.miss_sc_popup .tab_btns a{padding:0 23px; font-size:20px; font-weight:700; color:#222; line-height:54px; background:#fff; border:1px solid #CACFD8; border-radius:50px;}
.miss_sc_popup .tab_btns a.on{color:#fff; font-weight:800; background:#1C56FF; border-color:#1C56FF;}
.miss_sc_popup .pop_tab_cont{margin-top:40px; display:none;}
.miss_sc_popup .pop_tab_cont.on{display:block;}
.miss_sc_popup .scroll_area{max-height:calc(100dvh - 310px); overflow-y:scroll; overflow-x:hidden;}
.miss_sc_popup .scroll_area::-webkit-scrollbar{width:5px;}
.miss_sc_popup .scroll_area::-webkit-scrollbar-thumb{background:rgba(0, 0, 0, 0.1); border-radius:5px;}
.miss_sc_popup .scroll_area::-webkit-scrollbar-track{background:rgba(255, 255, 255, 0.1); border-radius:10px;}
.miss_sc_popup .item+.item{margin-top:60px;}
.miss_sc_popup .item h4{font-size:24px; color:#222; font-weight:700; line-height:1.2;}
.miss_sc_popup .item h4 span{font:inherit; color:#0085FF;}
.miss_sc_popup .item .thumb{position:relative; margin-top:16px;}
.miss_sc_popup .item .thumb img{max-width:100%;}
.miss_sc_popup .item .thumb .link-btn{position: absolute;bottom: 6.618%;right: 9.821%;width: 36.429%;height: 3.529%;}
.miss_sc_popup .btns{margin-top:40px; padding:0; width:100%; display:flex; gap:16px;}
.miss_sc_popup .btns a{flex:1; height:58px; display:inline-flex; align-items:center; justify-content:center; gap:12px; font-size:20px; color:#fff; font-weight:700; border-radius:10px; background:#0085FF;}
.miss_sc_popup .btns a i{width:24px; height:24px; background:url('/resources/images/educourse/missPop/ico_view.png') no-repeat center;}


/* 261 메인 개편 2026-02-23 */
.header .gnb article .gnb_wrap{display:flex; gap:43px; align-items:flex-start;}
.header .gnb article .btnAllMenu{position:relative; margin-top:6px; flex:none; width:32px; height:32px; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:4px; border-radius:50%;}
.header .gnb article .btnAllMenu span{width:24px; height:3px; background:#1E1E21;}
.header .gnb article .btnAllMenu:hover{background-color:#E9F2FF;}
.header .gnb article .btnAllMenu:hover span,
.header .gnb article .btnAllMenu.active span{background:#0086FF;}
.gnb ul.gnbmenu{flex:1; gap:40px; justify-content:space-between;}
.header.fix .logo{margin:0; width:198px; height:100%; background-image:url('/resources/images/common/logo_2026.png');}
.header.fix .gnb article .gnb_wrap{padding-left:220px; gap:23px;}
.header.fix .gnb article .btnAllMenu{margin-top:20px; gap:3px;}
.header.fix .gnb article .btnAllMenu span{width:18px; height:2px;}
.header.fix .gnb ul.gnbmenu li{padding:0;}
.header.fix .gnb ul.gnbmenu li .ico_new{left:0;}
.header.fix .gnb ul.gnbmenu li .ico_22{left:0;}
.gnb_all_menu_pop{display:none; position:absolute; top:calc(100% + 10px); left:50%; transform:translateX(-50%); width:1200px;}
.gnb_all_menu_pop_wrap{position:relative; padding-top:24px; width:1068px; border-radius:10px; background:#fff; box-shadow:0 0 10px 0 rgba(0,0,0,.15);}
.gnb_all_menu_pop .pop-header{padding:0 24px;}
.gnb_all_menu_pop .pop-header h2{font-size:20px; color:#1E1E21; font-weight:700; line-height:1.45;}
.gnb_all_menu_pop .pop-header .gnb_close{position:absolute; top:10px; right:10px; width:30px; height:32px; background:url('/resources/images/common/ico_gnb_all_close.png') no-repeat center;}
.gnb_all_menu_pop .menu_wrap{margin-top:16px; padding:0 9px 24px; height:498px; overflow-y:auto; scrollbar-gutter:stable both-edges; display:flex; gap:16px; flex-wrap:wrap; align-items:flex-start;}
.gnb_all_menu_pop .menu_item_box{border:1px solid #E9E9ED; border-radius:10px; overflow:hidden; flex:none;}
.gnb_all_menu_pop .menu_item_box.row1{width:243px;}
.gnb_all_menu_pop .menu_item_box.row2{width:502px;}
.gnb_all_menu_pop .menu_item_box.row4{width:100%;}
.gnb_all_menu_pop .menu_item_box2 .menu_item_box+.menu_item_box{margin-top:16px;}
.gnb_all_menu_pop .menu_item--header a{padding:16px; display:block; font-size:16px; color:#1E1E21; font-weight:700; line-height:1.2; background:#E9F2FF;}
.gnb_all_menu_pop .menu_item--header a em{font:inherit; color:inherit;}
.gnb_all_menu_pop .menu_item--header a span{font:inherit; color:#0086FF;}
.gnb_all_menu_pop .menu_item--header a:hover{background:#BCD7FF;}
.gnb_all_menu_pop .menu_item--header a:hover em{text-decoration:underline; text-underline-position:under}
.gnb_all_menu_pop .menu_item--cont ul{display:flex; flex-wrap:wrap;}
.gnb_all_menu_pop .menu_item--cont ul li{flex:none; width:100%;}
.gnb_all_menu_pop .menu_item--cont ul.double li{width:50%;}
.gnb_all_menu_pop .menu_item--cont ul.penta li{width:20%;}
.gnb_all_menu_pop .menu_item{padding:0 16px; display:flex; align-items:center; gap:10px; background:#fff; font-size:14px; color:#1E1E21; font-weight:500; line-height:20px; letter-spacing:-.05em; height:58px;}
.gnb_all_menu_pop .menu_item.pr0{padding-right:0;}
.gnb_all_menu_pop .menu_item .ico{width:32px; height:32px; border-radius:50%; overflow:hidden; background:#C4C4C4;}
.gnb_all_menu_pop .menu_type_box{display:flex; flex-wrap:wrap;}
.gnb_all_menu_pop .menu_type_box .menu_item{width:calc(100%/3); text-align:center; justify-content:center;}
.gnb_all_menu_pop .menu_item.depth2{padding-left:58px; font-size:12px; color:#53565D; font-weight:400; line-height:30px; height:auto;}
.gnb_all_menu_pop .menu_item:hover{background:#F4F8FF; text-decoration:underline; text-underline-position:under}

.main_top.renew261{padding:20px 0;background:#FFEBDC;}
.main_top.renew261 .main_top_type02{position:relative; height:auto;}
.main_top.renew261 .main_top_type02 .my_textbook{width:100%;}
.main_top.renew261 .my_textbook .timetable{padding:6px 20px; display:inline-flex; align-items:center; gap:15px; background:#FF7007; border-radius:10px 10px 0 0;}
.main_top.renew261 .my_textbook .timetable span{font-size:20px; color:#fff; font-weight:700;}
.main_top.renew261 .my_textbook .timetable span em{font:inherit; color:#FFE68E;}
.main_top.renew261 .my_textbook .timetable .btn_set_certify{margin:0; padding:4px 8px; width:auto; height:auto; display:flex; gap:4px; align-items:center; font-size:11px; color:#fff; font-weight:500; background:rgba(236, 100, 0, 0.9); border-radius:4px;}
.main_top.renew261 .my_textbook .timetable .btn_set_certify:before{content:''; display:inline-block; width:16px; height:16px; background:url('/resources/images/main/ico_setup.png') no-repeat center;}
.main_top.renew261 .my_textbook .my_textbook_list{display:flex; gap:1px; border:2px solid #FF7007; border-radius:0 10px 10px 10px; background:#fff}
.main_top.renew261 .my_textbook .my_textbook_list li{position:relative;flex:1;}
.main_top.renew261 .my_textbook .my_textbook_list li+li:before{content:''; position:absolute; left:-1px; top:50%; transform:translateY(-50%); width:1px; height:36px; background:#E9E9ED;}
.main_top.renew261 .my_textbook .my_textbook_list li a{height:80px; display:flex; align-items:center; justify-content:center; flex-direction:column; text-align:center;}
.main_top.renew261 .my_textbook .my_textbook_list li a p{position:relative; display:flex; justify-content:center; align-items:center; gap:6px; font-size:15px; color:#3E3E3E; font-weight:700; line-height:1.5;white-space:nowrap;}
.main_top.renew261 .my_textbook .my_textbook_list li a span{font-size:11px; color:#757575; font-weight:400; min-height:17px;}
.main_top.renew261 .my_textbook .my_textbook_list li a.external p:after{content:''; display:inline-block; width:16px; height:16px; background:url('/resources/images/main/ico_link.png') no-repeat center;}
.main_top.renew261 .my_textbook .my_textbook_list li a.external span{color:#8BA7D9;}

.main_top .top_notice_bnr{position:absolute; top:0; right:0; display:flex;}
.main_top .top_notice_bnr .top_notice_item{display:flex; align-items:flex-start;}
.main_top .top_notice_bnr .top_notice_item a{padding:0 6px; display:flex; align-items:center; gap:4px;}
.main_top .top_notice_bnr .top_notice_item .thumb{width:36px; height:36px;}
.main_top .top_notice_bnr .top_notice_item a span{font-size:12px; color:#1E1E21; font-weight:400; line-height:1.2; white-space:pre-wrap;}
.main_top .top_notice_bnr .top_notice_item .top_notice_close{width:16px; height:16px; background:url('/resources/images/main/btn_top_notice_clsoe.png') no-repeat center;}

.main_edutech_wrap{padding:23px 31px; border:1px solid #E9E9ED; border-radius:10px;}
.main_edutech_wrap h3{font-size:18px; color:#FF7007; font-weight:800; line-height:1.2;}
.main_edutech_wrap p{margin-top:6px; font-size:14px; color:#53565D; font-weight:400; line-height:1.32; letter-spacing:-0.02em;}
.main_edutech_wrap .main_edutech_box{position:relative; margin-top:24px; padding:0 20px;}
.main_edutech_wrap .main_edutech_box.side0{padding:0;}
.main_edutech_wrap .edutech_list .edutech_list_wrap{display:flex; gap:6px;}
.main_edutech_wrap .edutech_list .edutech_list_wrap .edutech_list_item{flex:1;}
.main_edutech_wrap .edutech_list .swiper-slide{width:104px;}
.main_edutech_wrap .edutech_list .edutech_list_item .box{position:relative; padding:10px 0; display:block; border-radius:8px; border:1px solid #E9E9ED; text-align:center;}
.main_edutech_wrap .edutech_list .edutech_list_item .imgbox{margin:0 auto; width:40px; height:40px;}
.main_edutech_wrap .edutech_list .edutech_list_item .imgbox img{width:100%; height:100%;}
.main_edutech_wrap .edutech_list .edutech_list_item .tit{margin-top:6px; display:block; font-size:13px; color:#1E1E21; font-weight:500; line-height:1.2;}
.main_edutech_wrap .edutech_list .edutech_list_item .box:hover:after{content:''; position:absolute; left:-1px; top:-1px; right:-1px; bottom:-1px; border-radius:8px; border:2px solid #FF9D00; box-shadow:3px 3px 5px 0 rgba(0,0,0,.11);}
.main_edutech_wrap .edu_info_layer{display:none; position:fixed; transform:translateX(-50%); padding:24px 16px; text-align:center; border:1px solid #0086FF; background:rgba(255,255,255,.8); box-shadow:3px 3px 5px 0 rgba(0,0,0,.11); backdrop-filter:blur(4px); border-radius:10px; z-index:100;}
.main_edutech_wrap .edu_info_layer b{font-size:14px; color:#1E1E21; font-weight:700;}
.main_edutech_wrap .edu_info_layer p{margin-top:9px; font-size:12px; color:#53565D; font-weight:400; line-height:1.2; white-space:nowrap;}
.main_edutech_wrap .edu_info_layer .btnn{position:relative; margin-top:10px; padding:0 10px; display:inline-flex; align-items:center; gap:10px; font-size:12px; line-height:30px; color:#fff; font-weight:500; background:#0086FF; border-radius:4px;}
.main_edutech_wrap .edu_info_layer .btnn:after{content:''; width:9px; height:7px; background:url('/resources/images/main/ico_btn_arr2.png') no-repeat center;}
.main_edutech_wrap .edu-swiper-btn{position:absolute; top:50%; transform:translateY(-50%); width:32px; height:32px; cursor:pointer;}
.main_edutech_wrap .edu-swiper-btn.prev{left:-16px; background:url('/resources/images/main/arr_edu_left.png') no-repeat center;}
.main_edutech_wrap .edu-swiper-btn.next{right:-16px; background:url('/resources/images/main/arr_edu_right.png') no-repeat center;}

.main_swiper_control{position:absolute; display:flex; align-items:center; gap:5px; z-index:5;}
.main_swiper_control .swiper-button-prev:after,
.main_swiper_control .swiper-button-next:after{display:none;}
.main_swiper_control .swiper-button-prev{position:static; margin:0; width:16px; height:16px; background:url('/resources/images/main/swiper-button-prev.png') no-repeat center; opacity:1;}
.main_swiper_control .swiper-button-next{position:static; margin:0; width:16px; height:16px; background:url('/resources/images/main/swiper-button-next.png') no-repeat center; opacity:1;}
.main_swiper_control .swiper-pagination{position:static; padding-top:2px; display:flex; align-items:center; gap:4px; width:auto; font-family:'GmarketSansMedium','sans-serif'; font-size:12px; color:rgba(0,0,0,.2); line-height:1;}
.main_swiper_control .swiper-pagination span{font:inherit; color:inherit;}
.main_swiper_control .swiper-pagination .swiper-pagination-current{color:#1E1E21;}
.main_swiper_control .swiper-pagination.dots{padding:4px; border-radius:20px; background:rgba(0,0,0,.3);}
.main_swiper_control .swiper-pagination.dots .swiper-pagination-bullet{width:6px; height:6px; border-radius:6px; opacity:1; background:rgba(255,255,255,.3);}
.main_swiper_control .swiper-pagination.dots .swiper-pagination-bullet-active{width:12px; background:rgba(255,255,255,.9);}
.main_swiper_control.type02 .swiper-button-prev{background-image:url('/resources/images/main/swiper-button-prev2.png');}
.main_swiper_control.type02 .swiper-button-next{background-image:url('/resources/images/main/swiper-button-next2.png');}
.main_swiper_control.type02 .swiper-pagination{color:rgba(255,255,255,.2);}
.main_swiper_control.type02 .swiper-pagination .swiper-pagination-current{color:#fff;}

.img-of-cover{width:100%; height:100%;}
.main_bnr_swiper{position:relative;}
.main_bnr_swiper a{display:block; width:420px; height:200px; border-radius:10px; overflow:hidden;}
.main_bnr_swiper a .thumb img{max-width:100%;}
.main_bnr_swiper .main_swiper_control{left:24px; bottom:20px;}

.main_month_recom{padding:23px 23px 20px; border:1px solid #E9E9ED; border-radius:10px; background:#FAFAFA;}
.month_recom_list{display:grid; grid-template-columns: repeat(4, 166px); grid-template-rows: repeat(3, 143px); grid-gap: 10px 16px;}
.month_recom_list .month_recom_item{order:2;}
.month_recom_list .month_recom_item .thumb{position:relative;}
.month_recom_list .month_recom_item .thumb:before{content:''; display:block; padding-bottom:60.241%;}
.month_recom_list .month_recom_item .thumb:after{content:''; position:absolute; left:0; right:0; top:0; bottom:0; border:1px solid #E9E9ED; border-radius:10px;}
.month_recom_list .month_recom_item .thumb .ch_label{position:absolute; left:1px; top:1px; padding:0 10px; border-radius:10px 0 7px 0; font-size:12px; font-weight:700; line-height:2; color:#fff; text-align:center; z-index:2; background:#008CFF;}
.month_recom_list .month_recom_item .thumb img{position:absolute; left:0; top:0; border-radius:13px;}
.month_recom_list .month_recom_item .desc b{margin-top:10px; display:block; font-size:16px; color:#121212; font-weight:700; line-height:1.4;}
.month_recom_list .month_recom_item .desc p{margin-top:6px; font-size:14px; color:#53565D; font-weight:400; line-height:1.32; letter-spacing:-.02em; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;max-height:2.64em;}
.month_recom_list .month_recom_item.attention{order:1; grid-column:span 2; grid-row:span 2;}
.month_recom_list .month_recom_item.attention .thumb .ch_label{font-size:14px;}

.main_sub_bnr{padding:23px; border:1px solid #E9E9ED; border-radius:10px; background:#FAFAFA;}
.lecture_wrap{position:relative;}
.lecture_wrap .lecture_box .swiper-slide{display:flex; flex-wrap:wrap; gap:10px 16px;}
.lecture_wrap .lecture_box .lectur_item{width:calc(50% - 8px);}
.lecture_wrap .lecture_box .lectur_item a{display:block; width:100%;}
.lecture_wrap .lecture_box .lectur_item a .thumb{position:relative; width:178px; height:100px; border-radius:10px; overflow:hidden;}
.lecture_wrap .lecture_box .lectur_item a .thumb:after{content:''; position:absolute; left:0; right:0; top:0; bottom:0; border:1px solid #E9E9ED; border-radius:10px;}
.lecture_wrap .lecture_box .lectur_item a .thumb img{max-width:100%; border-radius:13px;}
.lecture_wrap .lecture_box .lectur_item a .tit{margin-top:7px;}
.lecture_wrap .lecture_box .lectur_item a .tit p{font-size:14px; color:#53565D; font-weight:400; line-height:18px; letter-spacing:-.02em; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; height:36px;}
.lecture_wrap .main_swiper_control{top:0;right:0;}

.institute_wrap{position:relative; margin-top:16px;}
.institute_box a{display:block; width:372px; height:134px; border-radius:10px; overflow:hidden;}
.institute_box .main_swiper_control{top:10px; right:10px;}

.aidt_bnr_swiper{height:130px;}
.aidt_bnr_swiper a{display:block; height:100%; overflow:hidden;}
.aidt_bnr_swiper .main_swiper_control{top:26px; right:16px;}

.eduSwiperSection{padding:16px 0 0; background:#FAFAFA;}
.eduSwiperWrap{display:flex; gap:16px;}
.eduSwiperWrap .eduSwiperBtn{flex:none; width:48px; height:117px; background:#fff url('/resources/images/main/ico_right_10x16.png') no-repeat center; border-radius:10px; border:1px solid #E9E9ED; cursor:pointer;}
.eduSwiperWrap .eduSwiperBtn.swiper-button-disabled{display:none;}
.eduSwiperWrap .eduSwiperBtn.prev{transform:rotate(180deg);}
.eduSwiperWrap .edu-container{padding-bottom:16px; flex:1;}
.eduSwiperWrap .edu-container .swiper-slide{width:214px;}
.eduSwiperWrap .eduSwiper-item{position:relative; padding:9px; display:block; border:1px solid #E9E9ED; border-radius:10px; background:#fff;}
.eduSwiperWrap .eduSwiper-item .ico_theme{margin:0 auto; width:48px; height:48px; border-radius:50%; overflow:hidden;}
.eduSwiperWrap .eduSwiper-item .ico_theme img{max-width:100%;}
.eduSwiperWrap .eduSwiper-item .eduTechTit{margin-top:10px; text-align:center;}
.eduSwiperWrap .eduSwiper-item .eduTechTit p{font-size:12px; color:#53565D; font-weight:400; line-height:17px;}
.eduSwiperWrap .eduSwiper-item .eduTechTit h3{font-size:16px; color:#121212; font-weight:700; line-height:22px;}
.eduSwiperWrap .eduSwiper-item:hover:after{content:''; position:absolute; left:-1px; top:-1px; right:-1px; bottom:-1px; border-radius:10px; border:2px solid #FF9D00; box-shadow:3px 3px 5px 0 rgba(0,0,0,.11);}
.eduSwiperWrap .eduSwiper-item.new:before{content:''; position:absolute; top:10px; right:10px; width:16px;height:16px; background:url('/resources/images/main/ico_new2.png') no-repeat center;}
.eduSwiperWrap .eduSwiper-item.hot:before{content:''; position:absolute; top:10px; right:10px; width:18px;height:18px; background:url('/resources/images/main/ico_hot2.png') no-repeat center;}

.main_flex_box{display:flex; gap:15px;}
.main_flex_box li{padding:22px 24px; flex:1; width:calc(33.33% - 11px); border-radius:10px; border:1px solid #E9E9ED;}
.main_flex_box .item_title{margin-bottom:16px;}
.main_flex_box .item_title a{display:block; font-size:20px; color:#1E1E21; font-weight:700; line-height:32px; background:url('/resources/images/main/ico_more.png') no-repeat right center;}
.main_flex_box .rolling_wrap .rolling_item{height:96px; overflow:hidden;}
.main_flex_box .rolling_wrap .rolling_item .swiper-container{height:100%;}
.main_flex_box .rolling_wrap .rolling_item .swiper-slide{height:auto; font-size:0;}
.main_flex_box .rolling_wrap .rolling_item a{position:relative; padding-left:15px; display:inline-block; max-width:100%; font-size:14px; color:#1E1E21; font-weight:400; line-height:24px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.main_flex_box .rolling_wrap .rolling_item a:before{content:''; position:absolute; left:4px; top:50%; transform:translateY(-50%); width:4px; height:4px; background:#1E1E21; border-radius:50%;}
.main_flex_box .rolling_wrap .rolling_item a:hover{color:#ff7031;}
.main_flex_box .item_cont{height:100px; display:flex; flex-direction:column; justify-content:space-between;}
.main_flex_box .item_cont h4{font-size:14px; color:#1E1E21; font-weight:400; line-height:1.4;}
.main_flex_box .item_cont .desc{display:flex; justify-content:space-between; gap:20px; align-items:flex-end;}
.main_flex_box .item_cont .desc p{font-size:12px; color:#7E7F80; font-weight:400; line-height:1.4; min-width:0; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; max-height:2.8em;}
.main_flex_box .item_cont .desc p.ti14{padding-left:14px; text-indent:-14px;}
.main_flex_box .item_cont .desc .btnn{padding:0 10px; flex:none; display:flex; align-items:center; gap:10px; font-size:12px; color:#fff; font-weight:500; line-height:30px; background:#0086FF; border-radius:4px;}
.main_flex_box .item_cont .desc .btnn i{width:9px; height:7px; background:url('/resources/images/main/ico_btn_arr2.png') no-repeat center;}