@charset "utf-8";
@import "nanumgothic.css";
@import "notosans.css";
@import "old.css";
@import "layer.css";
@import "font.css";

*{margin:0;padding:0;}
html, body{height:100%;}
body{font-family:'Noto Sans KR', '돋움', Dotum, 'Apple SD Gothic Neo', sans-serif;font-size:12px;color:#757575;line-height:1.5;}
table{table-layout:fixed;border-collapse:collapse;border-spacing:0;max-width:100%;font-size:inherit;}
caption{width:0;height:0;line-height:0;text-indent:-9999px;overflow:hidden;font-size:0;visibility:hidden}
legend{display:none;}
th, td{border-collapse:collapse;}
table img{vertical-align:middle}
ol, ul, li{list-style:none;}
input, img, fieldset, blockquote, button{border:0;}
input{outline:none;}
img{float:none;vertical-align:top}
button{background:none;font-family:'Noto Sans KR', '돋움', Dotum, 'Apple SD Gothic Neo', sans-serif;font-size:12px;color:#666;cursor:pointer;}
i, em, address, cite{font-style:normal;}
h1 ,h2, h3, h4, h5, h6{font-size:12px;}
a, a:link, a:visited, a:active, a:hover{text-decoration:none;color:#8c8c8c;}
a:hover{text-decoration:underline;color:#333;}
textarea{resize:none;}
select{background:#fff;border:1px solid #9c9c9c;font-size:12px;color:#9c9c9c;vertical-align:top}
/* 공통 */
.blind{overflow:hidden;position:absolute;left:-1000000px;text-indent:-1000000px;margin:-1px;width:1px;height:1px;}
.clfix:after{content:'';display:block;clear:both;}
#bgLayer { position:fixed; top:0; left:0; z-index:9500; display:none; width:100%; height:100%; background:#000; opacity: 0.5; filter:alpha(opacity=50); }
#bgLayer2 { position:fixed; top:0; left:0; z-index:9500; display:none; width:100%; height:100%; background:#000; opacity: 0.5; filter:alpha(opacity=50); }
#wrap {width:100%; min-width:1000px; min-height:812px; /* padding-top:35px; */ }
.f_left{float:left !important;}
.f_right{float:right !important;}
.t_center{text-align: center !important;}
.txt16{font-size:16px !important;}
.fw300{font-weight: 300 !important;}

.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}
.mr10{margin-right: 10px !important;}

.cperauto{width:auto;}
.cper1100{width:11%;}
.cper1400{width:14%;}
.cper7500{width:75%;}
.wp150{width:150px;}
/* contents */
#contents {position:relative; *zoom:1; width:1200px; margin:0 auto; padding-top:20px; padding-bottom:50px; font-family:'Noto Sans KR', sans-serif;}
#contents:after {content:""; display:block; clear:both; }
#contents.fixedEducourse #top_educourse {position: fixed; top: 0; margin-top: 0;}
#contents #conts { float:left; width:747px; /* padding-top:20px; */ margin-left:20px}
#contents #conts.conts2021,#contents #conts.conts2025{width:910px;}
#contents .cate { margin-bottom:5px; text-align:right; color:#999; font-family:"Nanum Gothic","나눔고딕","돋움",Dotum,Helvetica,"Apple SD Gothic Neo",sans-serif; }
#contents .cate span { padding-left:13px; background:url('../images/new/ico_home.gif') no-repeat 0 4px; }
#contents .cate em { color:#333333; }
#contents #conts h3 {margin-bottom:24px;font-family:'Noto Sans KR', 'Apple SD Gothic Neo', sans-serif;font-size:32px;font-weight:600;color:#474e62;line-height:1.1;letter-spacing:-0.06em;}
#contents #conts h3.type2 {height:90px}
#contents #conts h3.pad {padding-top:18px;}
#contents #conts h3 em {color:#3d78d6;}
#contents #conts h3 .txt {font-size:26px;font-weight:400}


.watingWrap { width:743px; margin:117px auto 0; font-family:'Nanum Gothic', "Nanum Gothic","나눔고딕",NanumGothic,"돋움",Dotum,Helvetica,"Apple SD Gothic Neo",sans-serif; }
.watingWrap h2 { margin-bottom:30px; color:#434343; font-size:30px; text-align:center; }
.watingWrap .box { padding:44px 67px 40px; border-top:1px solid #989898; border-bottom:1px solid #e1e1e1; background:#fafafa; }
.watingWrap .box .desc { height:124px; margin-bottom:29px; padding:30px 0 0 0; border-bottom:1px dashed #d4d4d4; color:#4b4b4b;text-align:center; font-size:14px; line-height:20px; /*background:url('../images/new/img_box.gif') no-repeat 77px bottom;*/ }
.watingWrap .box .desc p { margin-bottom:13px; color:#333; font-size:18px; letter-spacing:-1px; font-weight:bold;}
.watingWrap .box .desc p em { color:#e1141c; }
.watingWrap .box .btnC { margin-bottom:10px; text-align:center; }
.watingWrap .box .call { color:#888; font-size:13px; text-align:center; }

.loginWrap { width:744px; margin:80px auto 0; font:14px 'Nanum Gothic', "Nanum Gothic","나눔고딕",NanumGothic,"돋움",Dotum,Helvetica,"Apple SD Gothic Neo",sans-serif; }
.loginWrap h2 { height:61px; border-bottom:1px solid #989898; color:#434343; font-size:40px; }
.loginWrap .lBox { float:left; width:394px; height:347px; border-bottom:1px solid #e1e1e1; }
.loginWrap .lBox .msg { height:50px; padding-top:15px; color:#fe2727; font-size:12px; line-height:16px; }
.loginWrap .lBox table { margin-left:16px; }
.loginWrap .lBox table tr th { width:38px; height:47px; font-weight:normal; text-align:left; }
.loginWrap .lBox table tr td { width:210px; }
.loginWrap .lBox table tr td div { width:193px; height:24px; padding:5px 0 5px 5px; border:1px solid #ebebeb; font-size:11px; background:#fafafa; }
.loginWrap .lBox table tr td div input {outline:none; width:183px; height:24px;}
.loginWrap .lBox table tr td .txt { font-size:11px; background:#fafafa; }
.loginWrap .lBox table tr td .txt.id { color:#909090; }
.loginWrap .lBox table tr td.btn { width:90px; padding-top:4px; }
.loginWrap .lBox .chk { margin:46px 40px 0 16px; padding:20px 0 0 38px; border-top:1px dashed #d4d4d4; }
.loginWrap .lBox .chk input { margin-right:3px; vertical-align:middle; }
.loginWrap .lBox .chk label { margin-right:24px; font-size:12px; }
.loginWrap .lBox .chk img { vertical-align:middle; }
.loginWrap .rBox { position:relative; float:left; width:350px; height:347px; border-bottom:1px solid #e1e1e1; background:#fafafa; }
.loginWrap .rBox h3 { height:34px; margin:29px 0 12px 31px; padding:21px 0 0 0; font-weight:normal; font-size:18px; color:#333;/*background:url('../images/new/bg_login_viva.gif') no-repeat;*/}
.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:320px; height:104px; padding:37px 0 0 30px; color:#3d78d6; font-size:13px; line-height:18px; font-weight:bold; background:#f4f4f4; }
.loginWrap .rBox .noti em { color:#1853b1; }
.loginWrap .rBox .noti .btn { position:absolute; top:36px; right:30px; }

.sitemapWrap { width:935px; margin: auto; font-family:"Nanum Gothic","나눔고딕","돋움",Dotum,Helvetica,"Apple SD Gothic Neo",sans-serif; }
.sitemapWrap h3 { height:58px; color:#434343; font:bold 34px "Nanum Gothic","나눔고딕",NanumGothic,"돋움",Dotum,Helvetica,"Apple SD Gothic Neo",sans-serif; }
.sitemapWrap .lBox { float:left; width:690px; }
.sitemapWrap .lBox .tit { position:relative; width:100%; height:36px; padding-top:12px; border-top:1px solid #989898; border-bottom:1px solid #e1e1e1;  background:#fafafa; }
.sitemapWrap .lBox .tit h4 { text-align:center; font:bold 18px "Nanum Gothic","나눔고딕",NanumGothic,"돋움",Dotum,Helvetica,"Apple SD Gothic Neo",sans-serif; }
.sitemapWrap .lBox .tit p { position:absolute; top:10px; right:20px; }
.sitemapWrap .lBox .site { overflow:hidden; margin-bottom:20px; border-bottom:1px solid #e2e2e2; background:url('../images/new/bg_bar_sitemap.gif') repeat; }
.sitemapWrap .lBox .site .box { float:left; width:151px; padding:0 0 6px 21px; }
.sitemapWrap .lBox .site .box h5 { float:left; margin-bottom:15px; padding:20px 14px 0 0; color:#333333; font-size:14px; background:url('../images/new/arr_sitemap.gif') no-repeat right 24px; }
.sitemapWrap .lBox .site .box ul { clear:both; padding-bottom:10px; }
.sitemapWrap .lBox .site .box ul li { padding-bottom:7px; color:#888; font-size:13px; }
.sitemapWrap .lBox .site .box ul li a { color:#888; }
.sitemapWrap .lBox .site .box ul li a.blue { color:#26a8e2; }
.sitemapWrap .lBox .site .box ul li a.orange { color:#f58531; }
.sitemapWrap .rBox { float:right; width:200px; }
.sitemapWrap .rBox .box, .sitemapWrap .cont .box { margin:-1px 0 5px; border:1px solid #e2e2e2; }
.sitemapWrap .rBox .box > ul, .sitemapWrap .cont .box > ul { padding:18px 0 0 20px; }
.sitemapWrap .rBox .box > ul > li, .sitemapWrap .cont .box > ul > li {position:relative;padding-bottom:16px; font-size:14px; }
.sitemapWrap .rBox .box > ul > li > a, .sitemapWrap .cont .box > ul > li > a { padding-right:14px; background:url('../images/new/arr_sitemap.gif') no-repeat right; }
.sitemapWrap .rBox .box ul li p, .sitemapWrap .cont .box ul li p { padding-top:12px; }
.sitemapWrap .rBox .box ul li ul, .sitemapWrap .cont .box ul li ul { padding-top:13px; }
.sitemapWrap .rBox .box ul li ul li, .sitemapWrap .cont .box ul li ul li { padding-bottom:3px; }
.sitemapWrap .rBox .box ul li ul li a, .sitemapWrap .cont .box ul li ul li a { padding-right:12px; color:#888; font-size:12px; background:url('../images/new/arr_sitemap_sub.gif') no-repeat right 5px; }
.sitemapWrap .rBox .box.theme { margin-top:-6px; background:#fbfbfb; }
.sitemapWrap .rBox h4, .sitemapWrap .cont h4 { width:100%; height:37px; margin-top:20px; padding-top:13px; color:#fff; font-size:18px; text-align:center; background:#708fa5; }
.sitemapWrap .bottom { clear:both; }
.sitemapWrap .cont { float:left; width:200px; margin:-10px 45px 0 0; }
.sitemapWrap .cont.last { margin-right:0; }

/* select design */
.slt { position:relative; z-index:8999; float:left; width:158px; height:29px; border:1px solid #e0e0e0; }
.slt .t a { width:100%; height:22px; padding-top:7px; display:block; color:#666; background:#fbfbfb url('../images/new/slt_off.gif') no-repeat right center; }
.slt .t a:hover { text-decoration:none; }
.slt .t a.on { background:#fbfbfb url('../images/new/slt_on.gif') no-repeat right center; }
.slt .t a span { margin-left:9px; }
.slt div { position:absolute; top:29px; left:-1px; display:none; overflow-x:hidden; overflow-y:auto; width:100%; max-height:150px; border:1px solid #e0e0e0; background:#fff; }
.slt div ul li a, .slt div ul li span { display:block; padding:5px 0 3px 9px; color:#666; }
/* select design : footer */
#footer .slt {position: relative; float: left; border:1px #cacaca solid; background: #fff;}
#footer .slt .t a {background:url('../images/common/bg_header.png') 140px -117px no-repeat; color:#8f8f8f; font-size: 12px;}
#footer .slt .t a.on {background-position: 140px -137px}
#footer .slt div {top:auto; bottom:29px;border:1px #cacaca solid;}

/* paging */
.paging { padding:6px 0 7px; text-align:center; font:bold 12px verdana; }
.paging a {display:inline-block; padding:6px 10px; color:#333; border:1px solid #fff; }
.paging a:hover, .paging a.on { color:#3d78d6; border:1px solid #3d78d6; font-weight:bold; text-decoration:none; }
.paging a.btn2 { padding:6px 8px; }
.paging a.btn { }
.paging a.btn:hover, .paging a.btn2:hover { border:1px solid #fff; }
.paging a.btnNext { margin:0; }
.paging a img { vertical-align:middle; }

.btnR { text-align:right; }
.btnR:after {content: ""; display: block; clear: both;}
.btnR .txt_cmt {float:left; padding-top:5px; color:#d85f5b; text-align:left; font-size:12px;}
.btnBoardWrap{margin-top:18px;text-align:right;}
[class^="btn"] .btnNewType01{text-decoration:none;display:inline-block;min-width:120px;height:46px;background:#425067;border-radius:23px;font-size:16px;font-weight:400;color:#fff;text-align:center;line-height:2.875;}

/*로딩중*/
.spin {display:block; position:fixed; top: 50%; left: 50%; margin: -50px 0 0 -50px; width: 100px; height: 100px; z-index: 1002;}
.spin .spinner {margin: 50px 0 0 50px; z-index: 999;}

/*base*/
.none{display:none !important;}
.block{display:block !important;}
.in_block{display:inline-block !important;}

/* 교과 채택여부 */
#visangTextbookUseYn {position:absolute; width: 480px; height: 440px; ;background: url('../images/main/subjectBook.jpg') 0 0 no-repeat;}
#visangTextbookUseYn .btnCenter {position:absolute; top: 330px; left: 0; width: 100%; text-align:center;}

/* 기존 메인 레이어 팝업 배너 수정 2016.06.16 */
.system_check_wrap {display: none; position: absolute; top:160px; z-index:9000; background:#5f6679;border: 5px solid #5f6679;}
.system_check_wrap ul {*zoom:1}
.system_check_wrap ul:after {content:"";display:block;clear:both;}
.system_check_wrap ul li {float:left;border-left: 1px solid #5f6679;}
.system_check_wrap ul li:first-child {border-left:none;}
.system_check_wrap ul li.wide {clear:left;border-left:none;border-top: 1px solid #5f6679;}
.system_check_foot {position: relative; width:100%;padding:5px 0 0 5px; height:20px; background:#5f6679 ; font-size: 12px;font-weight:bold;}
.system_check_foot input {margin-top:1px;vertical-align:middle;}
.system_check_foot a {position: absolute; top:5px; right:10px;color:#fff !important;background:url('/images/new/btn_mainLayer_close.gif') no-repeat right 3px;padding-right:16px;}
.system_check_foot label {color:#fff;vertical-align:middle;}
#submain #main_pop1 {display:none !important}

/* error */
body.error,
body.renewal,
body.updatePrivacy{background:#fafafa;}
body.error .errorWrap {padding-top: 79px;margin:0 auto;width:935px;}
body.error .errorWrap .logo {height:48px;border-bottom:2px solid #4083ed;}
body.error .errorWrap .logo img {display:block;}
body.error .errorWrap .contents {overflow:hidden;/*padding-left:408px;background:url(/images/error/bg_error.jpg) 192px 0 no-repeat;*/text-align:center;}
body.renewal .errorWrap .contents { position:relative;overflow:hidden;padding-left:0px;background:url(/images/new/bg_infoRenewal.png) 75px 155px no-repeat;}
body.updatePrivacy .errorWrap .contents { position:relative;overflow:hidden;padding-left:0px;/*background:url(/images/new/bg_updatePrivacy.png) 165px 53px no-repeat;*/}
body.error .errorWrap .contents.type01 {height: 320px;padding-top:100px;}
body.renewal .errorWrap .contents.type01 {height:480px;padding-top:0px;}
body.updatePrivacy .errorWrap .contents.type01 {height:auto;padding-top:0px;border-bottom:1px solid #e1e1e1;}
body.error .errorWrap .contents.type02 {height: 323px;padding-top: 97px;}
body.error .errorWrap .contents .copy {color:#434343;font-size:37px;line-height:44px;}
body.renewal .errorWrap .contents .copy { /* position:absolute; */margin-top:65px;text-align:center;color:#434343;font-size:37px;line-height:44px;}
body.updatePrivacy .errorWrap .contents .copy { /* position:absolute; */margin-top:65px;text-align:center;color:#434343;font-size:37px;line-height:44px;}
body.error .errorWrap .contents .copy span {color:#3d78d6;}
body.error .errorWrap .contents p {margin: 30px 0 60px;color:#666;font-size:19px;line-height:26px;}
body.error .errorWrap .contents p span {line-height: 56px;}
body.error .errorWrap .contents a {}
body.renewal .errorWrap .contents .infoWords {margin:22px 0 20px 412px;overflow: hidden;}
body.renewal .errorWrap .contents .infoWords p.comment-02 {margin:19px 0px 0px;color:#d85f5b;font-weight:bold;}
body.renewal .errorWrap .contents .infoWords p.comment-03 {margin:5px 0px 0px;color:#666666;font-size:14px;}
body.renewal .errorWrap .contents .infoBox {margin:22px 0 20px 0px;overflow: hidden;background:#f1fbfd;border:1px solid #d5d5d5;width:448px;height:48px;line-height:48px;color:#444444;font-weight:bold;vertical-align:middle;text-indent:22px;font-size:15px;letter-spacing:-1px;}
body.renewal .errorWrap .contents .infoBox span {color:#f07828;}
body.renewal .errorWrap .contents .infoBox img {vertical-align:middle;display:inline-block;margin-left:7px;}
body.updatePrivacy .errorWrap h2 {color:#434343;font-size:38px;font-weight:bold;border-bottom:1px solid #989898;padding-bottom:22px;}
body.updatePrivacy .errorWrap .contents .copy {margin:55px 0 0px 0;overflow: hidden;font-size:22px;line-height:30px;color:#44444;font-weight:bold;}
body.updatePrivacy .errorWrap .contents .infoWords {margin:22px 0 20px 0;overflow: hidden;}
body.updatePrivacy .errorWrap .contents .infoWords p {font-size:16px;line-height:23px;}
body.updatePrivacy .errorWrap .contents .infoWords p span {font-size:16px;line-height:23px;}
body.updatePrivacy .errorWrap .contents .infoWords p.comment-01 {margin:0px 0px 0px;}
body.updatePrivacy .errorWrap .contents .infoWords p.comment-01 span.emphasize {color:#d85f5b;font-weight:bold;}
body.updatePrivacy .errorWrap .contents .infoWords p.comment-02 {margin:8px 0px 0px;}
body.updatePrivacy .errorWrap .contents .btns {margin:35px 0 57px 0;}
body.updatePrivacy .errorWrap .contents .btns a {display:inline-block;}
body.updatePrivacy .errorWrap .contents .btns a img {margin-right:5px;}
body.updatePrivacy .errorWrap > .btns-02 {padding-top:10px;text-align:right;}
body.updatePrivacy .errorWrap > .btns-02 a {display:inline-block;}
body.error .errorWrap .contents-02 {overflow:hidden;text-align:center;border-bottom:1px solid #e1e1e1;}
body.error .errorWrap .contents-02.type01 {height: 338px;padding-top: 82px;}
body.error .errorWrap .contents-02.type02 {height: 323px;padding-top: 97px;}
body.error .errorWrap .contents-02.type03 {height: 380px;padding-top: 50px;}
body.error .errorWrap .contents-02.type04 {height: 250px;padding-top:195px;}
body.error .errorWrap .contents-02 .copy {color:#434343;font-size:32px;line-height:40px;}
body.error .errorWrap .contents-02 .copy span {color:#3d78d6;}
body.error .errorWrap .contents-02 p {margin-top:30px;color:#666;font-size:19px;line-height:1.7em;}
body.error .errorWrap .contents-02 a {}
body.error .errorWrap .contents-02 a img {display: block;}
body.error .errorWrap .bottom {height:50px;color:#888;font-size:18px;font-weight:400;text-align:center;line-height:50px;border:1px solid #d6d6d6;background-color:#f6f6f6;}
body.error .errorWrap .info {position:relative;color:#666666;width:570px;font-size:14px;line-height:20px;border:1px solid #d6d6d6;background:#f6f6f6;padding:22px 39px;margin:80px auto 0;text-align:left;}
body.error .errorWrap .info-02 {position:relative;color:#4d6489;width:570px;font-size:14px;line-height:24px;border:1px solid #c7cfdd;background:#eef2f9;padding:15px 39px;margin:20px auto 0;text-align:left;font-weight:600;}
body.error .errorWrap p.question {text-align:center;color:#444444;}
body.error .errorWrap p.question span {font-weight:600;}
body.error .errorWrap .info .btn-modify {position:absolute;top:26px;right:39px;color:#444444;font-size:19px;}
body.error .errorWrap .bottom span {color:#5b5b5b;}
body.error .errorWrap .copyright {color:#888;font-size:13px;text-align:center;line-height:42px}
body.error .errorWrap .btns {text-align:center;margin-top:20px;}
/* 2017-05-12 시스템점검 */
body.error.system .errorWrap .contents {height:auto;overflow:hidden;padding-left:293px;background:url(/images/error/bg_check.png) 75px 186px no-repeat;text-align:left;}
body.error.system .errorWrap .contents p {margin: 30px 0 100px;}
body.error.system .errorWrap .contents p strong {color:#d85f5b;font-size:23px;}
body.error.system .errorWrap .contents p .txt {font-size:14px;line-height:26px;}
body.error.system .errorWrap .copyright {border-top:1px #969696 solid;}


/*개편*/

/*공통*/
span.list-number, span.list-number {position:relative;float:left;vertical-align:top;height:20px;display:block;text-align:right;padding-right:4px;}
p.list-text, p.list-text {vertical-align:middle;}
#tabs-2 {display:none;}
.box-selectBox {/*overflow:hidden;*/height:60px;margin-bottom:20px;}
.selectBox-L, .selectBox-R {position:relative;float:left;cursor:pointer;z-index:2;}
.selectBox-L {height:60px;width:374px;margin-right:-80px;padding-right:22px;/*background:#50c3de;*/background:transparent url(../images/educourse/L_open.png) no-repeat right 0;border-left:1px solid #e5e5e5;z-index:11;}
.selectBox-L-down {background:transparent url(../images/educourse/L_close.png) no-repeat right 0;}
.selectBox-R {height:58px;width:429px;background:#ffffff;background:transparent url(../images/educourse/R_open.png) no-repeat right 0;border:1px solid #d9d9d9;border-left:0 none;z-index:10}
.selectBox-R-down {background:transparent url(../images/educourse/R_close.png) no-repeat right 0;}

/**/
.selectBox-L span.list-number, .selectBox-R span.list-number {}
.selectBox-L > span.list-number, .selectBox-R > span.list-number {width:30px;height:58px;padding-right:3px;font-weight:600;}
.selectBox-L > span.list-number {color:#ffffff;}
.selectBox-R > span.list-number {color:#999999;}
.selectBox-L p.list-text, .selectBox-R p.list-text {position:relative;vertical-align:middle;display:table-cell;}
.selectBox-L > p.list-text, .selectBox-R > p.list-text {width:300px;padding-left:25px;height:58px;font-weight:600;letter-spacing: -1px;}
.selectBox-R > p.list-text.non-subContents {font-weight:normal;color:#999999;cursor:default;}
.selectBox-L > p.list-text {color:#444;line-height:60px;}
.selectBox-R > p.list-text {padding-left:65px;color:#444444;line-height:58px;}

/**/
.selectBox-L div.box-selectBox-list, .selectBox-R div.box-selectBox-list {clear:both;background:#ffffff;padding-bottom:13px;display:none;}
.selectBox-L div.box-selectBox-list h5,
.selectBox-R div.box-selectBox-list h5 {text-indent:28px;height:42px;line-height:42px;font-size:13px;color:#999999;font-weight:600;}
.selectBox-L ol.selectBox-list, .selectBox-R ol.selectBox-list {}
.selectBox-L div.box-selectBox-list {border:1px solid #e5e5e5;/* margin:-1px 0 0 -1px; */padding:12px 0 14px;}
.selectBox-L-ES div.box-selectBox-list {border:1px solid #393d49;}
.selectBox-L-MSe div.box-selectBox-list {border:1px solid #393d49;}
.selectBox-L-HS div.box-selectBox-list {border:1px solid #393d49}
.selectBox-R div.box-selectBox-list {*width:370px;border:1px solid #d9d9d9;position:relative;z-index:10;margin:0 -1px 0 58px;padding:12px 0 14px;}
.selectBox-L ol.selectBox-list li, .selectBox-R ol.selectBox-list li {clear:both;line-height:16px;padding:3px 0 3px 15px;cursor:pointer;color:#a1a1a1;}
.selectBox-L ol.selectBox-list li.on,
.selectBox-L ol.selectBox-list li:hover,
.selectBox-R ol.selectBox-list li.on,
.selectBox-R ol.selectBox-list li:hover {color:#666666;background:#cbedf6 url('../images/new/arr_menu_3.gif') no-repeat right 8px;}
.selectBox-L ol.selectBox-list li.soon p.list-text, .selectBox-R ol.selectBox-list li.soon p.list-text {color: #bcbcbc;}

/**/
.selectBox-L ol.selectBox-list span.list-number, .selectBox-R ol.selectBox-list span.list-number {width:auto;height:16px;padding-right:3px;margin-left:-15px;letter-spacing:-1.1px;}
.selectBox-L ol.selectBox-list p.list-text,
.selectBox-R ol.selectBox-list p.list-text {width:325px;*width:315px;padding-left:15px;height:17px;font-size:13px;font-weight:600;color:#999999;}
.selectBox-L ol.selectBox-list li.on p,
.selectBox-L ol.selectBox-list li:hover p,
.selectBox-R ol.selectBox-list li.on p,
.selectBox-R ol.selectBox-list li:hover p {color:#666666;}
#lnb span.list-number {width:19px;margin-left:-3px;letter-spacing: -2px;}
#lnb span.list-number-en {width: 30px;letter-spacing: -1px;}
#lnb p.list-text {padding-left:7px;letter-spacing: -1px;}
#lnb li.noNumber p.list-text {padding-left:7px;}
#lnb li.noNumber p.list-text span {color:#3d78d6;margin-left:3px;}

/* LNB 베너 _ 문학관 */
#lnb li.noNumber > div {padding:0 0 10px 0;/*height:32px;*/width:136px;}
#lnb li.noNumber > div > a.literature {display:block;height:32px; padding:0;background:url('../images/new/lnbMenu_bannerLiterature.gif') no-repeat top left;margin-top:3px;}
#lnb li.noNumber > div > a.literature:hover {height:32px; padding:0;background:url('../images/new/lnbMenu_bannerLiterature_on.gif') no-repeat top left;}

/* LNB 베너 _ 독도 */
#lnb li.noNumber > div a.dokdo {display:block;height:32px; padding:0;background:url('../images/new/lnbMenu_bannerDokdo.gif') no-repeat top left;margin-top:3px;}
#lnb li.noNumber > div a.dokdo:hover {height:32px; padding:0;background:url('../images/new/lnbMenu_bannerDokdo_on.gif') no-repeat top left;}

/* LNB 베너 _ 사이언스 */
#lnb li.noNumber > div a.science {display:block;height:32px; padding:0;background:url('../images/new/lnbMenu_bannerScience.gif') no-repeat top left;margin-top:3px;}
#lnb li.noNumber > div a.science:hover {height:32px; padding:0;background:url('../images/new/lnbMenu_bannerScience_on.gif') no-repeat top left;}

/* LNB 베너 _ 미술관 */
#lnb li.noNumber > div a.art {display:block;height:32px; padding:0;background:url('../images/new/lnbMenu_bannerArt.gif') no-repeat top left;margin-top:3px;}
#lnb li.noNumber > div a.art:hover {height:32px; padding:0;background:url('../images/new/lnbMenu_bannerArt_on.gif') no-repeat top left;}

/* LNB 베너 _ 어린이테마백과 */
#lnb li.noNumber > div a.child {display:block;height:32px; padding:0;background:url('../images/new/lnbMenu_bannerChild.gif') no-repeat top left;margin-top:3px;}
#lnb li.noNumber > div a.child:hover {height:32px; padding:0;background:url('../images/new/lnbMenu_bannerChild_on.gif') no-repeat top left;}

/* LNB 베너 _ 과학실험실 */
#lnb li.noNumber > div a.sciencelab {display:block;height:32px; padding:0;background:url('../images/new/lnbMenu_bannerSciencelab.gif') no-repeat top left;margin-top:3px;}
#lnb li.noNumber > div a.sciencelab:hover {height:32px; padding:0;background:url('../images/new/lnbMenu_bannerSciencelab_on.gif') no-repeat top left;}

/* 오른쪽 베너 _ 문학관 */
#conts .classWrap .specialData a.literature {display:block;height:32px;background:url('../images/new/lnbMenu_bannerLiterature.gif') no-repeat top left;margin: 3px 10px 0;}
#conts .classWrap .specialData a.literature:hover {height:32px;background:url('../images/new/lnbMenu_bannerLiterature_on.gif') no-repeat top left;}

/* 오른쪽 베너 _ 독도 */
#conts .classWrap .specialData a.dokdo {display:block;height:32px;background:url('../images/new/lnbMenu_bannerDokdo.gif') no-repeat top left;margin: 3px 10px 0;}
#conts .classWrap .specialData a.dokdo:hover {height:32px;background:url('../images/new/lnbMenu_bannerDokdo_on.gif') no-repeat top left;}

/* 오른쪽 베너 _ 사이언스 */
#conts .classWrap .specialData a.science {display:block;height:32px;background:url('../images/new/lnbMenu_bannerScience.gif') no-repeat top left;margin: 3px 10px 0;}
#conts .classWrap .specialData a.science:hover {height:32px;background:url('../images/new/lnbMenu_bannerScience_on.gif') no-repeat top left;}

/* 오른쪽 베너 _ 미술관 */
#conts .classWrap .specialData a.art {display:block;height:32px;background:url('../images/new/lnbMenu_bannerArt.gif') no-repeat top left;margin: 3px 10px 0;}
#conts .classWrap .specialData a.art:hover {height:32px;background:url('../images/new/lnbMenu_bannerArt_on.gif') no-repeat top left;}

/* 오른쪽 베너 _ 어린이테마백과 */
#conts .classWrap .specialData a.child {display:block;height:32px;background:url('../images/new/lnbMenu_bannerChild.gif') no-repeat top left;margin: 3px 10px 0;}
#conts .classWrap .specialData a.child:hover {height:32px;background:url('../images/new/lnbMenu_bannerChild_on.gif') no-repeat top left;}

/* 오른쪽 베너 _ 과학실험실 */
#conts .classWrap .specialData a.sciencelab {display:block;height:32px;background:url('../images/new/lnbMenu_bannerSciencelab.gif') no-repeat top left;margin: 3px 10px 0;}
#conts .classWrap .specialData a.sciencelab:hover {height:32px;background:url('../images/new/lnbMenu_bannerSciencelab_on.gif') no-repeat top left;}

.topDesc {background:#f6f6f6 url(../images/new/bg_topDesc.gif) repeat-x 0 bottom;/* border-top:1px solid #e9e9e9; */border-bottom:1px solid #dbdbdb;}
.topDesc .wrap-topDesc {width:935px;margin:0 auto;padding:24px 0;/*overflow:hidden;*/*zoom:1}
.topDesc .wrap-topDesc:after {content:"";display:block;clear:both;}
.topDesc .wrap-topDesc .area-bookImg {float:left; width: 161px; padding:30px 0; text-align:center}
.topDesc .wrap-topDesc .area-bookImg a.book {display: block; position: relative; width:109px;height:140px;padding-right: 4px;margin: 0 24px 13px;background:transparent url(../images/new/bg_book.gif) no-repeat 100% 0;}
.topDesc .wrap-topDesc .area-bookImg a.book:hover span.e-book {display: block;}
.topDesc .wrap-topDesc .area-bookImg a.book img {width:109px;height:140px;}
.topDesc .wrap-topDesc .area-bookImg a.book span.e-book {display: none; position: absolute; left: 0; top: 0; width: 109px; height: 140px; background: url('../images/new/bg_book_hover.png') no-repeat 0 0;}
.topDesc .wrap-topDesc .area-desc {float:right; width:747px;}
/* 미술표지 */
.topDesc .wrap-topDesc .area-bookImg.type2 {}
.topDesc .wrap-topDesc .area-bookImg.type2 a.book {height:92px; margin: 24px 24px 37px;}
.topDesc .wrap-topDesc .area-bookImg.type2 a.book img {width:109px;height:92px;}
.topDesc .wrap-topDesc .area-bookImg.type2 a.book span.e-book {height: 92px; background: url('../images/new/bg_book_hover2.png') no-repeat 0 0;}

.topDesc .descLine-2 {position:relative;height:27px;line-height:27px;}
.topDesc .descLine-2 h4 {height:27px;color:#222222;font-size:26px;font-weight:600;font-family:"Nanum Gothic","나눔고딕","돋움",Dotum,Helvetica,"Apple SD Gothic Neo",sans-serif;position:relative;}
.topDesc .descLine-2 h4 a:hover {text-decoration:none;}
.topDesc .descLine-2 .desc-info {position:absolute;top:7px;right:0;font-size:11px;color:#888888;}
.topDesc .descLine-2 .desc-info a:hover {text-decoration:none;}
.topDesc .descLine-2 .desc-info img {vertical-align:middle;}
.topDesc .descLine-2 .desc-info a {color:#888888;}
.topDesc .wrap-topDesc .area-desc .descLine-3 {font-size:17px;font-weight:600;color:#666666;padding:5px 0 15px;font-family:"Nanum Gothic","나눔고딕","돋움",Dotum,Helvetica,"Apple SD Gothic Neo",sans-serif;}
.topDesc .wrap-topDesc .area-desc .descLine-3 span {font-size:14px;}
.topDesc .wrap-topDesc .area-desc .descLine-4 {color:#444444;font-size:12px;line-height:20px;letter-spacing: -0.5px;}
.topDesc .wrap-topDesc .area-desc .descLine-4 ul{*zoom:1}
.topDesc .wrap-topDesc .area-desc .descLine-4 ul:after {content: ""; display: block; clear: both;}
.topDesc .wrap-topDesc .area-desc .descLine-4 a {font-family:"Nanum Gothic","나눔고딕","돋움",Dotum,Helvetica,"Apple SD Gothic Neo",sans-serif; font-weight: bold; font-size: 13px; color: #222;}
.topDesc .wrap-topDesc .area-desc .descBtns li {float: left; width: 120px; margin-left: 2px;}
.topDesc .wrap-topDesc .area-desc .descBtns li.dvdDown {width: 137px; margin-left: 0;}
.topDesc .wrap-topDesc .area-desc .descBtns li > a {display: block; height: 26px; line-height: 25px; border: 1px solid #90b2cd; background: #fff; text-align: center; font-weight: bold; color: #2c6ea3;}
.topDesc .wrap-topDesc .area-desc .descBtns li > a:hover {text-decoration: none;}
.topDesc .wrap-topDesc .area-desc .descBtns li.dvdDown a {background: #cbe5ff; text-decoration: none;}
.topDesc .wrap-topDesc .area-desc .descBtns li.dvdDown a span {display: inline-block; height: 26px; line-height: 25px; padding-left: 24px; background: url(/images/new/ico_dvd.png) no-repeat 0 4px;}
.topDesc .wrap-topDesc .area-desc .descBtns {*zoom:1}
.topDesc .wrap-topDesc .area-desc .descBtns:after {content: ""; display: block; clear: both;}
.topDesc .wrap-topDesc .area-desc .descData {margin-top: 15px;}
.topDesc .wrap-topDesc .area-desc .descData ul {padding: 5px 0; border-bottom: 1px solid #c5cdd1;}
.topDesc .wrap-topDesc .area-desc .descData li {position:relative;float: left; width: 25%; padding: 4px 0;}
.topDesc .wrap-topDesc .area-desc .descData li a {margin-left: 3px;}
.topDesc .wrap-topDesc .area-desc .descData li .icon_new {margin:-2px 0 0 5px;vertical-align:middle;}
.topDesc .wrap-topDesc .area-desc .descData .btn_all a {float: right; margin-top: 5px;}
/* 2018-04-16 수활북 홍보 팝업 */
.topDesc .wrap-topDesc .area-desc .descData li .pop_courseGuide {position:absolute;top:-113px;left:126px;width:259px;height:151px;background: url(/images/educourse/pop_courseguide_bg.png) no-repeat 0 0;padding:59px 0 0 28px;z-index:10}
.topDesc .wrap-topDesc .area-desc .descData li .pop_courseGuide .btn_pop_close {position:absolute;top:0;right:0;line-height:0}
.topDesc .wrap-topDesc .area-desc .descData li .pop_courseGuide .bookImg {padding:0 0 18px 148px;line-height:0}
.topDesc .wrap-topDesc .area-desc .descData li .pop_courseGuide .pop_control {height:21px;padding:5px 0 0 0;color:#fff;text-align:center;line-height:13px;}
.topDesc .wrap-topDesc .area-desc .descData li .pop_courseGuide .pop_control .btn_today_close {position:static;vertical-align:top;}
.topDesc .wrap-topDesc .area-desc .descData li .pop_courseGuide .pop_control label {display:inline-block;margin-top:1px;font-size:12px;font-family:"Nanum Gothic";vertical-align:top;}
.topDesc .wrap-topDesc .area-desc .descData li .pop_courseGuide .pop_control input {margin:1px 4px 0 0}
.topDesc .wrap-topDesc .area-desc .descData li .pop_courseGuide.guide103020,
.topDesc .wrap-topDesc .area-desc .descData li .pop_courseGuide.guide103021,
.topDesc .wrap-topDesc .area-desc .descData li .pop_courseGuide.guide103022,
.topDesc .wrap-topDesc .area-desc .descData li .pop_courseGuide.guide103023 {left:63px;width:269px;}
.topDesc .wrap-topDesc .area-desc .descData li .pop_courseGuide.guide103020 .bookImg,
.topDesc .wrap-topDesc .area-desc .descData li .pop_courseGuide.guide103021 .bookImg,
.topDesc .wrap-topDesc .area-desc .descData li .pop_courseGuide.guide103022 .bookImg,
.topDesc .wrap-topDesc .area-desc .descData li .pop_courseGuide.guide103023 .bookImg {padding:0 0 18px 165px;}
.topDesc .wrap-topDesc .area-desc .descData li .pop_courseGuide.guide103020 {background: url(/images/educourse/pop_courseguide_bg_103020.png) no-repeat 0 0;}
.topDesc .wrap-topDesc .area-desc .descData li .pop_courseGuide.guide103021 {background: url(/images/educourse/pop_courseguide_bg_103021.png) no-repeat 0 0;}
.topDesc .wrap-topDesc .area-desc .descData li .pop_courseGuide.guide103022 {background: url(/images/educourse/pop_courseguide_bg_103022.png) no-repeat 0 0;}
.topDesc .wrap-topDesc .area-desc .descData li .pop_courseGuide.guide103023 {background: url(/images/educourse/pop_courseguide_bg_103023.png) no-repeat 0 0;}
/* 중고등 음악 노래 익히기 모음 레이어 팝업 */
.topDesc .wrap-topDesc .area-desc .descData li .pop_courseGuide.music {position:absolute;top:-40px;left:126px;width:247px;height:27px;background: url(/images/educourse/pop_courseguide_music.png) no-repeat 0 0; padding:112px 0 0 26px; z-index:10}
.topDesc .wrap-topDesc .area-desc .descData li .pop_courseGuide.music .pop_control {height:21px;padding:5px 0 0 0;color:#fff;text-align:center;line-height:13px;}

/* 2016-01-20 topDesc 추가 : 국정관련 */
.topDesc.type02 {height:auto;background:none;border:none;margin-top:-126px;padding-bottom:53px;}
.topDesc.type02 .desc-info {font-family:dotum,"돋움",Arial,sans-serif;}
.topDesc.type02 .desc-info a {font-size:11px }
.topDesc.type02 #layerGuide {top:-37px;left:-188px;}

/* 2019 교과자료 개편 */
#top_educourse {position: relative; width: 747px; background: #fff; z-index: 1;}
.tab_educourse {width: 100%; border-bottom: 2px solid #7093db; *zoom:1}
.tab_educourse:after {content: ""; display: block; clear: both;}
.tab_educourse li {float: left; width: 124.5px;}
.tab_educourse li a {position: relative; top:2px; display: block; height: 36px; line-height: 37px; padding-bottom: 2px; border: 2px solid #7093db; border-bottom: none; background: #7093db; text-align: center; letter-spacing: -1px; font-weight: bold; font-size: 14px; color: #fff;}
.tab_educourse li a:hover {text-decoration: none;}
.tab_educourse li.on a {background: #fff; color: #333;}
.tab_educourse li.first {width: 140px;}
.tab_educourse li.first a {color:#fff228;}
.tab_educourse li.first.on a {color:#333}
.tab_educourse li.new {}

/* 2019-04-30 도형길잡이 안내 팝업 */
.theme_shape {position:absolute;top:-40px;right:0; z-index:20}
.theme_shape .pop_theme_shape {position:absolute;top:0;right:155px}
.theme_shape .pop_theme_shape .pop_control {position:absolute;bottom:0;left:0;width:200px;height:27px;padding:0 10px 0 16px;color:#d8d8d8;font-size:12px;line-height:25px;}
.theme_shape .pop_theme_shape .pop_control .close {display:inline-block;position:absolute;top:4px;right:20px;background:#333;height:16px;padding:0 5px;font-size:11px;border-radius:3px;color:#d8d8d8;line-height:16px;text-decoration:none}

.cont_educourse {position: relative;}
.cont_educourse .group {padding:30px 0;}
.cont_educourse .tit_wrap {position: relative; min-height: 30px; margin-bottom: 20px;}
.cont_educourse .tit_wrap h5 {font-weight: bold; font-size: 17px; color: #333;}
.cont_educourse .tit_wrap h5 span {font-weight: normal; color: #4083ed;}
.cont_educourse .tit_wrap select {position: absolute; right: 0; bottom: 0; width: 230px; height: 30px; padding: 5px 5px 5px 10px; font-family:"Nanum Gothic","나눔고딕","돋움",Dotum,Helvetica,"Apple SD Gothic Neo",sans-serif; color:#666; font-size:13px;}
.cont_educourse .tit_wrap .btns {position: relative; top: 10px;}
.cont_educourse .tit_wrap .btns a {display: inline-block; height: 25px; line-height: 25px; background-image: url(../images/educourse/bg_btns.png); background-repeat: no-repeat;}
.cont_educourse .tit_wrap .btns a.btn_all {width: 77px; background-position: 0 0;}
.cont_educourse .tit_wrap .btns a.btn_add {width: 57px; background-position: -82px 0;}
.cont_educourse .tit_wrap .btns a.btn_down {width: 78px; background-position: 100% 0;}
.cont_educourse .tit_wrap .btns a:hover {text-decoration: none;}
.cont_educourse .tit_wrap .btns a:hover span {color: #f87128;}
.cont_educourse .tit_wrap .btns a.btn_all:hover {background-position: 0 -25px;}
.cont_educourse .tit_wrap .btns a.btn_add:hover {background-position: -82px -25px;}
.cont_educourse .tit_wrap .btns a.btn_down:hover {background-position: 100% -25px;}
.cont_educourse .tit_wrap .btns a span {display: block; padding-left: 12px; text-align: center; letter-spacing: -1px; font-size: 11px; color: #8c8c8c;}
.cont_educourse.special h4 {font-weight: bold; font-size: 20px; color: #333;}
.cont_educourse.special h5 {margin-bottom: 15px;}
.cont_educourse.special .group {padding: 0 0 60px 0;}

.beRightContents {/* overflow:hidden; */font-family:"Nanum Gothic","나눔고딕","돋움",Dotum,Helvetica,"Apple SD Gothic Neo",sans-serif;color:#666666;font-size:12px;*zoom:1}
.beRightContents:after {content: ""; display: block; clear: both;}
.beRightContents .paging a {color:#333333;font-family:Verdana, "Nanum Gothic","나눔고딕",NanumGothic,"돋움",Dotum,Helvetica,"Apple SD Gothic Neo",sans-serif;}
.beRightContents .rightContents,
.beRightContents .leftContents {float:left;}
.beRightContents .leftContents {width:568px;}
.beRightContents .nonRihgtContents {width:747px;}
.beRightContents .rightContents {width:160px;margin-left:19px;}
.beRightContents .rightContents > ul {margin-bottom:5px;border-bottom:1px solid #dbdbdb;	/* overflow:hidden; */}
.beRightContents .rightContents > ul > li {border-left:1px solid #dbdbdb;border-right:1px solid #dbdbdb;border-top-left-radius: 0;border-top-right-radius: 0;/*background:#f8fcfd;*/padding-bottom:15px;}
.beRightContents .rightContents > ul > li:first-child {border-top:1px solid #dbdbdb;border-top-left-radius:3px;border-top-right-radius:3px;}
.beRightContents .rightContents > ul > li img {vertical-align:middle;}
.beRightContents .rightContents > ul > li > h5 {position:relative;font-size:13px;color:#444444;height:29px;line-height:29px;background:#f7f7f7;text-indent:16px;font-weight:600;margin:1px 1px 0 1px;border-bottom:1px solid #ccd9dc;}
.beRightContents .rightContents > ul:first-child > li > h5 {color:#677d81;background:#eff7fb;border-bottom:1px solid #ccd9dc;}
.beRightContents .rightContents > ul > li > ul {padding:10px 0;/* border-bottom:1px solid #efefef; */background:#ffffff;	}
.beRightContents .rightContents > ul.specialData > li > ul {min-height:135px;}
.beRightContents .rightContents > ul > li:first-child > ul {border-top:1px solid #f0f5f6;	}
.beRightContents .rightContents > ul.eduCourseMerge > li:first-child {	border-top: 1px solid #dbdbdb;}
.beRightContents .rightContents > ul.eduCourseMerge > li {	border-bottom: 1px solid #efefef;}
.beRightContents .rightContents > ul.eduCourseMerge > li:last-child {	border-bottom:none;padding-bottom:15px;padding-top:15px;}
.beRightContents .rightContents > ul.eduCourseMerge > li {padding-bottom:0;}
.beRightContents .rightContents > ul > li:last-child > ul:last-child {border-bottom:1px solid #fff;margin-top:0;}
.beRightContents .rightContents > ul > li > ul > li {line-height:15px;padding:4px 17px 3px 22px;background:transparent url('../images/new/dot_01.gif') no-repeat 16px 10px;color:#666666;}
.beRightContents .rightContents > ul > li > ul > li a {color:#666666;}
/* .beRightContents .rightContents > ul > li > ul > li:first-child {margin-top:6px;} */
.beRightContents .rightContents > ul > li > ul > li span {color:#3d78d6;}
/* .beRightContents .rightContents > ul > li > ul > li {margin-top: 6px;} */
.beRightContents .rightContents > ul > li > ul.imgBtns {padding:0;border-bottom:1px solid #efefef;background:#ffffff;}
.beRightContents .rightContents > ul > li > ul.imgBtns > li {padding:0 11px;background:transparent;}
.beRightContents .rightContents > ul > li > ul.imgBtns > li a img {margin-top:-1px;}

#conts .tblList-new {margin-bottom:-1px;border-bottom:1px solid #e1e1e1;width:100%;}
.tblList-new caption {position:relative;text-align:left;color:#7a7e8a;height:27px;line-height:27px;padding:5px 0;width:100%;font-size:16px;visibility:visible;text-indent:0;}
.tblList-new caption h4 {font-size:17px;font-weight:600;}
.tblList-new caption span, .tblList caption h4 span {color:#3d78d6;font-size:14px;font-weight:normal;}
.tblList-new caption span.type_txt {color:#444;}
.tblList-new caption h4 p {color:#666666;font-size:11px;}
.tblList-new caption div.add-R {position:absolute;top:5px;right:0;}
.tblList-new caption div.add-R select {height:27px;border:1px solid #d9d9d9;font-size:12px;color:#777777;font-family:"Nanum Gothic","나눔고딕","돋움",Dotum,Helvetica,"Apple SD Gothic Neo",sans-serif;padding-left:0px;min-width:139px;}
.tblList-new caption div.add-R select option {height:25px;line-height:25px;}
.tblList-new caption.caption_n {width: 1px; height: 1px; margin: -1px 0 0 0; padding: 0; border: none; overflow: hidden; text-indent: -999em;}
.tblList-new td.putBtn {text-align:right;padding-right:2px;}
.tblList-new td.putBtn a:first-child img {margin-right:4px;}
.tblList-new td .txt {line-height:1.45;color:#999}
.tblList-new td .txt_point {line-height:1.45;color:#555}

.classWrap .tblList-new tr:first-child td {border-top:1px solid #989898;}
.classWrap .tblList-new td.downBtn {text-align:left;padding-left:0px;padding-right:20px;}
.classWrap .beRightContents .tblList-new td.downBtn {padding-right:0px;text-align:right;}
.classWrap .beRightContents .tblList-new td.putBtn {padding-right:0px;text-align:right;}
.classWrap .beRightContents .tblList-new td.putBtn a:first-child img {margin-right:0;}
.classWrap .tblList-new tr td{height:auto;padding:16px 10px;border-top:0 none;border-right:0 none;border-bottom:1px solid #e1e1e1;color:#8e9091;line-height:1.28;}
.classWrap .tblList-new tr td:last-child{border-right:0 !important;}
.classWrap .tblList-new tr td a.btn-view-ch {display:inline-block;height:23px;overflow:hidden;}
.classWrap .tblList-new tr td a.btn-view-ch:hover img {margin-top:-23px;}
.classWrap .tblList-new tr.first-child th {	}
.classWrap .tblList-new tr:last-child td {border-bottom:0 none;}
.classWrap .tblList-new tr td input[type="checkbox"], input[type="radio"] {vertical-align: middle;}
/*.classWrap .tblList-new tr td.title {color:#444;}*/
.classWrap .tblList-new tr td.title a {color:#444;}
.classWrap .tblList-new tr td.title-pic {padding-left:0;}
.classWrap .tblList-new tr td.notice {text-align:left;vertical-align:middle;text-indent:26px;color:#14788f;background:#f3fcfe;}
.classWrap .tblList-new tr td.notice a {color:#14788f;}
.classWrap .tblList-new tr td.notice img {vertical-align:middle;}
.classWrap .tblList-new tr td.noData {height:400px;line-height:400px;color:#8c8c8c;font-size:15px;border-bottom:1px solid #e1e1e1;}
.classWrap .tblList-new tr td.no-textbook {color:#3db9d6;}
.classWrap .tblList-new tr td.receipt {color:#f58531;}
.classWrap .tblList-new tr td.tdBlank {border:0 none;height:24px;}
.classWrap .tblList-new tr th{position:relative;background:#f7f7f7;/*border-top:3px solid #474e62;*/border-bottom:1px solid #e1e1e1;font-weight:400;color:#425067;}
.classWrap .tblList-new tr td span.subjectType {display:block;color:#999999;}
.classWrap .tblList-textbook tr td.title a {color:#555555;}
.classWrap .tblList-new tr td span.bookYears {width:43px; height:16px;background: url('../images/new/myClass_year.png') 0 0 no-repeat;font-size: 0; overflow: hidden; text-indent: 100%; line-height: 0;display:block;margin:5px 0 0 35px;}
.classWrap .tblList-new tr td span.bookYears2007 {width:43px; height:16px;background: url('../images/new/myClass_year.png') 0 0 no-repeat;font-size: 0; overflow: hidden; text-indent: 100%; line-height: 0;display:block;margin:5px 0 0 35px;}
.classWrap .tblList-new tr td span.bookYears2009 {width:43px; height:16px; background: url('../images/new/myClass_year.png') 0 -16px no-repeat;font-size: 0; overflow: hidden; text-indent: 100%; line-height: 0;display:block;margin:5px 0 0 35px;}
.classWrap .tblList-new tr td span.bookYears2015 {width:43px; height:16px; background: url('../images/new/myClass_year.png') 0 -32px no-repeat;font-size: 0; overflow: hidden; text-indent: 100%; line-height: 0;display:block;margin:5px 0 0 35px;}
.classWrap .thLine tr th:before{content:'';position:absolute;left:0;top:50%;margin-top:-6px;width:1px;height:12px;background:#d1d1d1;}
.classWrap .thLine tr th:first-child:before{display:none;}


#conts .tblList-new2 {border-bottom:1px solid #e1e1e1;width:100%;}
.mt45{margin-top:45px;}
.tbl_list_wrap.listTY2{border-top:1px solid var(--color-gray40);}
.classWrap .tblList-new2 tr td{height:auto;padding:16px 10px;border-top:0 none;border-right:0 none;border-bottom:1px solid #e1e1e1;color:var(--color-gray60);font-size:16px;line-height:1.28;font-weight:400;}
.classWrap .tblList-new2 tr td:last-child{border-right:0 !important;}
.classWrap .tblList-new2 tr td a.btn-view-ch {display:inline-block;height:23px;overflow:hidden;}
.classWrap .tblList-new2 tr td a.btn-view-ch:hover img {margin-top:-23px;}
.classWrap .tblList-new2 tr.first-child th {	}
.classWrap .tblList-new2 tr:last-child td {border-bottom:0 none;}
.classWrap .tblList-new2 tr td input[type="checkbox"], input[type="radio"] {vertical-align: middle;}
.classWrap .tblList-new2 tr td.title a {color:var(--color-gray100);font-size:16px;font-weight:400;}
.classWrap .tblList-new2 tr td.title-pic {padding-left:0;}
.classWrap .tblList-new2 tr td.notice {text-align:left;vertical-align:middle;text-indent:26px;color:#14788f;background:#f3fcfe;}
.classWrap .tblList-new2 tr td.notice a {color:#14788f;}
.classWrap .tblList-new2 tr td.notice img {vertical-align:middle;}
.classWrap .tblList-new2 tr td.noData {height:400px;line-height:400px;color:#8c8c8c;font-size:15px;border-bottom:1px solid #e1e1e1;}
.classWrap .tblList-new2 tr td.no-textbook {color:#3db9d6;}
.classWrap .tblList-new2 tr td.receipt {color:#f58531;}
.classWrap .tblList-new2 tr td.tdBlank {border:0 none;height:24px;}
.classWrap .tblList-new2 tr th{position:relative;height:50px;background:var(--color-gray10);border-bottom:1px solid var(--color-gray20);font-weight:400;color:var(--color-gray100);font-size:16px;}
.classWrap .tblList-new2 tr td span.subjectType {display:block;color:#999999;}
.classWrap .tblList-new2 tr td span.bookYears {width:43px; height:16px;background: url('../images/new/myClass_year.png') 0 0 no-repeat;font-size: 0; overflow: hidden; text-indent: 100%; line-height: 0;display:block;margin:5px 0 0 35px;}
.classWrap .tblList-new2 tr td span.bookYears2007 {width:43px; height:16px;background: url('../images/new/myClass_year.png') 0 0 no-repeat;font-size: 0; overflow: hidden; text-indent: 100%; line-height: 0;display:block;margin:5px 0 0 35px;}
.classWrap .tblList-new2 tr td span.bookYears2009 {width:43px; height:16px; background: url('../images/new/myClass_year.png') 0 -16px no-repeat;font-size: 0; overflow: hidden; text-indent: 100%; line-height: 0;display:block;margin:5px 0 0 35px;}
.classWrap .tblList-new2 tr td span.bookYears2015 {width:43px; height:16px; background: url('../images/new/myClass_year.png') 0 -32px no-repeat;font-size: 0; overflow: hidden; text-indent: 100%; line-height: 0;display:block;margin:5px 0 0 35px;}

.tbl-view{width:100%;border-collapse:collapse;border-top:3px solid #474e62;border-bottom:1px solid #e1e1e1;margin-left:-1px;}
.tbl-view tr th{background:#fafafa url('../images/new/bg_bar_02.gif') no-repeat left center;font-size:16px;font-weight:300;color:#ababab;border-bottom:1px solid #e1e1e1;padding:11px 23px;letter-spacing:-0.04em;}
.tbl-view tr th:first-child {background:#fafafa;}
.tbl-view tr th.title{font-size:18px;font-weight:500;color:#425067;text-align:left;line-height:1.55;letter-spacing:-0.025em;}
.tbl-myClass tr th.title {font-size:16px;color:#555555;}
.tbl-view tr th.title span {color:#3d78d6;}
.tbl-view > tr > td,
.tbl-view > tr > th {border-bottom:1px solid #e1e1e1;font-family:"Nanum Gothic","나눔고딕","돋움",Dotum,Helvetica,"Apple SD Gothic Neo",sans-serif;}
.tbl-view tr td.viewArea, .tbl-view tr td.noReply {padding:28px 40px 40px;line-height:21px;color:#666666;font-size:13px;min-height:182px;vertical-align:top;word-wrap:break-word;word-break:break-all;white-space:normal;}
.tbl-view tr td.viewArea.theme {padding:29px 23px}
.tbl-view tr th.type {font-size:13px;padding:11px 0;}
.tbl-view tr th.reply {border-top:1px solid #dfe3ea;border-bottom:1px solid #dfe3ea;background:#f1f5fc;color:#5b6f94;font-weight:bold;font-size:14px;}
.tbl-view tr th.date {font-weight:normal;font-size:13px;}
.tbl-view tr th span.receipt {color:#ff7c01;}
.tbl-view tr th.category {font-size:16px; color:#1E1E21;}
.tbl-view tr td.viewArea > img.vAlign,
.tbl-view tr td.noReply > img.vAlign {height:100%;width:1px;margin-left:-1px;}
.tbl-view tr td.viewArea > span {display:inline-block;line-height:21px;vertical-align:top;}
.tbl-view tr td.noReply > span {display:inline-block;line-height:21px;vertical-align:middle;color:#8c8c8c;font-size:15px;font-weight:bold;text-align:center;}
.tbl-view tr td.noReply {line-height:21px;vertical-align:middle;color:#8c8c8c;font-size:15px;font-weight:bold;text-align:center;}
.tbl-view tr td.viewArea .fileArea{overflow:hidden;margin:50px 0 0px;padding:16px 22px;background:#fafafa;border:1px solid #e1e1e1;border-radius:8px;}
.tbl-view tr td.viewArea .fileArea h6,
.tbl-view tr td.viewArea .fileArea ul{float:left;}
.tbl-view tr td.viewArea .fileArea h6{min-width:78px;padding:0 6px;background:url('../images/new/ico_arr_r.png') 66px 50% no-repeat;font-size:14px;font-weight:400;color:#474e62;line-height:30px;}
.tbl-view tr td.viewArea .fileArea > ul{width:678px;margin-left:16px;}
.tbl-view tr td.viewArea .fileArea > ul > li {overflow:hidden;position:relative;font-size:14px;font-weight:400;color:#797d8a;line-height:30px;letter-spacing:-0.02em;}
.tbl-view tr td.viewArea .fileArea > ul > li + li{margin-top:6px;}
.tbl-view tr td.viewArea .fileArea > ul > li a.cont {width:540px;display:inline-block;text-indent:0;}
.tbl-view tr td.viewArea .fileArea > ul > li .btn-down {position:absolute;top:5px;right:25px;}
.tbl-view tr td.viewArea .fileArea > ul > li .ico-fileType {vertical-align:middle;}
.tbl-view tr td.viewArea .fileArea > ul > li > p{overflow:hidden;float:left;width:calc(100% - 116px);margin-right:16px;text-overflow:ellipsis;white-space:nowrap;}
.tbl-view tr td.viewArea .fileArea > ul > li > p + a.btnFileDown{text-decoration:none;float:left;display:inline-block;box-sizing:border-box;width:100px;height:30px;padding-left:36px;background:url('../images/new/ico_down_on.png') 12px 50% no-repeat #3d78d6;border-radius:4px;font-size:14px;font-weight:400;color:#fff;}
.tbl-view tr.prev td, .tbl-view tr.next td {height:40px;line-height:40px;text-align:left;text-indent:35px;color:#333333;font-size:12px;background:transparent url('../images/new/bg_bar_02.gif') no-repeat left center;}
.tbl-view tr.prev td:first-child, .tbl-view tr.next td:first-child {height:40px;line-height:40px;text-align:center;text-indent:20px;color:#666666;}
.tbl-view tr.prev td:first-child {background:transparent url('../images/new/ico_toUpper.gif') no-repeat 20px center;}
.tbl-view tr.next td:first-child {background:transparent url('../images/new/ico_toLower.gif') no-repeat 20px center;}
.tbl-view tr.prev td {border-top:1px solid #989898;}
.tbl-view tr.next td {border-top:1px solid #e1e1e1;}

.desc-page {position:relative;width:100%;height:90px;font-family:'Noto Sans KR', sans-serif;font-size:16px;font-weight:400;color:#606677;line-height:1.327;letter-spacing:-0.045em;}
.desc-page span {font:inherit;color:#3d78d6;}
.desc-page .clr {color:#5fc1f7;}
.desc-page img.img-banner {position:absolute;margin-top:-60px;right:0;}
.desc-page .right_btns{position:relative;margin-top:25px;text-align:right;z-index:1;}
.desc-page .right_btns a[class^="btn_"],
.desc-page .right_btns button[class^="btn_"]{display:inline-block;box-sizing:border-box;min-width:165px;height:46px;padding:0 20px;background:#f1f1f1;border:1px solid #ddd;border-radius:23px;font-size:16px;font-weight:400;color:#393d49;text-align:center;line-height:2.675;letter-spacing:-0.02em;}
.desc-page .right_btns a[class^="btn_"]:hover{text-decoration:none;}
.desc-page .right_btns [class^="btn_"] + [class^="btn_"]{margin-left:10px;}
.desc-page .right_btns [class^="btn_"].on{background:#3d78d6;border:1px solid #3d78d6;color:#fff;}
.desc-page-02 {position:relative;width:100%;height:auto;margin-bottom:5px;color: #555;font:16px 'Nanum Gothic',"나눔고딕",NanumGothic,"돋움",Dotum,Helvetica,"Apple SD Gothic Neo",sans-serif;line-height:21px;}
.desc-page-02 span {color:#3d78d6;font-weight:600;}
.desc-page-02 img.img-banner {position:absolute;margin-top:-60px;right:0;}
.desc-page-03 {position:relative;width:100%;height:auto;margin-bottom:25px;color: #555;font:16px 'Nanum Gothic',"나눔고딕",NanumGothic,"돋움",Dotum,Helvetica,"Apple SD Gothic Neo",sans-serif;line-height:21px;}
.desc-page-03 span {color:#3d78d6;font-weight:600;}
.desc-page-03 img.img-banner {position:absolute;margin-top:-60px;right:0;}

.conditionalSrch {overflow:hidden;vertical-align:middle;height:44px;line-height:44px;color:#666666;font-size:14px;margin-top:11px;padding-bottom:1px;font-family:'Nanum Gothic',"나눔고딕",NanumGothic,"돋움",Dotum,Helvetica,"Apple SD Gothic Neo",sans-serif;}
.conditionalSrch label {float:left;vertical-align:middle;}
.conditionalSrch label select {vertical-align:middle;border:1px solid #d9d9d9;height:25px;color:#999999;font-size:12px;font-family:"Nanum Gothic","나눔고딕","돋움",Dotum,Helvetica,"Apple SD Gothic Neo",sans-serif;}
.conditionalSrch label input.text-02 {vertical-align:middle;font-size:12px;width:165px;height:25px;line-height:25px;padding:0 4px;color:#999999;border:1px solid #d9d9d9;margin-right:-5px;}
.conditionalSrch label img {vertical-align:middle;}
.conditionalSrch > ul {float:right;vertical-align:middle;margin-right:-8px;}
.conditionalSrch > ul > li {float:left;color:#666666;background:transparent url('../images/new/bg_bar_02.gif') no-repeat left center;padding:0 8px;text-align:center;}
.conditionalSrch > ul > li a {color:#666666;}
.conditionalSrch > ul > li:first-child {background:transparent;}
.conditionalSrch > ul > li:hover a,
.conditionalSrch > ul > li.on a {color:#3d78d6;}
.conditionalSrch-02 {overflow:hidden;vertical-align:middle;height:33px;line-height:33px;color:#666666;font-size:14px;font-family:'Nanum Gothic',"나눔고딕",NanumGothic,"돋움",Dotum,Helvetica,"Apple SD Gothic Neo",sans-serif;}
.conditionalSrch-02 label {float:left;vertical-align:middle;}
.conditionalSrch-02 label select {vertical-align:middle;border:1px solid #d9d9d9;height:25px;color:#999999;font-size:12px;}
.conditionalSrch-02 label input.text-02 {vertical-align:middle;font-size:12px;width:165px;height:25px;line-height:25px;padding:0 4px;color:#999999;border:1px solid #d9d9d9;margin-right:-5px;}
.conditionalSrch-02 label img {vertical-align:middle;}
.conditionalSrch-02 > ul {float:right;vertical-align:middle;margin-right:-8px;}
.conditionalSrch-02 > ul > li {float:left;color:#666666;background:transparent url('../images/new/bg_bar_02.gif') no-repeat left center;padding:0 8px;text-align:center;}
.conditionalSrch-02 > ul > li a {color:#666666;}
.conditionalSrch-02 > ul > li:first-child {background:transparent;}
.conditionalSrch-02 > ul > li:hover a,
.conditionalSrch-02 > ul > li.on a {color:#3d78d6;}
.conditionalSrch-02 > ul.left {float:none;}
.conditionalSrch-02 > ul.left > li:first-child {padding:0 8px 0 0;}

#exData .tabCnt {padding: 0 22px 0px 22px;}
#contents #exData .tabCnt .imgType {border-bottom: 0 none;}
.paragraph {margin-bottom:45px;}
.paragraph .paging-new {margin-bottom:0;}

.paging {position:relative;}
.paging-new {position:relative;padding:16px 0;height:14px;margin-bottom:20px;background:#fafafa;border-top:1px solid #e1e1e1;border-left:1px solid #e1e1e1;border-right:1px solid #e1e1e1;border-bottom:1px solid #c9c9c9;}
.paging-new a {padding:1px 3px 0px 4px;margin:0 2px;color:#333;border:1px solid #dcdde0;background:#ffffff;}
.paging-new a.on {color:#3d78d6;border:1px solid #3d78d6;}
.paging-new a.btn,
.paging-new a.btn2 {padding:3px 6px;color:#333;border:0 none;background:transparent;}
.paging-new a.btn:hover,
.paging-new a.btn2:hover {border:0 none;}
.paging-new span.select-all {position:absolute;left:19px;}
.paging-new div.control-all {position:absolute;top:9px;line-height:23px;vertical-align: top;right:19px;font-family:"Nanum Gothic","나눔고딕","돋움",Dotum,Helvetica,"Apple SD Gothic Neo",sans-serif;}
.paging-new div.control-all select {height:27px;border:1px solid #d9d9d9;font-size:12px;color:#777777;font-family:"Nanum Gothic","나눔고딕","돋움",Dotum,Helvetica,"Apple SD Gothic Neo",sans-serif;min-width:155px;}
.paging-new div.control-all a {border:0 none;padding:0;margin:0;}
.paging-new div.control-all span.currentSlt {color:#444444;font-size:13px;font-weight:600;margin-right:3px;}
.paging-new div.control-all span.currentSlt span {color:#3d78d6;}

.beRightContents .paging span.select-all,
.beRightContents .paging div.control-all {display:none;}

.ctrlLine {position:relative;padding:14px 0;height:14px;margin-bottom:20px;background:#fafafa;border-left:1px solid #e1e1e1;border-right:1px solid #e1e1e1;border-bottom:1px solid #c9c9c9;}
.ctrlLine a {padding:1px 3px 1px 5px;margin:0 2px;color:#333;border:1px solid #dcdde0;background:#ffffff;}
.ctrlLine a.on {color:#3d78d6;border:1px solid #3d78d6;}
.ctrlLine a.btn, .ctrlLine a.btn2 {padding:3px 6px;color:#333;border:0 none;background:transparent;}
.ctrlLine a.btn:hover, .ctrlLine a.btn2:hover {border:0 none;}
.ctrlLine span.select-all {position:absolute;text-align:center;width:53px;}
.ctrlLine span.select-all.type02 {position:absolute;top:15px;left:9px;text-align:left;width:auto;}
.ctrlLine div.control-all {position:absolute;top:9px;line-height:23px;vertical-align: top;right:18px;font-weight: normal;}
.ctrlLine div.control-all a {border:0 none;padding:0;margin:0;}
.ctrlLine div.control-all span.currentSlt {color:#444444;font-size:13px;font-weight:600;margin-right:3px;}
.ctrlLine div.control-all span.currentSlt span {color:#3d78d6;}

div.caption h4.info {font-size:14px;font-weight:normal !important;letter-spacing:-0.3px;}
.categorySrch {height:47px;line-height:47px;vertical-align:middle;overflow:hidden;border-top:1px solid #989898;font-family:"Nanum Gothic","나눔고딕","돋움",Dotum,Helvetica,"Apple SD Gothic Neo",sans-serif;}
.categorySrch .navi {font-size:12px;line-height:47px;color:#999999;vertical-align:middle;float:left;font-weight:bold;}
.categorySrch .navi span {color:#666666;}
.categorySrch label {float:right;}
.categorySrch label input.text-01 {vertical-align: middle;font-size: 12px;width: 165px;height: 25px;line-height: 25px;padding: 0 4px;color: #999999;border: 1px solid #d9d9d9;margin-right: -5px;}
.categorySrch label img {vertical-align: middle;}
.searchAreaN {height:38px;margin:17px 0 0 0;padding:10px 0 0 0;background:#fbfbfb;text-align:center;border:1px solid #e1e1e1;border-bottom:1px solid #c9c9c9;}
.searchAreaN select {vertical-align:top;height:27px;border:1px solid #d9d9d9;}
.searchAreaN .text {vertical-align:top;height:22px;border:1px solid #d9d9d9;}
div.categorySubject-wrapper{margin-bottom:45px;}
ul.categorySubject{overflow:hidden;border-bottom:1px solid #ccd9dc;font-family:'Noto Sans KR', sans-serif}
ul.categorySubject > li{float:left;position:relative;box-sizing:border-box;width:130px;min-height:247px;border-top:1px solid #ccd9dc;border-right:1px solid #ccd9dc;border-bottom:0;}
ul.categorySubject > li:first-child{border-left:1px solid #ccd9dc;}
ul.categorySubject > li:after{content:'';position:absolute;top:0;left:-1px;display:inline-block;width:1px;height:100%;background:#ccd9dc;}
#contents #conts ul.categorySubject > li h3 {height:28px;line-height:28px;text-indent:13px;border:1px solid #ccd9dc;background:#eff7fb;font-size:14px;font-weight:400;color:#393d49;margin:-1px -1px 0;}
#contents #conts ul.categorySubject > li h3 span {display:block;border:1px solid #f8fcfd;height:29px;}
#contents #conts ul.categorySubject > li > ul {padding:9px 0 15px;border-top:1px solid #f0f5f6;}
ul.categorySubject > li > ul > li a {display:block;font-size:14px;font-weight:300;color:#8e9091;line-height:21px;text-indent:14px;}
ul.categorySubject > li > ul > li:hover a {color:#888888;background:#e6edf7;text-decoration:none;}
ul.categorySubject > li > ul > li:hover a span,
ul.categorySubject > li > ul > li.on a span {padding-right:10px;line-height:21px;background:transparent url('../images/new/arr_menu.gif') no-repeat right 50%;}
ul.categorySubject > li > ul > li.on a {background:#e6edf7;}
#contents #conts ul.categorySubject > li.on h3 {color:#3d78d6;}
.noData {padding-top:90px;text-align:center;color:#666666;font-size:15px;font-weight:600;}
.noData span {color:#3d78d6;}
.classWrap .noData {padding: 90px 0;}
div.caption {position:relative;text-align:left;color:#444444;height:27px;line-height:27px;padding:5px 0;font-size:14px;font-family:"Nanum Gothic","나눔고딕","돋움",Dotum,Helvetica,"Apple SD Gothic Neo",sans-serif;visibility:visible;}
div.caption h4 {font-size:17px;font-weight:600;display:inline;height:27px;line-height:27px;}
div.caption h4 span {color:#3d78d6;font-size:14px;margin-left:3px;font-weight:normal;height:27px;line-height:27px;}
div.caption h4 span.comment {color:#999999;font-size:12px;margin-left:20px;font-weight:normal;}
div.caption p {color:#444444;font-size:11px;height:27px;	line-height:27px;padding-top:0px;}
div.caption p.info {font-size:14px;}
div.caption p span {color:#3d78d6;vertical-align:top;}
div.caption div.add-R {position:absolute;top:5px;right:0;padding-top:0px;font-size:14px;color:#444444;}
div.caption select {height:27px;border:1px solid #d9d9d9;font-size:12px;color:#777777;font-family:"Nanum Gothic","나눔고딕","돋움",Dotum,Helvetica,"Apple SD Gothic Neo",sans-serif;min-width:139px;}
div.caption.data_sorting {height:42px; padding:14px 0 0 20px; margin-bottom:10px;border:1px solid #d9d9d9; border-top:2px solid #8b8b8b;background:#f6f6f6;}
div.wTblList-new {margin-top:0px;font-family:"Nanum Gothic","나눔고딕","돋움",Dotum,Helvetica,"Apple SD Gothic Neo",sans-serif;}
div.wTblList-new table tbody td {font-family:"Nanum Gothic","나눔고딕","돋움",Dotum,Helvetica,"Apple SD Gothic Neo",sans-serif;}
div.wTblList-new td.noData {padding:200px 0;text-align:center;color:#8c8c8c;font-size:15px;font-weight:bold;}
div.wTblList-new td .level {margin-top:5px}
div.titleBox-view {position:relative;text-align:left;color:#555555;height:60px;line-height:60px;border-top:1px solid #989898;border-bottom:1px solid #e1e1e1;background:#fafafa;margin-bottom:9px;}
div.comViewInfo {position:relative;}
div.titleBox-view img,
div.comViewInfo img {vertical-align:middle;}
div.titleBox-view img.fileType {margin-right:12px;}
div.titleBox-view h4 {font-size:16px;font-weight:normal;vertical-align:middle;padding-left:30px;}
div.titleBox-view h4 span {color:#3d78d6;}
div.titleBox-view div.add-R,
div.comViewInfo span.opt {position:absolute;top:17px;right:30px;overflow:hidden;}
div.titleBox-view div.add-R select {height:25px;border:1px solid #d9d9d9;font-size:12px;color:#777777;}
div.titleBox-view div.add-R a,
div.comViewInfo span.opt a {float:left;width:70px;height:26px;line-height:26px;margin:0 0 0 4px;overflow:hidden;}
div.titleBox-view div.add-R a img,
#contents div.comViewInfo span.opt a img {vertical-align:top;}
div.titleBox-view div.add-R a.btn-view-ch:hover img,
#contents div.comViewInfo span.opt a.btn-view-ch:hover img {margin-top:-26px;}
div.titleBox-view div.add-R > img,
div.comViewInfo span.opt > img {margin:17px 0 0 4px;float:left;}
#contents #conts div.titleBox-list {position:relative;height:60px;line-height:60px;background:#65bfd7;border:1px solid #55b4cb;margin-bottom:20px;}
#contents #conts div.titleBox-list h3 {padding-left:26px;line-height:60px;color:#ffffff;font-size:22px;font-weight:600;display:inline;}
#contents #conts div.titleBox-list h3 span {font-size:15px;color:#dbf9ff;padding-left:9px;margin-left:8px;background:url(../images/new/separator.gif) no-repeat left center;}
#contents #conts div.titleBox-list p {position:absolute;top:0;height:60px;line-height:60px;right:26px;font-size:12px;color:#0b738d;display:inline;text-align:right;}
#contents #conts div.titleBox-list p img.vAlign {height:100%;width:1px;}
#contents #conts div.titleBox-list p span {display:inline-block;line-height:15px;vertical-align:middle;}
#contents #conts div.culture-movie {position:relative;height:30px;font-size:12px;line-height:30px;margin-top:-25px;margin-bottom:10px;}
#contents #conts div.culture-movie img {margin-left:24px;float : right;}

/* 타이틀 옆에 버튼 _ 문학관*/
#contents .unitData-new a.literature {font-size:0;position:absolute;width:149px;height:24px;top:0;right:0;background:url('../images/new/btn_issue_literature.png') no-repeat top left;}
#contents .unitData-new a.literature:hover {background:url('../images/new/btn_issue_literature_on.png') no-repeat top left;}

/* 타이틀 옆에 버튼 _ 사이언스*/
#contents .unitData-new a.science {font-size:0;position:absolute;width:149px;height:24px;top:0;right:152px;background:url('../images/new/btn_issue_science.png') no-repeat top left;}
#contents .unitData-new a.science:hover {background:url('../images/new/btn_issue_science_on.png') no-repeat top left;}

/* 타이틀 옆에 버튼 _ 독도*/
#contents .unitData-new a.dokdo {font-size:0;position:absolute;width:149px;height:24px;top:0;right:0;background:url('../images/new/btn_issue_dokdo.png') no-repeat top left;}
#contents .unitData-new a.dokdo:hover {background:url('../images/new/btn_issue_dokdo_on.png') no-repeat top left;}

/* 타이틀 옆에 버튼 _ 미술관*/
#contents .unitData-new a.art {font-size:0;position:absolute;width:149px;height:24px;top:0;right:0;background:url('../images/new/btn_issue_art.png') no-repeat top left;}
#contents .unitData-new a.art:hover {background:url('../images/new/btn_issue_art_on.png') no-repeat top left;}

/* 타이틀 옆에 버튼 _ 과학실험실*/
#contents .unitData-new a.sciencelab {font-size:0;position:absolute;width:149px;height:24px;top:0;right:0;background:url('../images/new/btn_issue_sciencelab.png') no-repeat top left;}
#contents .unitData-new a.sciencelab:hover {background:url('../images/new/btn_issue_sciencelab_on.png') no-repeat top left;}
#contents .unitData-new {border-bottom:0 none;}
#contents .unitData-new .tabCnt {border:0 none;border-top:1px solid #e1e1e1;}
#contents .unitData .tabCnt .imgType {border-bottom: 1px solid #e1e1e1;padding:0 0 0px;}
#contents .unitData .tabCnt .imgType ul {margin-top:10px;margin-left:4px;}
#contents .unitData-new .tabCnt .imgType ul li {height:175px;margin:10px 45px 30px 0;}
.unitData-new .tabCnt .imgType ul li p {overflow:hidden;}
.unitData-new .tabCnt .imgType ul li p a {display:inline-block;width:auto;height:23px;width:68px;float:left;}
.unitData-new .tabCnt .imgType ul li p a.btn-view-ch:hover img {margin-top:-23px;}
.unitData-new .tabCnt .imgType ul li p a:first-child {margin-right:4px;}
.unitData-new .tabCnt .imgType ul li p img {}
.unitData-new .tabCnt .imgType ul li p img:first-child {margin-right:0;}
.unitData-new .tabCnt .imgType ul li p.cTitle {height:31px;}
.unitData-new .tabCnt .imgType ul li p.cTitle input[type="checkbox"],
.unitData-new .tabCnt .imgType ul li p.cTitle input[type="radio"] {margin:initial;}
.unitData-new .tabCnt .imgType img.icon-new {position:absolute;top:0;left:0;}
.unitData .tabCnt .imgType ul li p label {font-size:12px;color:#555555;}
.area-docs div.eduCourseDataSlideInfo > ul > li {height:initial !important;}
.area-docs div.eduCourseDataSlideInfo {border:1px solid #e1e1e1;}
.area-docs {position:relative;width:747px;overflow:hidden;}
.area-docs a {display:block;}
.area-docs a .btn-toL, .area-docs a .btn-toR {position:absolute;width:66px;height:100px;top:50%;margin:-115px 0 0 0;z-index:10;}
.area-docs a .btn-toL {position:absolute;left:0;background:transparent url(../images/new/btn_toL.png) no-repeat 0 0;}
.area-docs a .btn-toR {position:absolute;right:0;background:transparent url(../images/new/btn_toR.png) no-repeat 0 0;}
.area-docs a.pic-x .btn-toL:hover {background:transparent url(../images/new/btn_toL_on.png) no-repeat 0 0;}
.area-docs a.pic-o .btn-toR:hover {background:transparent url(../images/new/btn_toR_on.png) no-repeat 0 0;}
.area-docs .img-doc {width:745px;height:1055px;border:1px solid #e1e1e1;}
.area-docs .paging-select {position:relative;z-index:3;text-align:center;font-size:14px;color:#444444;vertical-align:middle;height:27px;line-height:27px;margin:11px 0 13px;}
.area-docs .paging-select span {font-weight:600;}
.area-docs .paging-select select {border:1px solid #d9d9d9;vertical-align:middle;margin:0 4px;}
div.pagingSelect {position:relative;min-width:52px;height:25px;border:1px solid #d9d9d9;display:inline-block;*display:inline;*zoom:1;background:transparent url(../images/new/btn_select.gif) no-repeat right center;vertical-align: middle;margin:0 6px;font-size:14px;line-height:25px;text-align:left;}
div.pagingSelect ol {display:none;position:absolute;/* top:25px; */bottom:25px;left:0;width:52px;max-height:220px;overflow-y:auto;border:1px solid #d9d9d9;margin-left:-1px;background:#ffffff;z-index:10;}
.area-docs .paging-select div.pagingSelect span {height:25px;width:25px;display:block;text-align:left;color:#444444;font-weight:normal;padding-left:4px;}
div.pagingSelect ol li {height:22px;line-height:22px;padding-left:4px;}
div.pagingSelect ol li a {color:#444444;}
div.pagingSelect ol li a:hover {text-decoration:none;}
.area-media {position:relative;width:745px;border:1px solid #e1e1e1;margin-bottom:24px;}
.area-media img.imgView {/* margin-bottom:-22px; */}
.area-media .info-media {overflow:hidden;height:15px;line-height:15px;margin:21px 38px 22px 30px;}
.area-media .info-media h6 {float:left;font-size:15px;font-weight:600;color:#333333;}
.area-media .info-media .playTime {float:right;font-size:13px;color:#666666;}
.area-media .info-media .playTime span {color:#3d78d6;margin-left:5px;}
.area-media .desc-media {overflow:hidden;line-height:20px;margin:12px 38px 0 30px;padding:9px 0 22px 3px;color:#666666;/* border-top:1px solid #ebebeb; */}
.area-media .zipView {/* border-bottom:1px solid #e1e1e1;margin-bottom:13px; */}
.area-media .btn-zipView {position:absolute;top:65px;left:124px;}
.box-ccl {position:relative;padding:15px 0 21px;border-top:1px solid #d2d7e1;background:#f1f5fc;/* background:#f1f5fc url(../images/new/img-CCL.png) no-repeat right 0; *//* min-height:52px; */margin-top:13px;}
.box-ccl dl.by-01, .box-ccl dl.by-02 {overflow:hidden;margin-left:27px;line-height:18px;padding:2px 0;font-size:12px;}
.box-ccl dl.by-01 dt, .box-ccl dl.by-02 dt {float:left;font-weight:600;color:#5b6f94;}
.box-ccl dl.by-01 dd, .box-ccl dl.by-02 dd {float:left;color:#444444;}
.box-ccl dl.list-ccl {position:absolute;top:14px;right:29px;font-size:12px;color:#5b6f94;text-align:right;line-height:24px;width:190px;}
.box-ccl dl.list-ccl dt {display:inline-block;width:60px;height:24px;line-height:24px;margin-right: 5px;}
.box-ccl dl.list-ccl dd {display:inline-block;width:25px;margin-bottom:6px;}
.content-ipsi {position:relative;}
.content-ipsi img.btn-go-01 {position:absolute;top:100px;left:547px;z-index:12;}
.content-ipsi img.btn-go-02 {position:absolute;top:430px;left:586px;z-index:12;}
.content-ipsi .end-ipsi {position:absolute;top:287px;left:31px;}
.content-ipsi .end-ipsi.new {position:absolute;top:287px;left:31px;width:685px;height:73px;padding-top:37px;background: url('../images/opendata/ipsi/bg_end.png') 0 0 no-repeat;text-align:center;font:15px "Nanum Gothic","나눔고딕",NanumGothic,"돋움",Dotum,Helvetica,"Apple SD Gothic Neo",sans-serif;color:#444;font-weight:bold;line-height:1.3}
.content-ipsi .end-ipsi.new em {color:#d95039}

div.srchArea {width:935px;font-family:"Nanum Gothic","나눔고딕","돋움",Dotum,Helvetica,"Apple SD Gothic Neo",sans-serif;}
div.srchArea div.infoResult {font-size:15px;color:#666666;margin-top:28px;}
div.srchArea div.infoResult span {color:#3d78d6;}
.searchLine {overflow:hidden;border-bottom:1px solid #989898;font-family:"Nanum Gothic","나눔고딕","돋움",Dotum,Helvetica,"Apple SD Gothic Neo",sans-serif;vertical-align:middle;margin-top:29px;}
.searchLine h3 {float:left;color:#434343;font-size:38px;font-weight:bold;vertical-align:middle;height:82px;line-height:82px;}
.searchLine div.searchBox {float:left;vertical-align:middle;height:82px;line-height:82px;margin:0 15px 0 27px;}
.searchLine div.searchBox input.inputSearch {border:3px solid #5085da;width:334px;height:34px;vertical-align:middle;text-indent:5px;font-size:16px;color:#666666;font-family:"Nanum Gothic","나눔고딕","돋움",Dotum,Helvetica,"Apple SD Gothic Neo",sans-serif;}
.searchLine div.searchBox a {display:inline-block;}
.searchLine div.searchBox button.btn-search {background:#5085da;width:74px;height:40px;line-height:40px;vertical-align:middle;border-right:3px solid #5085da;color:#ffffff;font-size:18px;font-weight:bold;font-family:"Nanum Gothic","나눔고딕","돋움",Dotum,Helvetica,"Apple SD Gothic Neo",sans-serif;}
.searchLine div.desc-page {float:left;width:auto;font-weight:normal;vertical-align:middle;line-height:82px;}
.searchLine div.desc-page img.vAlign {height:100%;width:1px;}
.searchLine div.desc-page span {display:inline-block;line-height:18px;vertical-align:middle;color:#666666;font-size:13px;font-weight:normal;}

/* 공통탭 */
.tabArea {margin: 15px 0 34px;}
.tabArea ul {padding-left: 1px;font:normal 13px "Nanum Gothic","나눔고딕",NanumGothic,"돋움",Dotum,Helvetica,"Apple SD Gothic Neo",sans-serif;overflow:hidden;margin-right:-1px;}
.tabArea ul li {width: auto;margin-left: -1px;float: left;}
.tabArea ul li a {position: relative;z-index: 1;width: auto;padding:8px 0;display: inline-block;color: #8c8c8c;font-size: 13px;text-align: center;border:1px #d8dadd solid;background: #f7f7f7;letter-spacing: -0.2px;width:118px;line-height:16px;font-weight:bold;}
.tabArea ul li:first-child a {width:100px;}
.tabArea ul li a span {display:block;color:#666666;font-weight:bold;}
.tabArea ul li a:hover,
.tabArea ul li a.on {z-index: 2;color: #3d78d6;border-right: 1px solid #989da7;border-left: 1px solid #989da7;border-top: 3px solid #3d78d6;border-bottom: 1px solid #ffffff;background: #fff;padding:6px 0 8px;text-decoration:none;font-weight:bold;}
.tabArea ul li a:hover span,
.tabArea ul li a.on span {color: #3d78d6;}
/* 2017-03-20 자유학기제 tab */
.tabArea.freetab {margin: 15px 0 10px;}
.tabArea.freetab li {width:10.1%;}
.tabArea.freetab li a {width:100%;}
.tabArea.freetab ul li:first-child a {width:100%;}
.tabArea.freetab ul li a:hover,
.tabArea.freetab ul li a.on {border-top: 3px solid #3db9d6;}
.tabArea.freetab ul li a.on span {color: #26a8e2;}

div.group-srch {overflow:hidden;margin-bottom:45px;}
ul.srchList {font-family:"Nanum Gothic","나눔고딕","돋움",Dotum,Helvetica,"Apple SD Gothic Neo",sans-serif;border-bottom:1px solid #989898;/* margin-bottom:20px; */}
ul.srchList li {height:86px;overflow:hidden;vertical-align:middle;border-top:1px solid #e1e1e1;padding-left:5px;}
ul.srchList li:first-child {border-top:1px solid #989898;}
ul.srchList li div.areaL {float:left;margin-left:15px;}
ul.srchList li div.areaL img.thumbImg {width:91px;height:64px;border:1px solid #bebbc2;vertical-align:top;margin-top:10px;}
ul.srchList li div.areaC {float:left;vertical-align:middle;margin-left:15px;}
ul.srchList li div.areaC dl {vertical-align:middle;display:inline-block;margin-top:22px;}
ul.srchList li div.areaC dl dt {color:#555555;font-size:15px;vertical-align:top;height:26px;}
ul.srchList li div.areaC dl dt a {color:#555555;}
ul.srchList li div.areaC dl dt a img {color:#555555;vertical-align:top;}
ul.srchList li div.areaC dl dt a span {color:#111111;font-weight:bold;}
ul.srchList li div.areaC dl dd {color:#999999;font-size:12px;vertical-align:top;height:30px;/* text-indent:19px; */}
ul.srchList li div.areaC dl dd.imgblank {text-indent:19px;}
ul.srchList li div.areaR {float:right;padding-right:16px;}
ul.srchList li div.areaR a {display:inline-block;}
ul.srchList li div.areaR img {margin-top:30px;margin-right:4px;}
div.srchArea .srchList > .noData,
div.group-srch .srchList > .noData {padding:200px 0;text-align:center;color:#999999;font-size:14px;height:14px;margin:0 !important;display:block;font-weight:bold;border:0 none;border-top:1px solid #989898;}
div.addedMenu div.btnsR {float:right;margin:10px 20px 0 0;}
div.addedMenu div.btnsR a.btn {color:#666666;font-weight:600;font-size:14px;padding-right:13px;background:url(../images/new/arr_menu_6.gif) no-repeat right 4px;}
div.caption-srch {position: relative;text-align: left;color: #444444;height: 27px;line-height: 27px;padding: 5px 0;}
div.caption-srch h4 {font-size:20px;font-weight:bold;display: inline;}
div.caption-srch h4 span {color:#3d78d6;font-size:16px;margin-left: 3px;font-weight: normal;}
div.caption-srch h4 span.comment {color: #999999;font-size: 12px;margin-left: 20px;font-weight: normal;}
div.caption-srch div.add-R {position: absolute;bottom:5px;right: 0;color:#333333;font-size:14px;}
div.caption-srch div.add-R select {height: 25px;border: 1px solid #d9d9d9;font-size: 12px;color: #777777;font-family:"Nanum Gothic","나눔고딕","돋움",Dotum,Helvetica,"Apple SD Gothic Neo",sans-serif;vertical-align:bottom;margin-left:4px;}
div.group-srch div.paging {margin-top:20px;}
#exData .txtList {font-size:15px;color:#333333;font-weight:normal;font-family:"Nanum Gothic","나눔고딕","돋움",Dotum,Helvetica,"Apple SD Gothic Neo",sans-serif;border-bottom:0 none;min-height:450px;}
#exData .txtList li {padding:10px 0 12px;}
#exData .txtList li .txtListCnt {padding:9px 20px 0px 0;}
#exData .txtList li .txtListCnt a {font-weight:normal;}
#exData .txtList li .txtListCnt dl dt {margin:2px 0 7px 0;line-height: 1.4;color: #333333;font-size: 16px;}
#exData .txtList li .txtListCnt dl dt a {font-size:15px;color:#333333;}
#exData .txtList li .txtListCnt dl dd a {font-size:13px;color:#888888;line-height: 16px;}
#exData .txtList li .area_check input {margin: 0px 18px;}
div.myClassArea-a-01 {border:1px solid #d1d6db;overflow:hidden;}
div.myClassArea-a-01 div.areaL {float:left;}
div.myClassArea-a-01 div.areaR {float:right;width:218px;border-left:1px solid #d1d6db;}
div.myClassArea-a-01 div.areaR div.areaR-wrap {border:1px solid #fbfcfe;border-right:0 none;background:#f1f5fc url(../images/new/img_book_02.png) no-repeat right bottom;}
div.myClassArea-a-01 div.areaR div.areaR-wrap div.areaT {position:relative;background:url(../images/new/border_dotted.gif) repeat-x 0 bottom;margin:0 16px 0 13px;}
div.myClassArea-a-01 div.areaR div.areaR-wrap div.areaT div.btns {position:absolute;top:10px;right:2px;}
.leftContents .classWrap .txt ul {top:-1px;}
.lnbBtn-bottom {margin-bottom:10px;}
.area-media .Player {width:745px;position:relative;}
.btnsB {height:46px;line-height:46px;border: 1px solid #e1e1e1;border-bottom: 1px solid #c9c9c9;text-align: right;color: #333;font: 13px "Nanum Gothic","나눔고딕",NanumGothic,"돋움",Dotum,Helvetica,"Apple SD Gothic Neo",sans-serif;background: #fafafa;vertical-align:middle;padding-right:19px;}
.btnsB select {height:25px;line-height:25px;color:#999999;font-size:12px;vertical-align:middle;border:1px solid #d9d9d9;}
.btnsB label,
.btnsB a,
.btnsB img {vertical-align:middle;display: inline-block;line-height: 46px;}
.btnsB label {color:#757575;margin-left:7px;margin-right:4px;font-size:12px}
.thumbList-new,
.thumbList2-new {position:relative;}
.thumbList-new a.icon,
.thumbList2-new a.icon {position:absolute;right:2px;bottom:2px;/* margin:-16px 0 0 0-16px; */}

/* 수박씨 팝업 */
.popup-infoMyClass1 {position:absolute;z-index:3;width:260px;top:254px;left:50%;margin-left:-281px;border:5px solid #5f6679;}
.popup-infoMyClass1 .imgArea {}
.popup-infoMyClass1 .popFooter {position:relative;padding:5px 0 0px;height:17px;line-height:17px;vertical-align:middle;background: #5f6679;color:#ffffff;font-weight:normal;}
.popup-infoMyClass1 .popFooter label {position:absolute;left:6px;top:5px;vertical-align:middle;}
.popup-infoMyClass1 .popFooter label input {vertical-align:middle;}
.popup-infoMyClass1 .popFooter a.btn-close {position:absolute;right:6px;top:5px;color:#ffffff;padding-right:16px;background: url('/images/new/btn_mainLayer_close.gif') no-repeat right 3px;}

/* 수박씨 배너 추가 2021-04-29  */
.soobakcConts .soobakcBanner {margin-bottom:30px;}
.soobakcConts .desc-page {height:45px;}

/* 2021-05-21 수박씨 앱 팝업 추가 */
.soobakCAppPop{overflow:hidden;position:absolute;top:290px;left:50%;display:none;margin-left:-90px;border-radius:20px;transform:translate(-50%, 8%);z-index:1;box-shadow:1px 8px 13px rgba(45, 50, 65, 0.32);}
.soobakCAppPop .popBtm{padding:12px 10px;background:#efefef;text-align:right;}
.soobakCAppPop .popBtm .btnClose{position:absolute;top:15px;right:15px;display:inline-block;width:22px;height:22px;background:url(/images/new/btn_msgPop_close03.png) 0 0 no-repeat;background-size:22px 22px;}

/* 2021-12-10 수박씨 추천강의 운영 안내 팝업 */
.soobakCAppPop.popup-infoMyClass4 {margin-left:-100px;}
.soobakCAppPop.popup-infoMyClass4 .popCont a {position:absolute;top:257px;left:0;right:0;display:block;width:275px;height:57px;margin:auto;}
.soobakCAppPop.popup-infoMyClass4 .popBtm {padding:12px 14px;}
.soobakCAppPop.popup-infoMyClass4 .popBtm input {margin:-3px 5px 0 0;}
.soobakCAppPop.popup-infoMyClass4 .popBtm label {fon-size:13px;color:#a9a9a9;letter-spacing:-0.3px;font-family:"Noto Sans KR", sans-serif;font-weight:400;}
.soobakCAppPop.popup-infoMyClass4 .popBtm .btnClose {top:20px;right:20px;}

/* 2022-01-13 2022년 1학기 수박씨 추천강의 업데이트 완료 팝업 */
.soobakCAppPop.popup-infoMyClass5 {margin-left:-100px;}
.soobakCAppPop.popup-infoMyClass5 .popCont a {position:absolute;top:257px;left:0;right:0;display:block;width:250px;height:50px;margin:auto;}
.soobakCAppPop.popup-infoMyClass5 .popBtm {padding:12px 14px;}
.soobakCAppPop.popup-infoMyClass5 .popBtm input {margin:-3px 5px 0 0;}
.soobakCAppPop.popup-infoMyClass5 .popBtm label {fon-size:13px;color:#767676;letter-spacing:-0.3px;font-family:"Noto Sans KR", sans-serif;font-weight:400;}
.soobakCAppPop.popup-infoMyClass5 .popBtm .btnClose {top:20px;right:20px;}

/* 비바샘 활용가이드 */
#guidePrint {display:none}
#layerGuide {position:absolute; width:935px; height:930px; background: #fff;box-shadow: 0px 1px 1px #000; font:14px 'Nanum Gothic', "나눔고딕",NanumGothic,sans-serif;}
#layerGuide h2 {padding:0 35px 0;height:54px}
#layerGuide h2.elementary {position:relative;background:#44a500;border-bottom:1px solid #389700;}
#layerGuide h2.elementary span.class {width:68px;text-align:center;position:absolute;top:22px;left:90px;background:#1c7700;border-radius:16px;color:#fff;font-size:18px ;font-weight:bold;padding:6px 20px 6px;margin:0 5px;}
#layerGuide h2.middle {position:relative;background:#55b4cb;border-bottom:1px solid #43a6c0;}
#layerGuide h2.middle span.class {width:68px;text-align:center;position:absolute;top:22px;left:90px;background:#1c7fa2;border-radius:16px;color:#fff;font-size:18px ;font-weight:bold;padding:6px 20px 6px;margin:0 5px;}
#layerGuide h2.high {position:relative;background:#996fc0;border-bottom:1px solid #8a60b5;}
#layerGuide h2.high span.class {width:68px;text-align:center;position:absolute;top:22px;left:90px;background:#683d9a;border-radius:16px;color:#fff;font-size:18px ;font-weight:bold;padding:6px 20px 6px;margin:0 5px;}
#layerGuide h2 img {margin-right:125px;vertical-align: middle;}
#layerGuide h2 {font-size:24px;font-weight:bold;color:#fff;padding-top:22px}
#layerGuide h2 span.guide {color:#fff3a1;}
#layerGuide h2 a.close {position:absolute; top:22px; right:35px; }
#layerGuide h2 a.close img {margin-right:0;}
#layerGuide .info {position:relative;height:30px;font-size:13px;color:#555;border-bottom:1px solid #cfcfcf;margin-top:4px;padding:11px 35px 0 35px;}
#layerGuide .info img {margin-right:10px;vertical-align: middle;}
#layerGuide .info .print {position:absolute; top:6px; right:35px; }
#layerGuide .info .print img {margin-right:0;}
#layerGuide .copy {text-align:center;font-size:12px;color:#444;}
#layerGuide .guideContainer {width:875px;height:700px;margin:0 auto;}
#layerGuide .guideContainer .cont01,
#layerGuide .guideContainer .cont02,
#layerGuide .guideContainer .cont03,#layerGuide .guideContainer .etc, #layerGuide .guideContainer .copy {margin-top:30px;position:relative;}
#layerGuide .guideContainer .cont01 .btnBox {position:absolute; top:0; right:0;}
#layerGuide .guideContainer .cont01 .titleE {font-size:20px;color:#222;font-weight:bold;background:url(../images/educourseGuide/ico_cont01_e.png) no-repeat 0 0;margin-bottom:7px;line-height:25px;padding-left:35px;padding-top:5px;}
#layerGuide .guideContainer .cont01 .titleM {font-size:20px;color:#222;font-weight:bold;background:url(../images/educourseGuide/ico_cont01_m.png) no-repeat 0 0;margin-bottom:7px;line-height:25px;padding-left:35px;padding-top:5px;}
#layerGuide .guideContainer .cont01 .titleH {font-size:20px;color:#222;font-weight:bold;background:url(../images/educourseGuide/ico_cont01_h.png) no-repeat 0 0;margin-bottom:7px;line-height:25px;padding-left:35px;padding-top:5px;}
#layerGuide .guideContainer .cont02 .title {font-size:20px;color:#222;font-weight:bold;background:url(../images/educourseGuide/ico_cont02.png) no-repeat 0 0;margin-bottom:7px;line-height:25px;padding-left:35px;padding-top:2px;}
#layerGuide .guideContainer .cont03 .title {font-size:20px;color:#222;font-weight:bold;background:url(../images/educourseGuide/ico_cont03.png) no-repeat 0 0;margin-bottom:7px;line-height:25px;padding-left:35px;padding-top:1px;}

#layerGuide .guideContainer .cont01 table {width:100%; margin:0;border-top:2px solid #808b97;}
#layerGuide .guideContainer .cont01 table tr th {width:130px;padding:20px 25px;text-align:left;color:#444;font-size:14px;border-bottom:1px solid #c4c4c4;vertical-align: top;}
#layerGuide .guideContainer .cont01 table tr th.e {background:#e8f4df;}
#layerGuide .guideContainer .cont01 table tr th.m {background:#e5f3f7;}
#layerGuide .guideContainer .cont01 table tr th.h {background:#efebf3;}
#layerGuide .guideContainer .cont01 table tr td {width:645px;padding:10px 25px;text-align:left;color:#666;font-size:13px;border-bottom:1px solid #c4c4c4;}
#layerGuide .guideContainer .cont01 table tr td ul {}
#layerGuide .guideContainer .cont01 table tr td ul li {float:left;width:31%;background:url(../images/educourseGuide/dot_grey.png) no-repeat 0 6px;margin:3px 0;padding-left:10px;}

#layerGuide .guideContainer .cont02 table {width:100%; margin:0;border-top:2px solid #808b97;}
#layerGuide .guideContainer .cont02 table tr th {width:130px;padding:15px 25px;text-align:left;color:#444;font-size:14px;background:#f5efe9;border-bottom:1px solid #c4c4c4;vertical-align: top;}
#layerGuide .guideContainer .cont02 table tr td {width:645px;padding:6px 25px;text-align:left;color:#666;font-size:13px;border-bottom:1px solid #c4c4c4;}
#layerGuide .guideContainer .cont02 table tr td ul {}
#layerGuide .guideContainer .cont02 table tr td ul li {float:left;width:19%; margin:3px 0;padding-left:5px;}

#layerGuide .guideContainer .cont03 table {width:100%; margin:0;border-top:2px solid #808b97;}
#layerGuide .guideContainer .cont03 table tr th {width:130px;padding:15px 25px;text-align:left;color:#444;font-size:14px;background:#f8f2e2;border-bottom:1px solid #c4c4c4;vertical-align: top;}
#layerGuide .guideContainer .cont03 table tr td {width:645px;padding:6px 25px;text-align:left;color:#666;font-size:13px;border-bottom:1px solid #c4c4c4;}
#layerGuide .guideContainer .cont03 table tr td ul {}
#layerGuide .guideContainer .cont03 table tr td ul li {float:left;width:19%; margin:3px 0;padding-left:5px;}

#layerGuide .guideContainer .etc {border:1px solid #e7e7e7;background:#fafafa;height:100px}
#layerGuide .guideContainer .etc ul {overflow:auto;margin:0 auto;}
#layerGuide .guideContainer .etc ul li {float:left;width:15.5%; margin:10px 5px 20px;text-align:center;font-size:13px;color:#4a576e;}
#layerGuide .guideContainer .etc ul li img {display:block;margin:10px auto;}

/*정시모집 배치표 팝업*/
#infoTable {position:absolute; top:400px; left:100px;z-index:10000;width:550px; border:1px solid #999; font-family:'Nanum Gothic',"나눔고딕",NanumGothic,"돋움",Dotum,Helvetica,"Apple SD Gothic Neo",sans-serif; background:#fff;}
#infoTable > h1 {height:35px;line-height:24px; padding:15px 0 6px 20px; color:#fff; font-size:20px; background:#fa826a;font-family:'Nanum Gothic',"나눔고딕",NanumGothic,"돋움",Dotum,Helvetica,"Apple SD Gothic Neo",sans-serif;}
#infoTable > h1 span { color:#3d78d6; }
#infoTable .close { position:absolute; top:16px; right:29px; }
#infoTable .chk { margin-bottom:11px; color:#666;font-size:13px; font-weight:normal;text-align:left;line-height:18px;}
#infoTable .popCont {margin:20px 30px 30px;}
#infoTable .txtBox { margin-bottom:11px; color:#666;font-size:13px; font-weight:normal;text-align:left;line-height:18px;}
#infoTable .infoBox {border:1px solid #d9d9d9; padding:15px 30px 15px 90px;margin:10px 0;}
#infoTable .infoBoxBg01 {background:#fafafa url('../images/new/popup_info_img.png') no-repeat 30px center;}
#infoTable .infoBoxBg02 {background:#fafafa url('../images/new/popup_info_img02.png') no-repeat 30px center;}
#infoTable .infoBox p {font-size:13px; color:#3d78d6;font-weight:bold;margin:3px 0;line-height:16px;}
#infoTable .infoBox ul {overflow:auto;}
#infoTable .infoBox ul li {font-size:12px;line-height:16px; color:#777;font-weight:bold;background:url('../images/new/dot_gray.png') no-repeat left 8px;padding-left:8px;margin:3px 0;}

#infoTable table { width:100%; margin-bottom:10px; border-top:1px solid #989898; border-bottom:1px solid #989898;}
#infoTable table tr th { width:110px; height:40px; padding-left:16px; border-bottom:1px solid #e1e1e1; color:#565b6a; text-align:left; }
#infoTable table tr td { padding:5px; border-bottom:1px solid #e1e1e1; color:#595a5f; font-family:dotum,돋움;vertical-align:middle; }
#infoTable table tr td input {height:25px; border:1px solid #d2d2d2; color:#595a5f; vertical-align:middle;margin:2px 0;padding:0 5px}
#infoTable .btn { text-align:center; }
#infoTable table tr td .adressNum { vertical-align:middle; }

.noti_dsc {font-size:13px;font-family:'Nanum Gothic',"나눔고딕",NanumGothic,"돋움",Dotum,Helvetica,"Apple SD Gothic Neo",sans-serif;}
.noti_dsc em {color:#e85e51}

/* 2016-12-09 마케팅 동의  : 통합회원으로 위치 변경 */
.marketingPop {position:fixed;top:50%;left:50%;width:600px;background:#fff;padding:40px 50px;margin-left:-350px;margin-top:-230px;z-index:9600;font-family:"Nanum Gothic","나눔고딕","돋움",Dotum,Helvetica,"Apple SD Gothic Neo",sans-serif;}
.marketingPop .close {position:absolute;top:16px;right:16px;}
.marketingPop h3 {padding-bottom:25px;font-size:20px;text-align:center;color:#333;}
.marketingPop h3 strong {color:#3d78d6;}
.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:20px;font-size:14px;text-align:center;font-weight:bold;}
.marketingPop table.joinMember_form td {border-bottom: 1px solid #e1e1e1;padding:20px;font-size:14px;color:#333}
.marketingPop table.joinMember_form td span {color:#888}
.marketingPop table.joinMember_form td .txt_agree {color:#3d72c6;}
.marketingPop table.joinMember_form td .txt_agree.txt_refuse {color:#d85f5b}
.marketingPop .btnArea {border-top:none;padding:0}

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

/* 2016-12-14 파일첨부 이미지대체 */
.fileRegWrap {*zoom:1}
.fileRegWrap:after {content:"";display:block;clear:both;}
.fileRegWrap .inputFileText {float:left; width:118px;height:25px;padding:0 5px;border:1px solid #d9d9d9;border-right:none; color:#999; font:12px "Nanum Gothic","나눔고딕",NanumGothic,"돋움",Dotum,Helvetica,"Apple SD Gothic Neo",sans-serif;}
.fileRegWrap .inputFileBox {position:relative;width:75px;height:27px; overflow:hidden;}
.fileRegWrap .inputFileHidden {position:absolute;top:0;right:0;height:27px; cursor:pointer;opacity:0; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)"; -khtml-opacity: 0; -moz-opacity: 0;}
.fileRegWrap .inputFileBtn {position:absolute;top:0;left:0;width:75px;height:27px; background:url('../images/new/btn_find.gif') 0 0 no-repeat;border:none;}

/* 자료유출 경고 문구 */
.warningNoti {margin-top: 15px; font-family:'Nanum Gothic',"나눔고딕",NanumGothic,"돋움",Dotum,Helvetica,"Apple SD Gothic Neo",sans-serif; font-size: 12px; color: #787878;}
.warningNoti span {color: #e85e51;}

.beRightContents .warningBox {width: 568px; clear: both;}
.warningBox {margin-top: 30px; font-family:'Nanum Gothic',"나눔고딕",NanumGothic,"돋움",Dotum,Helvetica,"Apple SD Gothic Neo",sans-serif;}
.warningBox .box {padding: 22px 30px; border: 1px solid #e3ecf3; background: #f3faff;}
.warningBox .box .tit {height: 22px; line-height: 22px; margin-bottom: 6px; padding-left: 28px; background: url('../images/new/ico_warning.png') no-repeat 0 0; font-weight: bold; font-size: 17px; color: #444;}
.warningBox .box p {line-height: 18px; margin-bottom: 10px; padding-left: 28px; font-weight: 400; font-size: 12px; color: #777;}
.warningBox .box p span {color: #d85f5b;}
.warningBox .box a {display: inline-block; height: 17px; line-height: 16px; margin-left: 28px; padding: 5px 15px; border-bottom: 1px solid #4f4f4f; background: #6f6f6f; letter-spacing: -1px; font-weight: 400; font-size: 12px; color: #fff;}
.warningBox .box a:hover {text-decoration: none;}
#popCopyright.msgPopup {top: 50%; width: 550px; height: 288px; margin-left : -275px; margin-top: -144px; z-index: 9600;}
#popCopyright .tit {background: #d44e4a;}
#popCopyright .contWrap {border: none; padding: 25px 30px 30px; font-size: 13px; color: #222;}
#popCopyright .contWrap p {margin-bottom: 15px; font-weight: bold;}
#popCopyright .contWrap ul {padding: 15px 30px; border: 1px solid #e8e8e8; background: #f8f8f8; line-height: 22px;}

/* 2018 검색결과 개편 */
.blockOverlay {opacity: 0 !important;}

#result_list.educourse {margin-top: 30px;}

.search_result {width:935px; margin:auto;min-height:700px;padding: 50px 0; font-family: "Nanum Gothic","나눔고딕","돋움",Dotum,Helvetica,"Apple SD Gothic Neo",sans-serif; font-size: 13px; color: #222; word-wrap: break-word;}
.search_result .tit_result {position: relative; margin-bottom: 10px; padding-right: 260px;}
.search_result .tit_result h3 {font-weight: bold; font-size: 28px;}
.search_result .tit_result span {color: #4083ed;}
.search_result .tit_result span strong {display: inline-block; max-width: 530px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: top; font-weight: bold;}
.search_result .search_form {position: absolute; right: 0; top: 3px; width: 149px; height: 28px; padding: 1px 30px 1px 20px; background: url('../images/new/bg_search_form.png') no-repeat 0 0;}
.search_result .search_form label,
.search_result .search_form input[type="text"] {display: block; width: 140px; height: 18px; line-height: 18px; padding: 5px 0; font-size: 12px; color: #666;}
.search_result .search_form label {position: absolute; left: 20px; top: 1px;}
.search_result .search_form button {display: block; position: absolute; top: 1px; right: 7px; width: 26px; height: 28px; background: url('../images/new/btn_search.png') no-repeat 50% 50%;}
.search_result .related_keywords {position: relative; line-height: 18px; margin-bottom: 40px; padding: 5px 0 5px 120px; border: 1px solid #e6e6e6; background: #f7f7f7; font-weight: bold; font-size: 13px; color: #222;}
.search_result .related_keywords dt {position: absolute; left: 20px; top: 5px; width: 80px; height: 18px; border-right: 1px solid #fff; letter-spacing: -1px;}
.search_result .related_keywords dt span {display: block; height: 18px; padding-right: 15px; border-right: 1px solid #d8dadd; white-space: nowrap;}
.search_result .related_keywords ul {*zoom:1}
.search_result .related_keywords ul:after {content: ""; display: block; clear: both;}
.search_result .related_keywords li {float: left; padding-right: 25px;}
.search_result .related_keywords a {display: block; color: #4083ed;}

.search_result .theme_area {margin-bottom: 40px;}
.search_result .theme_area h4 {margin-bottom: 10px; font-weight: normal; font-size: 13px; color: #222;}
.search_result .theme_area h4 span {color: #4083ed;}
.search_result .theme_area h4 span strong {font-weight: bold;}
.search_result .theme_area .cont {height: 150px; overflow: hidden;}

.search_tab {height: 32px; margin-bottom: 40px; border-top: 1px solid #e1e1e1;  border-bottom: 1px solid #e1e1e1; *zoom:1}
.search_tab:after {content: ""; display: block; clear: both;}
.search_tab li {float: left; width: 117px;}
.search_tab li:first-child {width: 116px;}
.search_tab li a {position: relative; top: 0; display: block; height: 25px; padding-top: 6px; text-align: center; font-weight: bold; font-size: 13px; color: #000;}
.search_tab li a:hover {text-decoration: none; color: #3d78d6;}
.search_tab li.on a {border-bottom: 2px solid #3d78d6; background: url('../images/new/bl_search_tab.png') no-repeat 50% 100%; color: #3d78d6;}

.search_msg {text-align: center;}
.search_msg .no_result {height: 275px; margin-bottom: 30px; padding-top: 35px; border-bottom: 1px dashed #ddd;}
.search_msg .no_result p {line-height: 30px; padding: 90px 0 30px; background: url('../images/new/bg_search_result.png') no-repeat 50% 0; font-weight: bold; font-size: 20px; color: #333;}
.search_msg .no_result p.type01 {margin-top: 40px;}
.search_msg .no_result span {color: #4083ed;}
.search_msg .btn_wrap {margin-top: 30px;}
.search_msg .request {font-size: 16px;}
.search_msg .request span {display: inline-block; line-height: 20px; padding-left: 20px; background: url('../images/new/ico_noti.png') no-repeat 0 50%; font-size: 14px; color: #222; vertical-align: top;}
.search_msg .request a {margin-left: 10px;}

.search_msg .no_result.error {padding-top: 150px;}
.search_msg .no_result.error p {padding-top: 0; background: none; font-weight: normal;}
.search_msg .no_result.error p strong {font-weight: bold;}

.search_cont {padding: 0 0 60px;}
.search_cont input,
.search_cont label,
.search_cont select {vertical-align: middle; font-family: "Nanum Gothic","나눔고딕","돋움",Dotum,Helvetica,"Apple SD Gothic Neo",sans-serif;}
.search_cont .tit {position: relative; padding-bottom: 4px; border-bottom: 2px solid #989898;}
.search_cont .tit h4 {line-height: 25px; font-weight: bold; font-size: 20px; color: #000;}
.search_cont .tit span {letter-spacing: -1px; font-weight: normal; font-size: 16px; color: #3d78d6;}
.search_cont .tit .btn_more {display: block; position: absolute; right: 0; top: 5px; padding-right: 14px; background: url('../images/new/arr_menu_6.gif') no-repeat 100% 50%; letter-spacing: -1px; font-weight: bold; font-size: 14px; color: #666;}
.search_cont .tit .sort_area {position: absolute; right: 0; top: 0; height: 25px;}
.search_cont .tit .sort_area label {margin: 0 10px 0 2px; font-size: 12px; color: #555;}
.search_cont .tit .sort_area select {width: 110px; height: 25px; font-size: 13px; color: #666;}

.searh_option {border: 1px solid #e1e1e1; border-top: none; background: #fafbfc;}
.searh_option dl {display:flex;flex-wrap:nowrap;justify-content:flex-start;align-items:stretch;min-height: 25px; line-height: 25px; padding: 5px 19px; border-top: 1px dotted #d4d4d4; *zoom:1}
/*.searh_option dl:after {content: ""; display: block; clear: both;}*/
.searh_option dl:first-child {border-top: none;}
.searh_option dt { width: 65px; font-weight: bold; font-size: 12px; color: #222;}
.searh_option dt.type02 {width: 35px;}
.searh_option dd {}
.searh_option dd.w_auto{flex:1;}
.searh_option dd + dt {margin-left: 65px;}
.searh_option label {margin: 0 12px 0 0; font-size: 12px; color: #555;}
.searh_option select {width: 90px; height: 25px; font-size: 12px; color: #666; vertical-align: top;}
.searh_option .inner {height: 25px; line-height: 25px; padding: 5px 19px;}
.searh_option .inner select {width: 150px; margin-right: 6px; margin-top: 0 !important;}

.search_cont .result_list {border-bottom: 1px solid #989898;}
.search_cont .result_list > li {padding: 10px 20px; border-top: 1px solid #e1e1e1; *zoom:1}
.search_cont .result_list > li:after {content: ""; display: block; clear: both;}
.search_cont .result_list > li:first-child {border-top: none;}
.search_cont .result_list .thumb {float: left; width: 92px; height: 64px; margin-right: 16px; border: 1px solid #bebbc2;}
.search_cont .result_list .thumb a {display: block;}
.search_cont .result_list .thumb img {width: 92px; height: 64px;}
.search_cont .result_list .label {float: left; position: relative; top: 2px; width: 96px; height: 32px; line-height: 16px; margin-left: -20px; margin-right: 15px; padding: 15px 0; border-right: 1px solid #e1e1e1; font-weight: bold; font-size: 13px; color: #666; text-align: center;}
.search_cont .result_list .label.type02 {margin-right: 33px;}
.search_cont .result_list .label.type03 {height: 16px; padding: 23px 0;}
.search_cont .result_list .label span {display: block; padding: 8px 0;}
.search_cont .result_list .txt {float: left; width: 550px; padding: 10px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.search_cont .result_list .txt .title {display: inline-block; height: 24px; line-height: 24px; margin-bottom: 7px; font-weight: bold; font-size: 15px; color: #000;}
.search_cont .result_list .txt .title img {margin-right:3px;vertical-align: top;}
.search_cont .result_list .txt .title a {color: #000;}
.search_cont .result_list .txt .title a:hover{text-underline-offset: 4px}
.search_cont .result_list .txt strong {font-weight: bold; color: #f28c29;}
.search_cont .result_list .txt p {font-size: 12px; color: #999;}
.search_cont .result_list .txt.ico p {padding-left: 32px;}
.search_cont .result_list .btns {float: right; padding: 20px 0;}
.search_cont .result_list .chasi {width: 895px; margin: -10px 0 0 -20px; padding: 10px 20px; background: #f6f6f6; *zoom:1}
.search_cont .result_list .chasi:after {content: ""; display: block; clear: both;}
.search_cont .result_list .period {position: relative; padding: 15px 0 5px; background: #fff;clear: both; *zoom:1}
.search_cont .result_list .period:after {content: ""; display: block; clear: both;}
.search_cont .result_list .period ul {float: left; width: 630px; margin-left: 110px; padding: 3px 0 0 0;}
.search_cont .result_list .period .btns {padding: 0;}
.search_cont .result_list .period .chkset_chasi li input[type='checkbox'] {top: 2px;}
.search_cont .result_list .btn_attfile {display: inline-block; height: 18px; line-height: 18px; margin-left: 10px; padding-left: 12px; background: url('../images/new/ico_attfile.png') no-repeat 0 50%; font-weight: bold; font-size: 13px; color: #e76557; vertical-align: top;}
.search_cont .paging {padding: 15px 0 0 0;}
.search_cont .btn_more {position: relative; top: -1px;}
.search_cont .btn_more a {display: block; height: 33px; line-height: 33px; border: 1px solid #dadada; background: #f6f6f6; text-align: center;}
.search_cont .btn_more a:hover {text-decoration: none;}
.search_cont .btn_more span {padding-left: 17px; background: url('../images/new/arr_article_next.gif') no-repeat 0 5px; font-weight: bold; font-size: 14px; color: #000;}
.search_cont .btn_more em {padding-left: 2px; color: #666;}

.library_list {padding: 15px 12px 0 12px; border-bottom: 1px solid #989898; *zoom:1}
.library_list .img_group {position: relative; *zoom:1}
.library_list .img_group:after {content: ""; display: block; clear: both;}
.library_list .img {float: left; padding: 0 8px 15px 7px;}
.library_list .img a {position: relative; display: block; width: 165px; height: 165px; border: 1px solid #bebbc2;}
.library_list .img a .icon {position: absolute; right: 5px; bottom: 5px; width: 32px; height: 32px;}
.library_list .img a:hover {text-decoration: none;}
.library_list .img.on {position: relative; z-index: 10; padding-bottom: 16px; background: url('../images/new/bl_lib_on.png') no-repeat 50% 100%; margin-bottom: 435px;}
.library_list .img.on a .over,
.library_list .img a:hover .over {display: block;}
.library_list .img .over {display: none; position: absolute; top: 0; left: 0; width: 147px; height: 97px; padding: 35px 10px; background: url('../images/new/bg_lib_over.png') no-repeat 0 0; background-size:167px 167px; text-align: center; font-weight: bold; font-size: 14px; color: #fff;}
.library_list .img .over span {display: inline-block; width: 145px; vertical-align: middle;}
.library_list .img .over:after {content: ""; display: inline-block; width: 2px; height: 97px; vertical-align: middle;}

#library_list {position: relative;}
#library_list .detail_wrap {position: absolute; top: 0; left: 0; display: none; width: 747px; height: 378px; margin-bottom: 15px; padding: 20px 93px; border: 1px solid #dadada; background: #f6f6f6; clear: both; z-index: 9; *zoom:1}
#library_list .detail_wrap:after {content: ""; display: block; clear: both;}
#library_list .detail_wrap .img_view {float: left; position: relative; width: 345px; height: 345px; margin-top:16px; margin-right: 40px; border: 1px solid #dadada; background: #fff; text-align: center; overflow: hidden;}
#library_list .detail_wrap .img_view img {position: absolute; top: 0; left: 50%; width: auto; height: 100%; transform: translate(-50%, 0);}
#library_list .detail_wrap .txt {float: right; position: relative; width: 292px; height: 266px; padding: 55px 0;}
#library_list .detail_wrap .title {margin-bottom: 15px;}
#library_list .detail_wrap .title a {font-weight: bold; font-size: 20px; color: #222;}
#library_list .detail_wrap .title a:hover {text-decoration: none;}
#library_list .detail_wrap .txt p {margin-bottom: 15px; color: #666;}
#library_list .detail_wrap .cmt {padding-top: 15px; border-top: 1px solid #dadada; color: #444;}
#library_list .detail_wrap .cmt strong {font-weight: bold; color: #f28c29;}
#library_list .detail_wrap .btns {position: absolute; bottom: 55px; left: 0;}
#library_list .detail_wrap .btn_prev {position: absolute; left: 15px; top: 176px; display: block; width: 33px; height: 58px; background-image: url('../images/new/btn_lib_prev.png'); background-repeat: no-repeat; background-position: 0 0;}
#library_list .detail_wrap .btn_prev:hover {background-position: 100% 0;}
#library_list .detail_wrap .btn_next {position: absolute; right: 15px; top: 176px; display: block; width: 33px; height: 58px; background-image: url('../images/new/btn_lib_next.png'); background-repeat: no-repeat; background-position: 0 0;}
#library_list .detail_wrap .btn_next:hover {background-position: 100% 0;}
#library_list .detail_wrap .btn_close {position: absolute; top: 20px; right: 20px; display: block; width: 20px; height: 20px; background: url('../images/new/btn_lib_close.png') no-repeat 0 0;}

/* 2018-07-13 살아있는 수업 프로젝트
.classProject {font:14px "Nanum Gothic","나눔고딕","돋움",Dotum,Helvetica,"Apple SD Gothic Neo",sans-serif;color:#444;}
.classProject .visual_thinking em {color:#3d78d6}
.classProject .visual_thinking {border-top:1px #989898 solid;padding:25px 0 40px 30px}
.classProject .visual_thinking li {padding:15px 0 0 47px}
.classProject .visual_thinking li h4 {text-indent:-47px;font:bold 17px "Nanum Gothic","나눔고딕","돋움",Dotum,Helvetica,"Apple SD Gothic Neo",sans-serif;color:#222;}
.classProject .data_book {position:relative;width:747px;height:304px;background: url('../images/opendata/free/img_VisualThinking.jpg') no-repeat 0 0;}
.classProject .data_book .btn_staff,
.classProject .data_book .btn_down {display:block;position: absolute;width:150px;height:36px;background: url('../images/opendata/free/btn_vt.png') no-repeat;}
.classProject .data_book .btn_staff.ele {background-position:0 0;top:41px;right:215px}
.classProject .data_book .btn_down.ele {background-position:-155px 0;top:41px;right:60px;border:none;}
.classProject .data_book .btn_staff.mid {background-position:0 -36px;top:30px;right:215px}
.classProject .data_book .btn_down.mid {background-position:-155px -36px;top:30px;right:60px;border:none;}
 */
.classProject .data_down{position:relative;margin-top:7px;padding:24px 0 24px 55px;background: url('../images/opendata/free/ico_help.png') no-repeat 30px 25px;border-top:3px solid #474e62;color:#666;border-bottom:2px solid #606677;font-family:'Noto Sans KR', sans-serif;font-size:16px;font-weight:300;color:#606677;line-height:1.25;}
.classProject .data_down a{text-decoration:none;position:absolute;top:24px;right:0;display:inline-block;box-sizing:border-box;width:220px;height:46px;padding-left:52px;background:url('/images/opendata/free/ic_down_w.png') no-repeat 25px 50% #68a7e1;border-radius:23px;font-size:16px;color:#fff;line-height:2.875;letter-spacing:-0.025em;}
.classProject .data_down + form + .classWrap .tblList{border-top:0;}
.classProject .classWrap .tblList-new tr td{border-right:1px solid #e1e1e1;}
/* 2019-04-15 초등 : 살아있는 수업 프로젝트 */
.classProject .professor {height:213px;padding:25px 0 0 222px;background: url('../images/opendata/free/bg_professor.jpg') no-repeat 0 0;}
.classProject .professor h4 {font-size:17px;color:#333;font-weight:700}
.classProject .professor ul li {padding-left:10px;background: url('../images/new/bul_dot4.png') no-repeat 0 7px;font-size:14px;color:#666666;line-height:1.4}
.classProject .professor ul li:first-child {margin:10px 0}
.classProject .professor ul li strong {color:#333}
.classProject .ele_appraisal {margin:25px 0}
.classProject .ele_appraisal dl {padding:25px 0;border-top:1px #e5e5e5 solid;*zoom:1}
.classProject .ele_appraisal dl.intro1 {background: url('../images/opendata/free/icon_intro.png') no-repeat 676px 25px;}
.classProject .ele_appraisal dl.intro2 {background: url('../images/opendata/free/icon_intro2.png') no-repeat 676px 25px;}
.classProject .ele_appraisal dl.intro3 {background: url('../images/opendata/free/icon_intro3.png') no-repeat 676px 25px;}
.classProject .ele_appraisal dl:after {content: ""; display: block; clear: both;}
.classProject .ele_appraisal dl:first-child {border-top:none}
.classProject .ele_appraisal dl dt {float:left;width:135px;padding-left:22px;background: url('../images/opendata/free/bul_tit.png') no-repeat 0 5px;font-size:24px;color:#333333;}
.classProject .ele_appraisal dl dd {float:right;width:590px;margin-top:20px;font-size:16px;color:#666666;line-height:1.4em}
.classProject .ele_appraisal dl dd.first {margin-top:0}
.classProject .ele_appraisal dl dd strong {color:#3d78d6;}
.classProject .tab_grade {background:#fff;height:58px}
.classProject .tab_grade.fixed {position:fixed;top:0}
.classProject .tab_grade ul:after {content: ""; display: block; clear: both;}
.classProject .tab_grade ul li {float:left;margin-left:9px;}
.classProject .tab_grade ul li:first-child {margin-left:0}
.classProject .tab_grade ul li a {display:block;width:180px;height:43px;background: url('../images/opendata/free/bg_tab.png') no-repeat 0 0;text-align:center;color:#3d78d6;font-size:16px;font-weight:bold;line-height:42px;text-decoration:none;}
.classProject .tab_grade ul li a:hover,
.classProject .tab_grade ul li.on a {background-position:0 -43px; color:#fff;}
.classProject .grade_cont {}
.classProject .tblList-new.line tbody th {background:#fafafa;font-size:12px;}
.classProject .tblList-new.line tbody td {padding:11px 10px 12px 10px;border-left:1px solid #e1e1e1;font-size:12px;text-align:left;color:#666}
.classProject .tblList-new.line tbody td.downBtn {text-align:center;}
.classProject .tblList-new tr:last-child td {border-bottom:1px solid #e1e1e1}
.classProject .btn_down {display:inline-block;width:92px;background:#7882ca;border:1px #646bb3 solid;text-align:center;color:#fff;font-size:12px;text-decoration:none;}
.classProject .btn_down span {display:block;height:19px;line-height:19px;border:1px #8c96d1 solid;font-weight:700}
.classProject .all_down {padding:30px 0;text-align:center; color:#666666;}
.classProject .all_down em {color:#3d78d6;}
/* 2021-10-22 비주얼싱킹 */
.think_wrap{margin-top:57px;border-top:3px solid #474e62;font-family:'Noto Sans KR', sans-serif;}
.think_wrap .thinking{position:relative;padding:50px 60px 0 60px;overflow:hidden;}
.think_wrap .thinking .img_wrap{float:left;width:172px;height:227px;overflow:hidden;}
.think_wrap .thinking .img_wrap img{width:100%;height:100%;}
.think_wrap .thinking em{color:#3d78d6}
.think_wrap .thinking ul{float:right;width:582px;}
.think_wrap .thinking ul li{padding:14px 0;font-size:16px;font-weight:300;color:#8e9091;border-top:1px solid #ddd;line-height:1.625;letter-spacing:-0.02em;}
.think_wrap .thinking ul li strong{display:block;font-size:20px;color:#474e62;font-weight:500;line-height:1.2;}
.think_wrap .thinking ul li:first-child{border-top:none;padding-top:0;}
.think_wrap .thinking ul li:last-child{padding-bottom:0;}
.think_wrap .thinking .btn_think_down{text-decoration:none;position:absolute;left:72px;top:290px;box-sizing:border-box;width:145px;height:46px;padding:0 30px 0 58px;background:#68a7e1 url('/images/opendata/free/ic_down_w.png') no-repeat 30px 15px;border-radius:23px;font-size:16px;font-weight:500;color:#fff;line-height:46px;letter-spacing:-0.04em;}
.thinking_imgWrap{padding:60px;margin-top:60px;display:flex;display:-webkit-flex;border:1px solid #ececec;background:#f6fafd;border-radius:20px;}
.thinking_imgWrap li{margin-right:9px;width:191px;height:245px;}
.thinking_imgWrap li img{width:100%;height:100%;}
.thinking_imgWrap li:last-child{margin-right:0;}
.classProject .dscbox,
.think_wrap .dscbox{margin-top:30px;padding:20px 0 20px 224px;border-top:4px #e6f1fb solid;border-bottom:4px #e6f1fb solid;background: url('../images/opendata/free/ico_vt.png') no-repeat 161px 16px;font-size:16px;color:#606677;font-weight:300;line-height:1.25;}
.think_wrap .layerPopup {display:none;position:absolute;top:-1px;left:50%;margin-left:-508px;z-index:1001;}
.think_wrap .layerPopup .close {position:absolute;top:0;right:0}
/* 2024-05-27 AI 디교와 새 교육과정 */
.edutech_wrap{margin-top:57px;border-top:3px solid #474e62;}
.edutech_wrap a:hover{text-decoration:none;}
.edutech_wrap .edutech:after{content:'';display:block;clear:both;}
.edutech_wrap .edutech .img_wrap{overflow:hidden;position:relative;float:left;box-sizing:border-box;width:253px;height:auto;padding-right:11px;}
.edutech_wrap .edutech .img_wrap img{width:100%;height:auto;}
.edutech_wrap .edutech .img_wrap:after{content:'';position:absolute;right:0; top:0; bottom:0; width:11px; background:url('../images/opendata/aidt/edutech_line.png') no-repeat left center / auto 100%;}
.edubtnWrap a{display:inline-block;box-sizing:border-box;margin-right:7px;padding-left:50px;color:#fff;font-size:15px;font-weight:500;line-height:47px;}
.edubtnWrap a.ebook{width:162px;height:48px;background: url('../images/opendata/aidt/eduEbook.png') 50% 50% no-repeat;background-size:100% auto;}
.edubtnWrap a.pdf1{width:222px;height:48px;background: url('../images/opendata/aidt/eduPDF1.png') 50% 50% no-repeat;background-size:100% auto;}
.edubtnWrap a img{width:100%;}
.aidtWrap{min-height:500px;}
.aidtWrap .edutech{position:relative;padding:40px 36px 50px 30px;}
.aidtWrap .edutech .desc_wrap{float:right;width:550px;}
.aidtWrap .edutech ul{float:none;width:auto;border-bottom:1px solid #dbdbdb;}
.aidtWrap .edutech ul li{padding:32px 0 32px 10px;border-top:1px solid #ddd;font-size:15px;font-weight:400;color:#383a41;line-height:23px;}
.aidtWrap .edutech ul li:first-child{padding-top:15px;border:0;}
.aidtWrap .edutech ul li p{position:relative;padding-left:20px;font-size:20px;font-weight:400;color:#2b2f3a;line-height:1.5;}
.aidtWrap .edutech ul li p:before{content:'';position:absolute;top:10px;left:0;display:block;width:7px;height:7px;background:#3d78d6;border-radius:100%;}
.aidtWrap .edutech ul li p span{font-size:20px;font-weight:600;color:#3d78d6;}
.aidtWrap .edubtnWrap{display:flex;justify-content:left;margin:30px 0 0;}
.aidtWrap .tab_wrap{position:static;top:135px;margin:0;z-index:1;}
.aidtWrap .tab_menu{display:flex;}
.aidtWrap .tab_menu li{flex:1;}
.aidtWrap .tab_menu a{display:flex;justify-content:center;align-items:center;height:60px;background:#f1f1f1;border:1px solid #e0e0e0;border-radius:0 8px 8px 0;font-size:20px;font-weight:500;color:#838688;letter-spacing:-0.025em;}
.aidtWrap .tab_menu li:first-child a{border-radius:8px 0 0 8px;}
.aidtWrap .tab_menu li.on a{background:#f2778b;border-color:#f2778b;color:#fff;}
.aidtWrap .tab_conts{display:none;margin-top:40px;padding:50px;border:1px solid #e6e6e6;border-radius:12px;}
.aidtWrap .introWrap .tit{font-size:20px;font-weight:600;color:#474e62;line-height:1;}
.aidtWrap .introWrap .tit:before{content:'';display:inline-block;width:7px;height:7px;margin-right:7px;border:6px solid #f2778b;border-radius:100%;vertical-align:top;}
.aidtWrap .introWrap .tit + p{margin-top:12px;}
.aidtWrap .introWrap p{font-size:16px;color:#666;line-height:1.5;letter-spacing:-0.045em;}
.aidtWrap .introWrap strong{font:inherit;color:#3d78d6;}
.aidtWrap .infoWrap{position:relative;margin-top:60px;padding:46px;background:#f7faff;border:1px solid #dbe3f1;text-align:center;}
.aidtWrap .infoWrap.pd0{padding:0;}
.aidtWrap .infoWrap .tit{position:absolute;top:-20px;left:0;display:inline-block;width:256px;background:#bdd6ff;border-radius:0 20px 20px 20px;font-size:16px;font-weight:400;color:#092473;text-align:center;line-height:2.5;}
.aidtWrap .infoWrap p{font-size:16px;color:#666;line-height:1.5;letter-spacing:-0.05em;}
.aidtWrap .tab_conts .imgWrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:30px 0;margin-top:40px;}
.aidtWrap .tab_conts .imgItem{flex:1;}
.aidtWrap .tab_conts .imgItem.txtC{text-align:center;}
.aidtWrap .tab_conts .imgItem .icoBul{position:relative;display:inline-block;margin-top:14px;padding-left:38px;font-size:16px;color:#666;}
.aidtWrap .tab_conts .imgItem .icoBul:before{content:'';position:absolute;top:0;left:4px;display:inline-block;width:24px;height:24px;background:url('../images/opendata/aidt/ico_bul.png') 0 0 no-repeat;}
.aidtWrap .tab_conts:nth-last-child(1) .imgItem:last-child{flex:0;margin-left:auto;}
/* 2018-11-13 문의하기 개편 */
/* cntTabArea1 */
.classWrap .tblList-new tr td.receipt2 {color:#e85e51;}
.cntTabArea1 {position: relative; width: 747px; margin-bottom:10px;}
.cntTabArea1 > ul {*zoom:1}
.cntTabArea1 > ul:after {content: ""; display: block; clear: both;}
.cntTabArea1 ul li {float: left; font-size: 0;width:187.5px;margin-left:-1px;border-top:1px solid #d8dadd;border-bottom:1px solid #d8dadd;background:#f7f7f7;position:relative;z-index:10;}
.cntTabArea1 ul li:first-child {margin-left:0;}
.cntTabArea1 ul li a {overflow:hidden;display:block;height:36px;line-height:36px;position:relative;color:#666666;font-size:14px;text-align:center;font-weight:bold;border-left:1px solid #d8dadd;border-right:1px solid #d8dadd;font-family:'Noto Sans KR', sans-serif;font-size:16px;font-weight:500;}
.cntTabArea1 ul li a strong {position:absolute; display:block; top: 26px; left: 0; font-size: 12px; width: 100%; text-align:center; font-weight: normal; color: #ff6600;}

.cntTabArea1 ul li.on, .cntTabArea1 ul li:hover {position:relative; z-index: 10; border-bottom:1px solid #ffffff;border-top:3px solid #3db9d6;z-index:11;margin-bottom:-1px;}
.cntTabArea1 ul li.on a, .cntTabArea1 ul li:hover a { color:#26a8e2;text-decoration:none;height:35px;line-height:36px;}
.cntTabArea1 ul li a span, .cntTabArea1 ul li a span {display: block;line-height:36px;}
.cntTabArea1 ul li.on a span, .cntTabArea1 ul li:hover a span {display: block;background:#ffffff;line-height:32px;height:35px;}
.tbl-view tr td.noReply.renew {color:#3d78d6;font-size:13px;}
.tbl-view tr td.noReply.renew > span {color:#3d78d6;font-size:13px;}

.tbl-view tr td.viewArea .fileArea.renew {border:none;}
.tbl-view tr td.viewArea .fileArea.renew > ul > li {border:none;text-indent:0;font-size:13px}
.tbl-view tr td.viewArea .fileArea.renew > ul > li a {text-decoration:underline}

/* 2019-03-15 앱 홍보 */
#app_wrap {display:none;}
#app_wrap.msgPopup {position:absolute;width:700px;top:50px;margin:0 0 0 -350px;z-index:9700}
#app_wrap.msgPopup .contWrap {padding:0}
#app_wrap .scroll_area {height:620px; padding:25px 30px 50px;overflow-y:scroll}
#app_wrap .txt {padding-bottom:20px;font-size:15px;color:#333;}
#app_wrap .txt strong {font-weight:700}
#app_wrap .app_qr {background-color:#f5f5f5;margin-bottom:30px;padding:20px;}
#app_wrap .app_qr ul {margin-top:25px;padding:13px 0;border-top:1px #e6e6e6 solid;}
#app_wrap .app_qr ul li {font-size:13px;color:#666666; line-height:1.35em}
#app_wrap .app_qr ul li em {color:#205bbd}
#app_wrap .app_info {border:1px #e6e6e6 solid;padding:35px;margin-bottom:40px;}
#app_wrap .app_info ul {padding-top:20px;}
#app_wrap .app_info ul li {position:relative;padding:0 0 0 25px;margin-top:20px;color:#666;line-height:1.3em}
#app_wrap .app_info ul li em {position:absolute;top:0;left:0;display:inline-block;width:18px;height:18px;background: url('/images/common/bul_num.jpg') no-repeat 0 0;color:#fff; font-size:12px; font-weight:700;text-align:center;line-height:17px;}
#app_wrap .app_info ul li h4 {margin-bottom:5px;color:#333;font-size:16px;font-weight:700}
#app_wrap .app_guide h3 {border-left:4px #6e95e8 solid;font-size:24px;line-height:24px;color:#222;padding-left:20px;margin-bottom:25px}
#app_wrap .app_guide li {margin-top:30px}
#app_wrap .app_guide li:first-child {margin-top:0}

/* 2019-06-03 질문이 살아있는 수업 채널 추가
.btn_liveQuestion {position:absolute; right:0; bottom:25px;}
#popLiveQuestion.msgPopup {position:absolute; top:53px; left:0; width:747px; margin:0; box-shadow: 1px 1px 0 #e5e5e5;}
#popLiveQuestion.msgPopup .close {position:absolute; top:15px; right:15px;}
#popLiveQuestion.msgPopup .contWrap {position:relative; padding:35px 28px; border:1px solid #111; background:#f9f9f9; font-size:15px; color:#333;}
#popLiveQuestion h4 {padding-left:18px; margin-bottom:25px; background:url('../images/opendata/question/bl_poptit.png') no-repeat 0 4px; font-weight:bold; font-size:24px; color:#333;}
#popLiveQuestion .top_txt {padding-bottom:35px; border-bottom:1px solid #999; line-height:1.4; letter-spacing:-1px;}
#popLiveQuestion .top_txt p {margin-top:20px; text-align:right; font-weight:bold; font-size:14px;}
#popLiveQuestion .tbl_wrap {padding:40px 50px;}
#popLiveQuestion .tbl_wrap .row {margin-bottom:25px; *zoom:1}
#popLiveQuestion .tbl_wrap .row:after {content:""; display:block; clear:both;}
#popLiveQuestion .tbl_wrap .left {float:left; width:260px;}
#popLiveQuestion .tbl_wrap .right {float:right; width:260px;}
#popLiveQuestion .tbl_wrap h5 {margin-bottom:10px; font-weight:bold; font-size:18px; color:#333;}
#popLiveQuestion .tbl_wrap table {margin-left:2px; width:258px; font-size:15px; color:#333;}
#popLiveQuestion .tbl_wrap table th {height:37px; border:1px solid #c5cfdf; background:#e1edff; font-weight:bold;}
#popLiveQuestion .tbl_wrap table td {border:1px solid #dfdfdf; border-left:none; background:#fff; text-align:center;}
#popLiveQuestion .tbl_wrap table td span {font-size:12px; color:#333}
.liveQuestion {position:relative; font-family: "Nanum Gothic","나눔고딕","돋움",Dotum,Helvetica,"Apple SD Gothic Neo",sans-serif;}
.liveQuestion .info em {color:#3d78d6}
.liveQuestion .info {padding: 40px 45px 50px; border-top:1px solid #989898;}
.liveQuestion .info li {position:relative; padding: 12px 0 0 20px;}
.liveQuestion .info li:first-child {padding-top:0;}
.liveQuestion .info li h4 {margin-bottom:5px; margin-left:-20px; padding-left:20px; background:url('/images/opendata/question/bl_list.png') no-repeat 0 2px; font-weight:bold; font-size:17px; color:#222;}
.liveQuestion .data_book {position:relative; padding:35px 0 0 60px; border: 1px solid #d8e3e7; background:#f5f8fc;}
.liveQuestion .data_book h4 {margin-bottom:30px; padding-left:15px; background:url('/images/opendata/question/bl_stit.png') no-repeat 0 4px; font: bold; font-size:16px; color:#333;}
.liveQuestion .data_book ul {*zoom:1}
.liveQuestion .data_book ul:after {content:""; display:block; clear:both;}
.liveQuestion .data_book li {float:left; width:181px; margin:0 40px 50px 0;}
.liveQuestion .data_book li a {display:block; padding-bottom:52px; background-image:url('../images/opendata/question/btn_down.png'); background-repeat:no-repeat;}
.liveQuestion .data_book li a:hover {background-image:url('../images/opendata/question/btn_down_over.png');}
.liveQuestion .data_book li a.book1 {background-position:0 100%;}
.liveQuestion .data_book li a.book2 {background-position:-200px 100%;}
.liveQuestion .data_book li a.book3 {background-position:-400px 100%;}
.liveQuestion .data_book li a.book4 {background-position:-600px 100%;}
.liveQuestion .data_book li a.book5 {background-position:-800px 100%;}
.liveQuestion .data_book li a.book6 {background-position:-1000px 100%;}
.liveQuestion .dscbox {border-top:4px #e6f1fb solid;border-bottom:4px #e6f1fb solid;background: url('/images/opendata/free/ico_vt.png') no-repeat 88px 16px;margin-top:20px;padding:20px 0 20px 150px;font:14px "Nanum Gothic","나눔고딕","돋움",Dotum,Helvetica,"Apple SD Gothic Neo",sans-serif;color:#222;font-weight:700}
*/

/* 2019-07-23, 2021-11-30 글동무 단어통 */
.classMateWord {border-top:3px solid #474e62;}
.classMateWord em {color:#3d78d6;font-weight:600}
.classMateWord .conbox{padding:50px;}
.classMateWord .conbox h4{background:url('/images/new/ico_word.png') no-repeat 0 3px;padding:0 0 10px 25px;font-weight:500;font-size:22px; color:#3d78d6;line-height:1;letter-spacing:-0.06em;}
.classMateWord .conbox p {padding-bottom:20px;font-size:14px;line-height:1.71;}
.classMateWord .conbox dl dt {background:url('/images/new/bl_circle.png') no-repeat 0 2px;margin-top:15px;padding-left:20px;font-weight:500;font-size:16px;color:#222;line-height:1;}
.classMateWord .conbox dl dd{margin:8px 0 0 20px;font-weight:300;color:#666;line-height:1.71;letter-spacing:-0.025em;}
.classMateWord .book_info {background:url('/images/new/bg_word.jpg') no-repeat 0 0;}
.classMateWord .book_info > li {position:relative;}
.classMateWord .book_info > li.science {height:460px;}
.classMateWord .book_info > li.social {height:471px;}
.classMateWord .book_info > li > ul.btns{position:absolute;top:50px;right:134px;}
.classMateWord .book_info > li > ul.btns:after {content:""; display:block; clear:both;}
.classMateWord .book_info > li > ul.btns li {float:left;margin-left:6px}
.classMateWord .book_info > li > ul.btns li a {display:inline-block;height:37px; background-image:url('/images/new/btn_bg_word.png');padding-left:17px;line-height:37px;font-weight:600;color:#222;font-size:16px; text-decoration:none;}
.classMateWord .book_info > li > ul.btns li a span {display:block;height:37px; background-image:url('/images/new/btn_bg_word.png');padding-right:36px;}
.classMateWord .book_info > li > ul.btns li a:hover {color:#fff}
.classMateWord .book_info > li.science > ul.btns li a {background-position:0 0;}
.classMateWord .book_info > li.science > ul.btns li a span {background-position:right 0;}
.classMateWord .book_info > li.science > ul.btns li a:hover {background-position:0 -40px;}
.classMateWord .book_info > li.science > ul.btns li a:hover span {background-position:right -40px;}
.classMateWord .book_info > li.social > ul.btns li a {background-position:0 -80px;}
.classMateWord .book_info > li.social > ul.btns li a span {background-position:right -80px;}
.classMateWord .book_info > li.social > ul.btns li a:hover {background-position:0 -120px;}
.classMateWord .book_info > li.social > ul.btns li a:hover span {background-position:right -120px;}

/* 2019-08-14 통합회원 혜택 안내 레이어 팝업 */
#popIntegrated {display: none; position: absolute; top: auto; left: 50%; z-index: 900; font-family:"Nanum Gothic","나눔고딕",NanumGothic,"돋움",Dotum,Helvetica,"Apple SD Gothic Neo",sans-serif;}
#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/new/btn_popup_close.png') no-repeat 0 0;}

/* 2019-08-14 필수정보업데이트안내 레이어 팝업 */
#popInfoUpdate {position: absolute; left: 50%; top: 50%; display: block; width: 700px; height: 540px; margin: -270px 0 0 -350px; background: #fff; text-align: center; z-index: 9900; font-family:"Nanum Gothic","나눔고딕",NanumGothic,"돋움",Dotum,Helvetica,"Apple SD Gothic Neo",sans-serif;}
#popInfoUpdate .top {margin-bottom: 20px; padding-top: 200px; background: url('../images/new/ico_popinfoupdate.png') no-repeat 50% 100px; font-weight: bold; font-size: 22px; color: #444;}
#popInfoUpdate .top em {color: #3d78d6;}
#popInfoUpdate p {font-size: 16px; color: #666;}
#popInfoUpdate .btn_wrap {margin-top: 60px;}
#popInfoUpdate .btn_wrap a  {display: inline-block; height: 60px; line-height: 60px; padding: 0 40px; background: #5085da; font-weight: bold; font-size: 16px; color: #fff; text-decoration: none;}
#popInfoUpdate .btn_close {display: block; position: absolute; top: 40px; right: 40px; width: 25px; height: 25px; background: url('../images/new/btn_popup_close.png') no-repeat 0 0;}

/* 2019-08-14 전환하러 가기 레이어 팝업 */
.layer_event {position: fixed; top: 50%; left: 50%; border: 1px solid #000; box-shadow: 0 0 1px #000; background: #fff; z-index: 20; margin:-225px 0 0 -235px}
.layer_event .layer_content > .btn_close {position: absolute; top: 0; right: 0; width: 17px; height: 17px; padding: 14px; background: url('../images/new/btn_close.gif') no-repeat 50% 50%;}
.layer_event .control {padding: 10px 20px; background: #dfdfdf; font-size: 12px; color: #222;*zoom:1}
.layer_event .control:after {content: ""; display: block; clear: both;}
.layer_event .control label {font-family:"Nanum Gothic","나눔고딕",NanumGothic,"돋움",Dotum,Helvetica,"Apple SD Gothic Neo",sans-serif;}
.layer_event .control .btn_close {float: right; padding-right: 15px; background: url('../images/new/btn_today_close.png') no-repeat 100% 50%; color: #222; font-family:"Nanum Gothic","나눔고딕",NanumGothic,"돋움",Dotum,Helvetica,"Apple SD Gothic Neo",sans-serif;}
.layer_event .control .btn_close:hover {text-decoration: none;}

/* 2019-10-07 저작권 침해 유형 보기 팝업 */
#popCopyrightInvasion {top: 50%; left: 50%; width: 700px; margin-left: -350px; z-index: 9600;}
#popCopyrightInvasion .contWrap {padding-bottom: 30px;}
#popCopyrightInvasion .btn_wrap {margin-top: 20px; text-align: center;}
#popCopyrightInvasion .btn_wrap a {display: inline-block; width: 120px; height: 42px; line-height: 42px; background: #6f6f6f; font-weight: bold; font-size: 18px; color: #fff;}
#popCopyrightInvasion .btn_wrap a:hover {text-decoration: none}

/*2019-11-27 역사, 한국사 홍보관 해더 배너*/
#header .talktohistory {position: absolute; bottom: 0; right: 0;}
#header .talktohistory a {position: relative; display: block; width: 270px; height: 94px; overflow: hidden;}
#header .talktohistory span {position: absolute; background-repeat: no-repeat; background-position: 0 0; top: 50px;}
#header .talktohistory span.txt {top: 14px; left: 55px;}
#header .talktohistory span.obj1 {left: 2px;}
#header .talktohistory span.obj2 {left: 28px;}
#header .talktohistory span.obj3 {left: 60px;}
#header .talktohistory span.obj4 {left: 110px;}
#header .talktohistory span.obj5 {left: 138px;}
#header .talktohistory span.obj6 {left: 182px;}
#header .talktohistory span.obj7 {left: 207px;}

/* 2019-12-11 라이브러리 - 포토존 신설 */
#photozone {margin-bottom: 30px;}
#photozone .tit {margin-bottom: 30px; padding: 17px 60px; border-top:3px solid #474e62; border-bottom: 1px solid #e0e0e0;text-align:center;}
#photozone .tit > *{display:inline-block;vertical-align:middle;}
#photozone .tit h4 {width: 149px; height: 27px; margin-right: 20px; background: url('../images/new/bg_photozone.png') no-repeat 0 0;}
#photozone .tit p {font-size:16px;font-weight:400;color:#666;letter-spacing:-0.06em;}
#photozone .top {position: relative; margin-bottom: 15px;padding-right:210px;letter-spacing:-0.025em;line-height:1.625;}
#photozone .top .keyword {font-size:16px;font-weight:400;color:#434343;letter-spacing:-0.025em;}
#photozone .top .date {position:absolute;top:0;right:0;box-sizing:border-box;width:180px;padding:0 20px;text-align: center; font-size:14px;font-weight:400;color:#425067;letter-spacing:-0.025em;}
#photozone .top .date a {display: block; position: absolute; top: 3px; width: 15px; height: 15px; background-image: url('../images/new/bg_photozone.png'); background-repeat: no-repeat; vertical-align: middle;}
#photozone .top .date a.btn_prev {left: 0; background-position: 0 -40px;}
#photozone .top .date a.btn_next {right: 0; background-position: -20px -40px;}
#photozone .rolling ul {width: 754px; height: 227px; overflow: hidden;}
#photozone .rolling li {float: left; margin-right: 7px;}
#photozone .rolling li a {display: block; position: relative; width:223px; height: 244px; background-position: 50% 50%; -webkit-background-size: cover; background-size: cover;}
#photozone .rolling li a img {width: 100%; height: 100%;}
#photozone .rolling li a:hover .over {display: block;}
#photozone .rolling li .over {display: none; position: absolute; top: 0; left: 0; box-sizing:border-box;width:100%;height:100%; padding: 107px 10px 0; background: url('../images/new/photozone_over.png') no-repeat 0 0; text-align: center; font-size: 20px; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#photozone .rolling .bx-pager {margin-top: 15px; text-align: center;}
#photozone .rolling .bx-pager-item {display: inline-block; margin: 0 3px;}
#photozone .rolling .bx-pager-item a {display: block; width: 12px; height: 12px; background: url('../images/new/bg_photozone.png') no-repeat -40px -40px; text-indent: -9999px; font-size: 8px;}
#photozone .rolling .bx-pager-item a.active {background-position: -55px -40px;}

/* 2019-12-11 라이브러리 - 검색 개편 */
.category_wrap {margin-bottom: 25px;}
.category_wrap .search_area {position: relative; width: 240px; padding-right: 42px; margin: 0 auto 20px; border: 2px solid #999;}
.category_wrap .search_area input {width: 220px; height: 17px; padding: 10px; line-height: 17px; font-weight: 700; font-size: 15px; color: #333;}
.category_wrap .search_area .btn_search {position: absolute; top: 0; right: 0; width: 42px; height: 100%; background: #999 url('../images/new/btn_search_w.png') no-repeat 50% 50%;}
.category_wrap .category_menu {border-top: 1px solid #fff;}
.category_wrap .category_menu > ul {*zoom:1;}
.category_wrap .category_menu > ul:after {content: ""; display: block; clear: both;}
.category_wrap .category_menu > ul > li {position: relative; float: left; width:130px;}
.category_wrap .category_menu > ul > li > h4 {display:block;box-sizing:border-box;height:46px;border:1px solid #d8e3e7;border-left:none;background:#f1f6f8;text-align:center;font-size:16px;font-weight:400;color:#434343;text-align:center;line-height:2.6;letter-spacing:-0.025em;}
.category_wrap .category_menu > ul > li > h4:hover {text-decoration: none; color: #3d78d6;}
.category_wrap .category_menu > ul > li.on > h4 {color: #3d78d6;}
.category_wrap .category_menu > ul > li.fst > h4 {border-left: 1px solid #d8e3e7;}
.category_wrap .category_menu.active {border-top-color: #d8e3e7;}
.category_wrap .category_menu.active li.fst > h4 {border-left-width: 2px; padding-left: 0;}
.category_wrap .category_menu.active li.last > h4 {border-right-width: 2px; padding-right: 0;}

.category_wrap .category_menu ul ul {display: none; position: absolute; top:46px; z-index: 2; box-sizing:border-box;width: 100%; height: 192px; padding:4px 0;border-top: 1px solid #d8e3e7; border-right: 1px solid #d8e3e7; border-bottom: 2px solid #d8e3e7; background: #fff;}
.category_wrap .category_menu ul .fst ul {border-left: 2px solid #d8e3e7;}
.category_wrap .category_menu ul .last ul {border-right: 2px solid #d8e3e7;}
.category_wrap .category_menu ul ul li {float: none; margin: 2px 0;}
.category_wrap .category_menu ul ul a {display: block; height: 20px; padding: 0 14px; line-height: 20px; font-size: 13px; color: #666;}
.category_wrap .category_menu ul ul a:hover,
.category_wrap .category_menu ul ul .on a {background: #3d78d6; text-decoration: none; color: #fff;}
.category_wrap .category_menu ul ul a:hover span,
.category_wrap .category_menu ul ul .on a span {padding-right: 8px; background: url('../images/new/bl_arrow_w.png') no-repeat 100% 50%;}

/* 신학기 개편 중에 추가되는 css */
.classMateWord .book_info {background:url('/images/new/bg_word2.jpg') no-repeat 0 0;}
.classMateWord .book_info > li.social {height:461px;}
.classMateWord .book_info > li.university {height:471px;}
.classMateWord .book_info > li.university > ul.btns li a {background-position:0 -160px;}
.classMateWord .book_info > li.university > ul.btns li a span {background-position:right -160px;}
.classMateWord .book_info > li.university > ul.btns li a:hover {background-position:0 -200px;}
.classMateWord .book_info > li.university > ul.btns li a:hover span {background-position:right -200px;}

/**************************************************/
/* 2020 신학기 개편 */
/**************************************************/

/* layout */
/*body {min-width: 1000px;!*overflow-x: hidden;-ms-overflow-x: hidden;*!}*/
#contents.sub {width:1000px;font-family: 'Noto Sans KR', sans-serif !important;}
#contents #conts.sub_conts2020 {float: right;width: 750px; margin-left:0}
#contents #conts.sub_conts2020 h3 {height: 36px;padding:18px 0 15px 0;font-size: 36px;font-weight: 700;letter-spacing: -2px;line-height: 36px;color: #393d49;font-family: 'Noto Sans KR';}
#contents #conts.sub_conts2020 h3.type2 {padding-bottom: 0}
#contents #conts.sub_conts2020 .desc-page {font-family: 'Noto Sans KR', sans-serif;}
/* 교과서 자료실 : 국정 제외 */
#contents.sub.textbook {padding-top:55px}
/* 교과서 자료실 : 국정만 */
#contents.sub #conts.sub_conts2020.type2 {padding-top:45px}

/* 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;_position:absolute;top:0;z-index:11;}
button {outline: none;}

/* 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/renew/ico/ico_app.png');}
.ico.kakao{background-image: url('/images/renew/ico/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 {background-image: url('/images/renew/ico/ico_q_log.png');width: 17px;height: 20px;margin-bottom: 10px;}*/
.ico.ico_q_logout,.ico.ico_q_log {background-image: url('/images/renew/ico/ico_q_logout.svg');width: 25px;height: 29px;margin-bottom: 10px;}
.ico.ico_q_magazine {background-image: url('/images/renew/ico/ico_q_magazine.png');width: 20px;height: 19px;margin-bottom: 10px;}
.ico.ico_q_bank {background-image: url('/images/renew/ico/ico_q_bank.svg');width: 29px;height: 30px;margin-bottom: 30px;}
.ico.ico_q_reference {background-image: url('/images/renew/ico/ico_q_reference.svg');width: 23px;height: 33px;margin-bottom: 10px;}
.ico.ico_q_class {background-image: url('/images/renew/ico/ico_q_class.svg');width: 30px;height: 30px;margin-bottom: 10px;}
.ico.ico_q_book {background-image: url('/images/renew/ico/ico_q_book.svg');width: 30px;height: 33px;margin-bottom: 10px;}
.ico.ico_q_cs {background-image: url('/images/renew/ico/ico_q_cs.png');width: 23px;height: 20px;margin-bottom: 10px;}
.ico.ico_q_textbook {width: 28px; height: 30px; background-image: url('/images/renew/ico/ico_q_textbook.svg');}
.ico.ico_ebook {width: 22px; height: 19px; background-image: url('/images/renew/educourse/ico_ebook2020.png');}

/* 체크박스 */
.chk_box input[type=checkbox]{opacity:0;-webkit-appearance:none}
.chk_box{display:inline-block;position:relative;line-height:18px;}
.chk_box label {display:inline-block;padding-left:30px; font-size: 16px;  font-weight: 500; cursor: pointer;}
.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: 20px; height: 20px; margin: 0;}
.chk_box.type01 label:before{content: ""; position: absolute; top: 0px; left :0; width: 20px; height: 20px; background:url('/images/renew/btn/ch_btn_ico.png') no-repeat center}
.chk_box.type02 label:before{content: ""; position: absolute; top: 50%; left: 0; width: 20px; height: 20px; margin-top: -9px; background: url('/images/renew/btn/ico_chk.png') no-repeat center;}
.chk_box input[type="checkbox"]:checked + label {color: #404450;}
.chk_box input[type="checkbox"]:checked + label::before{background:url('/images/renew/btn/ico_chk_on.png') no-repeat center}
.chk_box.w20{width:20px;height:20px;margin:0 auto;}

/* 페이징 */
.paging2020 {padding-top:30px; text-align:center;}
.paging2020::before {content: ""; display: block; clear: both;}
.paging2020 ul{display:inline-block; margin:0 8px;}
.paging2020 li{display:inline-block; vertical-align: middle;}
.paging2020 li ~ li{margin-left:4px}
.paging2020 li a, .paging2020 li strong{display:inline-block; width:32px; height:33px; line-height:31px; text-align:center; color:#393d49; box-sizing:border-box}
.paging2020 li strong a, .paging2020 ul li strong{background: #f9fafc; color: #f75442; border: 1px solid #cdd8e8; border-radius: 8px;}
.paging2020 li a:hover{text-decoration: none;}
.paging2020 .prev,.paging2020 .next,.paging2020 .first,.paging2020.last{display:inline-block; width:32px; height:33px; font-size:0; text-indent:-5000px;}
.paging2020 .prev{margin-left:-1px; background:url('/images/renew/btn/btn_pre.png') no-repeat 50%;}
.paging2020 .next{background:url('/images/renew/btn/btn_nxt.png') no-repeat 50%;}

/* header */
#header {position:relative; width:100%;min-width: 1000px;background: #fff;font-family: 'Noto Sans KR', sans-serif;line-height:1.2; }
#header .top_btns {height: 40px;background-color: #f0f3f8;}
#header .top_btns .inner {width: 1000px;margin: 0 auto;*zoom:1}
#header .top_btns .inner:after {content: ""; display: block; clear: both;}
#header .top_btns .left {float: left; height: 40px; line-height: 40px; *zoom:1}
#header .top_btns .left:after {content: ""; display: block; clear: both;}
#header .top_btns .left li {float: left; height: 40px; line-height: 40px; text-align: center; font-weight:400}
#header .top_btns .left li.home {width: 162px; height: 40px;background: #fff;color: #4083ed;}
#header .top_btns .left a {display: block; line-height: 40px; padding: 0 15px; color: #333; font-weight:400}
#header .top_btns .left a:hover {text-decoration: none; color: #4083ed;}
#header .top_btns .right {float: right;}
#header .top_btns .right a {position: relative;display: inline-block; height: 40px; line-height: 40px; padding: 0 10px; text-align: center; font-size: 11px; font-weight: 500; color: #333; vertical-align: middle;}
#header .top_btns .right a:hover {text-decoration: none;}
#header .top_btns .right a:last-child::before {content:"";position: absolute;top: 50%;left: 0;width: 1px;height: 11px;margin-top: -6px;background-image: url('/images/renew/bar.png');opacity: 0.4;}
#header #top {position: relative; width: 1000px;height: 130px; margin: 0 auto; z-index: 9501;}
#header #top h1 {position: absolute; left: 0; top: 36px;}
#header #top h1.new_year {position: absolute; left: 0; top: 18px;}
#header #top h1 a {display:block;width:186px;height:63px;background: url('/images/renew/logo_vivasam.png') no-repeat 0 0;}
#header #top h1.new_year a {display:block;width:327px;height:99px;background: url('/images/renew/logo_vivasam_2023.png') no-repeat 0 0;}


/* 20 추석 로고 */
/*#header #top h1 {position: absolute; left: 0; top:0px;}*/
/*#header #top h1 a {display: block;width: 340px;height: 130px;background: url('/images/logo/logo_200929.jpg') no-repeat 0 0;}*/

/* 20 교과서의날 로고 */
/*#header #top h1 {position: absolute; left: 0; top: 25px;}*/
/*#header #top h1 a {display: block;width: 301px;height:91px;background: url('/images/logo/logo_201005.png') no-repeat 0 0;}*/

/* 2020-10-19 독도의 날 로고 */
/* #header #top h1.logoArt201019{position:absolute;left:0; top:24px;} */
/* #header #top h1.logoArt201019 a{display:block;width:323px;height:94px;background:url('/images/logo/logo_201019.png') no-repeat 0 0;} */

/* 2020-11-30 2020 수능 로고 */
#header #top h1.logoArt201130{position:absolute;left:0; top:0;}
#header #top h1.logoArt201130 a{display:block;width:305px;height:118px;background:url('/images/logo/logo_201130.png') no-repeat 0 0;}

/* 2020-12-18 로고영역 카카오톡 배너 추가 */
#header #top .mainBannerWrap{position:absolute;top:14px;left:-50px;}
#header #top .mainBannerWrap + h1{top:42px;left:100px;}
#header #top .mainBannerWrap + h1 a{width:197px;height:62px;background:url('/images/logo/logo_201221.png') no-repeat 0 0;}

/* 2020-12-30 2021설날 */
#header #top h1.logoArt201230{position:absolute;left:0; top:0;}
#header #top h1.logoArt201230 a{display:block;width:349px;height:130px;background:url('/images/logo/logo_201230.jpg') no-repeat 0 0;}

/* 2021-02-11 연날리기 */
#header #top h1.logoArt210211 {position:absolute;left:0; top:0;}
#header #top h1.logoArt210211 a {display:block;width:349px;height:130px;background:url('/images/logo/logo_210211.gif') no-repeat 0 0;}

/* 2021-02-25 신학기 */
#header #top h1.logoArt210225{position:absolute;left:-50px;top:0;}
#header #top h1.logoArt210225 a{display:block;width:344px;height:130px;background:url('/images/logo/logo_210225.png') no-repeat 0 0;}

/* 2021-05-13 스승의 날 */
#header #top h1.logoArt210513 {position:absolute;left:0;top:13px;}
#header #top h1.logoArt210513 a {display:block;width:377px;height:132px;background:url('/images/logo/logo_210513.png') no-repeat 0 0;}

/* 2021-09-17 추석 */
#header #top h1.logoArt210917 {position:absolute;left:0;top:13px;}
#header #top h1.logoArt210917 a {display:block;width:308px;height:92px;background:url('/images/logo/logo_210917.png') no-repeat 0 0;}

/* 2021-10-05 교과서의 날 */
#header #top h1.logoArt211005 {position:absolute;left:0;top:20px;}
#header #top h1.logoArt211005 a {display:block;width:299px;height:96px;background:url('/images/logo/logo_211005.png') no-repeat 0 0;}

/* 2021-10-22 독도의 날 */
#header #top h1.logoArt211022 {position:absolute;left:0;top:27px;}
#header #top h1.logoArt211022 a {display:block;width:325px;height:92px;background:url('/images/logo/logo_211022.png') no-repeat 0 0;}

/* 2021-11-16 독도의 날 */
#header #top h1.logoArt211116 {position:absolute;left:0;top:27px;}
#header #top h1.logoArt211116 a {display:block;width:332px;height:80px;background:url('/images/logo/logo_211116.png') no-repeat 0 0;}

/* 2021-12-31 신년 */
#header #top h1.logoArt211231 {position:absolute;left:0;top:0;}
#header #top h1.logoArt211231 a {display:block;width:311px;height:130px;background:url('/images/logo/logo_211231.png') no-repeat 0 0;}

/* 2022-01-28 설날 */
#header #top h1.logoArt220128 {position:absolute;left:0;top:35px;}
#header #top h1.logoArt220128 a {display:block;width:299px;height:85px;background:url('/images/logo/logo_220128.png') no-repeat 0 0;}

/* 설날 공통 */
#header #top h1.logoArt_KoreanNewYear {position:absolute;left:0;top:13px;}
#header #top h1.logoArt_KoreanNewYear a {display:block;width:289px;height:99px;background:url('/images/logo/logo_230120.png') no-repeat 0 0;}

/* 2022-03-02 신학기 */
#header #top h1.logoArt220302 {position:absolute;left:0;top:23px;}
#header #top h1.logoArt220302 a {display:block;width:331px;height:102px;background:url('/images/logo/logo_220302.png') no-repeat 0 0;}

/* 2022-05-15 스승의 날 */
#header #top h1.logoArt220515 {position:absolute;left:0;top:13px;}
#header #top h1.logoArt220515 a {display:block;width:316px;height:106px;background:url('/images/logo/logo_220515.png') no-repeat 0 0; background-size:cover;}

/* 2022-10-04 교과서 날 */
#header #top h1.logoArt221004 {position:absolute;left:0;top:25px;}
#header #top h1.logoArt221004 a {display:block;width:266px;height:81px;background:url('/images/logo/logo_221004.png') no-repeat 0 0;}

/* 2022-10-24 독도의 날 */
#header #top h1.logoArt221024 {position:absolute;left:0;top:0;}
#header #top h1.logoArt221024 a {display:block;width:299px;height:130px;background:url('/images/logo/logo_221024.png') no-repeat 0 0;}

/* 2022-11-15 수능 */
#header #top h1.logoArt221115 {position:absolute;left:0;top:0;}
#header #top h1.logoArt221115 a {display:block;width:332px;height:130px;background:url('/images/logo/logo_221115.png') no-repeat 0 0;}

/* 신년 로고아트 공통 */
#header #top h1.logoArt_newYear {position: absolute; left: 0; top: 18px;}
#header #top h1.logoArt_newYear a {display:block;width:327px;height:99px;background: url('/images/renew/logo_vivasam_2023.png') no-repeat 0 0;}

/* 2023-03-02 신학기 */
#header #top h1.logoArt230303 {position:absolute;left:0;top:23px;}
#header #top h1.logoArt230303 a {display:block;width:337px;height:89px;background:url('/images/logo/logo_230303.png') no-repeat 0 0; image-rendering: -webkit-optimize-contrast;}

/* 2023-05-15 스승의 날 */
#header #top h1.logoArt230512 {position:absolute;left:0;top:0;}
#header #top h1.logoArt230512 a {display:block;width:353px;height:130px;background:url('/images/logo/logo_230512.png') 0 65% no-repeat;}

/* 2023-07-21 추모 */
#header #top h1.logoArt230721 {position:absolute;left:0;top:0;}
#header #top h1.logoArt230721 a {display:block;width:304px;height:130px;background:url('/images/logo/logo_230721.png') 0 50% no-repeat;}

/* 2023-09-01 추모 */
#header #top h1.logoArt230901 a {display:block;width:173px;height:56px;background:url('/images/logo/logo_230901.png') 0 0 no-repeat;}

/* 2023-09-27 추석 */
#header #top h1.logoArt230927 a {display:block;width:258px;height:86px;background:url('/images/logo/logo_230927.png') 0 0 no-repeat;}

/* 2023-10-03 교과서의날 */
#header #top h1.logoArt231003 a {display:block;width:244px;height:87px;background:url('/images/logo/logo_231003.png') 0 0 no-repeat;}

/* 2023-10-24 독도 */
#header #top h1.logoArt231024 a{position:relative;background:none;}
#header #top h1.logoArt231024 a:before{content:'';position:absolute;top:50%;right:0;display:block;width:286px;height:96px;background:url('/images/logo/logo_231024.png') 0 0 no-repeat;transform:translateY(-50%);}

/* 2023-11-14 수능 */
#header #top h1.logoArt231114 a{position:relative;background:none;}
#header #top h1.logoArt231114 a:before{content:'';position:absolute;top:50%;right:0;display:block;width:296px;height:96px;background:url('/images/logo/logo_231114.png') 0 0 no-repeat;transform:translateY(-50%);}

/* 2024-01-01 2024 신년 */
#header #top h1.logoArt240101 a{position:relative;background:none;}
#header #top h1.logoArt240101 a:before{content:'';position:absolute;top:50%;right:0;display:block;width:325px;height:62px;background:url('/images/logo/logo_240101.png') 0 0 no-repeat;transform:translateY(-50%);}

/* 2024-02-08 2024 설날 */
#header #top h1.logoArt240208 a{position:relative;background:none;}
#header #top h1.logoArt240208 a:before{content:'';position:absolute;top:50%;right:0;display:block;width:336px;height:86px;background:url('/images/logo/logo_240208.png') 0 0 no-repeat;transform:translateY(-50%);}

/* 2024-03-04 신학기 */
#header #top h1.logoArt240304 a{position:relative;background:none;}
#header #top h1.logoArt240304 a:before{content:'';position:absolute;top:50%;right:0;display:block;width:324px;height:92px;background:url('/images/logo/logo_240304.png') 0 0 no-repeat;transform:translateY(-50%);}

/* 2024-05-13 스승의날 */
#header #top h1.logoArt240513 a{position:relative;background:none;}
#header #top h1.logoArt240513 a:before{content:'';position:absolute;top:50%;right:0;display:block;width:203px;height:72px;background:url('/images/logo/logo_240513.png') 0 0 no-repeat;transform:translateY(-50%);}

/* 2023-07-15 추모 */
#header #top h1.logoArt240715 a {display:block;width:179px;height:56px;background:url('/images/logo/logo_240715.png') 0 0 no-repeat;}

/* 2023-09-02 22개정 비상교과서 */
#header #top h1.logoArt240902 a {display:block;width:197px;height:67px;background:url('/images/logo/logo_240902.png') 0 0 no-repeat;margin-top:-15px;}

/* 2024-12-30 애도로고 */
#header #top h1.logoArt241230_2 a {display:block;width:206px;height:58px;background:url('/images/logo/logo_241230.png') 0 0 no-repeat;}

/* 2025-01-24 설날 로고 */
#header #top h1.logoArt240125 a {display:block;width:258px;height:56px;background:url('/images/logo/logo_250124.png') 0 0 no-repeat;}

/* 2025-03-04 251 신학기 로고아트 */
#header #top h1.logoArt250304 a {display:block;width:438px;height:94px;background:url('/images/logo/logo_250304.gif') no-repeat 0 center / auto 94px; }
#header #top h1.logoArt250304 a:after{content:"";display:inline-block;width: 438px;height: 94px;background: url(/images/renew2025/logo_vivasam_262x65_2x.png) no-repeat right 17px / 262px 65px;}
/* 2025-05-13 스승의날 로고아트 */
#header #top h1.logoArt250513 a {position:relative;width: 262px; height: 65px; background: url('/images/renew2025/logo_vivasam_262x65_2x.png') no-repeat 0 0 / 262px 65px;}
#header #top h1.logoArt250513 a:before{content:"";display:block;width:172px;height:120px;background:url('/images/logo/logo_250513.gif') no-repeat center center;position: absolute;top:0;left:0;margin-top:-31px;margin-left:-172px;image-rendering:-webkit-optimize-contrast;}
/* 2025-05-15 꽃잎 오브제 */
#header #top h1.logoArt250513 [class*="obj"]{position:absolute;top:-42px;display: inline-block;background:url("/images/logo/flower1.svg") no-repeat center center;width:11px;height:13px;opacity: 0;}
#header #top h1.logoArt250513 .obj1,#header #top h1.logoArt250513 .obj5{background-image:url("/images/logo/flower1.svg");}
#header #top h1.logoArt250513 .obj2,#header #top h1.logoArt250513 .obj6{background-image:url("/images/logo/flower2.svg");width:14px;height:8px;}
#header #top h1.logoArt250513 .obj3,#header #top h1.logoArt250513 .obj7{background-image:url("/images/logo/flower3.svg");width:6px;height:10px;}
#header #top h1.logoArt250513 .obj4,#header #top h1.logoArt250513 .obj8{background-image:url("/images/logo/flower4.svg");width:8px;height:18px;}
#header #top h1.logoArt250513 .obj1{left:-170px; animation: obj1 4.55s infinite;}
#header #top h1.logoArt250513 .obj2{left:-172px; animation: obj2 3.25s .2s infinite;}
#header #top h1.logoArt250513 .obj3{left:-178px; animation: obj3 5.7s .5s infinite;}
#header #top h1.logoArt250513 .obj4{left:-182px; animation: obj4 2.5s .7s infinite;}
#header #top h1.logoArt250513 .obj5{right:204px; animation: obj5 3s 1s infinite;}
#header #top h1.logoArt250513 .obj6{right:212px; animation: obj6 4s 1.2s infinite;}
#header #top h1.logoArt250513 .obj7{right:224px; animation: obj7 5s 1.3s infinite;}
#header #top h1.logoArt250513 .obj8{right:234px; animation: obj8 2s 1.4s infinite;}
@keyframes obj1{
    25%{opacity: 1;}
    100% {transform:translate(183px, 120px) rotate(180deg); transition-timing-function:ease-in-out; opacity: 0;}
}
@keyframes obj2{
    25%{opacity: 1;}
    100% {transform:translate(120px, 120px) rotate(-180deg); transition-timing-function:ease-in-out;opacity: 0;}
}
@keyframes obj3{
    25%{opacity: 1;}
    100% {transform:translate(153px, 120px) rotate(180deg); transition-timing-function:ease-in-out;opacity: 0;}
}
@keyframes obj4{
    25%{opacity: 1;}
    100% {transform:translate(50px, 120px) rotate(-180deg); transition-timing-function:ease-in-out;opacity: 0;}
}
@keyframes obj5{
    25%{opacity: 1;}
    100% {transform:translate(-153px, 120px) rotate(180deg); transition-timing-function:ease-in-out; opacity: 0;}
}
@keyframes obj6{
    25%{opacity: 1;}
    100% {transform:translate(-86px, 132px) 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;}
}

/* 시즌 로고 일때 */
#header #top.season h1 a {width: 300px; background: none;}
#header .headerLogin {position: absolute; top: 38px; right: 0;}
#header .headerLogin a.txtBanner,
#header .headerLogin .snsWrap{display:inline-block;vertical-align:middle;}
#header .headerLogin a.txtBanner{position:relative;width:auto;height:auto;margin-right:40px;padding:3px 0 3px 48px;background:url('/images/renew/ico/ico_txt_banner.png') 12px 50% no-repeat;font-size:14px;font-weight:400;color:#000;text-align:left;letter-spacing:-1px;}
#header .headerLogin a.txtBanner:before{content:'';position:absolute;top:0;left:0;display:inline-block;width:40px;height:40px;background:#d5e6ee;border-radius:20px;z-index:-1;}
#header .headerLogin a.txtBanner strong{font-weight:700;color:#f75442;}
#header .headerLogin a:hover{text-decoration:none;}
#header .headerLogin a.txtBanner:hover:before{background:#3bc0f7;}
/*#header .headerLogin a {display: inline-block;width:46px;height:80px;margin-left:6px;font-weight:600;vertical-align: top;text-align: center;word-break: keep-all;color: rgba(57, 61, 73, 0.6);}
#header .headerLogin a p{display: table-cell;height: 30px;margin-top: 4px;vertical-align: middle;font-size: 11px;letter-spacing: -1px;line-height: 13px;}
#header .headerLogin a:hover div p {color: #000;}
#header .headerLogin a:hover .ico{-webkit-transition:all 0.3s ease; transition:all 0.3s ease;}
#header .headerLogin a:hover .ico.login {background-image: url('/images/renew/ico/ico_login_hover.png');}
#header .headerLogin a:hover .ico.logout {background-image: url('/images/renew/ico/ico_logout_hover.png');}
#header .headerLogin a:hover .ico.join {background-image: url('/images/renew/ico/ico_join_hover.png');}
#header .headerLogin a:hover .ico.info {background-image: url('/images/renew/ico/ico_info_hover.png');}
#header .headerLogin a:hover .ico.app {background-image: url('/images/renew/ico/ico_app_hover.png');}
#header .headerLogin a:hover .ico.library {background-image: url('/images/renew/ico/ico_library_hover.png');}*/
#header .headerLogin .snsWrap > [class^="btn"]{display:inline-block;vertical-align:top;}
#header .headerLogin .snsWrap > [class^="btn"] .ico{box-sizing:border-box;width:53px;height:53px;background-position:50% 50%;background-size:auto;border:2px solid #e0e0e0;border-radius:100%;}
#header .headerLogin .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 .headerLogin .snsWrap > [class^="btn"] + [class^="btn"]{margin-left:15px;}
#header .headerLogin .snsWrap .btn_app .ico.app{background-position:60% 50%;}
#header .headerLogin .snsWrap .btn_app:hover .ico{background-color:#4083ee;border:2px solid #4083ee;}
#header .headerLogin .snsWrap .btn_kakao:hover .ico{background-color:#ffda00;border:2px solid #ffda00;}

#header .search_wrap {position: absolute;top: 50px;left: 50%;width: 332px;margin-left:-192px;background:#fff;border:2px solid #4083ee;border-radius:25px;}
/*#header .search_wrap:hover,
#header .search_wrap:active,
#header .search_wrap:visited {border: 1px solid #4083ee;background: #fff;-webkit-transition:all 0.3s ease; transition:all 0.3s ease;}*/
#header .search_form {padding:11px 50px 11px 22px;}
#header .search_form input[type="text"] {width: 100%; height: 24px;background:none; line-height: 20px;font-family: 'Noto Sans KR', sans-serif;font-size: 18px; color: #222;box-sizing: border-box;}
#header .search_form label {position: absolute; /*left: 10px; top: 7px;*/ top:50%;  margin-top:-9px; height: 16px; line-height: 16px; font-size: 12px; color: #888;}
#header .search_form label ul li {display: none;}
#header .search_form label ul li:first-child {display: block;}
#header .search_form label ul li.active {display: block;}
#header .search_form label ul li a {display:inline-block; height: 18px; line-height: 18px;  font-weight: bold; font-size: 14px; color: #3bc0f7; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#header .search_form label ul li a:hover {text-decoration:underline}
#header .search_form label ul li a b {color: #4083ee;font-weight: 800;font-size: 16px;}
#header .search_form label ul li a span {display: inline;color: #3bc0f7;font-size: 14px;font-weight: 700;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#header .search_form label ul li a span:before {display: inline-block;content: "·";margin-right: 6px;color: rgba(57, 61, 73, 0.5);}

#header .search_form .btn_search{position:absolute;top:50%;right:3px;width:40px;height:40px;margin-top:-20px;background: url('/images/renew/bg_header.png') 50% 50% no-repeat #4083ee;border-radius:20px;}
#header .search_layer {display: none; position: absolute; top: 60px;left: 0px; width: 100%; border: 1px solid #dde2eb;border-radius: 25px; padding-bottom: 17px; background: #fff; overflow: hidden;}
#header .search_wrap.open .search_layer {display: block;}
#header .search_layer .inner {min-height: 220px; padding-top: 5px; background: #fff;}
#header .search_layer ul li {position: relative; line-height: 16px; margin-top: 5px; padding: 5px 20px;}
#header .search_layer ul li:first-child {margin-top: 0;}
#header .search_layer ul li:hover,
#header .search_layer ul li.on {background: #fff4c7;}
#header .search_layer ul li a {display: block; font-size: 14px; color: #333; font-weight:500}
#header .search_layer ul li a:hover {text-decoration: none;}
#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 {font-weight: normal; color: #f25871;}
#header .search_layer ul.history {padding-bottom: 22px;}
#header .search_layer ul.history li {padding-right: 47px;}
#header .search_layer ul.history a.btn_del {position: absolute; right: 12px; top: 50%; width: 26px; height: 26px; margin-top: -13px; background: url('../images/common/bg_header.png') no-repeat -22px -32px;}
#header .search_layer .btn_del_all {position: absolute; left: 0; bottom: 0; display: block; width:100%; height: 34px; line-height: 34px; padding: 0 20px; background: #f2f2f2; font-size: 12px; color: #333; font-weight:500}

/* 비버샘 로고 */
#header .viversam_logo {position: absolute; top: calc(50% - 18px); right: 19%; background:url("../images/logo/viversam_logo.png") no-repeat center center; width: 137px; height: 54px;}
/* 비버샘 로고 이벤트 한정 */
#header .viversam_logo230512 {position: absolute; top: calc(50% - 18px); right: 10%; background:url("../images/logo/viversam_logo_mid.png") no-repeat center center; width: 242px; height: 55px; background-size: auto 100%;}
/* 퀵메뉴 플로팅 배너 */
.quickevt_banner{overflow:hidden;position:fixed;top:54%;right:170px;width:130px;margin:0 5px;z-index:12;}
/*.quickevt_banner.on {right: 182px;}*/
.quickevt_banner .banner_close{float:right;margin-top:10px;}

#header .issuekeyword {position: absolute;top: 15px;left:520px; }
#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 b{display:inline;margin-right:7px;font-size:16px;font-weight:500;color:#4083ee;line-height:1;}
#header .issuekeyword ul li a span{display:inline;color:#393d49;font-size:14px;font-weight:500;line-height:1;}
#header .issuekeyword ul li a:hover b,
#header .issuekeyword ul li a:hover span{text-decoration:underline; text-underline-position:under;}

/* top 2021 */
#header .top_common {box-sizing:border-box;height:38px;background:#f1f1f1;border-top:none;border-bottom:1px solid #e4e4e5;}
#header .top_common article{position: relative;margin: 0 auto;max-width: 1200px;}
#header .top_common .left_module {float: left; height: 38px;font-size:0;line-height: 38px;}
#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;box-sizing:border-box;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,
#header .top_common .left_module span:hover,
#header .top_common .left_module span.on {text-decoration:none;color:#4083ee;}
#header .top_common .left_module span:hover:before,
#header .top_common .left_module span.on:before,
#header .top_common .left_module a:hover:before,
#header .top_common .left_module a.on:before{content:'';position:absolute;top:0;left:0;display:inline-block;width:100%;height:37px;background:#fff;border:1px solid #ddd;border-top:0;z-index:-1;}

#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:before{content:"";position: absolute;top: 50%;left: 0;width: 1px;height: 9px;margin-top: -5px;background:#d9dcde;}
#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 a{padding-right:15px;}
#header .top_common .right_module .login > li:first-child a{padding:0 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:400;letter-spacing:-0.06em;}

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

/* 2022-01 신학기 개편 */
#header .top_common {height:40px;border-top: 4px solid #5085da;}
#header .top_common .left_module {height: 35px;line-height: 35px;}
#header .top_common .left_module a,
#header .top_common .left_module span{line-height: 35px;}
#header .top_common .left_module span:hover:before,
#header .top_common .left_module span.on:before,
#header .top_common .left_module a:hover:before,
#header .top_common .left_module a.on:before{height:35px;}

/* 스크롤 헤더 */
#header.fix{position:fixed;top:0;left:0;z-index:1001;background:#fff;}
#header.fix .top_common, #header.fix #top{display:none;}
#header.fix #gnb{box-sizing:border-box;height:54px;border-top:none;border-bottom:2px solid #5692f0;box-shadow:0 4px 0 rgba(221,221,221,0.4);}
#header.fix .logo{position:absolute;left:50%;margin-left:-600px;width:64px; height:52px;background: url('../images/common/logo_vivasam3.png') no-repeat center center;}
#header.fix #gnb ul.gnb{justify-content:space-between;width:753px;padding:0;position:absolute;right:50%;margin-right:-600px;padding:0 12px 0 0;}
#header.fix #gnb ul.gnb li a{padding:18px 0;font-size:16px;}
#header.fix #gnb .gnb_depth {top:54px;}
#header.fix .viversam_menu {display: none;}
/*#header.fix .gnb ul.gnbmenu{}*/
/*#header.fix .gnb ul.gnbmenu li{padding:0 0 0 25px;}*/
/*#header.fix .gnb ul.gnbmenu li:first-child{position:relative;left:auto;top:auto;padding:0;}*/
/*#header.fix .gnb ul.gnbmenu li:nth-child(2){position:relative;left:auto;top:auto;margin-right:0;padding:0 0 0 25px;}*/
/*#header.fix .gnb ul.gnbmenu li:nth-child(3){padding-left:40px;}*/
/*#header.fix .gnb ul.gnbmenu li.gnb_lib{position:relative;right:auto;top:auto;padding:0 0 0 40px;}*/
/*#header.fix .gnb ul.gnbmenu li.gnb_lib a{padding:0;}*/
/*#header.fix .gnb ul.gnbmenu li.gnb_quiz{position:relative;right:auto;top:auto;padding:0 0 0 25px;}*/
/*#header.fix .gnb ul.gnbmenu li.gnb_quiz a{margin-top:15px;width:69px;height:24px;background-position:left -19px;}*/
/*#header.fix .gnb ul.gnbmenu li a{color:#393d49;font-size:16px;line-height:52px;}*/
/*#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-weight:500;}*/
/*#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 : 1depth */
#gnb {position: relative; width: 100%;height: 60px; border-top: 1px solid #d6dce7;border-bottom: 1px solid #d6dce7; z-index: 9500;}
#gnb ul.gnb{display:flex;display:-webkit-flex;flex-wrap:wrap;box-sizing:border-box;width:1000px;margin:0 auto;padding:0 10px;}
/*#gnb ul.gnb:after {content: ""; display: block; clear: both;}*/
/*#gnb ul.gnb{content: ""; display: block; clear: both;}*/
#gnb ul.gnb li{margin-right:56px;}
#gnb ul.gnb li:last-child{margin-right:0;}
#header.fix #gnb ul.gnb li{margin-right:0;}
#gnb ul.gnb li a {position:relative;display:block;padding:20px 0;font-size:20px;font-weight:600;color:#393d49;line-height:1;letter-spacing:-0.06em;}
#gnb ul.gnb li a:hover,
#gnb ul.gnb li a.hover {text-decoration: none; font-weight: 600; color: #4083ee; }
/*#gnb ul.gnb li a:hover::after,*/
/*#gnb ul.gnb li a.hover::after {content:"";position: absolute;top: 18px;right: -14px;width:6px; height: 6px; margin-left:10px; margin-top:0px; border-radius: 5px;background-color: #4083ee;}*/
#gnb ul.gnb li.on > a {background: none;color: #4083ee;}
#gnb ul.gnb li.on > a::after {content: "";color: #4083ee;position: absolute;width:6px; height: 6px; top: 18px;right: -14px; margin-left:10px; margin-top:0px;border-radius: 5px;background-color: #4083ee;background: none;}

/* GNB : 2depth */
#gnb .gnb_depth {position: absolute; left: 0; top: 61px; width: 100%;}
#gnb .gnb_depth .menu {display: none;width: 100%;background-color: #f6f6f6; border-bottom:1px #333 solid}
#gnb .gnb_depth .menu.blind {display: none;padding: 0;border: none;}
#gnb .gnb_depth .menu .inner {position: relative;box-sizing:border-box;width: 1000px;height:328px;min-width:905px;margin:0 auto;overflow:hidden;}
/*#gnb .gnb_depth .menu .inner h2 {position: absolute;top:30px;left: 0;padding-bottom: 4px;border-bottom: 3px solid #393d49;font-size: 28px;font-weight:800;letter-spacing: -1px;color: #393d49;}*/
#gnb .gnb_depth .menu .inner .menu_list{box-sizing:border-box;width:100%;height:100%;padding:20px;font-size:0;}
#gnb .gnb_depth .menu .inner .menu_list > li{display:inline-block;min-width:20%;padding-bottom:20px;vertical-align:top;}
#gnb .gnb_depth .menu .inner .menu_list > li h3{margin-bottom:10px;font-size:18px;font-weight:500;color:#4083ee;line-height:2;letter-spacing:-0.06em;}
#gnb .gnb_depth .menu .inner .menu_list > li h3 img{margin-top:5px;}
#gnb .gnb_depth .menu .inner .menu_list > li a{box-sizing:border-box;padding-right:20px;font-size:14px;color:#393d49;font-weight:400;line-height:1.8;letter-spacing:-0.06em;}
#gnb .gnb_depth .menu .inner .menu_list > li a:hover {background: url('/images/renew/btn/arr_type03_hover.png') no-repeat right center; color: #f75442;}
#gnb .gnb_depth .menu .inner .menu_list > li a img {vertical-align:middle;margin-top:-4px}
#gnb .gnb_depth .menu .inner .menu_list > li .disabled a,
#gnb .gnb_depth .menu .inner .menu_list > li .disabled a:hover{ color: #a5abbc; background: none;  text-decoration: none; }
#gnb .gnb_depth .menu .inner .menu_list > li.nav_library{margin-top:-40px;}
#gnb .gnb_depth .btn_area {padding: 14px 0;background: #9cdbfa;text-align: center;}
#gnb .gnb_depth .btn_area a {display:inline-block;height: 24px;padding-right: 25px;background: url('/images/renew/btn/arr_type08.png') no-repeat right center;font-size: 16px;font-weight: 500;letter-spacing: -1px;line-height: 20px;color: #393d49;}
#gnb .gnb_depth .menu .inner .menu_list .noti_list a{font-size:16px;line-height:34px;}
#gnb .gnb_depth .btn_gnb_close{position:absolute;top:288px;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 .inner {height: 300px;}*/
#gnb .gnb_depth .menu.textbook .inner:after{content:'';display:block;clear:both;}
#gnb .gnb_depth .menu.textbook .inner > .gnbMenu_new,
#gnb .gnb_depth .menu.textbook .group,
#gnb .gnb_depth .menu.textbook .booklist{float:left;box-sizing:border-box;height:100%;padding:20px 0;border-left:1px solid #e6e6e6;}
#gnb .gnb_depth .menu.textbook .inner > .gnbMenu_new{overflow:hidden;width:calc(100% - 161px);padding:0;border:0;}
#gnb .gnb_depth .menu.textbook .group{width:161px;}
#gnb .gnb_depth .menu.textbook .group ul li a {display:block;padding: 0 10px;font-size: 16px;font-weight:400;color: #393d49;line-height:2;letter-spacing:-0.06em;}
#gnb .gnb_depth .menu.textbook .group ul li a:hover,
#gnb .gnb_depth .menu.textbook .group ul li.on a{text-decoration:none;background:url('/images/renew/btn/arr_type03_hover.png') no-repeat right 20px center;color:#f75442;font-weight:900;}

#gnb .gnb_depth .menu.textbook .booklist{width:calc(100% - 161px);}
#gnb .gnb_depth .menu.textbook .booklist:after{content:'';display:block;clear:both;}
#gnb .gnb_depth .menu.textbook .booklist .year{float: left; height: 100%; padding-left: 20px;box-sizing: border-box;}
#gnb .gnb_depth .menu.textbook .booklist #ESBook2009Title.year,
#gnb .gnb_depth .menu.textbook .booklist #MSBook2009Title.year,
#gnb .gnb_depth .menu.textbook .booklist #HSBook2009Title.year {padding-left:10px}
#gnb .gnb_depth .menu.textbook .booklist .year p{font-size:16px;font-weight:600;color:#4083ee;line-height:2;letter-spacing:-0.06em;}

#gnb .gnb_depth .menu.textbook .booklist .subject:after{content:'';display:block;clear:both;}
#gnb .gnb_depth .menu.textbook .booklist .subject.type2 {float: left;}
#gnb .gnb_depth .menu.textbook .booklist .subject.type2 ul {float: none;}
#gnb .gnb_depth .menu.textbook .booklist .subject ul{float:left;}
#gnb .gnb_depth .menu.textbook .booklist .subject ul li {width:auto;min-width:125px;margin-top:10px;}
#gnb .gnb_depth .menu.textbook .booklist .subject ul li a{display:block;font-size:14px;font-weight:400;color:#393d49;line-height:1.4;letter-spacing:-0.06em}
#gnb .gnb_depth .menu.textbook .booklist .subject ul li a:hover,
#gnb .gnb_depth .menu.textbook .booklist .subject ul li.on a {text-decoration: underline; color: #f75442;}
#gnb .gnb_depth .menu.textbook .booklist .subject ul li a img {margin-left:4px; vertical-align: middle;}
#gnb .gnb_depth .menu.textbook .btn_area a span {display: block;height: 100%;padding-left: 34px;background: url('/images/renew/ico/ico_dvd.png') no-repeat left center;}

/* GNB : 2depth 테마관 */
#gnb .gnb_depth .menu.theme .inner {display:flex;align-items:center;}
#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;position:relative;}
#gnb .gnb_depth .menu.theme .inner .gnb_theme_list ul li .gnbNew {position:absolute;right:8px;top:0;z-index:999;}
#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.digital a .ico {background-image: url('/images/renew/ico/gnb_theme09.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.digital a:hover .ico {background-image: url('/images/renew/ico/gnb_theme09_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;}

/* quick */
#quickMenu {position: fixed; right: 0; width: 170px;height:100%;background-color: #fff;box-sizing: border-box;z-index: 55;line-height: 1.2; font-weight: bold; font-size: 12px; font-family: 'Noto Sans KR', sans-serif;}
#quickMenu a:hover {text-decoration: none;}
/* 접혔을때 */
#quickMenu .pseudo {display: none;position: absolute;top: 0;right: 0;width: 100%;height: 100%;border-left: 1px solid #6978B5;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:nth-child(2) {padding-top: 10px}
#quickMenu .pseudo .quick_menu_visual ul li:nth-child(6) {padding-bottom: 20px}
#quickMenu .pseudo .quick_menu_visual ul li:last-child {padding-top: 10px;}
/*#quickMenu .pseudo .quick_menu_visual ul li:first-child {border-bottom: 1px solid #d6dce7;}*/
#quickMenu .pseudo .quick_menu_visual ul li a {display: block;width: 64px;height: 60px;text-align: center;color: #888b92;font-weight: 600;z-index:30;font-size: 12px;letter-spacing: -1px;font-family: 'Noto Sans KR', sans-serif; box-sizing:border-box;}
#quickMenu .pseudo .quick_menu_visual ul li:first-child a {padding-top:25px}
#quickMenu .pseudo .quick_menu_visual ul li:last-child a {padding-top:15px}
#quickMenu .pseudo .quick_menu_visual ul li:first-child a span,
#quickMenu .pseudo .quick_menu_visual ul li:nth-child(5) a span,
#quickMenu .pseudo .quick_menu_visual ul li:nth-child(6) a span {margin-left: 1px;}
#quickMenu .pseudo .quick_menu_visual ul li a span {display: block;}
#quickMenu .pseudo .quick_menu_visual ul li:first-child a {height: 90px;border-left: 1px solid #6978B5;background-color: #f4f4f4;box-sizing: border-box;}
/*#quickMenu .pseudo .quick_menu_visual ul li:nth-child(2) a {height: 82px;}*/
#quickMenu .pseudo .quick_menu_visual ul li:last-child a {height: 80px;}
#quickMenu .pseudo .quick_menu_visual ul li a:hover {text-decoration: none;color: #4083ee;}
#quickMenu .pseudo .quick_menu_visual ul li:first-child a:hover div{background-image: url('/images/renew/ico/ico_q_log_hover.png');}
#quickMenu .pseudo .quick_menu_visual ul li:first-child a:hover div.ico.ico_q_logout{background-image: url('/images/renew/ico/ico_q_logout.svg');}
#quickMenu .pseudo .quick_menu_visual ul li:nth-child(2) a:hover div{background-image: url('/images/renew/ico/ico_q_textbook.svg');}
#quickMenu .pseudo .quick_menu_visual ul li:nth-child(3) a:hover div{background-image: url('/images/renew/ico/ico_q_bank_hover.png');}
#quickMenu .pseudo .quick_menu_visual ul li:nth-child(4) a:hover div{background-image: url('/images/renew/ico/ico_q_reference_hover.png');}
#quickMenu .pseudo .quick_menu_visual ul li:nth-child(5) a:hover div{background-image: url('/images/renew/ico/ico_q_class_hover.png');}
#quickMenu .pseudo .quick_menu_visual ul li:nth-child(6) a:hover div{background-image: url('/images/renew/ico/ico_q_book_hover.png');}
#quickMenu .pseudo .quick_menu_visual ul li:last-child a:hover div{background-image:url('../images/renew/ico/ico_q_attention.svg');}
#quickMenu .loginbox {position:relative;background: #f4f4f4;padding: 20px 0 0 0;height:auto;border-top:1px solid #d6dce7;border-left:1px solid #d6dce7;box-sizing:border-box;}
/* 로그인 전 */
#quickMenu .login_before {padding: 0;}
#quickMenu .input_wrap {padding:0 18px 8px;}
#quickMenu .input_wrap label {width: 100%;top: 2px;left: 13px;font-weight: 400;font-size: 12px;color: #273a54;line-height: 15px;}
#quickMenu .input_wrap input {width: 100%;height: 30px;padding: 5px 0;border: none;border-bottom: 2px solid #bac8d9;background: none;font-family: 'Noto Sans KR', sans-serif;font-size: 12px;box-sizing: border-box;}
#quickMenu .input_wrap input.ico_id {background: url('/images/renew/ico/ico_input_log.png'); background-color:none; background-repeat: no-repeat;background-position: right center;}
#quickMenu .input_wrap input.ico_id:focus {background: url('/images/renew/ico/ico_input_log_hover.png');  background-color:none; background-repeat: no-repeat;background-position: right center;}
#quickMenu .input_wrap input.ico_pass {background: url('/images/renew/ico/ico_input_pass.png');background-repeat: no-repeat;background-position: right center;}
#quickMenu .input_wrap input.ico_pass:focus {background: url('/images/renew/ico/ico_input_pass_hover.png');background-repeat: no-repeat;background-position: right center;}
#quickMenu .input_wrap input:focus {border-bottom: 2px solid #3bc0f7;}
#quickMenu .btn_login {display: block; width: 133px;height: 35px;margin-left: 18px;margin-bottom: 10px; margin-top:15px; background-color: #3bc0f7;line-height: 35px;font-size: 12px;font-weight: 500;color: #fff; text-align: center; border-radius:5px;}
#quickMenu .btn_login:hover { background-color: #538fef;color: #fff;}
#quickMenu .login_check {padding:0 18px;}
#quickMenu .login_check input[type="checkbox"] {display:none;}
#quickMenu .login_check label {position:relative; padding-left:24px;vertical-align: middle;color: #6e7483;font-size:12px;font-weight:400;}
#quickMenu .login_check input[type="checkbox"] + label:before{content:""; position:absolute; left:0; top: 50%; 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 {position:absolute;bottom:0;left:0;background-color: #e3e4e5;*zoom:1}
#quickMenu .btns.quickBtns {position: static !important;}
#quickMenu .btns:after {content: ""; display: block; clear: both;}
#quickMenu .btns a {position:relative;float: left;min-width: 61px; height: 32px; line-height: 32px; color: rgba(57, 61, 73, 0.7);font-size: 12px;font-weight: 500;letter-spacing: -1px;text-align: center; background: #e3e4e5; box-sizing:content-box;}
#quickMenu .btns a:hover {color: #1f75ff;}
#quickMenu .btns a {position: relative;}
#quickMenu .btns a:first-child {padding: 0 14px;}
#quickMenu .btns a:last-child {padding: 0 13px 0 4px;}
#quickMenu .btns.after a{padding: 16px  12px;}
#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;}

/*sns 로그인*/
.sns_login ul {width: 100%; display: flex; justify-content: center; padding:13px 0 29px; }
.sns_login ul li {margin: 0 5px; width: 40px; height: 40px; border-radius: 4px;}
.sns_login ul li img {width: 100%; }
.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;}
.c_pointer {cursor:pointer !important;}
.sns_login ul li.login_naver img {height: 40px;}
.sns_login ul li.login_naver {background: #00c73c;}
.sns_login ul li.login_kakao {background: #f9dc26;}
.sns_login ul li.login_facebook {background: #4167b2;}
.sns_login ul li.login_google {background: url(../images/common/popLogin_google.png)no-repeat center; background-size: 100% auto; z-index: 10; }
.sns_login ul li.login_google .g_id_signin {opacity: 0;}
.sns_login ul li.login_whale {background: #193a97;}


#quickMenu .login_after_wrap .login_after {height:157px;padding: 0 18px;}
#quickMenu .login_after_wrap .login_after.before_certify {height:175px; padding: 0 18px;}
#quickMenu .login_after_wrap .login_after > a {display: block;font-size: 12px;margin-bottom: 15px;padding: 7px 14px;border: 1px solid #f75442;box-sizing: border-box;border-radius: 5px;background: url('/images/renew/btn/arr_type10.png') no-repeat 120px center;font-weight: 500;font-size: 12px;color: #f75442;}
#quickMenu .login_after_wrap .login_after > a:hover {color: #fff;background: #f75442 url('/images/renew/btn/arr_type10_hover.png') no-repeat 120px center;}
#quickMenu .login_after_wrap .login_after .teacher_name_wrap {padding-bottom: 15px;letter-spacing: -1px;}
#quickMenu .login_after_wrap .login_after .teacher_name_wrap p {margin-bottom: 5px;font-size: 16px;color: #393d49;font-weight: 500;}
#quickMenu .login_after_wrap .login_after .teacher_name_wrap p span {color: #1E1E21;font-size: 16px;font-weight: 400;}
#quickMenu .login_after_wrap .login_after .teacher_name_wrap span {color: #4083ee;font-size: 14px;font-weight: 300;letter-spacing: 0;}
#quickMenu .login_after_wrap .login_after .uncertified {letter-spacing: -1px;}
#quickMenu .login_after_wrap .login_after .uncertified span {display: block;margin-bottom: 8px;font-size: 12px;color: #f75442;word-wrap: break-word;word-break: keep-all;line-height: 14px;font-weight: 400; }
#quickMenu .login_after_wrap .login_after .uncertified p {font-size: 16px;color: #f75442;font-weight: 500;}
#quickMenu .login_after_wrap .login_after .certification {letter-spacing: -1px;}
#quickMenu .login_after_wrap .login_after .certification span {/*margin-bottom: 8px;*/display: block;width:133px;font-size: 12px;color: #909299;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;line-height: 14px;font-weight: 400; }
#quickMenu .login_after_wrap .login_after .certification p {font-size: 16px;color: #6295ef;font-weight: 500;}
#quickMenu .login_after_wrap .login_after .certification p.txt_set {font-size:12px;color: #f75442;}
#quickMenu .login_after_wrap .login_after > p {margin-bottom:10px}
#quickMenu .login_after_wrap .login_after > p > a {color: #f75442;}
#quickMenu .login_after_wrap .login_after > p > a:hover {text-decoration:underline;}
#quickMenu .login_before .sns_login ul li {overflow:hidden;box-sizing:border-box;width:25px;height:25px;margin:0 2px;border-radius:100%;}
#quickMenu .login_before .sns_login ul li img {width: 100%; height: 100%; }
#quickMenu .login_before .sns_login ul li#GgCustomLogin{background:#fff;border:1px solid #ddd;}
#quickMenu .login_before .sns_login ul li#GgCustomLogin .login_google{overflow:hidden;width:25px;height:25px;margin:-5px -4px;}

#quickMenu .line_type {height: 100%;border-left: 1px solid #d6dce7;box-sizing: border-box;}
#quickMenu .vmagazine {padding:12px 18px;background-color: #fff; border-bottom:1px #eaedf3 solid}
#quickMenu .vmagazine .tit {margin-bottom: 10px;}
#quickMenu .vmagazine .tit .txt {margin-right: 5px;margin-bottom: 10px;font-size: 11px;font-weight: bold;color: #9ca9ba;}
#quickMenu .vmagazine .tit .date {font-size: 16px;font-weight: 600;letter-spacing: -1px;  color: #f75442;}
#quickMenu .vmagazine .img {display: inline-block;margin-bottom: 10px;box-shadow: 5px 5px 10px 0px rgba(24, 24, 32, 0.4)}
#quickMenu .vmagazine .desc {display: block;font-size: 14px;line-height: 20px;letter-spacing: -1px;color: #393d49;}
#quickMenu .bookmark {padding:10px 18px;background-color: #fff;border: none; border-bottom:1px #eaedf3 solid}
#quickMenu .bookmark li {padding: 4px 0 5px;border-bottom: 1px solid #d6dce7;;}
#quickMenu .bookmark li:last-child {border: none;}
#quickMenu .bookmark ul li a {display: block; background-image: url('/images/renew/btn/arr_book.png');background-repeat: no-repeat;background-position: 120px center;padding: 3px 15px 3px 0;font-size: 14px;color: #393d49;font-weight: 500;line-height: 1;}
#quickMenu .bookmark ul li a:hover {background-image: url('/images/renew/btn/arr_book_hover.png');background-repeat: no-repeat;background-position: 120px center;color:#f75442;}
#quickMenu .bookmark .onlyBanner{position:relative;}
#quickMenu .bookmark .onlyBanner .onlyTxt{display:none;}
#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 #5692f0;}
#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:#d5e6ee;border:1px solid #5692f0;border-radius:10px;font-size:13px;font-weight:400;color:#393d49;line-height:1.3;letter-spacing:-0.06em;}
#quickMenu .cs {padding: 20px 16px;background: #fff;}
#quickMenu .cs h2 {margin-bottom: 8px;font-size:16px;font-weight: 500;color: #3b4859;letter-spacing: -1px;}
#quickMenu .cs p {margin-bottom: 20px;font-size: 26px;font-weight: bold;color: #212533;letter-spacing: -1px;line-height: 1;}
#quickMenu .cs .btn_cs {display: block; position: relative; background: #f0f3f8; height: 26px; border: 1px solid #dfe3e8; border-radius: 5px;padding-left: 13px;}
#quickMenu .cs .btn_cs span {display: inline-block; height: 26px; line-height: 26px; padding-left: 24px; background: url('../images/common/ico_quickMenu.png') no-repeat -50px 6px; color: #69788c;}
#quickMenu .cs .btn_cs::after {display: inline-block;content: "";position: absolute;top: 50%;right: 0;width: 5px;height: 8px;margin-top: -4px;margin-right: 12px;background: url('/images/renew/btn/btn_cs.png')no-repeat 50%;}
#quickMenu .btn_side {display: block;position: absolute;top: 209px;right: 169px;width: 26px;height: 60px;margin: 0;padding: 0;border: none;background-color: #222;background-image: url('/images/renew/btn_quick_menu.png');background-position: center;background-repeat: no-repeat;line-height: 38px;text-align: center;text-indent: -9999px;z-index: 30; }
.gotop {display: none;position: absolute;left: -48px;bottom: 15px;width: 40px;height: 40px;margin-bottom: 60px;z-index: 999;background: url('/images/renew/btn/btn_gotop.png') no-repeat 50%;}

/*2023-06-12 초등 개편 6월 선반영*/
#quickMenu.renew06 .loginbox {padding-top: 15px; }
#quickMenu.renew06 .loginbox .login_after_wrap .login_after.before_certify {height: auto; padding: 0 8px;}
#quickMenu.renew06 .login_after_wrap .login_after > a {width: 100%; height: 40px; padding: 0 0 0 11px; margin-bottom: 19px; background: #557ced url('/images/renew/btn/arr_type12.png') no-repeat right 11px center; border: 1px solid #557ced; border-radius: 5px;}
#quickMenu.renew06 .login_after_wrap .login_after > a:hover {background: #59bfff url('/images/renew/btn/arr_type12.png') no-repeat right 11px center; border: 1px solid #2badff; }
#quickMenu.renew06 .login_after_wrap .login_after > a span {font-size: 13px; font-weight: 500; color: #fff; line-height: 38px; letter-spacing: -0.045em;}
#quickMenu.renew06 .login_after_wrap .login_after .teacher_name_wrap {text-align: center; padding-bottom: 0;}
#quickMenu.renew06 .login_after_wrap .login_after .teacher_name_wrap p {margin-bottom: 5px;  font-size: 16px; font-weight: 600; color: #364658; line-height: 1.1; letter-spacing: -0.045em; }
#quickMenu.renew06 .login_after_wrap .login_after .certification {margin-bottom: 22px;}
#quickMenu.renew06 .login_after_wrap .login_after .certification span {width: 100%; margin-bottom: 0; font-size: 14px; font-weight: 400; color: #0086FF; text-align: center; letter-spacing: -0.045em; text-align: center;}
#quickMenu.renew06 .login_after_wrap .login_after .certification span.c_r {color: #f3334f;}
#quickMenu.renew06 .login_after_wrap .login_after .certification p { text-align: center;}
#quickMenu.renew06 .btns,#quickMenu.renew06 .btn_wrap {display: flex; justify-content: center; gap: 4px;  position: relative; background: none;flex-wrap:wrap;}
#quickMenu.renew06 .btns.quickBtns {background: #e3e4e5;}
#quickMenu.renew06 .btns a:not(.login_before),#quickMenu.renew06 .btn_wrap a{width: 70px; height: 33px; padding: 0; color: #fff; font-weight: 500; line-height: 2.5; background: #a4aab2; border: 1px solid #878c92; border-radius: 20px; box-sizing: border-box;text-align:center;}
#quickMenu.renew06 .btns a:not(.login_before) :after,#quickMenu.renew06 .btn_wrap a:after{display: none;}
#quickMenu.renew06 .btns a.valid,#quickMenu.renew06 .btn_wrap a.valid {background: #fff; border: 1px solid #FF6464;color:#FF6464;display:inline-block;}
#quickMenu.renew06 .btns a.valid,#quickMenu.renew06 .btn_wrap a.btn_idpw_modify{background-color:transparent;border:0;color:#53565D;font-size:12px;font-weight:400;}
/*#quickMenu.renew06 .btns a.valid.proceed,#quickMenu.renew06 .btn_wrap a.proceed {background: #52545c; border: 1px solid #393b42;}*/
#quickMenu.renew06 .btn_idpw_modify{display: inline-block; margin: 9px 0 13px 49px ; font-size: 12px; font-weight: 400; color: #838383; line-height: 1.3; letter-spacing: -0.045em;}
#quickMenu.renew06 .btn_idpw_modify span,{display: inline-block; margin-left: 3px; font-size: 12px; font-weight: 400; color: #838383;}

#quickMenu.renew06 .validPop {position: absolute; left: -146px; top: 50%; transform: translateY(-50%); min-width: 143px; padding: 12px 14px; background: #FFF0F0; border: 1px solid #FF6464; border-radius: 7px; box-sizing: border-box;}
#quickMenu.renew06 .validPop.expiration {left: -160px;}
#quickMenu.renew06 .validPop:after {content: ""; display: inline-block; position: absolute; right: -6px; top: 50%; transform: translateY(-50%); width:10px; height: 12px; background: url('/images/renew/ico_validPopArr.svg') no-repeat center;}
#quickMenu.renew06 .validPop:before{content: ""; display: inline-block; position: absolute; right:0; top: 50%; transform: translateY(-50%);width:5px;height:12px;background-color:#FFF0F0;border-radius:0;}
#quickMenu.renew06 .validPop .popClose {display: inline-block; position: absolute; right: 7px; top: 5px; width: 6px; height: 5px; background: url('/images/renew/ico_validPopClose.png') no-repeat center;}
#quickMenu.renew06 .validPop p {font-size: 12px; font-weight: 500; color: #1E1E21; line-height: 1.2; letter-spacing: -0.045em; text-align: center;}
#quickMenu.renew06 .validPop.vaildPop2{left:-175px;background:#ebf5fa;border:1px solid #445e87;transform:translateY(-45px);}
#quickMenu.renew06 .validPop.vaildPop2:after{background:url('/images/renew/ico_validPopArr2.png') 0 0 no-repeat;}
#quickMenu.renew06 .validPop.vaildPop2 strong,
#quickMenu.renew06 .validPop.vaildPop2 p{color:#445e87;}
#quickMenu.renew06 .validPop.vaildPop2 strong{display:block;font-size:14px;font-weight:600;text-align:center;}

/* footer */
#footer {width: 100%; min-width: 1000px; height: auto; background-color: #f3f3f3; border-top: 1px solid #e6e6e6;font-family: 'Noto Sans KR', sans-serif !important;}
#footer div,
#footer a,
#footer p,
#footer ul {font-family: 'Noto Sans KR', sans-serif !important;}
#footer .wrap {position: relative; width: 1000px;margin: 0 auto;padding: 50px 0;text-align: center; z-index:11;}
#footer .wrap h2 {display: block;margin-bottom: 30px;}
#footer .wrap h2 img {width: auto;}
#footer .wrap .info {display: block;text-align: center;color: rgba(57, 61, 73, 0.5);font-weight: 500;line-height: 18px; font-size:12px}
#footer .wrap .info .ipaddress {color:transparent}
#footer .wrap .info span {position: relative;margin-right: 8px;}
#footer .wrap .info span::after {content: "";position: absolute;top:50%;width: 1px;height: 10px;right: 0;margin-top: -5px;margin-right: -6px;background-color: #ccc;}
#footer .wrap .info span.info_after_none::after {content: none;}
#footer .wrap .info a {color: rgba(57, 61, 73, 0.5);}
#footer .wrap .info ul {display: block;margin-bottom:20px;overflow:hidden;}
#footer .wrap .info ul li {display: inline-block;padding-right: 10px;color:#cdcdcd; font-size:13px; letter-spacing: -1px;}
#footer .wrap .info ul li a {position: relative;margin-right: 14px;color: #636774;font-weight: 500;}
#footer .wrap .info ul li a::after {content: "";position: absolute;top: 50%;right: 0;width: 1px;height: 12px;margin-top: -6px;margin-right: -14px;background-color: #b9bbc0;}
#footer .wrap .info ul li:last-child {padding-right: 0;}
#footer .wrap .info ul li:last-child a {margin-right: 0;}
#footer .wrap .info ul li:last-child a::after {content:none;}
#footer .wrap .info ul li a.bold {font-weight:500; color: #393d49;}
#footer .wrap .info .copy {font-weight:normal}
#footer .btns {position: absolute; top: 23px; right: 0; line-height: 1.2; *zoom:1}
#footer .btns:after {content: ""; display: block; clear: both;}
#footer .btns .btn_buy {float: left; width: 160px;height: 32px;padding: 9px 10px 0;margin-right: 10px;border: 1px solid #4863ca;background: #5273e7 url('/images/common/bg_header.png') -18px -118px no-repeat;box-sizing: border-box;font-size:12px;color: #fff;text-align: left;line-height: 1;font-weight:500}
#footer .btns .btn_buy:hover {text-decoration: none;}
#footer .slt {height: 32px;text-align: left;box-sizing: border-box; font-size:12px; color:#8f8f8f}
#footer .slt .t a {height: 22px;padding-top: 8px;font-weight:400}
#footer .slt div ul li a {font-weight:400}
#footer .slt div ul li span {font-weight: bold;}

/* lnb */
.sub_lnb_tit {background: #3bc0f7; width: 100%; height: 500px;}
#contents #lnb { float:left; width:230px; font-family: 'Noto Sans KR'; }
#contents #lnb #partnerBanner li {margin-bottom:10px;}
#contents #lnb .lnb_btn_request {position:relative; width: 100%;height: 62px;background-color: #e2f0f4;}
#contents #lnb .lnb_btn_request a {display: block;position: relative;width: 100%;height: 100%;padding: 16px 0 16px 58px;font-size: 18px;font-weight: 400;color: #393d49;letter-spacing: -1px;box-sizing: border-box;}
#contents #lnb .lnb_btn_request a::before, #sub_lnb .lnb_btn_request a::after {display: block;content: "";position: absolute;top: 50%;background-repeat: no-repeat;}
#contents #lnb .lnb_btn_request a::before {left: 0%;width: 36px;height: 32px;margin-top: -16px;margin-left: 17px;background-image: url('/images/renew/ico_request_before.png');}
#contents #lnb .lnb_btn_request a::after {right: 0%;width: 6px;height: 10px;margin-top: -5px;margin-right: 17px;background-image: url('/images/renew/ico_request_after.png');}
#contents #lnb .lnb_btn_request a:hover {color: #fb736e;text-decoration: none;}
#contents #lnb .lnb_btn_request a:hover::after {background-image: url('/images/renew/ico_request_after02.png');}
#contents #lnb .tit_box_wrap {width: 100%;text-align: center;}
#contents #lnb .tit_box_wrap .tit_box {display: block; height: 200px; padding-top: 150px; box-sizing: border-box; background-color: #3bc0f7; background-repeat:no-repeat;font-size: 28px;color: #fff;font-weight: 700;letter-spacing: -2px;line-height: 1;}
#contents #lnb .tit_box_wrap .tit_box.ico_textbook {background-image: url('/images/renew/ico/ico_lnb_textbook.png'); background-position:50% 45px}
#contents #lnb .tit_box_wrap .tit_box.ico_issue {background-image: url('/images/renew/ico/ico_lnb_issue.png'); background-position:50% 33px}
#contents #lnb .tit_box_wrap .tit_box.ico_create {background-image: url('/images/renew/ico/ico_lnb_create.png'); background-position:50% 45px}
#contents #lnb .tit_box_wrap .tit_box.ico_saemteo {background-image: url('/images/renew/ico/ico_lnb_saemteo.png'); background-position:50% 46px}
#contents #lnb .tit_box_wrap .tit_box.ico_cs {background-image: url('/images/renew/ico/ico_lnb_cs.png'); background-position:50% 46px}
#contents #lnb .tit_box_wrap .tit_box.ico_soobakc {background-image: url('/images/renew/ico/ico_lnb_soobakc.png'); background-position:50% 43px}
#contents #lnb .tit_box_wrap .tit_box.ico_myclass {background-image: url('/images/renew/ico/ico_lnb_myclass.png'); background-position:50% 46px}
#contents #lnb .tit_box_wrap:after {display: block;content: "";clear: both;}
#contents #lnb .tit_box_wrap .tit_box.shortType{height:111px;padding-top:0;line-height:111px;}
#contents #lnb .tit_box_wrap ul li {float: left;width: 50%;height: 45px;padding-top: 13px;text-align: center;box-sizing: border-box;}
#contents #lnb .tit_box_wrap ul:after {display: block;content: "";clear: both;}
#contents #lnb .tit_box_wrap ul li a {display: block;width: 100%;height: 100%;font-size: 18px;font-weight: 500;letter-spacing: -1px;line-height: 1;color: #87898e;}
#contents #lnb .tit_box_wrap ul li.on {background-color: #393d49;}
#contents #lnb .tit_box_wrap ul li.on a {color: #fff;}
#contents #lnb .tit_box_wrap ul li a:hover {text-decoration: none;}
#contents #lnb .menu_new {margin-bottom:10px;border-top: 3px solid #393d49;}
#contents #lnb .menu_new > ul {border-bottom: 1px solid #d1dbea;}
#contents #lnb .menu_new > ul > li > h5 {height: 52px;padding:17px 15px 17px 0;border-top: 1px solid #d1dbea;border-bottom: 1px solid #d1dbea;color:#393d49;font-size:18px;letter-spacing: -1px;line-height: 15px;cursor:default; font-weight: 500; box-sizing:border-box;}
#contents #lnb .menu_new > ul > li:first-child > h5,
#contents #lnb .menu_new > ul > li:first-child > a {border-top:none}
#contents #lnb .menu_new > ul > li > h5.on {color:#3d78d6;border-bottom: 3px solid #3d78d6;}
#contents #lnb .menu_new > ul > li > a {display:block;height:52px;border-top: 1px solid #d1dbea;/*border-bottom: 1px solid #d1dbea;*/ text-decoration:none;letter-spacing: -1px;line-height: 52px;font-weight: 500;color:#393d49;font-size:18px; box-sizing:border-box;}
#contents #lnb .menu_new > ul > li > a.on,
#contents #lnb .menu_new > ul > li > a:hover {color:#3d78d6;background: url('/images/renew/btn/lnb_type01_hover.png') no-repeat 212px 21px;border-bottom: 3px solid #3d78d6;}
#contents #lnb .menu_new > ul > li > ul {padding:10px 0}
#contents #lnb .menu_new > ul > li > ul > li {font-size: 14px; font-weight: 400; padding: 6px 0; margin:0 0; cursor:pointer; line-height: 1.3; color: #87898e;letter-spacing: -1px;}
#contents #lnb .menu_new > ul > li > ul > li.on,
    /* #contents #lnb .menu_new > ul > li > ul > li:hover {color:#4d8bef; text-decoration:underline;} */
    /* #contents #lnb .menu_new > ul > li > ul > li:hover p.list-text {text-decoration:underline;} */
#contents #lnb .menu_new > ul > li.noNumber ul {padding:10px 0}
#contents #lnb .menu_new > ul > li.noNumber ul > li {padding:  6px 18px 6px 0; margin:0 0;font-weight: 400; cursor:pointer; line-height: 1.3; color: #87898e;letter-spacing: 0px;}
#contents #lnb .menu_new > ul > li.noNumber ul > li.on,
#contents #lnb .menu_new > ul > li.noNumber ul > li:hover {color:#4d8bef;}
#contents #lnb .menu_new > ul > li.noNumber ul > li.on p.list-text,
#contents #lnb .menu_new > ul > li.noNumber ul > li:hover p.list-text {text-decoration: underline; color:#4d8bef;}
#contents #lnb .menu_new > ul > li.noNumber ul > li p.list-text span{color:#fb736e;margin-left: 5px;}
#contents #lnb .menu_new > ul > li.noNumber ul > li p.list-text img,
#contents #lnb .new {margin-left: 5px;vertical-align:middle;}
#contents #lnb .btn_request {margin-bottom:10px}
#contents #lnb .banner > a {display: block; margin-bottom: 10px;}
/* lnb : 비교과 */
#contents #lnb .menu_new.type02 {border-top:none;}
#contents #lnb .menu_new.type02 > ul > li > a {}
#contents #lnb .menu_new.type02 > ul > li.on > h5 {color:#3d78d6;border-bottom: 3px solid #3d78d6;}
#contents #lnb .menu_new.type02 > ul > li > ul > li > a {}
#contents #lnb .menu_new.type02 > ul > li > ul > li > a:hover,
#contents #lnb .menu_new.type02 > ul > li > ul > li > a.on {color:#4d8bef;text-decoration:underline;}
#contents #lnb .menu_new.type02 > ul > li > ul > li > a.disabled,
#contents #lnb .menu_new.type02 > ul > li > ul > li > a.disabled:hover { color: #a5abbc; text-decoration: none;}

/* lnb : 온리원 추천강의 css */
#contents #lnb .menu_new.type02 h1.menu_new_tit {font-size: 16px; padding-top: 20px; color:#3d78d6;}
#contents #lnb .menu_new.type02 h1.menu_new_tit:after {content:""; display:block; border-bottom:2px solid #3bc0f7; padding-top:7px;}

/* 배너 2개 적용시 마진 */
.partnerBanner_sub {margin-top:10px;}

/* 교과서 자료실 비주얼 */
.topDesc[class*="top_desc"] {background: #cdf5ff;font-family: 'Noto Sans KR', sans-serif;}
.topDesc[class*="top_desc"] .wrap-topDesc {position: relative; width: 1000px; height: 424px; margin: 0 auto; padding: 0;}
.topDesc[class*="top_desc"] .wrap-topDesc .area-bookImg {float: none; position: absolute; top: 52px; left:0; width: auto; padding: 0;  text-align:center;}
.topDesc[class*="top_desc"] .wrap-topDesc .area-bookImg.type2 {top:104px}
.topDesc[class*="top_desc"] .wrap-topDesc .area-bookImg a.book {position: relative; width: 237px; height: auto; margin: 0; padding-right: 0; background: none; vertical-align:middle;}
.topDesc[class*="top_desc"] .wrap-topDesc .area-bookImg a.book img {display: block; width: 100%; height: auto; box-shadow: 20px 20px 20px 0 #88a1ae;}
.topDesc[class*="top_desc"] .wrap-topDesc .area-bookImg a.book .area_book_line {position: absolute;top:0; left: 0; width: 100%; height: 100%; background-color: none; z-index:1; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;}
.topDesc[class*="top_desc"] .wrap-topDesc .area-bookImg a.book:hover .area_book_line {border: 4px solid #f75442; border-radius: 2px; box-sizing: border-box;  -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;}
.topDesc[class*="top_desc"] .wrap-topDesc .btns {position: absolute;bottom: 20px;left: 0; width:237px; text-align:center;}
.topDesc[class*="top_desc"] .wrap-topDesc .btns a {display:inline-block;height: 30px; padding:0 10px; margin:0 2px;line-height:30px; border: 1px solid rgba(57, 61, 73, 0.2); letter-spacing: -1px; border-radius: 5px; color: #393d49; font-size: 14px;font-weight: 500; vertical-align:middle; }
.topDesc[class*="top_desc"] .wrap-topDesc .btns a:hover {text-decoration: none;}
.topDesc[class*="top_desc"] .wrap-topDesc .btns .e_book:hover {color: #f75442;border: 1px solid #f75442;}
.topDesc[class*="top_desc"] .wrap-topDesc .btns .digital_book:hover {color: #4d8bef; border: 1px solid  #4d8bef;}

.topDesc .wrap-topDesc .area-desc {float: none; width: 100%;}
.topDesc[class*="top_desc"] .wrap-topDesc .onoff_wrap {position: absolute; top: 63px; left: 295px;}
.onoff_wrap .switch {display: inline-block; position: relative; width: 54px; height: 30px; vertical-align:middle; line-height: 30px;}
.onoff_wrap > span {margin-right: 7px; font-size: 14px; letter-spacing: -1px; color:#48505b; font-weight: 500; line-height: 30px; vertical-align: middle;}
.onoff_wrap .switch input {display:none;}
.onoff_wrap .switch .slider01 {position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(129, 152, 161, 0.3); -webkit-transition: .4s; transition: .4s;}
.onoff_wrap .switch .slider01:before {content: ""; position: absolute; left: 3px; bottom: 3px; width: 24px; height: 24px; background-color: white; -webkit-transition: .4s; transition: .4s;}
.onoff_wrap  input:checked + .slider01 {background-color: #f75442;}
.onoff_wrap  input:focus + .slider01 {box-shadow: 0 0 1px #f75442;}
.onoff_wrap .switch input:checked + .slider01:before {-webkit-transform: translateX(23px); -ms-transform: translateX(23px); transform: translateX(23px);}
.onoff_wrap .switch .slider01.round {border-radius: 34px;}
.onoff_wrap .switch .slider01.round:before {border-radius: 50%;}

.util_wrap {position: absolute; top: 36px; right: 0;}
.wrap-topDesc .util_wrap {top: 57px;}
.util_wrap:after {content:"";display:block;clear:both}
.util_wrap .select-area {float:right;}
.util_wrap .select-area select {width: 224px;height: 41px;padding:10px;border: 1px solid #a3dcea;background: #fff url('/images/renew/educourse/arr_select2020.png') no-repeat 95% 50%;font-family: inherit;border-radius: 0px;-webkit-appearance: none;-moz-appearance: none;appearance: none;box-sizing: border-box;border-radius: 5px;font-size:13px;color: #9fa1a5;outline:none;}
.util_wrap .select-area select::-ms-expand {display: none;}
.util_wrap .alarm_wrap {float:right;margin-left:5px}
.util_wrap .alarm_wrap .popup_type01 {display: block; width: 42px; height: 42px; background: url('/images/renew/educourse/ico_alarm02.png') no-repeat 50%; text-indent: -9999px;}
.util_wrap .alarm_wrap .popup_type01:hover,
.util_wrap .alarm_wrap .popup_type01.on { display: block; width: 42px; height: 42px; background: url('/images/renew/educourse/ico_alarm_hover.png') no-repeat 50%;}
.util_wrap .alarm_wrap .popup_desc_wrap {display: none; position: absolute; top: -30px; right: 47px; padding:18px 20px 16px 22px; border: 3px solid #ef7468; border-radius: 30px; background-color: rgba(255, 255, 255, 0.8); box-sizing: border-box; box-shadow: 7px 7px 7px 0px rgba(0, 0, 0, 0.2); z-index: 3;}
.util_wrap .alarm_wrap .popup_desc_wrap.type2 {min-width: 359px;}
.util_wrap .alarm_wrap .popup_desc_wrap::after {display: block; content: ""; position: absolute; top: 38px; right: -13px; width: 12px; height: 23px; background: url('/images/renew/educourse/popup_desc_wrap.png')no-repeat 50%;}
.util_wrap .alarm_wrap .popup_desc_wrap > .tit {display: block; margin-bottom: 16px; font-size: 16px; color: #f85f4f; letter-spacing: -1px; font-weight: bold; line-height: 1; word-wrap: break-word; word-break: keep-all;}
.util_wrap .alarm_wrap .popup_desc_wrap ul {width: 308px}
.util_wrap .alarm_wrap .popup_desc_wrap ul:after {content:"";display:block;clear:both;}
.util_wrap .alarm_wrap .popup_desc_wrap ul li {  }
.util_wrap .alarm_wrap .popup_desc_wrap ul li:last-child { margin-right:0;}
.util_wrap .alarm_wrap .popup_desc_wrap ul li .popup_desc {display: table; box-sizing: border-box; width: 100%; min-height: 60px;position: relative; padding-left: 60px; }
.util_wrap .alarm_wrap .popup_desc_wrap ul li .popup_desc:hover {text-decoration: none;}
.util_wrap .alarm_wrap .popup_desc_wrap ul li .popup_desc img {display: inline-block; width: 50px; position: absolute; left: 0; top: 50%;  -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); height: 50px; border-radius: 18px; overflow: hidden;}
.util_wrap .alarm_wrap .popup_desc_wrap ul li .popup_desc .tit {display: table-cell; padding-right: 66px; font-size: 16px; font-weight: 500; letter-spacing: -1px; line-height: 20px; color: #393d49; word-wrap: break-word; word-break: keep-all; vertical-align: middle;}
.util_wrap .alarm_wrap .popup_desc_wrap ul li .popup_desc:hover .tit {color:#ef7468; }
.util_wrap .alarm_wrap .popup_desc_wrap ul li + li .popup_desc .tit { border-top: 1px solid #f1f3f7; }
.util_wrap .alarm_wrap .popup_desc_wrap ul li .popup_desc .btn_popup_desc {display: inline-block; position: absolute; top: 50%; right: 0; width: 27px; height: 27px; background-image: url('/images/renew/educourse/arr_popup_desc.png'); background-repeat: no-repeat; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}
.util_wrap .alarm_wrap .popup_desc_wrap ul li .popup_desc:hover .btn_popup_desc {background-image: url('/images/renew/educourse/arr_popup_desc_on.png');}
.util_wrap .alarm_wrap .popup_desc_wrap .popup_close2020 {display: block; position: absolute; top: 14px; right: 16px; width: 24px; height: 24px; background: url('/images/renew/educourse/popup_close2020.png') no-repeat 50%; text-indent: -99999px;}
/* 2022-02 수업 연계 추천 자료 */
.util_wrap .alarm_wrap .popup_desc_wrap.alarm2022{width:358px;padding:20px 22px 2px;}
.util_wrap .alarm_wrap .popup_desc_wrap.alarm2022 > .tit {margin-bottom:10px;}
.util_wrap .alarm_wrap .popup_desc_wrap.alarm2022 ul {width:100%;}
.util_wrap .alarm_wrap .popup_desc_wrap.alarm2022 ul li {border-bottom:1px solid #e4eaf1;}
.util_wrap .alarm_wrap .popup_desc_wrap.alarm2022 ul li:last-child {border-bottom:0;}
.util_wrap .alarm_wrap .popup_desc_wrap.alarm2022 ul li .popup_desc {padding:10px 0; table-layout: fixed;}
.util_wrap .alarm_wrap .popup_desc_wrap.alarm2022 ul li .popup_desc:hover {text-decoration: none;}
.util_wrap .alarm_wrap .popup_desc_wrap.alarm2022 ul li .popup_desc img {display:none;}
.util_wrap .alarm_wrap .popup_desc_wrap.alarm2022 ul li .popup_desc .tit {width:100%;padding-right:60px;}
.util_wrap .alarm_wrap .popup_desc_wrap.alarm2022 ul li + li .popup_desc .tit {border-top: 0;}
.util_wrap .alarm_wrap .popup_desc_wrap.alarm2022 ul li .popup_desc .tit p{position:relative; padding-left:14px; font-size:15px;color:#393d49;font-weight:400;letter-spacing: -0.04em;line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.util_wrap .alarm_wrap .popup_desc_wrap.alarm2022 ul li .popup_desc .tit p:before{content:'';position:absolute;left:0;top:5px;width:6px;height:6px;border-radius:50%;background:#393d49;}
.util_wrap .alarm_wrap .popup_desc_wrap.alarm2022 ul li .popup_desc .tit p span{display:block;margin-bottom:3px;font-size:13px;color:#5ca7b9;font-weight:500;letter-spacing:-0.04em;line-height:1;}
.util_wrap .alarm_wrap .popup_desc_wrap.alarm2022 ul li .popup_desc:hover .tit p{color:#f85f4f;}

.topDesc .down_wrap {position: absolute; top: 260px; left: 284px; }
.topDesc .down_wrap > ul {border-radius: 25px; overflow: hidden; box-shadow: 0 2px 2px 1px rgba(8, 81, 152, 0.2);}
.topDesc .down_wrap > ul .down_li {float: left; width: 130px; height: 94px; background-color: #fff;}
.topDesc .down_wrap > ul .down_li:first-child {margin-right: 1px;}
.topDesc .down_wrap > ul .down_li .btn_down {display: block; width: 100%; height: 100%; font-size: 18px; color: #393d49; font-weight: 500; letter-spacing: -1px; line-height: 22px; box-sizing: border-box;}
.topDesc .down_wrap > ul .down_li .btn_down:hover {text-decoration: none;}
.topDesc .down_wrap > ul .down_li.on .btn_down {background: #f75442; color:#fff;}
.topDesc .down_wrap > ul .down_li .btn_down.down_first {padding: 25px 0; background-image: none; background-repeat: no-repeat; background-position: 14px center; text-align: center;}
.topDesc .down_wrap > ul .down_li .btn_down.down_last {padding: 25px 0; background-image:none; background-repeat: no-repeat; text-align: center;}
.topDesc .down_wrap > ul .down_li.on .btn_down.down_first {background-image: none;}
.topDesc .down_wrap > ul .down_li.on .btn_down.down_last {background-image: none;}
.topDesc .down_list2020_dim {display:none; position: fixed; left:0; top:0; width:100%; height:100%;background :rgba(57, 61, 73, 0.7); z-index:60; }
.topDesc .down_list2020_wrap {position: absolute; top:50%; left: 50%; width: 831px; height: 420px; transform: translate(-50%, -50%);background: #f85f4f; border-radius: 30px; overflow: hidden;}
.topDesc .down_list2020_wrap > span {display: block;position: absolute;top: 21px;left:29px;color: #fff;font-size: 18px;font-weight: 500;line-height: 1;}
.topDesc .down_list2020_wrap .down_list_close {position: absolute;top:15px;right: 15px;width: 24px;height: 24px;background: url('/images/renew/educourse/down_list_close.png') no-repeat 50%;text-indent: -99999px;}
.topDesc .down_list2020 {margin-top: 54px; width: 100%;height: 365px;padding:30px 40px;background: #fff;border: 3px solid #f75442;box-sizing: border-box;border-bottom-left-radius: 30px;border-bottom-right-radius: 30px;}
.topDesc .down_list2020 > span {display: block;margin-bottom: 7px;padding-bottom: 9px;border-bottom: 2px solid #393d49;font-size: 20px;font-weight: 600;letter-spacing: -1px;line-height: 1;color: #393d49;}
.topDesc .down_list2020 .scroll_bar {height:260px; overflow-y:auto}
.topDesc .down_list2020 .scroll_bar > div {padding: 10px 0;border-bottom: 1px solid #d1dbea;}
.topDesc .down_list2020 .scroll_bar > div:last-child {border-bottom: none;}
.topDesc .down_list2020 .scroll_bar > div .tit {display: inline-block;max-width: 150px;height: 30px;overflow: hidden;font-size: 16px;color: #393d49;font-weight: 500;letter-spacing: -1px;text-overflow: ellipsis;word-wrap: break-word;white-space: nowrap;}
.topDesc .down_list2020 .scroll_bar > div ul {float: right;}
.topDesc .down_list2020 .scroll_bar > div ul li {float: left;margin-right: 5px;}
.topDesc .down_list2020 .scroll_bar > div ul li:last-child {margin-right: 0;}
.topDesc .down_list2020 .scroll_bar > div ul li a.on {display: block;padding: 8px 15px 8px 35px;border: 1px solid #f75442;border-radius: 15px;background: url('/images/renew/educourse/on_down.png') no-repeat 15px 50%;font-size: 12px;font-weight: 600;line-height: 1;color: #f75442;}
.topDesc .down_list2020 .scroll_bar > div ul li a.on:hover {background: #f75442 url('/images/renew/educourse/on_down_hover.png') no-repeat 15px 50%;text-decoration: none;color: #fff;}
.topDesc .down_list2020 .scroll_bar > div ul li a.on.off {border: 1px solid #dcdcdc;background: #fff url('/images/renew/educourse/off_down.png') no-repeat 15px 50%;color: #dcdcdc;cursor: default;}
/* 2021 신학기 팝업 컬러 추가 */
.topDesc .down_list2020_wrap.type02{width:580px !important;background:#1b61e9;}
.topDesc .down_list2020_wrap.type02.typeImg{width:974px !important;}
.topDesc .down_list2020_wrap.type02 > span em{font:inherit;color:#fff000;}
.topDesc .down_list2020_wrap.type02 > span em:before{content:'';display:inline-block;width:1px;height:16px;margin:0 10px;background:#14338e;vertical-align:middle;}
.topDesc .down_list2020_wrap.type02 .down_list_close{width:25px;height:25px;background:url('/images/renew/educourse/down_list_close02.png') 0 0 no-repeat !important;}
.topDesc .down_list2020_wrap.type02 .down_list2020{overflow-y:auto;max-height:576px;border:3px solid #1b61e9;}
.topDesc #teacherPop .down_list2020_wrap.type02 .down_list2020{max-height:446px;}
.topDesc #friendPop .down_list2020_wrap.type02 .down_list2020{overflow-x:hidden;max-height:486px;}

/* 2020-04-08 정오표 팝업*/
.topDesc[class*="top_desc"] .wrap-topDesc .area-desc .descLine-4 .descBtns li a.down_list_close {background: url('/images/renew/educourse/down_list_close.png') no-repeat 50%;}
.topDesc .descBtns .down_list2020_wrap { width: 533px; height: auto; }
.topDesc .descBtns .down_list2020 {padding: 29px 27px 29px 33px; height: auto; }
.topDesc .descBtns .down_list2020 .title {display: block; margin-bottom: 44px; font-size: 27px;font-weight: 500;letter-spacing: -1.8px;line-height: 1;color: #393d49;  }
.topDesc .descBtns .down_list2020 .title i { display: inline-block; width: 10px;height: 20px; background: url('/images/renew/educourse/arr_subject_2.png') no-repeat 0% 0%; margin: 0 5px;}
.topDesc .descBtns .down_list2020 .title span { font-weight: 400;  }
.topDesc .descBtns .down_list2020 .title strong { font-size: 27px;font-weight: 500;letter-spacing: -1.8px;line-height: 1;color: #393d49; }
.topDesc .descBtns .down_list2020 .title p {padding-top: 4px; font-weight: 700; }
.topDesc .descBtns .down_list2020 .link {overflow: hidden; display: table; width: 100%;}
.topDesc .descBtns .down_list2020 .link p {display: table-cell; vertical-align: middle;}
.topDesc .descBtns .down_list2020 .empty { font-size: 19px;font-weight: 400;letter-spacing: -1.5px;line-height: 1.3; color: #f75442; padding-left: 18px;}
.topDesc .descBtns .down_list2020 .empty span { position: relative;}
.topDesc .descBtns .down_list2020 .empty span:after {content:'*'; position: absolute; left: -11px; top: 0;}
.topDesc .descBtns .down_list2020 .ico {display: block;    height: 36px;    line-height: 1;    width: auto; }
.topDesc .descBtns .down_list2020 .ico + a { margin-top: 4px;}
.topDesc .descBtns .down_list2020 .ico span { font-size: 17px; letter-spacing: -1px; display: inline-block;  position: relative; top: -13px;}
.topDesc .descBtns .down_list2020 .ico:hover {text-decoration: none; color: #f75442; }
.topDesc .descBtns .down_list2020 .ico i { display: inline-block; background: #fff; width: 36px; height: 36px; margin-right: 12px;   color: #4c505a;    text-align: center;    font-size: 12px;    font-weight: bold;    line-height: 29px;    border: 1px solid #dee3ec;    box-sizing: border-box;    transition: all .1s ease; text-indent: -99999px;    background-repeat: no-repeat;    background-position: center;    background-color: #fff;border-radius: 10px;}
.topDesc .descBtns .down_list2020 .ico:hover i {border-color: #f75442;}
.topDesc .descBtns .down_list2020 .ico .search {background-image: url("/images/renew/btn/search_icon.png");}
.topDesc .descBtns .down_list2020 .ico:hover .search {background-image: url('/images/renew/btn/search_icon_on.png');}
.topDesc .descBtns .down_list2020 .ico .down{background-image: url('/images/renew/btn/down_icon.png');}
.topDesc .descBtns .down_list2020 .ico:hover .down{background-image: url('/images/renew/btn/down_icon_on.png');}
.topDesc .descBtns .down_list2020 .onlinesystem { display: table-cell; float: right; margin-right: 0; background: url('/images/renew/educourse/btn_online_system.png') no-repeat 0 0; width: 272px; height: 82px; }
.topDesc .descBtns .down_list2020 .onlinesystem span {color: transparent; font-size: 1px; opacity: 0.001;}

.topDesc[class*="top_desc"] .wrap-topDesc .area-desc .descLine-2 {position: absolute; top: 160px; left: 290px;}
.topDesc[class*="top_desc"] .wrap-topDesc .area-desc .descLine-2 > .txt {font-size: 24px;font-weight: 400;letter-spacing: -1px;color: #393d49;}
.topDesc[class*="top_desc"] .wrap-topDesc .area-desc .navi.descLine-3 {position: absolute;top: 145px;left: 295px;font-size: 44px;font-weight: 400;letter-spacing: -2px;color: #393d49;font-family: 'Noto Sans KR', sans-serif !important;line-height: 1;}
.topDesc[class*="top_desc"] .wrap-topDesc .area-desc .navi.descLine-3 span { font-size: 44px; font-weight: 400;}
.topDesc[class*="top_desc"] .wrap-topDesc .area-desc .navi.descLine-3 span.cla {position: relative; margin-right: 40px;}
.topDesc[class*="top_desc"] .wrap-topDesc .area-desc .navi.descLine-3 span.cla::after {content: "";display: block;position: absolute;top: 50%;right: -28px;width: 16px;height: 28px;margin-top: -12px;background: url('/images/renew/educourse/arr_subject.png')no-repeat 50%;}
.topDesc[class*="top_desc"] .wrap-topDesc .area-desc .navi.descLine-3 span.subject {font-size: 44px; font-weight: 700;}
.topDesc[class*="top_desc"] .wrap-topDesc .area-desc .navi.descLine-3 .txt.type01 {display: block;margin-bottom: 10px;font-size: 24px;color: #393d49;letter-spacing: -2px;font-weight: 500;}
.topDesc[class*="top_desc"] .wrap-topDesc .area-desc .descLine-4 { position: absolute; top: 256px; right: 96px;}
.topDesc[class*="top_desc"] .wrap-topDesc .area-desc .descLine-4 .descBtns li {width: auto; margin-left: 5px;}
.topDesc[class*="top_desc"] .wrap-topDesc .area-desc .descLine-4 .descBtns li.dvdDown {width: auto;}
.topDesc[class*="top_desc"] .wrap-topDesc .area-desc .descLine-4 .descBtns li > a {display: block;border: none;background: none;text-align: center;font-weight: bold;color: #2c6ea3;font-family: 'Noto Sans KR', sans-serif;}
.topDesc[class*="top_desc"] .wrap-topDesc .area-desc .descLine-4 .descBtns li > a span {display: inline-block;width: 60px;height: 60px;background-repeat: no-repeat;background-position: center;}
.topDesc[class*="top_desc"] .wrap-topDesc .area-desc .descLine-4 .descBtns li > a p {width: 60px;font-size: 14px;font-weight: 500;letter-spacing: -1px;line-height: 15px;color: rgba(57, 61, 73, 0.6);word-break: keep-all;}
.topDesc[class*="top_desc"] .wrap-topDesc .area-desc .descLine-4 .descBtns li > a:hover p {color: rgba(57, 61, 73, 1)}
.topDesc[class*="top_desc"] .wrap-topDesc .area-desc .descLine-4 .descBtns li:first-child > a span {background-image: url('/images/renew/educourse/ico_educourse01.png');}
.topDesc[class*="top_desc"] .wrap-topDesc .area-desc .descLine-4 .descBtns li:first-child > a p { color: rgba(57, 61, 73, 0.8); }
.topDesc[class*="top_desc"] .wrap-topDesc .area-desc .descLine-4 .descBtns li:first-child > a p:hover { color: rgba(57, 61, 73, 1); }
.topDesc[class*="top_desc"] .wrap-topDesc .area-desc .descLine-4 .descBtns li:nth-child(2) > a span {background-image: url('/images/renew/educourse/ico_educourse02.png');}
.topDesc[class*="top_desc"] .wrap-topDesc .area-desc .descLine-4 .descBtns li:nth-child(3) > a span {background-image: url('/images/renew/educourse/ico_educourse03.png');}
.topDesc[class*="top_desc"] .wrap-topDesc .area-desc .descLine-4 .descBtns li:nth-child(4) > a span {background-image: url('/images/renew/educourse/ico_educourse04.png');}
.topDesc[class*="top_desc"] .wrap-topDesc .area-desc .descLine-4 .descBtns li:last-child > a span {background-image: url('/images/renew/educourse/ico_educourse05.png');}
.topDesc[class*="top_desc"] .wrap-topDesc .area-desc .descLine-4 .descBtns li:first-child > a:hover span {background-image: url('/images/renew/educourse/ico_educourse01_hover.png');}
.topDesc[class*="top_desc"] .wrap-topDesc .area-desc .descLine-4 .descBtns li:nth-child(2) > a:hover span {background-image: url('/images/renew/educourse/ico_educourse02_hover.png');}
.topDesc[class*="top_desc"] .wrap-topDesc .area-desc .descLine-4 .descBtns li:nth-child(3) > a:hover span {background-image: url('/images/renew/educourse/ico_educourse03_hover.png');}
.topDesc[class*="top_desc"] .wrap-topDesc .area-desc .descLine-4 .descBtns li:nth-child(4) > a:hover span {background-image: url('/images/renew/educourse/ico_educourse04_hover.png');}
.topDesc[class*="top_desc"] .wrap-topDesc .area-desc .descLine-4 .descBtns li:last-child > a:hover span {background-image: url('/images/renew/educourse/ico_educourse05_hover.png');}

/* 교과서 자료실 cotent*/
#contents #conts.sub_conts2020 .classWrap #top_educourse.top_educourse.top_educourse2020 {width: 100%;max-width: 690px; /*margin-bottom: 40px;*/}
#contents #conts.sub_conts2020 .classWrap #top_educourse.top_educourse.top_educourse2020 .box-selectBox {margin-bottom: 30px; border-top: 3px solid #393d49;}
#contents #conts.sub_conts2020 .classWrap #top_educourse.top_educourse.top_educourse2020 .selectBox-L {width: 370px;height: 59px;margin-right: -80px;padding-right: 22px;background: transparent url('/images/renew/btn/L_open2020.png') no-repeat right 0;border-left: none;border-bottom: 1px solid #d1dbea;z-index: 11;}
#contents #conts.sub_conts2020 .classWrap #top_educourse.top_educourse.top_educourse2020 .selectBox-L-down {background: transparent url('/images/renew/btn/L_close2020.png') no-repeat right 0;}
#contents #conts.sub_conts2020 .classWrap #top_educourse.top_educourse.top_educourse2020 .selectBox-R {width: 352px;padding-left: 25px; border-right:none; color: #444444;line-height: 58px;font-size: 16px;font-weight: normal;display: block;}
#contents #conts.sub_conts2020 .classWrap #top_educourse.top_educourse.top_educourse2020 .selectBox-L div.box-selectBox-list {width: 359px; border-top: 1px solid #393d49; border: 1px solid #393d49;}
#contents #conts.sub_conts2020 .classWrap #top_educourse.top_educourse.top_educourse2020 .selectBox-R div.box-selectBox-list {position: relative; width: 327px; z-index: 10; border: 1px solid #393d49; margin-left: 23px; margin-top:1px; padding: 12px 0 14px;}
#contents #conts.sub_conts2020 .classWrap #top_educourse.top_educourse.top_educourse2020 .selectBox-L p,
#contents #conts.sub_conts2020 .classWrap #top_educourse.top_educourse.top_educourse2020 .selectBox-R p {display:inline-block;width:288px;font-size:16px;color:#393d49;letter-spacing:-1px;padding-left:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:top;}
/* 국정 */
#contents #conts.sub_conts2020 .classWrap #top_educourse.top_educourse.top_educourse2020 .box-selectBox.full {}
#contents #conts.sub_conts2020 .classWrap #top_educourse.top_educourse.top_educourse2020 .box-selectBox.full .selectBox-L {width:100%; padding-right:0; background:transparent url(../images/educourse/R_open.png) no-repeat right 0}
#contents #conts.sub_conts2020 .classWrap #top_educourse.top_educourse.top_educourse2020 .box-selectBox.full .selectBox-L-down {background:transparent url(../images/educourse/R_close.png) no-repeat right 0}
#contents #conts.sub_conts2020 .classWrap #top_educourse.top_educourse.top_educourse2020 .box-selectBox.full .selectBox-L div.box-selectBox-list {width:100%}

#contents #conts.sub_conts2020 .classWrap .tblList-new tr td,
#contents #conts.sub_conts2020 .classWrap .tblList-new tr td.title,
#contents #conts.sub_conts2020 .classWrap .tblList-new tr td.title-pic {font-family: 'Noto Sans KR', sans-serif;}
#contents #conts.sub_conts2020 .classWrap.classWrap2020 {font-family: 'Noto Sans KR', sans-serif;}
#contents #conts.sub_conts2020 .classWrap .tblList-new {width: 690px;}
#contents #conts.sub_conts2020 .classWrap .tblList-new tr td.title img {margin-left: 10px;}
#contents #conts.sub_conts2020 .classWrap .tblList-new tr td.title a {color: #87898e;}
#contents #conts.sub_conts2020 .classWrap .tblList-new tr td.title a:hover {text-decoration: underline; color: #393d49;}
#contents #conts.sub_conts2020 .classWrap .tblList-new tr td.title-pic {font-size: 16px; color: #87898e; font-weight: 500; letter-spacing: -1px;}
#contents #conts.sub_conts2020 .classWrap .tblList-new tr td.title-pic.type02 {/*padding-left: 10px;*/padding-right: 10px;}
[class^="cont_educourse"] .group {padding: 40px 0 0 0;}
[class^="cont_educourse"] .group.type02 {margin-bottom: 150px;}
[class^="cont_educourse"] .group:after {content: ""; display: block; clear: both;}
[class^="cont_educourse"] .tit_wrap {margin-bottom: 30px;}
[class^="cont_educourse"] .tit_wrap.type02 {margin-bottom: 20px;}
[class^="cont_educourse"] .tit_wrap h5 {font-weight: 700; font-size: 24px; color: #393d49; letter-spacing: -1px;}
[class^="cont_educourse"] .tit_wrap h5 span {font-weight: 400; color: #f75442;}
[class^="cont_educourse"] .table_option_wrap {position: relative; margin-bottom: 10px; height: 23px; width: 680px;}
[class^="cont_educourse"] .table_option_wrap.type02 { position: relative; margin-bottom: 10px; height: 1px;}
[class^="cont_educourse"] .table_option_wrap select {display:none;position: absolute; right: 0; bottom: 0px; width: 200px; height: 44px; padding: 5px 5px 5px 10px; font-family: 'Noto Sans KR'; font-weight: 500; color: #393d49; font-size: 16px; letter-spacing: -0.8px; border: 2px solid #4d8bef; border-radius: 7px; background:url('/images/renew/ico/ico_d.png') 162px 0px no-repeat; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; box-sizing: border-box;}
[class^="cont_educourse"] .table_option_wrap .btns {position: absolute; top: 50%; left: 10px; padding: 0; margin-top: -20px;}
[class^="cont_educourse"] .table_option_wrap .btns a {display: inline-block; height: 18px; line-height: 1; width: auto; background-repeat: no-repeat; margin-right: 25px; background-position: center left;}
[class^="cont_educourse"] .table_option_wrap .btns a:hover {text-decoration: none;}
[class^="cont_educourse"] .table_option_wrap .btns a.btn_add {background-image: url('/images/renew/btn/plus_btn_ico.png');}
[class^="cont_educourse"] .table_option_wrap .btns a.btn_down {background-image: url("/images/renew/btn/down_btn_ico.png");}
[class^="cont_educourse"] .table_option_wrap .btns a span {display: block; padding-left: 25px; text-align: center; letter-spacing: -1px; font-size: 16px; line-height: 1; color: #393d49; font-weight: 400;}
[class^="cont_educourse"] .tblList.tblList-new {border-top: 2px solid #000;}
[class^="cont_educourse"] .tblList.tblList-new tr {background: #fff;}
[class^="cont_educourse"] .tblList.tblList-new tr:hover {background: #f9fafc;}
[class^="cont_educourse"] .tblList.tblList-new tr:hover a {text-decoration: underline; color: #393d49;}
[class^="cont_educourse"] .tblList.tblList-new tr:hover td.putBtn1 > a {text-decoration: none;}
[class^="cont_educourse"] .tblList.tblList-new tr input[type="checkbox"]:checked {text-decoration: underline; color: #393d49;}
[class^="cont_educourse"] .tblList.tblList-new tr td { color: #8c8c8c; line-height: 1; border-bottom: 1px solid #e1e1e1; font-size: 16px; text-align: left; padding: 0; height: 68px;}
[class^="cont_educourse"] .tblList.tblList-new tr td:first-child {padding-left: 10px;}
[class^="cont_educourse"] .tblList.tblList-new tr td a:hover {text-decoration: none;}
[class^="cont_educourse"] .tblList.tblList-new.tblList-chasi tr:hover .btn_chasiview2 {color: #393d49; text-decoration: underline;}
[class^="cont_educourse"] .tblList.tblList-new.tblList-chasi tr td.chasiTitle {background: none !important; font-weight: 500; padding-left: 30px; width: 410px;}
[class^="cont_educourse"] .tblList.tblList-new.tblList-chasi tr td.chasiTitle a:hover {color: #393d49; text-decoration: underline;}
[class^="cont_educourse"] .tblList.tblList-new.tblList-chasi tr td.chasiTitle .btn_chasiview2 span {display: inline-block; margin-right: 16px;}
[class^="cont_educourse"] .tblList.tblList-new.tblList-chasi tr td.putBtn1 a { float: left; background: #fff; width: 73px; height: 30px; border-radius: 20px; color: #4c505a; text-align: center; font-size: 12px; font-weight: bold; line-height: 29px; border: 1px solid #dee3ec; margin: 0 5px 0 0; box-sizing: border-box; transition: all .1s ease;}
[class^="cont_educourse"] .tblList.tblList-new.tblList-chasi tr td.putBtn1 a:last-child {margin-right: 0;}
[class^="cont_educourse"] .tblList.tblList-new.tblList-chasi tr td.putBtn1 a.chasi_on {width: 93px;color: #FFF;background:#f75442;border:none;}
[class^="cont_educourse"] .tblList.tblList-new.tblList-chasi tr td.putBtn1 a:hover {background: #f75442 ; color: #fff; text-decoration: none;}
[class^="cont_educourse"] .tblList.tblList-new.tblList-chasi tr td.putBtn1 a.chasi_on:hover {background: #dc2713 ; color: #fff; text-decoration: none;border:1px solid #dc2713;}
[class^="cont_educourse"] .tblList.tblList-new .tblList_view {text-align: center; padding: 0;}
[class^="cont_educourse"] .tblList.tblList-new tr.tblList_view td {padding: 0;}
[class^="cont_educourse"] .tblList.tblList-new .tblList_view td div {margin: 47px 0 49px; background: #f9fafc;}
[class^="cont_educourse"] .tblList.tblList-new .tblList_view:hover {background: none;}
[class^="cont_educourse"] .tblList.tblList-new .tblList_view.pager td {color: #444;}
[class^="cont_educourse"] .tblList.tblList-new .tblList_view.source {background-color: #f0f3f8; color: #666; font-size: 12px; letter-spacing: -1px;}
[class^="cont_educourse"] .tblList.tblList-new .tblList_view.source td {text-align: right; padding-right: 30px;}

.view2020 a,.putBtn.putBtn2020 a,.downBtn.downBtn2020 a,.downBtn.downBtn2020 span {background: #fff; width: 38px; height: 38px; border-radius: 15px; color: #4c505a; text-align: center; font-size: 12px; font-weight: bold; line-height: 29px; border: 1px solid #d5d5d5; box-sizing: border-box; transition: all .1s ease; text-indent: -99999px; background-repeat: no-repeat; background-position: center; background-color: #fff;}
.view2020 a:hover,.putBtn.putBtn2020 a:hover,.downBtn.downBtn2020 a:hover {border: 1px solid #4083ee; background-color:#4083ee;}
.view2020 a.ico.search {background-image: url("/images/renew/btn/ic_detail_view.png");}
.view2020 a.ico.search:hover {background-image: url('/images/renew/btn/ic_detail_view_on.png');}
.view2020 a.ico.search.disabled{opacity:0.7;background-color:#eee;border:none;}
.view2020 a.ico.search.disabled:hover{cursor:default; background-color:#eee; background-image:url("/images/renew/btn/ic_detail_view.png"); !important;}
.putBtn.putBtn2020 a.ico.plus {background-image: url('/images/renew/btn/ic_bookmark2.png');}
.putBtn.putBtn2020 a.ico.plus:hover {background-image: url('/images/renew/btn/ic_bookmark2_on.png');}
.downBtn.downBtn2020 a.ico.down{background-image: url('/images/renew/btn/ic_down_2.png');}
.downBtn.downBtn2020 a.ico.down:hover{background-image: url('/images/renew/btn/ic_down_2_on.png');}
.downBtn.downBtn2020 a.ico.down.disabled, .downBtn.downBtn2020 a.ico.down.disabled:hover{background-image: url('/images/renew/btn/ic_down_2_disable.png');}
.downBtn.downBtn2020 span.ico.down, .downBtn.downBtn2020 span.ico.down:hover{background-image: url('/images/renew/btn/ic_down_2_disable.png');}
.data_list {width: 690px; position: relative;border-top: 2px solid #404450;padding-top: 30px;}
.data_list.data_list2020 ul {width: 800px;margin-right: -10px;font-family: 'Noto Sans KR', sans-serif;}
.data_list.data_list2020 ul:after {content:"";display:block;clear:both;}
.data_list.data_list2020 ul li {position:relative;float:left;width:220px;height:160px;margin:0 10px 23px 0;}
.data_list.data_list2020 ul li {transition: all .3s ease; -webkit-transform: translate(0,0px); -moz-transform: translate(0,0px);-ms-transform: translate(0,0px); -o-transform: translate(0,0px); transform: translate(0,0px);}
.data_list.data_list2020 ul li:hover .chk_box.type02 label {color: #404450;}
.data_list.data_list2020 ul li:last-child {margin-right:0;}
.data_list.data_list2020 ul li > a {float: left;position: relative;overflow: hidden; width:217px; height: 132px; padding: 20px; box-sizing: border-box;border: 1px solid #bfc4cf;}
.data_list.data_list2020 ul li .data_cont {position: relative;width: 100%; height: 132px; overflow: hidden;}
.data_list.data_list2020 ul li .data_cont .img { position:absolute; left:0;top:0; width:100%;height: 132px; background-size:cover; background-repeat: no-repeat;background-position: center;border: 1px solid #bfc4cf; box-sizing: border-box;}
.data_list.data_list2020 ul li{height:253px;}
.data_list.data_list2020 ul li .data_cont{height:220px;}
.data_list.data_list2020 ul li .data_cont .img{height:220px;}
#eduGroup5 .data_list.data_list2020 ul li .data_cont .img {/* background-size:contain; */} /* 이미지 자료의 경우 */
.data_list.data_list2020 ul li .data_cont:hover .img {-webkit-transition:all 0.8s ease;  transition:all 0.8s ease; -webkit-transform: scale(1.2);  -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2);transform: scale(1.2); -webkit-filter:blur(3px);-moz-filter:blur(3px);  -o-filter:blur(3px); -ms-filter:blur(3px);  filter:blur(3px);}
.data_list.data_list2020 ul li .data_cont .hover_box .tag,
.data_list.data_list2020 ul li .data_cont .hover_box .tit,
.data_list.data_list2020 ul li .data_cont .hidden_hover_box .tag,
.data_list.data_list2020 ul li .data_cont .hidden_hover_box .tit {overflow: hidden; text-overflow: ellipsis; word-wrap: break-word;  white-space: nowrap;  box-sizing: border-box;}
.data_list.data_list2020 ul li .data_cont .hover_box {position: relative;  top: 0;  left: 0; z-index:100; width:100%; height: 100%; opacity: 1;}
.data_list.data_list2020 ul li .data_cont .hidden_hover_box {position: absolute;top: 0; left: 0;z-index:100;width:100%;height: 100%;text-align: center; opacity: 0;}
.data_list.data_list2020 ul li .data_cont:hover .hidden_hover_box {width: 100%; height: 100%; /*background: rgba(64, 131, 238, 0.8);*/ opacity: 1;overflow: hidden;}
.data_list.data_list2020 ul li .data_cont .hidden_hover_box .d_cont{top: 81px; position: relative; display: inline-flex;}
.data_list.data_list2020 ul li .data_cont .hidden_hover_box .d_cont a .w45 {width: 45px;height: 58px;position: relative;float: left;  font-size: 12px; color:#393e4a;     font-weight: 700;}
.data_list.data_list2020 ul li .data_cont .hidden_hover_box .d_cont a:hover .w45 {color: #fff; }
.data_list.data_list2020 ul li .data_cont .hidden_hover_box .d_cont a .ico.plus {background: url('/images/renew/btn/plus_icon.png')no-repeat center; width: 36px; height: 36px;  border: 1px solid #3c4456; border-radius: 20px; box-sizing: border-box;}
.data_list.data_list2020 ul li .data_cont .hidden_hover_box .d_cont a:hover .ico.plus {background:#fff url('/images/renew/btn/plus_icon_on.png')no-repeat center; border:none;}
.data_list.data_list2020 ul li .data_cont .hidden_hover_box .d_cont a .ico.down{background: url('/images/renew/btn/down_icon.png')no-repeat center;width: 36px; height: 36px; border: 1px solid #3c4456; border-radius: 20px; box-sizing: border-box;}
.data_list.data_list2020 ul li .data_cont .hidden_hover_box .d_cont a:hover .ico.down{background:#fff url('/images/renew/btn/down_icon_on.png')no-repeat center; border:none;}
.data_list.data_list2020 ul li .data_cont .hidden_hover_box .d_cont a .ico.preveal {background:url("/images/renew/btn/search_icon.png")no-repeat center;width: 36px; height: 36px; border-radius: 20px; border: 1px solid #3c4456;  box-sizing: border-box;}
.data_list.data_list2020 ul li .data_cont .hidden_hover_box .d_cont a:hover .ico.preveal {background:#fff url("/images/renew/btn/search_icon_on.png")no-repeat center; border:none;}
.data_list.data_list2020 ul li .data_cont .type {position:absolute; bottom:5px;right:5px;z-index:2}
.data_list.data_list2020 ul li p.chk_cont {margin-bottom: 10px;position: relative; float: left; display: block !important;}
.data_list.data_list2020 ul li p.chk_cont .chk_box label {width:154px;text-overflow:ellipsis; white-space:nowrap; overflow:hidden; line-height:22px;vertical-align:top;}
.data_list.data_list2020 ul li p.chk_cont .chk_box label + img{vertical-align:middle;}
.data_list.data_list2020 ul li p.chk_cont .chk_box.type02 {margin-left: 10px;}
.data_list.data_list2020.data_img_list2020 ul li:first-child > .data_cont .img { background-image: url('/images/renew/banner/banner2020_m_05.png');}
.data_list.data_list2020.data_img_list202d0 ul li:nth-child(2) > .data_cont .img { background-image: url('/images/renew/banner/banner2020_m_06.png');}
.data_list.data_list2020.data_img_list2020 ul li:nth-child(3) > .data_cont .img { background-image: url('/images/renew/banner/banner2020_m_05.png');}
.data_list.data_list2020.data_img_list2020 ul li:last-child > .data_cont .img { background-image: url('/images/renew/banner/banner2020_m_07.png');}
.data_list.data_list2020 .hidden_hover_box .ico p{color:#393e4a;}
.data_list.data_list2020 .hidden_hover_box .ico:hover{color:#fff;}

/* 탭 */
.tab_educourse2020_wrap {position: relative;height: 60px; background: #fafafa;border-radius: 10px;box-sizing: border-box;}
.tab_educourse.tab_educourse2020 {overflow: hidden;position: absolute;top: -1px;left: -1px;/*width: 910px;*/border-radius: 10px;border: none;background: none;}
.tab_educourse.tab_educourse2020 li {display: table;height: 60px;padding: 0;border: none;border-right: 1px solid #d1dbea;background: none;vertical-align: middle;}
.tab_educourse.tab_educourse2020 li.on { padding: 0;}
.tab_educourse.tab_educourse2020 li {width: 110px;}
.tab_educourse.tab_educourse2020 li.on  {width: 114px;}
.tab_educourse.tab_educourse2020 li:last-child {border-right: none;}
.tab_educourse.tab_educourse2020 li a {display: table-cell; top: 0;width: 100%; height: 100%; padding:5px;border: none;background: none;font-size: 15px;font-weight: 400;line-height: 1;color: #9ba1ab;vertical-align: middle;}
.tab_educourse.tab_educourse2020 li.on a {background: #4d8bef; color: #fff;}

/* 탭2 */
.tab_educourse.tab_educourse2020.type02 {overflow: hidden;position: absolute;top: -1px;left: -1px;width: 910px;border-radius: 10px;border: none;background: none;}
.tab_educourse.tab_educourse2020.type02 li {display: table;height: 60px;padding: 0;border: none;border-right: 1px solid #d1dbea;background: none;vertical-align: middle;}
.tab_educourse.tab_educourse2020.type02 li.on { padding: 0;}
.tab_educourse.tab_educourse2020.type02 li:first-child {width: 140px;}
.tab_educourse.tab_educourse2020.type02 li:first-child.on  {width: 180px;}
.tab_educourse.tab_educourse2020.type02 li:nth-child(2) {width: 134px;}
.tab_educourse.tab_educourse2020.type02 li:nth-child(2).on  {width: 174px;}
.tab_educourse.tab_educourse2020.type02 li:nth-child(3) {width: 183px;}
.tab_educourse.tab_educourse2020.type02 li:nth-child(3).on  {width: 223px;}
.tab_educourse.tab_educourse2020.type02 li:nth-child(4) {width: 140px;}
.tab_educourse.tab_educourse2020.type02 li:nth-child(4).on  {width: 180px;}
.tab_educourse.tab_educourse2020.type02 li:nth-child(5) {width: 134px;}
.tab_educourse.tab_educourse2020.type02 li:nth-child(5).on  {width: 174px;}
.tab_educourse.tab_educourse2020.type02 li:nth-child(6) {width: 134px;}
.tab_educourse.tab_educourse2020.type02 li:nth-child(6).on  {width: 174px;}
.tab_educourse.tab_educourse2020.type02 li:nth-child(6) {border-right: none;}
.tab_educourse.tab_educourse2020.type02 li a {display: table-cell; top: 0;width: 100%; height: 100%; padding:0;border: none;background: none;font-size: 18px;font-weight: 500;line-height: 1;color: #9ba1ab;vertical-align: middle;}
.tab_educourse.tab_educourse2020.type02 li.on a {background: #4d8bef; color: #fff;}

/***** 22-01-13 신학기 개편 *****/
.t_left{text-align:left !important;}
.t_right{text-align:right !important;}

#contents #lnb .menu_new li a{display:block; min-height:20px; color:inherit;}
#contents #lnb .menu_new .textbook > ul{margin-top:3px;}
#contents #lnb .menu_new .textbook li + li{margin-top:5px;}
#contents #lnb .menu_new > ul > li > ul > li.textbook > a{position:relative; padding-right:20px;}
#contents #lnb .menu_new > ul > li > ul > li.textbook > a:after{content:'';position:absolute;right:6px;top:2px;display:inline-block;width:8px;height:18px;background:url(../images/common/ic_lnb_btn.gif) no-repeat center bottom;}
#contents #lnb .menu_new > ul > li > ul > li.textbook.on > a:after{background:url(../images/common/ic_lnb_btn.gif) no-repeat center top;}
#contents #lnb .menu_new > ul > li > ul > li.on > a, #contents #lnb .menu_new > ul > li > ul > li:hover > a,#contents #lnb .menu_new > ul > li > ul > li > ul > li.on a, #contents #lnb .menu_new > ul > li > ul > li ul > li:hover a{color: #4d8bef;text-decoration:underline;}

.topDesc[class*="top_desc"] .wrap-topDesc .area-bookImg a.book:hover .area_book_line{border:none;}

.tab_educourse.tab_educourse2020.type03{display:flex; width:910px;}
.tab_educourse.tab_educourse2020.type03 li{width:181px;}
.tab_educourse.tab_educourse2020.type03 li.on{width:181px;}

[class^="cont_educourse"] .group{padding-top:50px;}
[class^="cont_educourse"] .table_option_wrap{height:44px;}
[class^="cont_educourse"] .table_option_wrap .btns a{position:relative; height:32px; line-height:32px; background:none;}
[class^="cont_educourse"] .table_option_wrap .btns a.btn_down{background:none;}
[class^="cont_educourse"] .table_option_wrap .btns a.btn_add{background:none;}
[class^="cont_educourse"] .table_option_wrap .btns a:before{content:''; position:absolute; left:0; top:0; width:32px; height:32px; background-position:center center; background-repeat:no-repeat; background-color:#eeeeee; border:1px solid #eeeeee; border-radius:10px; box-sizing:border-box;}
[class^="cont_educourse"] .table_option_wrap .btns a:hover:before{background-color:#4083ee; border-color:#347bed;}
[class^="cont_educourse"] .table_option_wrap .btns a.btn_add:before{background-image: url(/images/renew/btn/ic_bookmark2.png);}
[class^="cont_educourse"] .table_option_wrap .btns a.btn_down:before{background-image: url(/images/renew/btn/ic_down_2.png);}
[class^="cont_educourse"] .table_option_wrap .btns a.btn_add:hover:before{background-image: url(/images/renew/btn/ic_bookmark2_on.png);}
[class^="cont_educourse"] .table_option_wrap .btns a.btn_down:hover:before{background-image: url(/images/renew/btn/ic_down_2_on.png);}
[class^="cont_educourse"] .table_option_wrap .btns a span{padding-left:42px; line-height:32px; }

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

/*멀티미디어자료*/
.data_list.data_list2020 ul{display:flex; flex-wrap:wrap;}
.data_list.data_list2020 ul li{height:auto; float:none;z-index: 0;}
.data_list.data_list2020 ul li:hover {z-index: 1;}
.data_list.data_list2020 ul li .data_cont .hover_box {position: relative;  top: 0;  left: 0; z-index:100; width:100%; height: 100%; opacity: 1;}
.data_list.data_list2020 ul li .data_cont .hidden_hover_box {position: absolute;top: 0; left: 0;width:100%;height: 100%;text-align: center; opacity: 0;}
.data_list.data_list2020 ul li .data_cont:hover .hidden_hover_box {width: 100%; height: 100%; opacity: 1;overflow: hidden;background:rgba(45, 54, 70, 0.7);}
.data_list.data_list2020 ul li .data_cont .hidden_hover_box .d_cont{position: absolute;top:unset;bottom:25px;left:0;right:0;text-align:center; display: block; z-index:101;}
.data_list.data_list2020 ul li .data_cont .hidden_hover_box .d_cont a{display:inline-block;position: relative;transform:translateY(70px);opacity:0;transition:all 0.45s ease-out; width:36px;height:36px; overflow:hidden; border-radius:15px;margin-right:2px;}
/*.data_list.data_list2020 ul li .data_cont .hidden_hover_box .d_cont a:nth-child(3){margin-right:0;}*/
/*.data_list.data_list2020 ul li .data_cont .hidden_hover_box .d_cont a:nth-child(4){margin-right:0; margin-left:8px;}*/
.data_list.data_list2020 ul li .data_cont:hover .hidden_hover_box .d_cont a{transform:translateY(0);opacity:1;}
.data_list.data_list2020 ul li .data_cont:hover .hidden_hover_box .d_cont a:first-child{transition-delay:100ms;}
.data_list.data_list2020 ul li .data_cont:hover .hidden_hover_box .d_cont a:nth-child(2){transition-delay:170ms;}
.data_list.data_list2020 ul li .data_cont:hover .hidden_hover_box .d_cont a:nth-child(3){transition-delay:240ms;}
.data_list.data_list2020 ul li .data_cont:hover .hidden_hover_box .d_cont a:nth-child(4){transition-delay:310ms;}
.data_list.data_list2020 ul li .data_cont .hidden_hover_box .d_cont a .ico {display:block;width:36px;height:36px;}
.data_list.data_list2020 ul li .data_cont .hidden_hover_box .d_cont a .ico.plus {margin-right:0;width: 36px; height: 36px;background:#4083ee url('/images/renew/btn/ic_bookmark2_on.png') no-repeat 10px  center; border-radius: 0; box-sizing: border-box;border:none;}
.data_list.data_list2020 ul li .data_cont .hidden_hover_box .d_cont a .ico.down{background: #4083ee url('/images/renew/btn/ic_down_2_on.png') no-repeat center center;width: 36px; height: 36px;border-radius: 0; box-sizing: border-box;border:none;}
.data_list.data_list2020 ul li .data_cont .hidden_hover_box .d_cont a .ico.down.disabled{opacity: 1;background: #eee url(/images/renew/btn/ic_down_2_disable.png) no-repeat center center;}
.data_list.data_list2020 ul li .data_cont .hidden_hover_box .d_cont a .ico.preveal{background:#4083ee url("/images/renew/btn/ic_detail_view_on.png") no-repeat 10px center;width: 36px; height: 36px; border-radius: 0;   box-sizing: border-box;border:none;}
.data_list.data_list2020 ul li .data_cont .hidden_hover_box .d_cont a .ico.share {background:#fff url("/images/renew/btn/ic_share2.png") no-repeat center center;width: 36px; height: 36px; border-radius: 0;box-sizing: border-box;border:none;}
.data_list.data_list2020 ul li .data_cont .hidden_hover_box .d_cont a .ico.share2 { background:#fff url("/images/renew/btn/icon_share1_off.png") no-repeat center center;width: 36px; height: 36px; border-radius: 0;box-sizing: border-box;border:none;}
.data_list.data_list2020 ul li .data_cont .hidden_hover_box .d_cont a:hover .ico.plus {background:#f75442 url('/images/renew/btn/ic_bookmark2_on.png') no-repeat 10px  center;}
.data_list.data_list2020 ul li .data_cont .hidden_hover_box .d_cont a:hover .ico.down{background:#f75442 url('/images/renew/btn/ic_down_2_on.png') no-repeat center center;}
.data_list.data_list2020 ul li .data_cont .hidden_hover_box .d_cont a:hover .ico.preveal {background:#f75442 url("/images/renew/btn/ic_detail_view_on.png") no-repeat 10px center;}
.data_list.data_list2020 ul li .data_cont .hidden_hover_box .d_cont a:hover .ico.share{background-color:#ffd563;}
.data_list.data_list2020 ul li .data_cont .hidden_hover_box .d_cont a:hover .ico.share2 {background:#f75442 url("/images/renew/btn/icon_share1_on.png") no-repeat center center;}
/* .data_list.data_list2020 ul li .data_cont .link_box{position:absolute;left:0;top:0;right:0;bottom:0;z-index:100;} */
/* .data_list.data_list2020 ul li .data_cont .link_box a{display:block;width:100%;height:100%;} */
/* .data_list.data_list2020 ul li .data_cont:hover .link_box{background: rgba(45, 54, 70, 0.7);opacity: 1;} */
.data_list.data_list2020 ul li p.chk_cont{margin-bottom:0; margin-top:8px;}
.data_list.data_list2020 ul li p.chk_cont .chk_box label {white-space:unset; max-height:44px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all;}
.data_list.data_list2020 ul li p.chk_cont .chk_box.type02 label:before{margin-top:0; top:2px;}
.data_list.data_list2020 ul li .data_cont:hover .img{transform: scale(1); filter:blur(0px);}
.data_list.data_list2020 ul li .data_cont .type{top:5px; bottom: unset;}

.btn-more-wrapper .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; text-align:center;}
.btn-more-wrapper .more_btn: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;}
.btn-more-wrapper .more_btn:hover{border-color:#ffd563;background:#ffd563;}
.btn-more-wrapper .more_btn span{font-size:16px; color:#4d8bef;}

/************************/


/* 교과서 자료실 : 상세 */
.classWrap2020 .comViewWrap {border-top:none}
.classWrap2020 .comViewWrap .comViewInfo {padding: 0 0 0 23px;border-top:2px #000 solid; }
.classWrap2020 .comViewWrap .comViewInfo {background:#fff;color: #000; font-size: 16px; font-weight: 500;}
.classWrap2020 .comViewWrap .comViewInfo .subject img {margin-right: 22px;}
.classWrap2020 .comViewWrap .comViewInfo .opt {top: 12px; right: 0;}
.classWrap2020 .comViewWrap .comViewInfo .opt a{width: 36px;height: 36px;margin-right: 15px;margin-left: 0;border: 1px solid #dee3ec;border-radius: 50%;background-repeat: no-repeat;background-position: center; line-height:29px;box-sizing: border-box;transition: all .1s ease;font-size:0;line-height:0;text-indent: -99999px;background-size:auto}
.classWrap2020 .comViewWrap .comViewInfo .opt a:hover {border: 1px solid #f75442; text-decoration: none;}
.classWrap2020 .comViewWrap .comViewInfo .opt .ico.plus {background-image: url('/images/renew/btn/plus_icon.png');}
.classWrap2020 .comViewWrap .comViewInfo .opt .ico.plus:hover {background-image: url('/images/renew/btn/plus_icon_on.png');}
.classWrap2020 .comViewWrap .comViewInfo .opt .ico.down {background-image: url('/images/renew/btn/down_icon.png');}
.classWrap2020 .comViewWrap .comViewInfo .opt .ico.down:hover {background-image: url('/images/renew/btn/down_icon_on.png');}
.classWrap2020 .comViewWrap .area-media {margin:30px auto}
.classWrap2020 .comViewWrap .area-docs {margin: 0 auto; padding: 47px 0 49px; text-align: center; }
.classWrap2020 .comViewWrap .source {display: table;width: 100%;padding-right: 30px;border-bottom: 1px solid #d1dbea;background-color: #f0f3f8;font-size: 16px;letter-spacing: -1px;text-align: right;color: #666;font-weight: 500;}
.classWrap2020 .comViewWrap .source span {display: table-cell;height: 68px;vertical-align: middle;}

/*  테마관  */
/* 서브 공통영역으로 사용 가능 s */
.location {/*margin-top: 20px; */text-align: right;}
.location li {display: inline-block; position: relative; margin: 0 9px;font-size: 12px; font-weight: 400; letter-spacing: -1px; color:#999;font-family:"Nanum Gothic", "나눔고딕", "돋움", Dotum, Helvetica, "Apple SD Gothic Neo", sans-serif;}
.location li::after {display: block; position: absolute; top: 50%; right: 0; width: 10px; height: 10px; margin-top: -5px; margin-right: -15px; background: url('/images/renew/arr_breadcrumb.png') no-repeat 50%; content: "";}
.location li:last-child {margin-right: 14px;}
.location li:last-child::after {content: none;}
/*.location li .breadcrumb_link {font-weight: 500;line-height: 1; color: #4083ee;}*/
.location li .breadcrumb_link {line-height: 1; color: #333;}
.location li .breadcrumb_link:hover {text-decoration: none;}
.location li .ico_breadcrumb {display: inline-block; position: relative; width: 15px; height: 12px; background: url('/images/renew/ico_breadcrumb.png');}
/* 서브 공통영역으로 사용 가능 e */

.theme_box::after {display: block; content: ""; clear: both;}
.theme_box .tit_box {padding-bottom: 28px; border-bottom: 1px solid var(--color-gray20);}
.theme_box .tit_box h2 {display: inline-block; margin-right: 24px; font-size: 32px; font-weight: 700; letter-spacing: -1px; color: var(--color-gray100);}
.theme_box .tit_box p {display: inline-block; font-size: 14px; font-weight: 400; letter-spacing: -1px; color:var(--color-gray100);}
.theme_box .guid_box {padding: 34px 0 23px;}
.theme_box .guid_box .ico_theme_desc {display: inline-block; position: relative; width: 28px; height: 28px; margin-right: 10px; background: url('/images/renew/ico_gallery_desc.png'); vertical-align: middle;}
.theme_box .guid_box p {display: inline-block; font-size: 16px; font-weight: 500; letter-spacing: -1px; vertical-align: middle; color: #000000;}
.theme_box .guid_box.newv{padding:43px 0 23px; }
.theme_box .guid_box.newv .ico_theme_desc {display: inline-block; position: relative; width: 24px; height: 24px; margin-right: 8px; background: url('/images/renew2025/ico_gallery_desc2.png'); vertical-align: middle;}
.theme_box .guid_box.newv p {display: inline-block; font-size: 14px; font-weight:400; letter-spacing: -1px; vertical-align: middle; color: #6978B5;}
.theme_box .tit_box.withBtn{display:flex;flex-wrap:wrap;justify-content: space-between;align-items: flex-end}
.theme_box .tit_box.withBtn p{display:block;}
.theme_box .tit_box.withBtn .btn_apple_info{padding:8px 15px; display:inline-flex; align-items: center; font-size:14px; color:var(--color-blue1); font-weight:700; line-height: 28px; background:var(--bg-blue1); border-radius: 22px;text-decoration: none;}
.theme_box .tit_box.withBtn .btn_apple_info span{margin-left:8px; display:inline-block; width:26px; height:26px; background:url('../images/applenumbers/apple_num_arr.png') no-repeat center center / contain;}



.theme_box .theme_controls {margin-bottom: 50px;}
.theme_box .theme_controls > button{display: inline-block; margin-right: 3px; margin-bottom: 8px; padding: 14px 28px; border: 1px solid #dee3eb; border-radius: 8px; font-size: 16px; font-weight: 500; letter-spacing: -1px; line-height: 1; font-family: 'Noto Sans KR', sans-serif; color: #5f626a; cursor: pointer; box-sizing: border-box;}
.theme_box .theme_controls > button.active {background: #4687ef; color: #fff;}

.theme_box .theme_controls.v2{display:flex;flex-wrap:nowrap;gap:8px 3px;}
.theme_box .theme_controls.v2 button{position:relative;margin:0;min-width:80px;height:40px;padding:8px 16px;border:none;border-radius:0;text-align:center;font-size:16px;color:var(--color-gray100);font-weight:400;}
.theme_box .theme_controls.v2 button.active{background:#00B9FF;color:#fff;font-weight:700;line-height:24px;border-radius:20px;box-shadow:0 4px 11px 0 rgba(52,112,208,0.16);}
.theme_box .theme_controls.v2 button.active:after{content:'';position:absolute;left:50%;bottom:-11px;width:18px;height:18px;background:url('/images/renew2025/theme_tail.png') no-repeat center center;transform:translateX(-50%); }

.theme_box .theme_container{display:flex;flex-wrap:wrap;gap:60px;padding-bottom:60px;}
.theme_box .theme_container .mix {; width:360px;display: none;text-align: left;}
.theme_box .theme_container .mix .theme_contents_box {overflow: hidden; position: relative; width: 300px; height: 458px; margin: 0 auto; border-radius: 30px; box-sizing: border-box;}
.theme_box .theme_container .mix .theme_contents_box:hover {box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;}
.theme_box .theme_container .mix .theme_contents_box .theme_bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: center; background-size: cover; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;}
.theme_box .theme_container .mix .theme_contents_box:hover .theme_thum_bg {opacity: 0;}
.theme_box .theme_container .mix .theme_contents_box .theme_bg.theme_bg01 {background-image: url('/images/renew/theme_bg01.png');}
.theme_box .theme_container .mix .theme_contents_box .theme_bg.theme_bg02 {background-image: url('/images/renew/theme_bg02.png');}
.theme_box .theme_container .mix .theme_contents_box .theme_bg.theme_bg03 {background-image: url('/images/renew/theme_bg09.png');}
.theme_box .theme_container .mix .theme_contents_box .theme_bg.theme_bg04 {background-image: url('/images/renew/theme_bg04.png');}
.theme_box .theme_container .mix .theme_contents_box .theme_bg.theme_bg05 {background-image: url('/images/renew/theme_bg05.png');}
.theme_box .theme_container .mix .theme_contents_box .theme_bg.theme_bg06 {background-image: url('/images/renew/theme_bg06.png');}
.theme_box .theme_container .mix .theme_contents_box .theme_bg.theme_bg07 {background-image: url('/images/renew/theme_bg07.png');}
.theme_box .theme_container .mix .theme_contents_box .theme_bg.theme_bg08 {background-image: url('/images/renew/theme_bg08.png');}
.theme_box .theme_container .mix .theme_contents_box .theme_bg.theme_bg10 {background-image: url('/images/renew/theme_bg10.png');}
.theme_box .theme_container .mix .theme_contents_box .theme_bg.theme_bg11 {background-image: url('/images/renew/theme_bg11.png');}
.theme_box .theme_container .mix .theme_contents_box .theme_bg.theme_bg12 {background-image: url('/images/renew/theme_bg12.png');}
.theme_box .theme_container .mix .theme_contents_box .theme_bg.theme_bg13 {background-image: url('/images/renew/theme_bg13.png');}
.theme_box .theme_container .mix .theme_contents_box .theme_bg.theme_bg14 {background-image: url('/images/renew/theme_bg14.png');}
.theme_box .theme_container .mix .theme_contents_box .theme_bg.theme_bg15 {background-image: url('/images/renew/theme_bg15.png');}
.theme_box .theme_container .mix .theme_contents_box .theme_bg.theme_bg16 {background-image: url('/images/renew/theme_bg16.png');}
.theme_box .theme_container .mix .theme_contents_box .theme_bg.theme_bg17 {background-image: url('/images/renew/theme_bg17.png');}
.theme_box .theme_container .mix .theme_contents_box .theme_thum_bg {position: absolute; top: 0; left: 0; width: 100%; height: 260px; background-position: center; background-size: cover; opacity: 1; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;}
.theme_box .theme_container .mix .theme_contents_box:hover .theme_thum_bg {opacity: 0;}
.theme_box .theme_container .mix .theme_contents_box .theme_thum_bg.theme_thum_bg01 {background-image: url('/images/renew/theme_thum_bg01.png');}
.theme_box .theme_container .mix .theme_contents_box .theme_thum_bg.theme_thum_bg02 {background-image: url('/images/renew/theme_thum_bg02.png');}
.theme_box .theme_container .mix .theme_contents_box .theme_thum_bg.theme_thum_bg03 {background-image: url('/images/renew/theme_thum_bg09.png');}
.theme_box .theme_container .mix .theme_contents_box .theme_thum_bg.theme_thum_bg04 {background-image: url('/images/renew/theme_thum_bg04.png');}
.theme_box .theme_container .mix .theme_contents_box .theme_thum_bg.theme_thum_bg05 {background-image: url('/images/renew/theme_thum_bg05.png');}
.theme_box .theme_container .mix .theme_contents_box .theme_thum_bg.theme_thum_bg06 {background-image: url('/images/renew/theme_thum_bg06.png');}
.theme_box .theme_container .mix .theme_contents_box .theme_thum_bg.theme_thum_bg07 {background-image: url('/images/renew/theme_thum_bg07.png');}
.theme_box .theme_container .mix .theme_contents_box .theme_thum_bg.theme_thum_bg08 {background-image: url('/images/renew/theme_thum_bg08.png');}
.theme_box .theme_container .mix .theme_contents_box .theme_thum_bg.theme_thum_bg10 {background-image: url('/images/renew/theme_thum_bg10.png');}
.theme_box .theme_container .mix .theme_contents_box .theme_thum_bg.theme_thum_bg11 {background-image: url('/images/renew/theme_thum_bg11.png');}
.theme_box .theme_container .mix .theme_contents_box .theme_thum_bg.theme_thum_bg12 {background-image: url('/images/renew/theme_thum_bg12.png');}
.theme_box .theme_container .mix .theme_contents_box .theme_thum_bg.theme_thum_bg13 {background-image: url('/images/renew/theme_thum_bg13.png');}
.theme_box .theme_container .mix .theme_contents_box .theme_thum_bg.theme_thum_bg14 {background-image: url('/images/renew/theme_thum_bg14.png');}
.theme_box .theme_container .mix .theme_contents_box .theme_thum_bg.theme_thum_bg15 {background-image: url('/images/renew/theme_thum_bg15.png');}
.theme_box .theme_container .mix .theme_contents_box .theme_thum_bg.theme_thum_bg16 {background-image: url('/images/renew/theme_thum_bg16.png');}
.theme_box .theme_container .mix .theme_contents_box .theme_thum_bg.theme_thum_bg17 {background-image: url('/images/renew/theme_thum_bg17.png');}
.theme_box .theme_container .mix .theme_contents_box .theme_hover_box {position: absolute; top: 0; left: 0; width: 100%; height: 100px; padding: 36px 0 0 30px; letter-spacing: -1px; line-height: 1; color: #fff; opacity: 0; box-sizing: border-box;}
.theme_box .theme_container .mix .theme_contents_box:hover .theme_hover_box {opacity: 1; background-position: bottom; background-size: 100%; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
.theme_box .theme_container .mix .theme_contents_box .theme_hover_box .theme_subtitle {display: block; margin-bottom: 6px; font-size: 18px; font-weight: 300;color:var(--color-gray100);}
.theme_box .theme_container .mix .theme_contents_box .theme_hover_box .theme_tit {font-size: 28px; font-weight: 700;color:var(--color-blue1);}
.theme_box .theme_container .mix .theme_contents_box .theme_hover_box.white .theme_subtitle {color:#fff;}
.theme_box .theme_container .mix .theme_contents_box .theme_hover_box.white .theme_tit {color:#fff;}
.theme_box .theme_container .mix .theme_contents_box .theme_hover_box.teachware .theme_subtitle {color:#393d49;}
.theme_box .theme_container .mix .theme_contents_box .theme_hover_box.teachware .theme_tit {color:#393d49;}
.theme_box .theme_container .mix .theme_contents_box .theme_hover_box.geography .theme_subtitle {color:#fff;}
.theme_box .theme_container .mix .theme_contents_box .theme_hover_box.geography .theme_tit {color:#fff;}
.theme_box .theme_container .mix .theme_contents_box .theme_txt_box {position: absolute; bottom: 0; left: 0; width: 100%; height: 206px; padding: 29px 30px 0; letter-spacing: -1px; line-height: 1; color: #393d49; opacity: 1; box-sizing: border-box; -webkit-transition: all .1s ease; -moz-transition: all .1s ease; -ms-transition: all .1s ease; -o-transition: all .1s ease; transition: all .1s ease;}
.theme_box .theme_container .mix .theme_contents_box:hover .theme_txt_box {opacity: 0;}
.theme_box .theme_container .mix .theme_contents_box .theme_txt_box.theme_box_type01 {background: #F4F8FF;}
.theme_box .theme_container .mix .theme_contents_box .theme_txt_box.theme_box_type02 {background: #F4F8FF;/*background: #f5f4f0;*/letter-spacing:-1.35px;}
.theme_box .theme_container .mix .theme_contents_box .ico_theme_vr {position: absolute; top: 170px; right: 22px; width: 60px; height: 60px; background: url('/images/renew/ico_theme_vr.png')no-repeat 50%; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
.theme_box .theme_container .mix .theme_contents_box:hover .ico_theme_vr {top: 374px;}
.theme_box .theme_container .mix .theme_contents_box .ico_theme_new {overflow: hidden; position: absolute; top: 239px; left: 25px; width: 56px; height: 24px; padding: 8px 0; border-radius: 25px; background: #f75442; font-size: 12px; font-weight: 400; line-height: 5px; color: #fff; text-align: center; opacity: 1; box-sizing: border-box; -webkit-transition: all .1s ease-in-out; -moz-transition: all .1s ease-in-out; -ms-transition: all .1s ease-in-out; -o-transition: all .1s ease-in-out; transition: all .1s ease-in-out;}
.theme_box .theme_container .mix .theme_contents_box:hover .ico_theme_new {opacity: 0;}
.theme_box .theme_container .mix .theme_contents_box .ico_theme_y22{overflow: hidden; position: absolute; top: 239px; left: 25px;padding:0; width:55px; height:25px; font-size:12px; line-height:24px;background:#FF0000;color:#fff;border-radius:13px;text-align:center;}
.theme_box .theme_container .mix .theme_contents_box:hover .ico_theme_y22{opacity:0;}
.theme_box .theme_container .mix .theme_contents_box .ico_22badge {overflow: hidden; position: absolute; top: 239px; left: 25px; width:61px; height:25px; border-radius: 13px; background: #0057ED; font-size: 12px; font-weight: 400; line-height: 24px; color: #fff; text-align: center; opacity: 1; box-sizing: border-box; -webkit-transition: all .1s ease-in-out; -moz-transition: all .1s ease-in-out; -ms-transition: all .1s ease-in-out; -o-transition: all .1s ease-in-out; transition: all .1s ease-in-out;}
.theme_box .theme_container .mix .theme_contents_box:hover .ico_22badge {opacity: 0;}
.theme_box .theme_container .mix .theme_contents_box a {position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid #DCDCDC; border-radius: 28px; color: #393d49;  box-sizing: border-box;}
.theme_box .theme_container .mix .theme_contents_box a:hover {border: 2px solid #0057ED; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.theme_box .theme_container .mix .theme_contents_box .theme_txt_box .theme_subtitle {display: block; margin-bottom: 5px; font-size: 18px; font-weight: 400;}
.theme_box .theme_container .mix .theme_contents_box .theme_txt_box .theme_tit {display: block; margin-bottom: 35px; font-size: 28px; font-weight: 700;color:var(--color-blue1);}
.theme_box .theme_container .mix .theme_contents_box .theme_txt_box .theme_desc {font-size: 16px; font-weight: 400; line-height: 1.2; color: var(--color-gray80);}



/* 2020-03-14 질문이 살아있는 수업 */
.live_question {letter-spacing:-0.065em}
.btn_liveQuestion {position:absolute;top:0;right:0}
.live_question .info {background:#f9fafc;padding:50px 65px;border-top:2px #000 solid;border-bottom:1px #d1dbea solid;}
.live_question .info li {margin-top:30px;font-size:16px;color:#333;}
.live_question .info li:first-child {margin-top:0}
.live_question .info li h4 {background: url('/images/opendata/question/bl_list.png') 0 9px no-repeat;padding-left:20px;margin-bottom:10px;font-size:20px;color:#4083ee;font-weight:500}
.live_question .info li em {font-weight:700}
.live_question .data_book {margin-top:60px;}
.live_question .data_book h4 {position:relative;margin-bottom:20px;font-size:22px;color:#333;font-weight:500;}
.live_question .data_book h4 strong {display:inline-block;vertical-align:bottom;font-size:38px;line-height:38px}
.live_question .data_book h4 strong::after {content:"";display:inline-block;width:3px;height:33px; margin:0 15px;vertical-align:bottom;}
.live_question .data_book h4 span {display:inline-block;vertical-align:bottom;}
.live_question .data_book.ele h4 strong {color:#f8aa06}
.live_question .data_book.ele h4 strong::after {background:#f8aa06}
.live_question .data_book.mid h4 strong {color:#32b58f}
.live_question .data_book.mid h4 strong::after {background:#32b58f}
.live_question .data_book > ul {border-radius:10px; box-sizing:border-box;}
.live_question .data_book > ul:after {content:"";display:block;clear:both;}
.live_question .data_book > ul > li {float:left;text-align:center;box-sizing:border-box;}
.live_question .data_book > ul > li > img {width:100%;max-width:212px;box-shadow:18px 18px 22px 0 rgba(0,0,0,.2)}
.live_question .data_book > ul > li .btn_set {position:relative;max-width:212px;margin:30px auto 0;}
.live_question .data_book > ul > li .btn_set:after {content:"";display:block;clear:both;}
.live_question .data_book > ul > li .btn_set::before {content:"";position:absolute;top:10px; left:50%; width:1px; height:17px; background:#333;}
.live_question .data_book > ul > li .btn_set:hover::before {display:none;}
.live_question .data_book > ul > li .btn_set li {float:left;width:50%;}
.live_question .data_book > ul > li .btn_set li:first-child {position:relative;}
.live_question .data_book > ul > li .btn_set li a {display:block;background:#fff;height:35px;border:1px #a4a4a4 solid;font-size:13px;color:#333;text-align:center;text-decoration:none;font-weight:700}
.live_question .data_book > ul > li .btn_set li a span {display:inline-block;height:35px;line-height:35px;padding-right:22px; background-repeat:no-repeat; background-position:100% 50%;}
.live_question .data_book > ul > li .btn_set li a:hover {position:relative;color:#fff; z-index:2}
.live_question .data_book > ul > li .btn_set li a.btn_ebook {border-right:none; border-radius:8px 0 0 8px}
.live_question .data_book > ul > li .btn_set li a.btn_ebook span {background-image:url('/images/opendata/question/ico_ebook.png');}
.live_question .data_book > ul > li .btn_set li a.btn_ebook:hover {background-color:#4f8ff6;}
.live_question .data_book > ul > li .btn_set li a.btn_ebook:hover span {background-image:url('/images/opendata/question/ico_ebook_on.png');}
.live_question .data_book > ul > li .btn_set li a.btn_down {border-left:none; border-radius:0 8px 8px 0}
.live_question .data_book > ul > li .btn_set li a.btn_down span {background-image:url('/images/opendata/question/ico_down.png');}
.live_question .data_book > ul > li .btn_set li a.btn_down:hover {background-color:#ff6655;}
.live_question .data_book > ul > li .btn_set li a.btn_down:hover span {background-image:url('/images/opendata/question/ico_down_on.png');}
.live_question .data_book.ele > ul {padding:100px 68px 86px 95px;background:url('/images/opendata/question/bg_live_ele.png') 0 0 no-repeat;}
.live_question .data_book.ele > ul > li {margin:0 55px 60px 0;}
.live_question .data_book.ele > ul > li:first-child {margin-left:268px;}
.live_question .data_book.ele > ul > li:nth-child(2), .live_question .data_book.ele > ul > li:nth-child(5) {margin-right:0;}
.live_question .data_book.mid > ul {background:#ebfaf5 url('/images/opendata/question/bg_live_mid.png') 0 0 no-repeat;background-size:contain; padding:60px 43px 60px 44px}
.live_question .data_book.mid > ul > li {width:33.3%;padding:70px 20px 0 20px;}
.live_question .data_book.mid > ul > li:first-child {float:none;padding:0 20px;}
#popLiveQuestion {position:absolute;top:-61px;left:50%;background:#fff;width:1100px;margin-left:-550px;z-index:60;letter-spacing:-0.065em;font-size:16px;font-weight:400}
#popLiveQuestion .close {position:absolute;top:40px;right:40px;display:block;width:37px;height:37px;z-index:2;}
#popLiveQuestion .close::before {position:absolute;top:-6px;left:50%;display:inline-block;content:"";width:2px;height:50px;background:#333;transform: rotate(45deg);}
#popLiveQuestion .close::after {position:absolute;top:-6px;left:50%;display:inline-block;content:"";width:2px;height:50px;background:#333;transform: rotate(-45deg);}
#popLiveQuestion .intro {background:#f5f7fa;padding:60px 90px; border-bottom:1px #d1dbea solid}
#popLiveQuestion .intro h4 {padding-bottom:20px;border-bottom:1px #d1dbea solid;color:#4083ee;font-size:38px;font-weight:700;line-height:1em;}
#popLiveQuestion .intro .top_txt {margin-top:20px; line-height:1.5em}
#popLiveQuestion .intro .top_txt p {margin-top:25px;font-weight:500;text-align:right;color:#333;}
#popLiveQuestion .tbl_wrap {padding:0 90px 80px 90px}
#popLiveQuestion .tbl_wrap h5 {margin:50px 0 10px;font-size:30px;color:#333;font-weight:500}
#popLiveQuestion .tbl_wrap table {width:100%;border-bottom:1px #000 solid}
#popLiveQuestion .tbl_wrap table thead th {padding:10px 0; border-left:1px #fff solid;color:#fff;font-weight:normal}
#popLiveQuestion .tbl_wrap table thead th:first-child {border-left:none}
#popLiveQuestion .tbl_wrap table tbody th {padding:12px; border-top:1px #fff solid;font-weight:normal;font-size:14px;}
#popLiveQuestion .tbl_wrap table tbody td {padding:12px 20px;border-top:1px #e0e0e0 solid;font-size:14px;}
#popLiveQuestion .tbl_wrap table tbody tr:first-child td {border-top:1px #fff solid}
#popLiveQuestion .tbl_wrap table.ele thead th {background:#ffb73a}
#popLiveQuestion .tbl_wrap table.ele tbody th {background:#fff8eb}
#popLiveQuestion .tbl_wrap table.mid thead th {background:#60bc23}
#popLiveQuestion .tbl_wrap table.mid tbody th {background:#eff8e9}

/* 2020-05-14, 2021-02-17 V.Magazine 정기구독 */
#main_pop200515 {  border: none; box-shadow: 5px 5px 25px rgba(0, 0, 0, 0.2); overflow: hidden;}
#main_pop200515 .system_check_foot {padding: 10px 0; background: #dcdde0; }
#main_pop200515 .system_check_foot input { margin-left: 20px; }
#main_pop200515 .system_check_foot label { color: #111; font-weight: 400; }
#main_pop200515 .system_check_foot:before {content: ''; display: block; width: 5px; height: 100%; background: #dcdde0; position: absolute; right: -2px; top: 0; z-index: 100;}
#main_pop200515 .system_check_foot a {position: static;float: right;margin-right: 20px;padding-right: 15px;background: url(/images/new/btn_today_close.png) no-repeat 100% 50%;font-weight: 400;color: #111 !important;}
#vPop{overflow:visible;position:absolute;display:block;top:280px;right:50%;margin-right:-600px;background:#2661c0;border:0;border-radius:20px;box-shadow: 5px 5px 25px rgba(0, 0, 0, 0.2);z-index:10000;}
#vPop [class^="btn"]{display:inline-block;position:absolute;}
#vPop .btnApply{top:166px;left:22px;width:176px;height:44px;background:rgba(0,0,0,0);}
#vPop .btnClose{top:-5px;right:-5px;width:25px;height:25px;background:#222738;border-radius:100%;}
#vPop .btnClose:before,
#vPop .btnClose:after{content:'';position:absolute;top:0;left:0;display:inline-block;width:12px;height:1px;margin:12px 7px;background:#fff;z-index:1;}
#vPop .btnClose:before{transform:rotate(45deg);}
#vPop .btnClose:after{transform:rotate(-45deg);}
#vPop .system_check_foot{padding:10px 0;background:none;text-align:right;}
#vPop .system_check_foot label{margin-right:20px;color:#fff;}

#subscriptionChange { display: block;margin-bottom: 15px;padding: 7px 28px 7px 14px;border: 1px solid #f75442;box-sizing: border-box;border-radius: 5px;font-weight: 500;font-size: 12px; line-height: 14.4px; color: #f75442; text-decoration: none;  position: absolute; right: 164px; top: 52px;
    background-image: url('/images/renew/btn/arr_type10.png'); background-repeat: no-repeat; background-position: 93% center; font-family: 'Noto Sans KR', sans-serif; }
#subscriptionChange:hover {color: #fff;background-color: #f75442; background-image: url('/images/renew/btn/arr_type10_hover.png');}

.subscription_dim {display:none; position: fixed; left:0; top:0; width:100%; height:100%;background :rgba(57, 61, 73, 0.7); z-index:60; }
.subscription_wrap {position: absolute; top:50%; left: 50%; width: 510px; transform: translate(-50%, -50%);border-radius: 30px; overflow: hidden;}
.subscription_head { background: #424d9c; color: #fff; font-size: 22px; font-weight: 800; padding: 22px 33px; box-sizing: border-box; height: 58px; }
#subscription_dim2 .subscription_head { height: auto;  font-family: 'Noto Sans KR', sans-serif;  padding-bottom: 18px; }
.subscription_head span {color: #ffffff;}
.subscription_head strong {color: #67d2ff;}
.subscription_head em {color: #fdff41;}
.subscription_close { display: block; position: absolute;top:24px;right: 23px;width: 17px;height: 17px;background: url('/images/button/btn_close_06.gif') no-repeat 0%; background-size: cover; text-indent: -99999px;}
.subscription_cont { padding: 20px 33px 30px; background: #fff; }
#subscription_dim2 .subscription_cont { font-weight: 500; }
.subscription_comment { position: relative; margin-bottom: 13px; ; font-size: 12px; line-height: 16px; color: #393d49; color: #555; }
#subscription_dim2 .subscription_comment { font-family: 'Noto Sans KR', sans-serif;  font-weight: 500; font-size: 14px; line-height: 19px;}
.subscription_comment a {position: absolute; right: 0; bottom: 0; text-decoration: none;  background: #bebebe; border: 1px solid #a8a8a8; padding: 0 6px; line-height: 24px; color: #fff;  font-size: 11px; }
.subscription_comment i { background: url('/images/renew/btn/arr_type10_hover.png') no-repeat 0 0; width: 5px; height: 8px; display: inline-block; margin-left: 2px; position: relative; top: 1px; }
.subscription_info { margin-bottom: 18px; }
.subscription_info table {table-layout: fixed; width:100%; border-top: 2px solid #6d7588; text-align: left;}
.subscription_info th,
.subscription_info td {border-bottom: 1px solid #e2e2e2;  font-family: "돋움",dotum; }
.subscription_info th {background: #f6f6f6; color: #222;text-align: center; padding-left: 0 !important; }
.subscription_info td {border-left: 1px solid #e2e2e2; padding: 10px 20px !important;color: #424d9c;  }
.subscription_agree {background:#f2f2f2; padding: 24px 22px; color:#666666; font-size: 11px;  margin-bottom: 20px; }
.subscription_agree p {font-size: 12px;  padding-bottom: 10px; font-weight: bold; }
.subscription_agree li { color: #888888;  padding-left: 6px; text-indent: -6px;}
.subscription_agree ul + p { padding-top: 12px; padding-bottom: 0; padding-left: 6px; letter-spacing: -1.5px; font-weight: 400; }
.subscription_agree + .agree { font-weight: bold; letter-spacing: -0.5px; }
.subscription_agree + .agree label {cursor: pointer; color: #666666; }
.subscription_btns { padding-top: 12px; text-align: center; }
.subscription_btns a { display: inline-block; border-radius: 3px; background-color: rgb(153, 153, 153); width: 150px; height: 40px; text-align: center; color: #fff; margin: 0 2px;
    font-size: 18px; line-height: 40px; text-decoration: none;  font-family: 'Noto Sans KR', sans-serif;}
#subscription_dim2 .subscription_btns a { font-size: 16px; }
.subscription_btns a.em { background-color: #2661c0; }
.subscription_contact { font-size: 14px; color: #555555; padding-top: 30px; }
.subscription_contact li {  padding-left: 6px; text-indent: -6px; letter-spacing: -0.5px; font-family: 'Noto Sans KR', sans-serif;}
.subscription_contact p { color: #f75442;  padding-top: 8px; font-family: 'Noto Sans KR', sans-serif;}
/* // 2020-05-14, 2021-02-17 V.Magazine 정기구독 */

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

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

/* 공통, 초등, 중학, 고등 라벨*/
.lb_grade{display:inline-block;box-sizing:border-box;width:80px;height:32px;padding:4px;border-radius:16px;border:1px solid #727272;background:#fff;font-size:14px !important;font-weight:400;color:#727272;text-align:center;text-indent:0;letter-spacing:-0.02em;}
.lb_grade.ele {border-color: #47a424; color: #47a424;}
.lb_grade.mid {border-color: #53c5dd; color: #53c5dd;}
.lb_grade.high {border-color: #905dc2; color: #905dc2;}

/* 2020-10-30 학교 정보 안내 팝업 추가 */
#popSchoolInfoUpdate{position:absolute;top:50%;left:50%;box-sizing:border-box;width:551px;height:558px;padding-top:205px;background:url(../images/new/ico_popschoolinfo.png) 50% 73px no-repeat #fff;border-radius:10px;text-align:center;z-index:9900;transform:translateX(-50%);}
#popSchoolInfoUpdate strong,
#popSchoolInfoUpdate a{display:inline-block;}
#popSchoolInfoUpdate p{margin:20px 0 53px;}
#popSchoolInfoUpdate .btnPopClose{position:absolute;top:14px;right:14px;display:inline-block;width:32px;height:32px;background:url(../images/new/btn_popschoolclose.png) 0 0 no-repeat;}

/* 2020-11-06 마케팅 활용 동의 팝업 추가 */
#popMarketAgree{position:absolute;top:50%;left:50%;/*display:none;*/box-sizing:border-box;width:571px;height:614px;padding-top:198px;background:url(../images/new/ico_popmarketagree.png) 50% 52px no-repeat #fff;border-radius:10px;text-align:center;z-index:9900;transform:translateX(-50%);}
#popMarketAgree > *{display:inline-block;}
#popMarketAgree .txt{margin:15px 0 26px;}
#popMarketAgree .marketSelWrap{box-sizing:border-box;width:438px;height:90px;padding:30px 0;background:#f5f5f5;border:2px solid #c5c9d1;border-radius:45px;font-size:0;}
#popMarketAgree .marketSelWrap .marketChk{overflow:hidden;position:relative;display:inline-block;}
#popMarketAgree .marketSelWrap .marketChk + .marketChk{margin-left:25px;}
#popMarketAgree .marketChk input[type="checkbox"],
#popMarketAgree .marketChk input[type="checkbox"] + label,
#popMarketAgree .marketChk input[type="checkbox"] + label img{display:inline-block;vertical-align:middle;}
#popMarketAgree .marketChk input[type="checkbox"]{overflow:hidden;position:absolute;top:0;left:-1px;width:1px;height:1px;margin:0;}
#popMarketAgree .marketChk input[type="checkbox"] + label:before{content:'';display:inline-block;box-sizing:border-box;width:22px;height:22px;background:#fff;border:2px solid #333;border-radius:11px;vertical-align:middle;}
#popMarketAgree .marketChk input[type="checkbox"]:checked + label:before{border:2px solid #13ab4c;}
#popMarketAgree .marketChk input[type="checkbox"]:checked + label:after{content:'';position:absolute;top:-2px;left:2px;display:inline-block;width:22px;height:20px;background:url(../images/new/ico_chk_popmarketagree.png) 0 0 no-repeat;}
#popMarketAgree .btnMarketSave{width:329px;height:62px;margin-top:45px;background:url(../images/new/btn_popmarketagree.png) 0 0 no-repeat;}
#popMarketAgree .btnPopClose{position:absolute;top:14px;right:14px;display:inline-block;width:32px;height:32px;background:url(../images/new/btn_popschoolclose.png) 0 0 no-repeat;}

/* 2021 신학기: 교과자료실 개편 */
/* 교과자료실 상단 */
.topDesc.top_desc2021 .wrap-topDesc .area-bookImg{display:none;}
.topDesc.top_desc2021 .wrap-topDesc .onoff_wrap,
.topDesc.top_desc2021 .wrap-topDesc .area-desc .navi.descLine-3,
.topDesc.top_desc2021 .down_wrap{left:0;}
/* 버튼 영역(스마트교수자료, 단원별 자료 전체 다운로드) */
.topDesc.top_desc2021 .down_wrap > ul{border-radius:14px;}
.topDesc.top_desc2021 .down_wrap > ul .down_li{width:auto;}
.topDesc.top_desc2021 .down_wrap > ul .down_li:not(.btnOne) > a{padding:25px 26px 0 70px!important;background-position:24px center !important;}
.topDesc.top_desc2021 .down_wrap > ul .down_li > [class^="btn"]{font-size:17px;text-align:left;}
.topDesc.top_desc2021 .down_wrap > ul .down_li .btn_down.down_first{background-image:url('/images/renew/educourse/down_first02.png');}
.topDesc.top_desc2021 .down_wrap > ul .down_li.on .btn_down.down_first{background-image:url('/images/renew/educourse/down_first02_hover.png');}
.topDesc.top_desc2021 .down_wrap > ul .down_li.on .btn_down.down_first,
.topDesc.top_desc2021 .down_wrap > ul .down_li .btn_down.down_first:hover{background-color:#02ac02;}
.topDesc.top_desc2021 .down_wrap > ul .down_li .btn_down.down_last{background-image:url('/images/renew/educourse/down_last.png');}
.topDesc.top_desc2021 .down_wrap > ul .down_li.on .btn_down.down_last{background-image:url('/images/renew/educourse/down_last_hover.png');}
.topDesc.top_desc2021 .down_wrap > ul .down_li.btnOne{width:280px;}
.topDesc.top_desc2021 .down_wrap > ul .down_li.btnOne > a{padding:25px 64px 0 118px!important;background-position:64px center !important;}
.topDesc.top_desc2021 .mathPopWrap{position:absolute;top:100%;left:-30px;display:none;box-sizing:border-box;width:240px;height:86px;padding:20px 26px;background:#f5fdff;border:3px solid #4083ee;border-radius:28px;}
.topDesc.top_desc2021 .mathPopWrap:before{content:'';position:absolute;top:-11px;left:50%;display:inline-block;border-right:11px solid transparent;border-left:11px solid transparent;border-bottom:11px solid #4083ee;transform:translateX(-50%);}
.topDesc.top_desc2021 .mathPopWrap .mathPopCont{font-family:'Noto Sans KR', sans-serif;font-size:14px;font-weight:500;color:#393d49;text-align:left;letter-spacing:-1px;}
.topDesc.top_desc2021 .mathPopWrap .btnMathPopClose{position:absolute;top:-2px;right:-2px;display:inline-block;width:24px;height:24px;background:url('/images/renew/educourse/popup_close2021.png') 0 0 no-repeat;}
.topDesc.top_desc2021 .wrap-topDesc .area-desc .descLine-4{top:233px;right:0;}
/* 우측 팝업 버튼 영역(함께한 선생님, 차시창소개, 어떤 친구들과 공부할까) */
.topDesc .wrap-topDesc .area-desc .descBtns.type02 li{float:none;}
.descBtns.type02 li .btn{display:inline-block;min-height:33px;padding-left:42px;background-position:0 0;background-repeat:no-repeat;font-family:'Noto Sans KR', sans-serif;font-size:14px;font-weight:300;color:#63605c;}
.descBtns.type02 li:nth-child(1) .btn{background-image:url('/images/renew/educourse/ico_teacher.png');}
.descBtns.type02 li:nth-child(2) .btn{background-image:url('/images/renew/educourse/ico_intro.png');}
.descBtns.type02 li:nth-child(3) .btn{background-image:url('/images/renew/educourse/ico_study.png');}
.descBtns.type02 li .btn:hover{text-decoration:underline;color:#1c60e9;}
.descBtns.type02 li:nth-child(1) .btn:hover{background-image:url('/images/renew/educourse/ico_teacher_hover.png');}
.descBtns.type02 li:nth-child(2) .btn:hover{background-image:url('/images/renew/educourse/ico_intro_hover.png');}
.descBtns.type02 li:nth-child(3) .btn:hover{background-image:url('/images/renew/educourse/ico_study_hover.png');}
.descBtns.type02 li + li{margin-top:10px;}
/* 함께한 선생님 팝업 */
.teacherWrap .teacherTit{display:block;padding-bottom:4px;border-bottom:2px solid #393d49;font-size:20px;font-weight:600;color:#393d49;vertical-align:middle;line-height:35px;letter-spacing:-1px;}
.teacherWrap .teacherTit:before{content:'';display:inline-block;width:35px;height:35px;background-position:50% 50%;background-repeat:no-repeat;vertical-align:middle;}
.teacherWrap .teacherTit.language:before{background-image:url('/images/renew/educourse/ico_language.png');}
.teacherWrap .teacherTit.math:before{background-image:url('/images/renew/educourse/ico_math.png');}
.teacherWrap .teacherTit.social:before{background-image:url('/images/renew/educourse/ico_social.png');}
.teacherWrap .teacherTit.science:before{background-image:url('/images/renew/educourse/ico_science.png');}
.teacherWrap .teacherTit.ethics:before{background-image:url('/images/renew/educourse/ico_ethics.png');}
.teacherWrap .teacherTit.consult:before{background-image:url('/images/renew/educourse/ico_consult.png');}
.teacherWrap .teacherItem{overflow:hidden;box-sizing:border-box;width:100%;padding:18px 10px;border-bottom:1px solid #d1dbea;}
.teacherWrap .teacherItem > *{float:left;}
.teacherWrap .teacherItem > span{display:block;width:105px;font-size:15px;color:#1b61e9;font-weight:500;}
.teacherWrap .teacherItem > div{max-width:380px;}
.teacherWrap .teacherItem > div p{font-size:14px;font-weight:400;color:#393d49;}
.teacherWrap .teacherItem > div span{position:relative;display:block;margin-top:2px;margin-left:10px !important;font-size:14px;font-weight:400;color:#848991;}
.teacherWrap .teacherItem > div span:before{content:'';position:absolute;top:10px;left:-10px;display:inline-block;width:4px;height:1px;background:#848991;}
.teacherWrap + .teacherWrap{margin-top:27px;}
/* 중간 0차시 소개 영역 */
.chasiIntroWrap{position:absolute;top:233px;left:469px;display:block;width:317px;height:121px;background:url('/images/renew/educourse/bg_chasi_intro.png') 0 100% no-repeat;}
.chasiIntroWrap > a{text-decoration:none;display:block;width:100%;height:100%;}
.chasiIntroWrap > a:hover:after{content:'';position:absolute;top:59px;right:18px;display:inline-block;width:27px;height:27px;background:url('/images/renew/educourse/ico_chasi_arrow.png') 0 0 no-repeat;}
.chasiIntroWrap .introTit{display:inline-block;margin-left:62px;font-size:16px;font-weight:700;color:#1b61e9;line-height:1;letter-spacing:-1px;}
.chasiIntroWrap .introList{margin:18px 0 0 96px;}
.chasiIntroWrap .introList li{font-size:14px;font-weight:400;color:#fff;vertical-align:middle;}
.chasiIntroWrap .introList li:before{content:'';display:inline-block;width:4px;height:4px;margin-right:8px;background:#fff;border-radius:100%;vertical-align:middle;}
.chasiIntroWrap .introList li + li{margin-top:5px;}
/* 교과자료실 하단 */
.cont_educourse2021 .tblList.tblList-new.tblList-chasi tr td{height:100px;padding:0;border-bottom:1px solid #d1dbea;font-size:16px;color:#87898e;text-align:left;line-height:1;}
.cont_educourse2021 td a,
.cont_educourse2021 td a:hover,
.cont_educourse2021 .tblList-chasi tr:hover a{text-decoration:none !important;}
.cont_educourse2021 td.chasiTitle{padding:0 30px 0 25px !important;background:none !important;color:#87898e;}
.cont_educourse2021 td.chasiTitle .btn_chasiview2{color:#87898e;line-height:1.4;}
.cont_educourse2021 td.chasiTitle .btn_chasiview2:hover{color:#393d49;}
.cont_educourse2021 td[class^="putBtn"]{font-size:0 !important;text-align:left;}
.cont_educourse2021 td.putBtn1{padding-right:45px;}
.cont_educourse2021 .tblList.tblList-new.tblList-chasi tr td.putBtn1 a{display:inline-block;box-sizing:border-box;width:93px !important;height:30px;border:1px solid #d6dae0;border-radius:15px;font-family:'Malgun Gothic', '맑은 고딕', sans-serif;font-size:12px;font-weight:bold;color:#9ba1ab;text-align:center;line-height:30px;}
.cont_educourse2021 .tblList.tblList-new.tblList-chasi tr td.putBtn1 a + a{margin-top:5px;}
.cont_educourse2021 .tblList.tblList-new.tblList-chasi tr td.putBtn1 a.chasi_on{background:#f75442 !important;color:#fff !important;}
.cont_educourse2021 .tblList.tblList-new.tblList-chasi tr td.putBtn1 a.chasi_on:hover{background:#dc2713 !important;border:1px solid #dc2713 !important;}
.cont_educourse2021 .tblList.tblList-new.tblList-chasi tr td.putBtn1 a.btnSub:hover{background:none;border:1px solid #f75442;color:#f75442;}
.cont_educourse2021 td.putBtn2{padding-right:25px;}
.cont_educourse2021 td.putBtn2 a{display:inline-block;box-sizing:border-box;width:74px;height:26px;border:1px solid #dee3ec;border-radius:3px;font-family:'Malgun Gothic', '맑은 고딕', sans-serif;font-size:12px;font-weight:bold;color:#393d49;text-align:center;line-height:26px;letter-spacing:-1px;}
.cont_educourse2021 td.putBtn2 a:hover{background:#f2fcff;border:1px solid #393d49;color:#393d49;}
.cont_educourse2021 td.putBtn2 a + a{margin-top:5px;}

@media (min-width:1200px) { /* PC 1200 이상 */
    #wrap {min-width: 1200px;}
    #contents,
    #contents.sub,
    #header .top_btns .inner,
    #header #top,
    #footer .wrap {width: 1200px;}
    /* 2020-10-19 독도의 날 로고 */
    /* #header #top h1.logoArt201019{left:42px;} */
    /* 2021-02-25 신학기 */
    #header #top h1.logoArt210225{left:0;}
    /* 2020-12-18 로고영역 카카오톡 배너 추가 */
    #header #top .mainBannerWrap{top:14px;left:0;}
    #header #top .mainBannerWrap + h1{top:42px;left:150px;}
    #header .search_wrap{width:334px;}
    #header .issuekeyword{left:520px;}
    /* GNB */
    #gnb ul.gnb,
    #gnb .gnb_depth .menu .inner,
    #gnb .gnb_depth .menu.theme .inner .gnb_theme_list  {width: 1200px;}
    /*#gnb ul.gnb li{margin-right:64px;}*/
    #gnb .gnb_depth .menu.textbook .group ul li a {width:auto;padding: 0 20px;}
    #gnb .gnb_depth .menu.textbook .booklist .subject ul li {width:auto;min-width:140px;}

    #contents #conts {margin-left:60px}
    #contents #conts.sub_conts2020 {width: 910px; margin-left:0}
    #contents #conts.sub_conts2020 .classWrap #top_educourse.top_educourse.top_educourse2020 .selectBox-L {width: 470px;}
    #contents #conts.sub_conts2020 .classWrap #top_educourse.top_educourse.top_educourse2020 .selectBox-R {width: 472px;}
    #contents #conts.sub_conts2020 .classWrap #top_educourse.top_educourse.top_educourse2020 .selectBox-L div.box-selectBox-list {width:459px}
    #contents #conts.sub_conts2020 .classWrap #top_educourse.top_educourse.top_educourse2020 .selectBox-R div.box-selectBox-list {width:448px}
    #contents #conts.sub_conts2020 .classWrap #top_educourse.top_educourse.top_educourse2020 .selectBox-L p,
    #contents #conts.sub_conts2020 .classWrap #top_educourse.top_educourse.top_educourse2020 .selectBox-R p{width:370px;}

    #contents #conts.sub_conts2020 .classWrap #top_educourse.top_educourse.top_educourse2020 {width: 100%; max-width: 910px; }
    #contents #conts.sub_conts2020 .classWrap .tblList-new { width: 100%}
    .cont_educourse[class*="cont_educourse"] .table_option_wrap {width: 100%;}
    .data_list { width: 909px;}
    .data_list.data_list2020 ul { width: 1009px;}
    .topDesc[class*="top_desc"] .wrap-topDesc { width: 1200px;}
    .alarm_wrap { right: 6px;}
    .topDesc .down_wrap > ul .down_li { width: 210px;}
    .topDesc .down_wrap > ul .down_li .btn_down.down_first { background-image: url('/images/renew/educourse/down_first.png'); background-position: 37px center; padding: 25px 0 0 110px; text-align: left;}
    .topDesc .down_wrap > ul .down_li .btn_down.down_last { background-image: url('/images/renew/educourse/down_last.png'); padding: 25px 0 0 90px; background-position: 34px center; text-align: left;}
    .topDesc .down_wrap > ul .down_li.on .btn_down.down_first {background-image: url('/images/renew/educourse/down_first_hover.png');}
    .topDesc .down_wrap > ul .down_li.on .btn_down.down_last {background-image: url('/images/renew/educourse/down_last_hover.png');}
    .topDesc[class*="top_desc"] .wrap-topDesc .area-desc .descLine-4 {right: 0;}
    .topDesc[class*="top_desc"] .wrap-topDesc .area-desc .descLine-4 .descBtns li {margin-left: 15px;}
    .theme_box .theme_controls > button {margin-bottom: 0;}
    .theme_box .theme_container .mix .theme_contents_box {width: 360px; height: 458px;}
    .theme_box .theme_container .mix .theme_contents_box .theme_txt_box .theme_desc {font-size: 16px;}
    .tab_educourse.tab_educourse2020 li {width: 142px;}
    .tab_educourse.tab_educourse2020 li.on  {width: 194px;}
    .tab_educourse.tab_educourse2020 li a {font-size: 18px; font-weight: 500}
    .tab_educourse.tab_educourse2020 li.type02 a {font-size: 18px; font-weight: 500}

    /* 질문이 살아있는 수업 */
    .live_question .data_book.mid > ul {padding:94px 76px 108px 76px}
    .live_question .data_book.mid > ul > li {padding:70px 15px 0 15px;}

    /* 2021 신학기: 교과자료실 개편 */
    /* 교과자료실 상단 */
    .topDesc.top_desc2021 .wrap-topDesc .area-bookImg{display:block;}
    .topDesc.top_desc2021 .wrap-topDesc .onoff_wrap{left:295px;}
    .topDesc.top_desc2021 .wrap-topDesc .area-desc .navi.descLine-3{left:295px;}
    .topDesc.top_desc2021 .down_wrap{left:284px;}
    /* 중간 0차시 소개 영역 */
    .chasiIntroWrap{left:672px;}
    /* 교과자료실 하단 */
    .cont_educourse2021 .tblList.tblList-new.tblList-chasi tr td.putBtn1 a + a{margin-top:0;}
    .cont_educourse2021 td.putBtn2 a + a {margin-top:0;}
    .cont_educourse2021 td.putBtn2 a:nth-child(2n-1){margin-right:6px;}
    .cont_educourse2021 td.putBtn2 a:nth-child(n+3){margin-top:7px;}

    /* 신학기개편 */
    .data_list { width: 910px;}
    .data_list.data_list2020 ul { width: 100%;}
    .data_list.data_list2020 ul li:nth-child(4n){margin-right:0;}
}

@media (max-width:1199px) { /* PC 1200 이하 */
    .data_list.data_list2020 ul li:nth-child(3n){margin-right:0;}
}

/* 댓글  2021 */
.replyWrap{margin-top:60px;}
.replyWrap.mt80{margin-top:80px;}
.replyWrap *{box-sizing:border-box;font-family:'Noto Sans KR';}
.replyWrap .tit{font-size:20px;font-weight:500;color:#474e62;line-height:1;}
.replyWrap .tit i{font-style:italic;font-size:20px;font-weight:500;color:#474e62;}
.replycount{margin-top:30px;text-align:left;padding-bottom:10px;}
.replycount p{padding-left:43px;line-height:32px;color:#ff8124;font-size:16px;font-weight:400;background:url(../images/common/reply_count.png) no-repeat left center;}
.inputWrap {margin-top:20px;padding: 20px 20px 23px 20px;border: 1px solid #eaeaea;background-color: #f1f1f1;border-radius:20px;}
.replyWrap .inputBox {min-height:125px;overflow: hidden;position: relative;}
.replyWrap .inputBox .tx_box{float:left;width: calc(100% - 128px);}
.replyWrap .inputBox textarea{position:static;width: 100%;height: 125px;resize: none;padding: 15px 20px;font-size: 16px;color:rgba(0,0,0,0.7);border: 1px solid #e6e6e6;background:#fff;border-radius:10px;'Noto Sans KR','AppleSDGothic Neo-Regular','Malgun Gothic', '맑은 고딕', 'dotum', '돋움', sans-serif;font-size:16px;font-weight:300;}
.replyWrap .inputBox textarea:focus{outline:none;}
.replyWrap .inputBox textarea::placeholder{font-size:14px;color:#99a9b7;}
.replyWrap .inputBox textarea:focus::-webkit-input-placeholder{color:transparent;}
.replyWrap .inputBox textarea:-ms-placeholder{font-size:14px;color:#99a9b7;}
.replyWrap .inputBox button {display: block;float:right;width:118px;height:125px;background:#ff8125;font-size:18px;color:#ffffff;font-weight:500;border-radius:10px;}
.replyWrap .text {overflow: hidden;margin-top:7px;font-size: 14px;color: #a0a0a2;text-align: right;border:none;}
span.remaining {color:#979da7;}
span.remaining .count{color:#61646d;font-weight:400;}

.modifyForm .inputBox{margin:20px 30px 0 20px; }
.modifyForm .inputBox .tx_box{width:calc(100% - 88px);}
.modifyForm .inputBox textarea{height: 105px;resize: none;padding: 15px 20px;font-size: 16px;color:rgba(0,0,0,0.7);border: 1px solid #c0c0c0;border-right:1px solid #e8e8e8;background:#fff;border-radius:10px 0 0 10px;}
.modifyForm .inputBox textarea:focus{outline:none;}
.modifyForm .inputBox .btn_wrap{margin:0;float:right;width:88px;height:105px;border-radius:0 10px 10px 0; overflow:hidden;border-left:1px solid #e8e8e8;}
.modifyForm .inputBox .btn_wrap button{width:100%;float:none;height:52px;border-radius:0;font-size:16px;}
.modifyForm .inputBox .btn_wrap button + button{background:#c0c0c0;}

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

.replyWrap .inputWrap.login_before .inputBox textarea,
.replyWrap .inputWrap.login_before .text{width:100%;}
.replyWrap .inputWrap.login_before .inputBox .tx_box{float:left;width: 100%;}
.replyWrap .inputWrap.login_before .inputBox label{position:absolute;left:20px;top:18px;color:#99a9b7;font-size:14px;}
.replyWrap .inputWrap.login_before .inputBox label span{color:#ff8125;text-decoration:underline;text-underline-position: under;;}

.replyWrap .cmList{border-top:1px solid #dfdfdf;}
.replyWrap .cmList li {border-bottom: 1px solid #dfdfdf;}
.replyWrap .cmList .cmContents{padding: 23px 0 28px 0;}
.replyWrap .cmList li.reply {padding:0 30px 0 60px;border-bottom:0;}
.replyWrap .cmList li.reply .cmContents{padding:20px 0 30px;border-top: 1px solid #e5e5e5;}
.replyWrap .cmList li .info {position:relative;line-height: 26px;}
.replyWrap .cmList li .info span.userID {font-size: 16px;font-weight:400;color: #000;}
.replyWrap .cmList li .info span.userID img {vertical-align: top;}
.replyWrap .cmList li .info span.userID .staff{color:#3f7fff;font-size:inherit;font-weight:inherit;}
.replyWrap .cmList li .info span.userID .character{display:inline-block;width:40px;height:40px;border-color:#e7e7e8;margin-right:10px;vertical-align:middle;}
.replyWrap .cmList li .info span.date {display: inline-block;margin-left: 11px;font-size: 14px;font-weight: 400;color: rgba(0,0,0,0.4);}
.replyWrap .cmList li .info .btnBox {position:absolute;display:flex;display:-webkit-flex;right:0;top:-5px;}
.replyWrap .cmList li .info .btnBox a{display:block;margin-left: 10px;width:36px;height:36px;border:1px solid #d6d6d6; border-radius: 50%;}
.replyWrap .cmList li .info .btnBox a.cm_revise_btn{background:#fff url('../images/common/ic_revise.png') no-repeat 10px 10px;}
.replyWrap .cmList li .info .btnBox a.cm_del_btn{background:#fff url('../images/common/ic_del.png') no-repeat 10px 9px;}
.replyWrap .cmList li .info .btnBox a:hover{border:1px solid #ffd563; background-color:#ffd563;}
.replyWrap .cmList li .comment {padding-right:170px;margin-top:10px;font-size: 16px;font-weight:400;color: #61646d;line-height: 26px;word-wrap:break-word;white-space:normal;}
.replyWrap .cmList li .comment .del_comment{color:rgba(97, 100, 109, 0.6);font-size:inherit;font-weight:inherit;}
.replyWrap .cmList li .cm_btnBox{margin-top:20px;overflow:hidden;}
.replyWrap .cmList li .cm_btnBox a{display:block;float:left;padding:6px 8px;margin-right:20px;border:1px solid #e6e6e6;color:#393d49;line-height:1;background:#fff;}
.replyWrap .cmList li .cm_btnBox .reply_total{border:none;padding:0;}
.replyWrap .cmList li .cm_btnBox .reply_total span{padding-left:38px;display:block;color:#e76557;font-weight:400;text-align: center;background:url('../images/common/ic_reply2.png') no-repeat left center;line-height:32px;}
.replyWrap .cmList li .cm_btnBox .reply_write{margin-top:2px;padding-right:26px;background:#fff url('../images/common/arrow_min_5.png') no-repeat right 8px top 9px;}

.replyWrap .cmList li.nodata{padding:75px 0;text-align:center;border:1px solid rgba(226,226,226,0.7);background:#f1f1f1;}
.replyWrap .cmList li.nodata span{display:inline-block;padding-top:90px;font-size:16px;color:#61646d;background:url(../images/common/reply_nodata.png) no-repeat center top;}

.reply_wrap{position:relative;background:#f8f8f8;}
.reply_wrap li:first-child{border-top: 1px solid #dfdfdf;}
.replyWrap .cmList li .reply_wrap li:last-child{border-bottom:none;}
.replyWrap .cmList li .reply_wrap li:first-child .cmContents{border-top:none;}
.reply_wrap .modifyForm .inputBox{margin:20px 0 0 0; }
.cmList li .reply_wrap .info span.userID {position:relative;line-height:40px;color:#474e62;}
.cmList li .reply_wrap .info span.userID:before{content:'';position:absolute;left:-30px;top:5px;width:15px;height:15px;background:url('../images/common/reply_arrow2.png') no-repeat left top}

.cmList li .reply_wrap .info .btnBox{top:3px;}
.cmList li .reply_wrap .comment{padding-right:120px;margin-top:14px;color:#61646d;}
.cmList li .reply_wrap .cm_btnBox{margin-top:20px;}
.cmList li .reply_wrap .reply_inputBox{border-bottom:none;}
.reply_inputBox .inputBox{padding:30px 30px 30px 60px;height:auto;background:#f8f8f8 url('../images/common/reply_arrow2.png') no-repeat 30px 40px;}
.reply_inputBox .inputBox .tx_box{float:left;width: calc(100% - 88px);}
.reply_inputBox .inputBox textarea{width:100%;height: 105px;resize: none;border: 1px solid #c0c0c0;border-right:1px solid #e8e8e8;background:#fff;border-radius:10px 0 0 10px;}
.reply_inputBox .inputBox textarea:focus{outline:none;}
.reply_inputBox .inputBox .btn_wrap{margin:0;float:right;width:88px;height:105px;border-radius:0 10px 10px 0; overflow:hidden;border-left:1px solid #e8e8e8;}
.reply_inputBox .inputBox .btn_wrap button{width:100%;float:none;height:52px;border-radius:0;font-size:16px;}
.reply_inputBox .inputBox .btn_wrap button + button{background:#c0c0c0;}
.reply_inputBox .text{margin-top:0;}
.reply_inputBox .remaining {display:block;color:#979da7}

/* 더보기 버튼 */
.replyWrap .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;}
.replyWrap .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;}
.replyWrap .more_btn:hover{padding:0 30px;border:none;line-height:56px;background:#ffd563;text-decoration: none;}
.replyWrap .more_btn:hover:after{right:31px;top:21px;}

/* 초등스타일, width값 적용 ~ 2021.12.10 */
.tbl_list_wrap{position:relative;border-top:3px solid #474e62;}
.tbl_list_wrap > .tblList{border-top:0;}
.tbl_list_wrap .sortWrap{position:absolute;top:-35px;right:0;}
.tbl_list_wrap .sortWrap ul{font-size:0;text-align:right;}
.tbl_list_wrap .sortWrap li{display:inline-block;line-height:1;vertical-align:middle;}
.tbl_list_wrap .sortWrap li + li:before{content:'';display:inline-block;width:1px;height:16px;margin:0 8px;background:#d0d0d0;vertical-align:middle;}
.tbl_list_wrap .sortWrap li a{font-size:16px;font-weight:300;color:#7a7e8a;vertical-align:middle;}
.tbl_list_wrap .sortWrap li a.on{font-weight:400;color:#3d78d6;letter-spacing:-0.04em;}
.tbl_list_wrap + .ctrlLine{margin-bottom:0;border-top:1px solid #e1e1e1;}
.tbl_list_wrap + .ctrlLine div.control-all{right:28px;}
.detail_view_wrap{border-top:3px solid #474e62;border-bottom:3px solid #474e62;}
.detail_view_wrap div:last-child#themeData{margin-bottom:30px;}

/* 영상클래스, 살아있는수업 */
.cont_head{position:relative;font-family:'Noto Sans KR', sans-serif}
.class_sub_tit{font-size:32px;color: #474e62;font-weight: 600;line-height: 1;letter-spacing:-0.06em;}
.class_sub_tit .txt{display:inline-block;margin-bottom:5px;font-size:26px;font-weight:400;color:#474e62;line-height:1;letter-spacing:-0.06em;}
.class_sub_tit .pointC,
.class_sub_tit_txt .pointC{color:#3d78d6;}
.class_sub_tit_txt{margin-top:13px;font-size:16px;color:#606677;font-weight:400;line-height:1.375;}
.class_sub_tit_txt span{color:#ff8125;font-size:inherit;line-height: inherit; font-weight: inherit;}
.cont_head .buttons{position:absolute;bottom:0;right:0;}
.cont_head .buttons .btn{text-decoration:none;margin-left:2px;box-sizing:border-box;display:inline-block;padding:0 20px;height:52px;font-size:16px;font-weight:500;color:#474e62;line-height:46px;border:3px solid #66cafe;border-radius:26px;}
.cont_head .buttons .btn span{margin-right:10px;display:inline-block;height:46px;vertical-align:top;}
.btn.research_info span{margin-right:10px;width:35px;background:url('../images/common/ic_researchers.png') no-repeat center center;}
/* 라이브러리 */
.captionInfo .info{font-size:24px;font-weight:600;color:#474e62;line-height:1.4;letter-spacing:-0.04em;}
.captionInfo .info span{font:inherit;font-weight:400;color:#fb736e;}
/* 라이브러리 - 서식자료 */
#contents.lb_contents .t_left_hover img {border-radius: 10px;}
/**************************************************/
/* 2021 초등 스타일 적용 */
/**************************************************/
#conts.conts2021 .unitData .tabCtl{margin:25px 0;}
#conts.conts2021 .unitData .tabCtl > *{position:relative;display:inline-block;font-family:'Noto Sans KR', sans-serif;font-size:16px;vertical-align:middle;}
#conts.conts2021 .unitData .tabCtl > * + *{margin-left:25px;}
#conts.conts2021 .unitData [class^="tab"] input[type="checkbox"]{overflow:hidden;position:absolute;top:-10px;left:-10px;width:1px;height:1px;margin:0;appearance: none;-webkit-appearance: none;display:none;}
#conts.conts2021 .unitData [class^="tab"] input[type="checkbox"] + label{display:block;box-sizing:border-box;width:100%;height:100%;padding-left:23px;line-height:1;cursor:pointer;}
#conts.conts2021 .unitData [class^="tab"] input[type="checkbox"] + label .txt{overflow:hidden;display:inline-block;width:calc(100% - 10px);min-height:auto;margin:0 0 0 10px;font-family:'Noto Sans KR', sans-serif;font-size:16px;font-weight:400;color:#2d3646;line-height:1.5;letter-spacing:-0.02em;vertical-align:top;text-overflow:ellipsis;white-space:nowrap;}
#conts.conts2021 .unitData [class^="tab"] input[type="checkbox"] + label:before{content:'';position:absolute;left:0;top:50%;margin-top:-11px;width:23px;height:23px;background:url(../images/new/ico_checkbox.png) no-repeat center top;}
#conts.conts2021 .unitData [class^="tab"] input[type="checkbox"]:checked + label .txt{color:#ff8125;}
#conts.conts2021 .unitData [class^="tab"] input[type="checkbox"]:checked + label:before{background-position:center -24px;}

.tabCtl .btn_bookmark{display:inline-block;font-size:16px;color:#393d49;line-height:32px;font-weight:400;transition:all 0.3s ease;}
.tabCtl .btn_bookmark span{margin-right:8px;display:inline-block;width:32px;height:32px;border-radius:10px;background:#eee url(../images/new/ico_bookmark_off.png) no-repeat center center;vertical-align:top;}
.tabCtl .btn_bookmark.on span,
.tabCtl .btn_bookmark:active span,
.tabCtl .btn_bookmark:hover span{background:#3d78d6 url(../images/new/ico_bookmark_on.png) no-repeat center center;animation: color 0.4s ease-out;}
.tabCtl .btn_download{display:inline-block;color:#393d49;font-size:16px;line-height:32px;font-weight:400;transition:all 0.3s ease;}
.tabCtl .btn_download span{margin-right:8px;display:inline-block;width:32px;height:32px;border-radius:10px;background:#eee url(../images/new/ico_down_off.png) no-repeat center center;vertical-align:top;}
.tabCtl .btn_download.on span,
.tabCtl .btn_download:active span,
.tabCtl .btn_download:hover span{background:#3d78d6 url(../images/new/ico_down_on.png) no-repeat center center;animation: color 0.4s ease-out}

#conts.conts2021 .unitData-new .tabCnt{padding:0;border-top:0;}
#conts.conts2021 .unitData-new .tabCnt .imgType img.icon-new{width:15px !important;height:14px !important;}
#conts.conts2021 .unitData-new .imgType{border-bottom:0;}
#conts.conts2021 .unitData-new .imgType > ul{width:100%;margin:0;}
#conts.conts2021 .unitData-new .imgType > ul:after{content:'';display:block;clear:both;}
#conts.conts2021 .unitData-new .imgType > ul li{float:left;width:213px;height:251px;margin:38px 19px 0 0;}
#conts.conts2021 .unitData-new .imgType > ul li:nth-child(-n+4){margin-top:0;}
#conts.conts2021 .unitData-new .imgType > ul li:nth-child(4n){margin-right:0;}
#conts.conts2021 .unitData-new .imgType > ul li p{position:relative;height:auto;min-height:24px;margin-top:14px;}
#conts.conts2021 .unitData-new .imgType > ul li a{box-sizing:border-box;width:213px;height:213px;}
#conts.conts2021 .unitData-new .imgType > ul li a.thumb{position:relative;overflow:hidden;display:block;}
#conts.conts2021 .unitData-new .imgType > ul li a > img{box-sizing:border-box;width:100%;height:100%;border:1px solid #999;}
#conts.conts2021 .unitData-new .imgType > ul li .type{position:absolute;bottom:2px;right:2px;}
#conts.conts2021 .unitData-new .imgType .txt{font-family: 'Noto Sans KR', sans-serif;font-size:16px;font-weight:400;color:#2d3646;line-height:1.5;letter-spacing:-0.02em;}
#conts.conts2021 .unitData-new.thumbList2{margin-top:25px;}
/* 페이징 */
/*.paging2021{padding:60px 0;font-family:'Noto Sans KR', sans-serif;}*/
/*.paging2021 a{box-sizing:border-box;width:42px;height:42px;padding:0;border:1px solid #e9e9ea;border-radius:21px;font-weight:400;color:#ababab;line-height:40px;text-align:center;vertical-align:middle;}*/
/*.paging2021 a:hover{border:1px solid #0057ED;}*/
/*.paging2021 a.on{background:#0057ED;color:#fff;font-weight:700;border:none;font-size:18px;line-height:42px;}*/
/*.paging2021 a ~ a{margin-left:5px;}*/
/*.paging2021 a.btn{display:inline-block;width:32px;height:42px;border:0;vertical-align:middle;}*/
/*.paging2021 a.btn:hover{font-weight:400;border:0;}*/
/*.paging2021 .btnPrev{margin-right:19px !important;}*/
/*.paging2021 .btnNext{margin-left:19px !important;}*/
/*.paging2021 .btnFirst{margin-left:-1px; background:url('../images/new/ico_paging_first.png') no-repeat center top;}*/
/*.paging2021 .btnFirst:hover,.paging2021 .btnFirst.on{background:url('../images/new/ico_paging_first.png') no-repeat center -42px;}*/
/*.paging2021 .btnPrev{background:url('../images/new/ico_paging_prev.png') no-repeat center top;}*/
/*.paging2021 .btnPrev:hover,.paging2021 .btnPrev.on{background: url('../images/new/ico_paging_prev.png') no-repeat center -42px;}*/
/*.paging2021 .btnNext{background:url('../images/new/ico_paging_next.png') no-repeat center top;}*/
/*.paging2021 .btnNext:hover,.paging2021 .btnNext.on{background: url('../images/new/ico_paging_next.png') no-repeat center -42px;}*/
/*.paging2021 .btnLast{background:url('../images/new/ico_paging_last.png') no-repeat center top;}*/
/*.paging2021 .btnLast:hover,.paging2021 .btnLast.on{background:url('../images/new/ico_paging_last.png') no-repeat center -42px;}*/

.paging2021{padding:28px 0 60px;font-family:'Noto Sans KR', sans-serif;}
.paging2021 a{box-sizing:border-box;width:36px;height:36px;padding:0;font-size:16px;font-weight:400;color:#000;line-height:36px;text-align:center;vertical-align:middle;}
.paging2021 a:hover{border:1px solid #0057ED;color:#0057ED;font-weight:600;font-size:14px;line-height:34px;border-radius:4px;}
.paging2021 a.on{border:1px solid #0057ED;color:#0057ED;font-weight:600;font-size:14px;line-height:34px;border-radius:4px;}
.paging2021 a ~ a{margin-left:18px;}
.paging2021 a.btn{display:inline-block;width:36px;height:36px;border:0;vertical-align:middle;}
.paging2021 a.btn:hover{font-weight:400;border:0;}
/*.paging2021 .btnPrev{margin-right:19px !important;}*/
/*.paging2021 .btnNext{margin-left:19px !important;}*/
.paging2021 .btnFirst{background:url('../images/new/page_first.png') no-repeat center top;}
.paging2021 .btnFirst:hover,.paging2021 .btnFirst.on{background:url('../images/new/page_first.png') no-repeat center -36px;}
.paging2021 .btnPrev{margin-left:4px;background:url('../images/new/page_prev.png') no-repeat center top;}
.paging2021 .btnPrev:hover,.paging2021 .btnPrev.on{background: url('../images/new/page_prev.png') no-repeat center -36px;}
.paging2021 .btnNext{background:url('../images/new/page_next.png') no-repeat center top;}
.paging2021 .btnNext:hover,.paging2021 .btnNext.on{background: url('../images/new/page_next.png') no-repeat center -36px;}
.paging2021 .btnLast{margin-left:4px;background:url('../images/new/page_last.png') no-repeat center top;}
.paging2021 .btnLast:hover,.paging2021 .btnLast.on{background:url('../images/new/page_last.png') no-repeat center -36px;}
/**/
.classList{width:100%;}
.classList > tbody > tr > td{height:53px;border-bottom:1px solid #e1e1e1;text-align:center;}
.classList tr th{height:77px;border-bottom:1px solid #e1e1e1;color:#555;font-weight:normal;}
.classList tr th [class^="labelCd"]{display:inline-block;box-sizing:border-box;min-width:80px;height:32px;padding:0 15px;border-radius:16px;font-size:14px;font-weight:400;text-align:center;line-height:2.28;letter-spacing:-0.04em;}
.classList tr th .labelCd01{border:1px solid #689fd1;color:#689fd1;}
.classList tr th .labelCd02{border:1px solid #9fa526;color:#9fa526;}
.classList tr th span { font-size:13px; }
.classList tr th span em { color:#3d78d6; }
.classList tr th.l, .classList tr td.l{font-size:20px;font-weight:500;color:#474e62;text-align:left;letter-spacing:-0.06em;}
.classList tr th.l img, .classList tr td.l img { margin-bottom:2px; vertical-align:middle; }
.classList tr td.l a { color:#333; }
.classList tr th.eduT { padding-left:35px; text-align:left; font-size:15px; }
.classList tr th.eduT img { margin:0 7px 2px 0; vertical-align:middle; }
.classList tr:first-child th:first-child{padding:0 20px;}
.classList tr th .bar { color:#c6c6c6; }
.classList tr td.download{font-size:14px;}
.classList tr td.download a{color:#393d49;letter-spacing:-0.02em;}
.classList tr td.download a em { color:#333; }
.classList tr td.article { height:auto; padding:28px 0; /*border-bottom:1px solid #989898;*/ text-align:left; line-height:20px; }
.classList tr td.article .fileDown{overflow:hidden;margin-top:30px;border:1px solid #e1e1e1;border-radius:8px;}
.classList tr td.article .fileDown img { margin:0;border-radius:0;}
.classList tr td.article .fileDown .downTitWrap{overflow:hidden;position:relative;box-sizing:border-box;height:40px;padding:6px 20px;background:#f1f5fc;border-bottom:1px solid #ddd;}
.classList tr td.article .fileDown .downTitWrap .floatL{float:left;}
.classList tr td.article .fileDown .downTitWrap .floatR{float:right;}
.classList tr td.article .fileDown .downTitWrap strong{font-size:14px;font-weight:500;color:#797d8a;line-height:2;letter-spacing:-0.02em;}
.classList tr td.article .fileDown .downTitWrap span{font-size:14px;color:#414141;line-height:2;letter-spacing:-0.02em;}
.classList tr td.article .fileDown .downTitWrap span:before{content:'';display:inline-block;width:2px;height:2px;margin-right:5px;background:#414141;vertical-align:middle;}
.classList tr td.article .fileDown .downTitWrap span em { color:#3d78d6; }
.classList tr td.article .fileDown .downTitWrap span img { vertical-align:middle; }
.classList tr td.article .fileDown .btn_all_down{display:inline-block;box-sizing:border-box;width:124px;height:30px;margin-left:10px;padding:0 15px 0 35px;background:url('../images/new/ico_down_on.png') 12px 50% no-repeat #3d78d6;border-radius:4px;font-size:14px;font-weight:400;color:#fff;line-height:2;letter-spacing:-0.04em;}
.classList tr td.article .fileDown ul li{position:relative;box-sizing:border-box;height:42px;padding:6px 20px;border-top:1px solid #ddd;font-size:14px;line-height:2.14;}
.classList tr td.article .fileDown ul li:first-child{border-top:0;}
.classList tr td.article .fileDown ul li img { margin-bottom:2px; vertical-align:middle; border:0; }
.classList tr td.article .fileDown ul li a.down { position:absolute; top:5px; right:20px;box-sizing:border-box;width:101px;height:30px;padding:0 10px 0 35px;background:url('../images/new/ico_down_off.png') 12px 50% no-repeat;border:1px solid #e4e4e4;border-radius:4px;font-size:14px;font-weight:400;color:#40444f;line-height:1.9;letter-spacing:-0.04em;}
.classList tr td.article .fileDown ul li.more { height:25px; padding-top:5px; text-align:center; background:#fafafa; }
.classList tr td.article .fileDown ul li.more a { padding-right:11px; color:#66737b; background:url('../images/new/arr_file_more.gif') no-repeat right 7px; }
.classList tr td.article table th, .classList tr td.article table td { text-align:left; }
.classList tr td.tit { height:40px; padding-left:30px; font-size:12px; text-align:left; }
.classList tr td.th { height:40px; background:url('../images/new/bg_bar.gif') no-repeat right 13px; }
.classList tr td.th span.prev { padding-left:17px; background:url('../images/new/arr_article_prev.gif') no-repeat 0 5px; }
.classList tr td.th span.next { padding-left:17px; background:url('../images/new/arr_article_next.gif') no-repeat 0 5px; }
.classList tr td.active { height:90px; color:#888; font-size:13px; text-align:left; line-height:17px; }
.classList tr td.active a { color:#888; }
.classList tr td.active p { margin-bottom:6px; font-size:16px; color:#333; }
.classList tr td.active p a { color:#333; }
.classList tr td .movie { margin-left:14px; }
.classList tr td .spon { margin-bottom:40px; padding:10px 0 0 14px; font-size:12px; }
.classList tr td .fnc { position:relative; height:36px; padding:10px 0 0 13px; border:1px solid #e1e1e1; border-bottom:1px solid #c9c9c9; background:#fafafa; }
.classList tr td .fnc .r { position:absolute; top:10px; right:12px; overflow:hidden; width:116px; height:26px; text-indent:-9999px; background:url('../images/new/btn_viewer.gif') no-repeat; }
.classList tr td .fnc .r:hover { background-position:0 -26px; }
.classList tr:last-child td.article { border-bottom:0; }
/* 자유학기제 관련사이트 */
.classList tr td.active.type2 { height:auto;padding:20px 0 20px 15px;color:#333;font-family: 'Nanum Gothic';}
.classList tr td .tit {display:block;margin-top:2px;font-size:16px;color:#333;font-weight:normal;font-family: 'Nanum GothicB';}
.classList tr td dl.reSitePrgm {}
.classList tr td dl.reSitePrgm dt {padding:10px 0 0 0;font-size:12px;color:#3d78d6;font-family: 'Nanum GothicB';}
.classList tr td dl.reSitePrgm dd {font-size:12px;color:#8c8c8c;}

/** 2022-02-22 신학기 개편 **/
#contents.lb_contents{width:auto;}
#contents.lb_contents *{box-sizing:border-box; font-family:'Noto Sans KR', sans-serif;}
.lb_top_desc{}
.lb_top_desc .lb_top_wrap{width:1200px; margin:0 auto;}
.lb_top_wrap h3{margin-top:15px; font-size:36px; color:#393d49; font-weight:600; letter-spacing: -0.04em; line-height:1;}
.tab_wrap02{margin:-8px auto 0;display:flex;display:-webkit-flex;justify-content:center;align-items: flex-end;}
.tab_wrap02 li{position:relative;padding:0 50px;min-width:170px;text-align:center; background:#fff; border-top:2px solid #b8c3d6;}
.tab_wrap02 li:first-child{border-left:2px solid #b8c3d6;border-radius:10px 0 0 0;}
.tab_wrap02 li:last-child{border-right:2px solid #b8c3d6;border-radius:0 10px 0 0;}
.tab_wrap02 li+li:before{content:''; position:absolute; left:0; top:12px; width:1px; height:25px; background:#b8c3d6;}
.tab_wrap02 li a{font-size:15px;font-weight:600;color:#748294;line-height:45px;letter-spacing:-0.04em;}
/*.tab_wrap02 li:hover{background:#eff1f7;}*/
/*.tab_wrap02 li:hover a{color:#ff8125;}*/
.tab_wrap02 li.selected{min-width:209px;background:#eff1f7;border:3px solid #4083ee; border-bottom:none;border-radius:10px 10px 0 0; margin-bottom:-1px;}
.tab_wrap02 li.selected a{color:#4083ee;font-size:20px;line-height:55px;}
.tab_wrap02 li.selected+li:before,.tab_wrap02 li.selected:before{display:none;}

#photozone{padding:40px 0; background:#eff1f7; border-top:1px solid #b8c3d6;}
#photozone .photo_top{width:1200px; margin:0 auto;}
#photozone .photo_top h4 {display:inline-block;font-size:26px; color:#424a58; font-weight:600; letter-spacing: -0.08em; line-height:1;}
#photozone .photo_top h4 span{color:#3f83ee;}
#photozone .photo_top p {display:inline-block;padding-left:6px;font-size:16px;font-weight:400;color:#8e9091;letter-spacing:-0.08em; vertical-align: bottom;}

#photozone .slide_wrap{background:#eff1f7;margin-top:20px;}
#photozone .slide_wrap .slide_header{width:1200px; margin:0 auto 10px;overflow:hidden;}
#photozone .slide_wrap .slide_tit{float:left;margin:6px auto 0;}
#photozone .slide_tit span{display:inline-block;margin-left:17px;color:#8e9091; font-size:16px;letter-spacing:-0.04em;vertical-align:baseline;}
#photozone .slide_wrap .slide_item{position:relative;width:345px; height:355px;padding:0}

#photozone .slide_wrap .slide_item.swiper-slide:after{position:absolute;content:"";left:0;top:10px;display:block;width:345px;height:345px;background:rgba(255,255,255,0.7);border-radius:30px;z-index:49;}
#photozone .slide_wrap .slide_item.swiper-slide.swiper-slide-prev:after, #photozone .slide_wrap .slide_item.swiper-slide.swiper-slide-next:after, #photozone .slide_wrap .slide_item.swiper-slide.swiper-slide-active:after{display:none;}
#photozone .slide_wrap{position:relative;}

#photozone .swiper_button_wrap{display:none;}
#photozone .slide_wrap:hover .swiper_button_wrap{display:block;}
#photozone .swiper_button_wrap .swiper-button{position:absolute; top:50%; z-index:100; width:49px; height:49px; margin-top:-25px; opacity: 0.35; background:url('../images/renew/btn/btn_arrow02.png') no-repeat center top; cursor:pointer;}
#photozone .swiper_button_wrap .button-prev{left:320px;}
#photozone .swiper_button_wrap .button-prev:hover, .swiper_button_wrap .button-prev:active, .swiper_button_wrap .button-prev:focus{background-position:center bottom; opacity: 0.8;}
#photozone .swiper_button_wrap .button-next{right:425px; transform:rotate(180deg);}
#photozone .swiper_button_wrap .button-next:hover, .swiper_button_wrap .button-next:active, .swiper_button_wrap .button-next:focus{background-position: center bottom; opacity: 0.8;}

#photozone .slide_wrap ul{margin-left:-52px;}
#photozone .slide_wrap .slide_item a{position:relative;display:block;height:345px;margin-top:10px;border-radius:30px;overflow:hidden; border:1px solid #d8dee8;}
#photozone .slide_wrap .slide_item.swiper-slide-prev a, #photozone .slide_wrap .slide_item.swiper-slide-next a, #photozone .slide_wrap .slide_item.swiper-slide-active a{transition:all 0.2s ease-out;}
#photozone .slide_wrap .slide_item a:before{display:none;}
#photozone .slide_wrap .slide_item.swiper-slide-prev a:before, #photozone .slide_wrap .slide_item.swiper-slide-next a:before, #photozone .slide_wrap .slide_item.swiper-slide-active a:before{content:'';position:absolute;display:block;left:0;top:0;width:100%;height:100%;border-radius:30px;border:1px solid transparent;box-sizing:border-box;opacity:0;transition:all 0.3s ease-out;}
#photozone .slide_wrap .slide_item.swiper-slide.swiper-slide-prev a:hover:before, #photozone .slide_wrap .slide_item.swiper-slide.swiper-slide-next a:hover:before, #photozone .slide_wrap .slide_item.swiper-slide.swiper-slide-active a:hover:before{opacity:1; animation: border 0.3s ease-out both;z-index:50;}
@keyframes border{
    0%{border:1px solid transparent;}
    25%{border:1px solid #6569df;}
    50%{border:2px solid #6569df;}
    75%{border:3px solid #6569df;}
    100%{border:4px solid #6569df;}
}
#photozone .slide_wrap .slide_item a:hover{margin-top:0;}
#photozone .slide_wrap .slide_item img{width:100%;height:345px;}
#photozone .slide_wrap .slide_item .blur{position:absolute;left:0;bottom:0;display:block;width:345px;height:93px;overflow:hidden;}
#photozone .slide_wrap .slide_item .img_wrap{position:absolute;width:100%;height:100%;filter:blur(4px);-webkit-filter:blur(4px);-moz-filter:blur(4px);  -o-filter:blur(4px); -ms-filter:blur(4px);}
#photozone .slide_wrap .slide_item .img_wrap:after{content:"";position:absolute;width:100%;height:100%;left:0;bottom:0;background:rgba(57,61,73,.9);opacity:0.7;}
#photozone .slide_wrap .slide_item .img_wrap img{transform:translate(0,-252px);}
#photozone .slide_wrap .slide_item .info_wrap{position:absolute;left:0;bottom:0;z-index:3;padding:20px 22px;width:100%;height:93px;}
#photozone .slide_wrap .slide_item .info_wrap .title{font-size:24px;font-weight:600;color:#fff; letter-spacing:-0.04em; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; line-height:32px;}
#photozone .slide_wrap .slide_item .info_wrap .tag{font-size:16px; font-weight:400;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#photozone .slide_wrap .slide_item.swiper-slide.swiper-slide-prev:hover .info_wrap .title, #photozone .slide_wrap .slide_item.swiper-slide.swiper-slide-next:hover .info_wrap .title, #photozone .slide_wrap .slide_item.swiper-slide.swiper-slide-active:hover .info_wrap .title{color:#4be8ff;}

#contents.lb_contents #conts.contsFull{width:1200px; margin:0 auto; float:none;}
.captionInfo .info span{color:#4083ee;}
.category_wrap{padding-bottom:40px; margin-bottom:30px; border-bottom:1px solid #d8dee8;}
.category_wrap .search_area{width:836px; height:61px; padding:0; border-radius:10px;border:2px solid #9399a2;}

.search_area .lb_drop_menu{width:215px;height:57px;float:left; border-right:1px solid #e0e3e6; color:#424a58;font-size:16px;font-weight:400;}
.search_area .lb_drop_menu .label{position:relative; width:214px;height:57px; padding:0 45px 0 23px;font-size:16px;font-weight:500;color:#424a58;line-height:57px;}
.search_area .lb_drop_menu .label:after{content:''; position:absolute; right:20px; top: 25px; width:11px;height:7px; background:url(../images/renew/btn/arr_down.png) no-repeat center center;}
.search_area .lb_drop_menu .drop_list{position:absolute; left:-2px; top:-2px; width:215px; padding:10px 0 15px; border-radius: 5px; border:2px solid #999999; background:#fff; z-index:5;}
.search_area .lb_drop_menu .drop_list li{line-height:39px; padding:0 18px; font-size:16px; color:#8e9091; font-weight:400; letter-spacing: -0.06em;}
.search_area .lb_drop_menu .drop_list li:hover{background:#f1f1f1;}
.search_area .lb_drop_menu .drop_list li.current{color:#ff8125; color:#424a58; font-weight:600;}


.search_area .ip_wrap{float:left;display:flex;width:calc(100% - 215px);position:relative;background:#f8fbfd;}
.search_area .ip_wrap input{width:509px;height:57px;line-height:57px;padding: 0 24px;color:#424a58;font-size:16px; background:#f4f4f4;}
.search_area .ip_wrap input::placeholder{font-size:16px;font-weight:400;color:#99a9b7;}
.search_area .ip_wrap input:-ms-input-placeholder{font-size:16px;font-weight:400;color:#99a9b7;}
.search_area .ip_wrap .btn_search{position:static;display:block;width:173px;height:61px;margin:-2px -2px -2px 0;background:#424a58; color:#fff; border-radius:0 10px 10px 0; font-size:18px; color:#fff; font-weight:600;}

#contents.lb_contents .tabCnt{border:none; padding:0;}
.lb_contents .data_list{border:none;}
#contents.lb_contents .tabCtl{overflow:hidden;margin-top:30px;}
#contents.lb_contents .tabCtl .select-all{}
#contents.lb_contents .tabCtl .select-all input[type='checkbox']{display:none;}
#contents.lb_contents .tabCtl .select-all input[type='checkbox'] + label{position:relative;display:inline-block;padding-left:32px;margin-right:25px; font-size:16px; color:#424a58; font-weight:400; line-height:23px; cursor: pointer;}
#contents.lb_contents .tabCtl .select-all input[type='checkbox'] + label:before{content:''; position:absolute; left:0; top:0; width:23px; height:23px; background:url('/images/renew/btn/checkbox.png') no-repeat center top;}
#contents.lb_contents .tabCtl .select-all input[type='checkbox']:checked + label{color:#4d8cf0;}
#contents.lb_contents .tabCtl .select-all input[type='checkbox']:checked + label:before{background-position:center bottom;}
#contents.lb_contents .tabCtl .btn_bookmark{margin-top:5px;margin-right:25px;}
#contents.lb_contents .tabCtl #searchSelect{float:right; width:182px; height:43px; padding:0 30px 0 12px; border:1px solid #aaaaaa; border-radius:5px; font-size:16px; color:#393d49; font-weight:400; appearance: none; font-family: 'Noto Sans KR', sans-serif; background:url('/images/renew/btn/arr_select.png') no-repeat right 14px center;}
#contents.lb_contents .tabCtl #searchSelect::-ms-expand {display: none;}
#contents.lb_contents .tabCtl #searchSelect:visited, #contents.lb_contents .tabCtl #searchSelect:focus, #contents.lb_contents .tabCtl #searchSelect:active{outline:none;}

#contents.lb_contents .tabCnt .data_list{width:100%; padding:0;}
#contents.lb_contents .tabCnt .data_list ul{width:100%; margin:15px 0 0;}
#contents.lb_contents .tabCnt .data_list ul li{width:224px; height:auto; margin-right:20px;z-index: 0;}
#contents.lb_contents .tabCnt .data_list ul li:hover {z-index: 1;}
#contents.lb_contents .tabCnt .data_list ul li:nth-child(5n){margin-right:0;}
#contents.lb_contents .tabCnt .data_list ul li:nth-child(5n)~li{margin-top:15px;}
#contents.lb_contents .data_list.data_list2020 ul li .data_cont{height:224px;}
#contents.lb_contents .data_list.data_list2020 ul li .data_cont .img {height:100%; border:1px solid #d6dce7; border-radius:15px;}
#contents.lb_contents .data_list.data_list2020 ul li .data_cont:hover .img {-webkit-transition:all 0.8s ease;  transition:all 0.8s ease;}
#contents.lb_contents .data_list.data_list2020 ul li .data_cont .hover_box {position: relative;  top: 0;  left: 0; z-index:100; width:100%; height: 100%; opacity: 1;}
#contents.lb_contents .data_list.data_list2020 ul li .data_cont .hidden_hover_box {position: absolute;top: 0; left: 0;z-index:100;width:100%;height: 100%;text-align: center; opacity: 0;}
#contents.lb_contents .data_list.data_list2020 ul li .data_cont:hover .hidden_hover_box {width: 100%; height: 100%; cursor: pointer; background: rgba(77, 140, 240, 0.8); opacity: 1;overflow: hidden; border:4px solid #2572ec; border-radius: 15px;}
/*#contents.lb_contents .data_list.data_list2020 ul li .data_cont .hidden_hover_box .d_cont{bottom:unset; top:50%; transform:translateY(-50%);}*/
#contents.lb_contents .data_list.data_list2020 ul li .data_cont .hidden_hover_box .d_cont a{width:auto; height:auto; text-align: center; border-radius: 0;}
#contents.lb_contents .data_list.data_list2020 ul li .data_cont .hidden_hover_box .d_cont a .w45 {width: 45px;height: auto;position: relative;float: left;  font-size: 12px; color:#393e4a; font-weight: 700;}
#contents.lb_contents .data_list.data_list2020 ul li .data_cont .hidden_hover_box .d_cont a:hover .w45 {color: #fff; }
#contents.lb_contents .data_list.data_list2020 ul li .data_cont .hidden_hover_box .d_cont a .ico{margin:0 auto;}
#contents.lb_contents .data_list.data_list2020 ul li .data_cont .hidden_hover_box .d_cont a .ico.plus {background: url('/images/renew/ico/icon_plus.png')no-repeat center; width: 36px; height: 36px;  border: 1px solid #3c4456; border-radius: 20px; box-sizing: border-box;}
#contents.lb_contents .data_list.data_list2020 ul li .data_cont .hidden_hover_box .d_cont a:hover .ico.plus {background:#fff url('/images/renew/ico/icon_plus_on.png')no-repeat center; border:none;}
#contents.lb_contents .data_list.data_list2020 ul li .data_cont .hidden_hover_box .d_cont a .ico.down{background: url('/images/renew/btn/down_icon.png')no-repeat center;width: 36px; height: 36px; border: 1px solid #3c4456; border-radius: 20px; box-sizing: border-box;}
#contents.lb_contents .data_list.data_list2020 ul li .data_cont .hidden_hover_box .d_cont a:hover .ico.down{background:#fff url('/images/renew/btn/down_icon_on.png')no-repeat center; border:none;}
#contents.lb_contents .data_list.data_list2020 ul li .data_cont .hidden_hover_box .d_cont a .ico.preveal {background:url("/images/renew/btn/search_icon.png")no-repeat center;width: 36px; height: 36px; border-radius: 20px; border: 1px solid #3c4456;  box-sizing: border-box;}
#contents.lb_contents .data_list.data_list2020 ul li .data_cont .hidden_hover_box .d_cont a:hover .ico.preveal {background:#fff url("/images/renew/btn/search_icon_on.png")no-repeat center; border:none;}
#contents.lb_contents .data_list.data_list2020 ul li .data_cont .hidden_hover_box .d_cont a .ico.icon_share {background:#fff url("/images/renew/ico/icon_share.png")no-repeat center;width: 36px; height: 36px; border-radius: 20px; border: none;  box-sizing: border-box;}
#contents.lb_contents .data_list.data_list2020 ul li .data_cont .hidden_hover_box .d_cont a:hover .ico.icon_share {background:#ff584e url("/images/renew/ico/icon_share_on.png")no-repeat center; border:none;}
#contents.lb_contents .data_list.data_list2020 ul li .data_cont .hidden_hover_box .d_cont a:nth-child(4) {margin-left: 0;}
#contents.lb_contents .data_list.data_list2020 ul li .data_cont .type {position:absolute; top:unset; bottom:20px;right:20px;z-index:2}
#contents.lb_contents .data_list.data_list2020 ul li p.chk_cont {width:100%;margin:14px 0 0; position: relative; float: left; display: block !important;}
#contents.lb_contents .data_list.data_list2020 ul li p.chk_cont .chk_box.type02{width:100%;margin-left:0;}
#contents.lb_contents .data_list.data_list2020 ul li p.chk_cont .chk_box input{display:none;}
#contents.lb_contents .data_list.data_list2020 ul li p.chk_cont .chk_box input[type=checkbox] + label {width:100%;padding-left:34px; line-height:23px; max-height:46px; font-size:16px; color:#2d3646; font-weight:400; font-family: 'Noto Sans KR', sans-serif;}
#contents.lb_contents .data_list.data_list2020 ul li p.chk_cont .chk_box input[type=checkbox] + label:before{top:0; width:23px; height:23px; background:url('/images/renew/btn/checkbox2.png') no-repeat center top;}
#contents.lb_contents .data_list.data_list2020 ul li p.chk_cont .chk_box input[type=checkbox]:checked + label:before{background-position: center bottom;}
#contents.lb_contents .data_list.data_list2020 .hidden_hover_box .ico p{color:#393e4a;}
#contents.lb_contents .data_list.data_list2020 .hidden_hover_box .ico:hover{color:#fff;}

.form_keyword{background:#eff1f7; border-top:1px solid #b8c3d6;}
.form_keyword h4{width:1200px; margin:25px auto 0; font-size:26px; color:#424a58; font-weight:600; letter-spacing: -0.08em; line-height:1;}
.form_keyword ul{display:flex;width:1200px; margin:0 auto 0; padding:25px 0;}
.form_keyword ul li{margin-right:5px;}
.form_keyword ul li a{display:block; height:42px; padding:0 30px; border-radius:10px; line-height:40px; border:1px solid #b8c3d6; background:#fff; font-size:16px; color:#5f626a; font-weight:500;}
.form_keyword ul li a:hover{text-decoration: none;}
.form_keyword ul li a.on{background:#4687ef; border-color:#4687ef; color:#fff;}
.lb_contents .classWrap .txt{margin-top:50px;}
.lb_contents .classWrap .txt .tblTit span{color: #4083ee; font-weight:400;}

.lb_contents .tbl_list_wrap{margin-top:20px;}
.lb_contents .classList tr td:first-child{padding:0 20px;}
.lb_contents .classList tr td input[type='checkbox']{display:none;}
.lb_contents .classList tr td input[type='checkbox'] + label{position:relative;display:inline-block;padding-left:32px;margin-right:25px; font-size:16px; color:#424a58; font-weight:400; line-height:23px; cursor: pointer;}
.lb_contents .classList tr td input[type='checkbox'] + label:before{content:''; position:absolute; left:0; top:0; width:23px; height:23px; background:url('/images/renew/btn/checkbox2.png') no-repeat center top;}
.lb_contents .classList tr td input[type='checkbox']:checked + label{color:#4d8cf0;}
.lb_contents .classList tr td input[type='checkbox']:checked + label:before{background-position:center bottom;}
.lb_contents .classList tr td.title a{position:relative; display:block; padding:0 150px 0 54px; font-weight:400; color:#818181;}
.lb_contents .classList tr td.title a img{position:absolute;left:0; top:50%; transform:translateY(-50%);}
.lb_contents .classList tr td.title a p{font-size:16px; color:#474e62; font-weight:500;}
.lb_contents .classList tr:hover td{background:#f4f4f4;}
.lb_contents .classList tr td.title a:hover{text-decoration: none;}
.lb_contents .classList tr td.title a:hover p{color:#f75442; text-decoration: underline;}

.replyWrap .cmList {border-top: 1px solid #606576;}
.replyWrap .cmList .cmContents{position:relative;padding:16px 0 20px;}
.replyWrap .cmList li .info{position:static;height:40px;}
.replyWrap .cmList li .info .btnBox{top:30px;}
.replyWrap .cmList li .comment{font-size:15px;margin-top:0;line-height:22px;}
.replyWrap .cmList li .comment .del_comment{color:#c7c7c7;}
.replyWrap .cmList li .cm_btnBox{margin-top:5px;}
.replyWrap .cmList li .cm_btnBox .reply_write{display:inline-block; float:none;margin-top:0; padding:0 26px 0 6px; line-height:24px;}
.replyWrap .cmList li span.date {display: inline-block;margin-right:10px; font-size: 14px;color:#a3a3a3;line-height:26px;}
.replyWrap .cmList li.reply{padding:0 30px;}
.replyWrap .cmList li.reply .cmContents{padding:14px 0 15px 18px;}
.replyWrap .cmList li .cmContents.sam{position:relative; padding-left:63px;}
.replyWrap .cmList li .cmContents.sam .info span.userID{position:relative;}
.replyWrap .cmList li .cmContents.sam .info span.userID .character{position:absolute;left:-48px;top:0;}
.replyWrap .cmList li .cmContents.sam .info span.userID:before{display:none;}
.cmList li .reply_wrap .info span.userID{line-height:24px;}
.cmList li .reply_wrap .info span.userID:before{top:6px;left:-18px;width:9px; height:9px; background-image: url('../images/common/reply_arrow3.png');}
.cmList li .reply_wrap .cmContents.sam:before{content:'';position:absolute;top:20px;left:0;width:9px; height:9px; background: url('../images/common/reply_arrow3.png') center center no-repeat;}

/* IE 종료 하단 띠 배너 */
.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('../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('../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('../images/common/bnr_ieEnd_close.png') no-repeat center center; vertical-align: top;}

/*2022.09.30 교과서 자료실 고도화*/
.tab_educourse.tab_educourse2020 {border:1px solid #c3cee1;}
.tab_educourse.tab_educourse2020 li {border-right:1px solid #c3cee1;}
.tab_educourse.tab_educourse2020 li a{background:#e6ebf4; color:#3a3e4a; box-sizing:border-box; font-size:15px;}
.tab_educourse.tab_educourse2020 li:hover a {background:#fff; color:#4083ee;}
.tab_educourse.tab_educourse2020 li a span, .tab_educourse.tab_educourse2020 li.on:hover a span {color:#ff6019; font-size:15px;}
.tab_educourse.tab_educourse2020 li.on a span {color:#6ee2ff;}

.sub_conts2020 .tab_second { width:100%; padding-bottom:8px; border-bottom:1px solid #e6e6e6; background:#fff;}
.sub_conts2020 .tab_second ul {padding-top:15px; overflow:hidden;}
.sub_conts2020 .tab_second ul li {display:inline-block; position:relative; margin-right:5px; margin-bottom:7px; float:left; cursor:pointer;}
.sub_conts2020 .tab_second ul li input[type="checkbox"] {display:none;}
.sub_conts2020 .tab_second ul li input[type="checkbox"] + label {display:block; padding:10px 15px; font-size:14px; color:#7d7d7d;  background:#f1f1f1;   border-radius:17px; border:1px solid #cdcdcd; letter-spacing:-0.06em; line-height:1; font-weight:400;}
.sub_conts2020 .tab_second ul li:hover input[type="checkbox"] + label {background:#fff; border:1px solid #f75442; color:#f75442;  cursor:pointer;}
.sub_conts2020 .tab_second ul li input[type="checkbox"]:checked + label {border:1px solid #f5696c; background:#f5696c; color:#fff;}
.sub_conts2020 .tab_second ul li input[type="checkbox"] + label:before {display:none;}
.sub_conts2020 .tab_second ul li.new:after {content:""; display:inline-block; position:absolute; right:0; top: -4px; width:17px; height:16px; background:url('../images/common/ico_new.png')no-repeat center; background-size:100% auto; clear:both;}
/*유형분류2 앵커처리*/
.sub_conts2020 .tab_second.fix {position:fixed; left:1px; top:49px; padding-left:641px; padding-right:350px; box-sizing:border-box; z-index:54;}
[class^="cont_educourse"] .group {padding-top:0;}
[class^="cont_educourse"] .table_option_wrap .btns {top:75%;}

.ui-select-parent.textbook#textbook_align {width:auto;}
.textbook#textbook_align .select2-container .select2-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; font-size:14px; 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('../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 .select2-selection__rendered {background:none !important; color:#53596b !important;}


.lnb_textbook {border-bottom:3px solid #393d49;}
#contents #lnb .menu_new .textbook {line-height:38px; border-bottom:1px solid #e6e6e6; font-size:14px; color:#53596b;}
#contents #lnb .menu_new .textbook li {line-height:20px;}
#contents #lnb .menu_new .textbook:last-child {border-bottom:0;}
#contents #lnb .menu_new > ul {border-bottom:0;}
#contents #lnb .menu_new li.lnb_textbook {padding:0; margin-bottom:18px;}
#contents #lnb .menu_new li.lnb_textbook>ul { padding:0; }
#contents #lnb .menu_new > ul > li:not(.lnb_textbook) { margin-bottom:5px;}
#contents #lnb .menu_new > ul > li:last-child:not(.lnb_textbook) { margin-bottom:0; }
#contents #lnb .menu_new > ul > li:not(.lnb_textbook) > a {position:relative; height:50px; padding-left:18px; font-size:15px; line-height:50px; border:1px solid #b5ddef; border-radius:10px 24px 24px 10px; background:#cfeaf6; color:#3f4450;}
#contents #lnb .menu_new > ul > li:not(.lnb_textbook) > a:after {content:" "; display:block; position:absolute; right:17px; top:50%; width:6px; height:12px;  background:url('../images/renew/btn/arr_book_hover3.png')no-repeat center; transform:translateY(-50%);}
#contents #lnb .menu_new > ul > li:not(.lnb_textbook):hover > a,
#contents #lnb .menu_new > ul > li:not(.lnb_textbook) > a.on{border:1px solid #2c75ea;background:#4d8bef; color:#fff;}
#contents #lnb .menu_new > ul > li:not(.lnb_textbook):hover > a:after,
#contents #lnb .menu_new > ul > li:not(.lnb_textbook) > a.on:after{background:url('../images/renew/btn/arr_book_hover4.png')no-repeat center;}
#contents #lnb .menu_new > ul > li .textbook {position:relative; padding:0;}
#contents #lnb .menu_new > ul > li .textbook.on {padding:0; border-bottom:1px solid #f85f4f;}
#contents #lnb .menu_new > ul > li .textbook.on a {text-decoration-color :#f85f4f; text-decoration:none;}
#contents #lnb .menu_new > ul > li > ul > li.textbook > a:after {display:none;}
#lnb span.list-number {width:14px; margin-left:0; padding-right:0; text-align:left;}
#contents #lnb .menu_new > ul > li > ul > li.textbook > a i {position:absolute; display:inline-block; width:23px; height:23px; top:50%; right:-3px; transform:translateY(-50%); background: url('../images/renew/btn/pop_book_hover1.png')no-repeat center; z-index:1; }
#contents #lnb .menu_new > ul > li > ul > li.textbook.on > a i {background:url('../images/renew/btn/pop_book_hover2.png')no-repeat center;}
#contents #lnb .menu_new > ul > li > ul > li.textbook:hover > a i {width:23px; height:23px; background: url('../images/renew/btn/pop_book_hover2.png')no-repeat center;}

/*#contents #lnb .menu_new > ul > li.lnb_textbook > ul > li:hover {border-bottom:1px solid #f85f4f;}*/
#contents #lnb .menu_new > ul > li.lnb_textbook > ul > li:last-child:hover {border-bottom: 0;}
#contents #lnb .menu_new > ul > li.lnb_textbook > ul > li:hover > a {color:#f85f4f !important; text-decoration:none;}
#contents #lnb .menu_new > ul > li > ul > li:hover > a .list-number,
#contents #lnb .menu_new > ul > li > ul > li:hover > a .list-text,
#contents #lnb .menu_new > ul > li > ul > li.textbook.on > a .list-number,
#contents #lnb .menu_new > ul > li > ul > li.textbook.on > a .list-text {font-size: 15px; font-weight: 600; color:#f85f4f !important; }

#contents #lnb .menu_new > ul > li .textbook > ul {display:none; position:absolute; left:unset; bottom:unset; top:-7px; right:-220px; width:100%; padding:23px 25px; margin-top:0px; border:1px solid #393d49; border-radius:10px; background:#f8fbff; box-sizing:border-box; box-shadow: 4px 4px 0px rgba(203, 203, 203, 0.54);  z-index:105; }
#contents #lnb .menu_new > ul > li .textbook > ul i {content:""; display:inline-block;position: absolute; top:16px; left:-11px; width:21px; height:21px; background: url('../images/renew/btn/ic_sub_depth.png')no-repeat center; background-size:100%;}
#contents #lnb .menu_new > ul > li > ul > li.textbook ul li a {display:inline-block; position:relative; min-height:auto; text-decoration:none;}
/*#contents #lnb .menu_new > ul > li > ul > li.textbook ul li:hover a:after,*/
/*#contents #lnb .menu_new > ul > li > ul > li.textbook ul li.on a:after{content:""; display:inline-block; position:absolute; left:0; bottom:-3px; width:100%; height:1px; background:#f85f4f;}#contents #lnb .menu_new > ul > li > ul > li.textbook ul li p.list-text {position: relative; padding-left:0; color:#666666; }*/
#contents #lnb .menu_new > ul > li > ul > li.textbook ul li p .list-number { color:#666666; }
#contents #lnb .menu_new > ul > li > ul > li.textbook ul li:hover p.list-text { color:#f85f4f; }
/*#contents #lnb .menu_new > ul > li > ul > li.textbook ul li:hover p .list-number { color:#f85f4f; }*/



#contents #lnb  .banner {flex:unset; height:auto; padding:0; margin-top:30px; border:1px solid #dfdfdf; border-radius:15px; overflow:hidden;}
#contents #lnb  .banner h3 {padding-left:22px; font-size:15px; font-weight:500; line-height:25px; border-bottom:1px solid #d2dde7; color:#393d49; background:#e9e9e9;}
#contents #lnb  .banner .banner_wrap{height:auto; padding:0; margin-top:0; background:#fff; border-top:0;}
#contents #lnb .banner > a {margin-bottom:0;}
.bottom_banner {display:block; margin-top:10px;}
#contents #lnb #lnbBannerList {border:0;}
#contents #lnb  .banner > a {position:relative; padding-left:54px; border-bottom:1px solid #f2f2f2; color:#53596b; text-decoration:none;}
#contents #lnb  .banner > a p {display:flex; align-items:center; height:50px; color:#53596b; font-size: 14px;line-height:1.2;}
#contents #lnb  .banner > a img {position:absolute; left:13px; top:50%; width:36px; height:36px; transform:translateY(-50%);}
#contents #lnb .btn_request {position:relative; margin-bottom:0; padding-left:54px;}
#contents #lnb .btn_request a { margin-bottom:0; border-bottom:1px solid #f2f2f2; color:#53596b; text-decoration:none;}
#contents #lnb .btn_request a img {position:absolute; left:13px; top:50%; width:36px; height:36px; transform:translateY(-50%);}
#contents #lnb .btn_request a p {display:flex; align-items:center; height:50px; color:#53596b;}
#lnb span.list-number { width: auto; padding-right: 4px;}
#contents #lnb .banner_prom {width:100%;}
#contents #lnb .banner_prom a {display:block; margin-top:10px; overflow:hidden;}
#contents #lnb .banner_prom img {display:block; width:100%; }
#contents #lnb .banner_prom p {display:none;}

#contents #lnb .bnr_direct {width:100%;}
#contents #lnb .bnr_direct a {display:block; margin-top:10px; overflow:hidden;}
#contents #lnb .bnr_direct img {display:block; width:100%; }

.speical_gubun {height:auto; background:none; border-radius:0;}
.speical_gubun .speical_tab {width:100%; height:60px; background:#e6ebf4; border:1px solid #c3cee1; border-radius:10px;}
/*.speical_gubun .speical_tab span {width: auto;padding: 0 29px;height: 40px;background: #e9f5f9;border-right: 1px solid #c6cbd4;}*/
.speical_gubun .tab_educourse.tab_educourse2020.type03 {display:block; position:static; padding-bottom:8px; padding-top:15px; border:0; border-radius:0; border-bottom:1px solid #e6e6e6;}
.speical_gubun .tab_educourse.tab_educourse2020.type03.fix {position:fixed; left:1px; top:49px; width:100%; padding-left:641px; padding-right:350px; background:#fff;border-bottom:1px solid #e6e6e6; box-sizing:border-box;}
.speical_gubun .tab_educourse.tab_educourse2020.type03 li {display: inline-block; position: relative; margin-right: 5px; margin-bottom: 7px; width:auto; height:auto; border-right:0;}
.speical_gubun .tab_educourse.tab_educourse2020 li a {display:block; padding:10px 15px; font-size:14px; color:#7d7d7d;  background:#f1f1f1;   border-radius:17px; border:1px solid #cdcdcd; letter-spacing:-0.06em; line-height:1; font-weight:400;}
.speical_gubun .tab_educourse.tab_educourse2020 li.on a{border: 1px solid #f5696c; background: #f5696c; color: #fff;}
.speical_tab span {display:table-cell; padding-left:20px; text-align:center; vertical-align:middle; line-height:60px; font-size:15px; font-weight:600; color:#3a3e4a;}
.speical_tab span em {display:inline-block; margin-left:2px; font-size:15px; font-weight:400; color:#f36455;}
.speical_gubun ul li.new:after {content:""; display:inline-block; position:absolute; right:0; top: -4px; width:17px; height:16px; background:url('../images/common/ico_new.png')no-repeat center; background-size:100% auto; clear:both;}
[class^="cont_educourse"] .table_option_wrap {padding-top:50px;}


/*8, 9월 오류수정 고도화*/
.pop_basic.login .popup_body .chk_box.type02 label:before{content: ""; position: absolute; top: 50%; left: 0; width: 16px; height: 16px; margin-top: -8px; background: url('/images/renew/btn/ico_chk.png') no-repeat center; background-size: 100% auto; }
.pop_basic.login .popup_body .chk_box input[type="checkbox"]:checked + label::before{background:url('/images/renew/btn/ico_chk_on.png') no-repeat center; background-size: 100% auto;}


/* 20230203 초등 1학기 개편 */
#header .top_common {position: relative; height: 35px; background: #f7f7f7; border: 0; }
#header .top_common .left_module {height: auto; line-height: 35px; }
#header .top_common .left_module a,
#header .top_common .left_module span { padding: 0 11px; margin-left: 3px; font-size: 12px; color: #838383; vertical-align:top;}
#header .top_common .left_module a:nth-of-type(1){ padding: 0 18px; margin-left: 0;}
#header .top_common .left_module a:after,
#header .top_common .left_module span:after{content: ""; display: inline-block; position: absolute; left: -2px; top: 50%; transform: translateY(-50%); width: 2px; height: 2px; background: #838383; border-radius: 50%;}
#header .top_common .left_module a:nth-of-type(1):after{display: none;}
#header .top_common .left_module a:hover,
#header .top_common .left_module span:hover{color:#f5802c;}
#header .top_common .left_module a.on,
#header .top_common .left_module span.on{font-weight: 500; color: #3a3e4a; background: #ffd781; border: 0;}
#header .top_common .left_module a:hover:before, #header .top_common .left_module a.on:before ,
#header .top_common .left_module span:hover:before, #header .top_common .left_module span.on:before{display: none;}
#header .top_common .right_module a {padding: 0 11px; color: #838383;}
#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: #838383; 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.on{font-weight: 500; color: #3a3e4a; background: #ffd781;}
#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;}

/*공모전 수상작 개편*/
.conts_awards .desc-page {height: auto; margin-bottom: 22px;}
.conts_awards .btnLinkCreative {position: absolute; right: 0; bottom: -70px;padding: 10px 52px 10px 14px;font-size: 13px;font-weight: 500;color: #3c7cbe;line-height: 16px;letter-spacing: -0.04em;background: #b2ecff url('/images/opendata/steam/awards_arr.png')no-repeat right 15px center;border: 1px solid #aae6f4;border-radius: 3px; text-decoration: none; z-index: 10; }
.conts_awards .cl_ma_keyword_tit {font-size: 20px;color: #467af1;font-weight: bold;}
.conts_awards .cl_ma_tab {background-color: #edf2f6;border: 1px solid #d5dee6;border-radius: 10px;display: flex;align-items: center; padding: 15px;flex-wrap: wrap;}
.conts_awards .cl_ma_tab li {padding-right: 24px;line-height: 1.7;}
.conts_awards .cl_ma_tab li:last-child {padding-right: 0;}
.conts_awards .cl_ma_tab li.on a,.cl_ma_tab li a:hover, .tblist.cl_ma_table tbody td a:hover {color: #ff7031;text-decoration: underline;}
.conts_awards .cl_ma_tab a {font-size: 15px;}
.conts_awards .cl_ma_keyword_tit {position: relative; padding-left: 33px;}
.conts_awards .cl_ma_keyword_tit:before {content: ""; display: inline-block; position: absolute; left:0; top: 2px;  width: 23px; height: 24px; background: url('/images/opendata/steam/ic_keyword.png')no-repeat center; }
.conts_awards .cl_ma_tab {padding: 15px 0 15px 0;}
.conts_awards .cl_ma_tab li {position: relative; padding-right: 0; padding-left: 30px;}
.conts_awards .cl_ma_tab input[type="checkbox"] {display: none;}
.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_awards .cl_ma_tab input[type="checkbox"]:checked + label,
.conts_awards .cl_ma_tab input[type="checkbox"] + label:hover {color: #ff7031;}
.conts_awards .cl_ma_tab input[type="checkbox"] + label:before {content: "#"; position:static; width: auto; height: auto; margin-top: 0; background: none;}
.conts_awards .cl_ma_tab input[type="checkbox"]:checked + label:after,
.conts_awards .cl_ma_tab input[type="checkbox"] + label:hover:after {content: ""; display: inline-block; position: absolute; right: 0; bottom: 1px;  width: calc(100% - 38px); height: 1px; background: #ff7031;}
.conts_awards .txt.total {display: none;}
.conts_awards .tr_list {border-top: none;}

.conts_awards .nodata_awards {display: none; width: 281px; margin: 100px auto 0;}
.conts_awards .nodata_awards.active {display: block;}
.conts_awards .nodata_awards .nodata_img {width: 100%; height: 159px; background: url('/images/opendata/steam/awards_nodata.png')no-repeat center;}
.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_awards .nodata_awards p span {font-size: 16px; font-weight: 500; color: #ff7031; line-height: inherit;}
.conts_awards .nodata_awards p span:before {content: "#";}

.detail_jaewoo .travelDetail .box.samTip .character {width: 66px; height: 66px;}
.detail_jaewoo .classList tr td.article {padding-bottom: 46px; border-bottom: 1px solid #ddd;}
.detail_jaewoo .detail_conts {margin-top: 40px;}
.detail_jaewoo .detail_conts .subTxt_wrap {padding-top: 0;}


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

#header .top_common .left_module span.module_samquiz {position: relative; padding-right: 24px; background: url(/images/common/icon/ico_samquiz_arr.png)no-repeat right 11px top 16px;}
#header .top_common .left_module span.module_samquiz:hover {cursor: pointer;}
#header .top_common .module_samquiz ul {display: none; position: absolute; border: 1px solid #b9b9b9; border-radius: 5px; overflow: hidden;}
#header .top_common .module_samquiz:hover ul {display: block;}
#header .top_common .module_samquiz ul li {height: 20px;}
#header .top_common .module_samquiz ul li:first-child { border-bottom: 1px solid #b9b9b9;}
#header .top_common .module_samquiz ul li a {display: inline-block; width: 50px; padding: 0 !important; font-size: 12px; font-weight: 400; color: #838383; letter-spacing: -0.04em; line-height: 20px; text-align: center; }
#header .top_common .module_samquiz ul li a:after {display: none;}
#header .top_common .module_samquiz ul li:hover a {background: #4f98f5; color: #fff;}

#header #top {height: 70px; z-index: 1001;}
#header #top h1 {position: unset;}
#header #top h1 a {width: 130px; height: 34px; background:  url('/images/renew/logo_vivasam2.png') no-repeat 0 0;}
#header #top .inner_top {display: flex; justify-content: center; position: relative; align-items: center; gap: 12px; margin-top: 42px;z-index: 999;}
#header #top .headerBannerWrap{position:absolute;top:0;left:0;z-index:999;}
/* 2024-06-24 ai수업체험관 배너 추가 */
#header #top .headerBannerWrap .randomBanner.ai-banner {position: relative; top:-20px; height: 72px;}
#header #top .headerBannerWrap .ai-banner a { display: flex; align-items: center; width: 100%; height: 100%;}
#header #top .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 .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);
    }
}
#header #top .headerBanner{text-decoration:none;display:flex;flex-direction:column;justify-content:center;box-sizing:border-box;width:293px;height:65px;padding-left:80px;background:url(../images/main/bg_banner_241202.png) 0 0 no-repeat #ecf3ff;/*border:1px solid #8698ca;*/border-radius:8px;font-size:14px;font-weight:400;color:#445e87;letter-spacing:-0.05em;/*box-shadow:0 4px 0 #e9f0f7;*/}
#header #top .headerBanner strong{font:inherit;font-weight:600;letter-spacing:inherit;}
#header .search_wrap {position: relative;  top: unset; left: unset; margin: 0; background: #ebf5fa; border: 2px solid #d0e5ef;  z-index: 101;}
#header .search_form {padding:  8px 45px 8px 16px;}
#header .search_form .btn_search {right: 6px;  transform: translateY(-50%); width: 35px; height: 22px; margin: 0; background:  url('/images/renew/bg_header2.png') no-repeat center;}
#header .issuekeyword {left: 20px; top: 13px; }
#header .issuekeyword ul li a {display: inline-block; }
#header .issuekeyword ul li a b {font-size: 13px; font-weight: 600; color: #4f98f5;}
#header .issuekeyword ul li a span { flex: 1; font-size: 13px; color: #434753; white-space: nowrap;text-overflow: ellipsis;overflow: hidden; }
#header .search_layer {top: 42px;}

#gnb{position: relative; height: 64px; border-top: 0; z-index: 1000;}
#gnb .gnb {position: relative;}
#gnb .gnb:before {content: ""; display: inline-block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 2px; height: 15px; background: url(/images/common/icon/ico_gnbDashed.png)no-repeat center;}
#gnb .gnb_wrap {display: flex; justify-content: center; position: relative; width: 1200px; margin: 0 auto;}
#gnb .gnb_subject {display: flex; align-items: center; height: 64px; }
#gnb .gnb_subject > a {position: absolute; left: 0; top: 50%; transform: translateY(-50%); font-size: 14px; font-weight: 400; line-height: 60px;}
#gnb .gnb_subject .gnb_subject_wrap {position: relative;}
#gnb .gnb_subject .gnb_subject_wrap a {display: inline-block; margin-right: 20px;}
#gnb .gnb_subject .gnb_subject_wrap a:not('#setting'):last-child {margin-right: 0;}
#gnb ul.gnb {padding: 0; margin: 0;}
#gnb ul.gnb li,
#gnb ul.gnb_aside li {position: relative; margin: 0 17px;}
#gnb ul.gnb li:first-child {margin-left: 30px; }
#gnb ul.gnb li:nth-of-type(1) {width: 67.5px; }
#gnb ul.gnb li:nth-of-type(2) {width: 63px;}
#gnb ul.gnb li:nth-of-type(3) {width: 63px;}
#gnb ul.gnb li:nth-of-type(4) {width: 115px;}
#gnb ul.gnb li:nth-of-type(5) {width: 115px;}
#gnb ul.gnb li:nth-of-type(6) {width: 79px;}
#gnb ul.gnb li:nth-of-type(7) {width: 54px; text-align: right;}
#gnb ul.gnb li:nth-of-type(8) {width: 90px; text-align: right;}
#gnb ul.gnb li a,
#gnb ul.gnb_aside li a  {padding: 23px 0; font-size: 18px; font-weight: 600; color: #28292a; letter-spacing: -0.045em;}
#gnb ul.gnb li a:hover::before,
#gnb ul.gnb li.on a::before {content: ""; display: inline-block; position: absolute; left: 0; bottom: 0; top: unset; right: unset; width: 100%; height: 2px; margin: 0; background: #4083ed;}
#gnb ul.gnb li a::after{ content: attr(title); display: block; font-weight: bold; height: 0px; visibility: hidden;}
#gnb ul.gnb li:nth-of-type(7) a {cursor: pointer;}
#gnb ul.gnb li:nth-of-type(7) a img {width: 54px;}
#gnb ul.gnb li:nth-of-type(7) a:hover:before {display: none;}
#gnb ul.gnb li:nth-of-type(8) a {cursor: pointer;}
#gnb ul.gnb li:nth-of-type(8) a img {width: 90px;}
#gnb ul.gnb li:nth-of-type(8) a:hover:before {display: none;}

#gnb .gnb_subject .gnb_subject_wrap #setting {display:  inline-block; width: 23px; height: 23px; background: url(/images/common/icon/ico_setting.png)no-repeat center; vertical-align: text-bottom;}

#gnb .setTextbook {display: block; width: 100%; background: #f6f6f6; overflow: visible; z-index: 100;}
#gnb .gnb_depth .menu.setTextbook .inner {width: 1200px; padding: 25px 147px 0; margin: 0 auto; overflow: visible;}
#gnb .gnb_depth .menu .inner .menu_list {padding: 20px 20px 20px 150px;}
#gnb .setTextbook .inner .top {display: flex; justify-content: space-between; align-items: center; padding-bottom: 13px; border-bottom: 1px solid #dddddd;}
#gnb .setTextbook .inner .top .tit {font-size: 15px; font-weight: 500; color: #28292a; letter-spacing: -0.06em;}
#gnb .setTextbook .inner .top .tit span {display: inline-block; position: relative; padding-right: 21px; font-size: inherit; font-weight: inherit; color: #4083ee; letter-spacing: inherit; }
#gnb .setTextbook .inner .top .tit span:after {content: ""; display: inline-block; position: absolute; right: 9px; top: 0; width: 1px; height: 100%; background: #bcbcbc}
#gnb .setTextbook .inner .top .btn_setting {display: inline-block; padding: 0 27px 0 15px;  font-size: 12px; font-weight: 400; color: #404040; line-height: 23px; letter-spacing: -0.06em; text-decoration: none; background: #fff url(/images/common/icon/ico_popSetting.png)no-repeat right 8px center; border: 1px solid #8d8d8d; border-radius: 13px;}
#gnb .setTextbook .inner .top .btn_setting.on {color: #fff; background: #f65e7a url(/images/common/icon/ico_popSetting_on.png)no-repeat right 8px center; border-color: #f34969;}

#gnb .setTextbook .inner .data_textbook_list {display: flex; flex-wrap: wrap; gap: 18px 0; padding-top: 18px; overflow: hidden;}
#gnb .setTextbook .inner .data_textbook_list li {position: relative; padding-left: 25px; margin-right: 29px;}
#gnb .setTextbook .inner .data_textbook_list li:after {content: ""; display: inline-block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 3px; height: 3px; background: #b3b3b3; border-radius: 50%; }
#gnb .setTextbook .inner .data_textbook_list li:first-child {padding-left: 0;}
#gnb .setTextbook .inner .data_textbook_list li:first-child:after {display: none;}
#gnb .setTextbook .inner .data_textbook_list li a {font-size: 15px; font-weight: 400; color: #393d49; letter-spacing: -0.045em; }
#gnb .setTextbook .inner .data_textbook_list li a:hover {color: #f75442; text-decoration: underline;}
#gnb .setTextbook .inner .data_textbook_list li.y15 .book_link .thumb_wrap img {width: 85px; margin-left: -5px;}

#gnb .setTextbook.setting_active .subject_data{display: none;}
.subject_list {display: none; position: fixed; left: 50%; transform: translateX(-50%); width: 508px; margin: 0 auto; border: 1px solid #797979; border-radius: 15px; background: #fff; z-index: 9501;}
.subject_list.on {display: block;}
.subject_list .list_inner {width: 100%; padding: 24px 25px; border: 4px solid #eeeeee; border-radius: 15px; overflow: visible; box-sizing: border-box;}
.subject_list .list_inner h3 {margin-bottom: 9px; font-family: 'ONE-Mobile-Title', "Noto Sans KR", sans-serif; font-size: 16px; font-weight: 400; color: #292f38; line-height: 1; letter-spacing: -0.025em; }
.subject_list .list_inner table {width: 100%; border-collapse: separate; border: 2px solid #3d444f; border-radius: 8px; overflow: hidden;}
.subject_list .list_inner table td { background: #eef4f7; border-right: 1px solid #dddddd; border-bottom: 1px solid #ddd;}
.subject_list .list_inner table td input[type="checkbox"] {display: none;}
.subject_list .list_inner table td input[type="checkbox"] + label {display: block; padding: 10px 0; font-size: 14px; font-weight: 400; color: #28292a; text-align: center; cursor: pointer;}
.subject_list .list_inner table td input[type="checkbox"]:checked + label {font-weight: 500; color: #fff; background: #4f98f5; }
.subject_list .list_inner table + p {margin-top: 7px; font-size: 13px; font-weight: 400; color: #292f38; letter-spacing: -0.045em; text-align: center;}
.subject_list .list_inner table + p span {font-size: inherit; font-weight: 500; color: #ff584e; letter-spacing: inherit; }
.subject_list .list_inner table + p i {font-size: inherit; font-weight: 400; color: #929292; letter-spacing: inherit;}
.subject_list .list_inner .btn_wrap {margin-top: 25px;  text-align: center; }
a.btn_textbook_list {display: inline-block; padding: 0 34px; font-size: 16px; font-weight: 500; color: #7b7b7b; line-height: 36px; letter-spacing: -0.06em; background: #fff; border: 1px solid #cecece; border-radius: 5px;}
a.btn_textbook_list:hover {text-decoration: none;}
a.btn_textbook_list:hover:not('.c_b') {color: #7b7b7b;}
a.btn_textbook_list.c_b {color: #fff; background: #4083ed; border-color: #347ae9;}


.noti_textbook {position: absolute;  display: inline-block; padding: 5px 6px;  text-align: center; background: #fff3f5; border: 1px solid #f65e7a; border-radius: 5px; z-index: 10;}
.noti_textbook p {font-size: 11px; font-weight: 400; color: #e25f57; line-height: 1.2; letter-spacing: -0.045em;}
#gnb .noti_textbook { left: -53px; top: -28px; width: 138px;}
#gnb .noti_textbook:before {content: ""; position: absolute; right: 62px; bottom: -12px; display: inline-block; width: 16px; height: 12px;  background: url(/images/common/icon/ico_notiTextbook2.png)no-repeat center; }
.before_login .noti_textbook {left: 113px; top: 10px;}
.before_login .noti_textbook:before {content: ""; display: inline-block; position: absolute; right: 89px; bottom: -12px;  width: 16px; height: 12px; background: url(/images/common/icon/ico_notiTextbook2.png)no-repeat center; }
#gnb .gnb_subject .gnb_subject_wrap .link_textbook {display: inline-block; padding: 21px 0; margin-right: 16px; font-size: 22px; font-weight: 600; color: #ff584e; line-height: 1; letter-spacing: -0.045em; cursor: pointer;}
#gnb .gnb_subject .gnb_subject_wrap .link_textbook:last-child {margin-right: 30px;}
#gnb .gnb_subject .gnb_subject_wrap .link_textbook.second {position: relative; padding-left: 23px;}
#gnb .gnb_subject .gnb_subject_wrap .link_textbook.second:before {content: ""; display: inline-block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 6px; height: 6px; background: #dbdbdb; border-radius: 50%; }
#gnb .gnb_subject .gnb_subject_wrap .link_textbook:hover {text-decoration: none;}

#header.fix #gnb {height: 70px;  border-bottom: 1px solid #c5c5c5;}
#header.fix #gnb .gnb_depth {top: 70px;}
#header.fix #gnb .gnb_wrap {position: absolute; left: 50%; top: 0; justify-content: flex-start; align-items: center; width: auto; height: 100%; margin-left: -601px;}
#header.fix .logo {position: unset; width: 124px; height: 33px; margin: 0 82px 0 0; background: url(/images/common/logo_vivasam4.png)no-repeat center;  }
#header.fix .logo.mr_short {margin-right: 51px;}
#header.fix .gnb_subject_wrap .noti_textbook {display: none;}
#header.fix #gnb ul.gnb {position: relative; right: unset; width: auto; margin: 0; }
#header.fix #gnb ul.gnb li {margin: 0 17px;}
#header.fix #gnb ul.gnb li:first-child {margin-left: 30px;}
#header.fix #gnb ul.gnb li a {font-size: 18px;}
#header.fix #gnb ul.gnb li a:hover {font-weight: 600;}
#header.fix #gnb ul.gnb li a:hover::after {bottom: -10px;}


/*교과 자료실*/
.topDesc.top_desc2023 {height: 158px; padding: 19px 0; background: #e2ecf0; box-sizing: border-box;}
.topDesc.top_desc2023 .wrap-topDesc {display: flex; justify-content: space-between; height: auto;}
.topDesc.top_desc2023 .wrap-topDesc:after {display: none;}
.topDesc.top_desc2023 .wrap-topDesc .area-bookImg {display: inline-block; position: unset; width: 95px; height: 118px; margin-right: 25px; vertical-align: top;}
.topDesc.top_desc2023 .wrap-topDesc .area-bookImg.type2{ width: 144px;}
.topDesc.top_desc2023 .wrap-topDesc .area-bookImg a.book {display: inline-block; position: unset; width: 100%; height: 100%;  margin-right: 25px;  border: 1px solid #dce3e6; vertical-align: unset;}
.topDesc.top_desc2023 .wrap-topDesc .area-bookImg a.book img {box-shadow: 3px 4px 10px rgba(157, 156, 150, .7);}
.topDesc.top_desc2023 .wrap-topDesc .area-bookTit {display: inline-block; }
.topDesc.top_desc2023 .wrap-topDesc .area-desc {display: inline-block; }
.topDesc.top_desc2023.topDesc[class*="top_desc"] .wrap-topDesc .area-desc .navi.descLine-3 {position: unset; padding: 0; margin-top: 14px; font-family: "Noto Sans KR", sans-serif; line-height: unset;}
.topDesc.top_desc2023.topDesc[class*="top_desc"] .wrap-topDesc .area-desc .navi.descLine-3 .level { font-size: 16px; font-weight: 400; color: #28292a; line-height: 1; letter-spacing: -0.09em;}
.topDesc.top_desc2023.topDesc[class*="top_desc"] .wrap-topDesc .area-desc .navi.descLine-3 .level span.cla {display: inline-block; position: relative; left:  unset; right: unset; top: unset; bottom: unset; margin-right: 27px; font-size: inherit; font-weight: 600; color: #19aeec; letter-spacing: -0.045em;}
.topDesc.top_desc2023.topDesc[class*="top_desc"] .wrap-topDesc .area-desc .navi.descLine-3 .level span.cla:after {content: ""; display: inline-block; position: absolute; right: -13px; top: 50%; transform: translateY(-50%);  width: 1px; height: 14px; margin-top: 0; background: #a0b6bd; }
.topDesc.top_desc2023.topDesc[class*="top_desc"] .wrap-topDesc .area-desc .navi.descLine-3 .subject {margin: 8px 0 20px 0; font-size: 25px; font-weight: 600; color: #393d49; line-height: 1; letter-spacing: -0.055em; }

.topDesc.top_desc2023.topDesc[class*="top_desc"] .wrap-topDesc .onoff_wrap {display: flex; align-items: center; gap: 7px; position: unset;}
.topDesc.top_desc2023.topDesc[class*="top_desc"] .wrap-topDesc .onoff_wrap .switch {width: 34px; height: 19px; background: #a7bac1; border: 1px solid #94b8d8; border-radius: 10px;}
.topDesc.top_desc2023.topDesc[class*="top_desc"] .wrap-topDesc .onoff_wrap .switch .slider01:before { content: ""; position: absolute; left: 2px; bottom: 2px; width: 15px; height: 15px; background-color: white; -webkit-transition: .4s; transition: .4s;}
.topDesc.top_desc2023.topDesc[class*="top_desc"] .wrap-topDesc .onoff_wrap input:checked + .slider01 {background: #2e8cf7;}
.topDesc.top_desc2023.topDesc[class*="top_desc"] .wrap-topDesc .onoff_wrap input:checked + .slider01:before {transform: translateX(15px);}
.topDesc.top_desc2023.topDesc[class*="top_desc"] .wrap-topDesc .onoff_wrap > span {font-size: 14px; font-weight: 400; color: #46505c; line-height: 1;}

.topDesc.top_desc2023 .wrap-topDesc .util_wrap {position: unset; margin-top: 5px;}
.topDesc.top_desc2023 .wrap-topDesc .util_wrap .select-area select {width: 225px; height: auto; padding: 7px 0 7px 14px; font-size: 14px; font-weight: 400; color: #5f626a; letter-spacing: -0.045em; background: #fff url(/images/renew/educourse/arr_select2020.png) no-repeat 95% 50%; border: 1px solid #98b7c1; border-radius: 5px;}
.topDesc.top_desc2023.topDesc[class*="top_desc"] .wrap-topDesc .btns {display: flex; flex-direction: row-reverse; gap: 5px; align-items: start; position: unset; width: auto; margin-top: 35px;}
.topDesc.top_desc2023.topDesc[class*="top_desc"] .wrap-topDesc .btns a {display: inline-block; width: 145px; height: auto; margin: 0; padding: 0; font-size: 14px; font-weight: 500; color: #fff; line-height: 37px; letter-spacing: -0.06em; text-align: left; background: #f2685f; border: none; border-radius: 5px;  box-shadow: 0 3px 2px rgba(0, 82, 157, 0.17); box-sizing: border-box;}
.topDesc.top_desc2023.topDesc[class*="top_desc"] .wrap-topDesc .btns a.ebook {width: auto; padding: 0 18px 0 49px; background: #f2685f url(/images/common/icon/ico_ebook.png)no-repeat left 19px center;}
.topDesc.top_desc2023.topDesc[class*="top_desc"] .wrap-topDesc .btns a.digitalbook {padding-left: 49px; background: #f2685f url(/images/common/icon/ico_digitalbook.png)no-repeat left 19px center;}
.topDesc.top_desc2023.topDesc[class*="top_desc"] .wrap-topDesc .btns a.smarttext {padding-left: 42px; background: #f2685f url(/images/common/icon/ico_smarttext.png)no-repeat left 14px center;}
.topDesc.top_desc2023.topDesc[class*="top_desc"] .wrap-topDesc .btns a.samquiz {width: auto;padding: 0 16px 0 43px; line-height: 36px; background: #4083ed url(/images/common/icon/ico_samquiz.png) no-repeat left 14px center;}

#contents #conts.sub_conts2023 {width: 910px;}
#contents #conts.sub_conts2023 #top_educourse {width: 910px;}

#contents.sub.textbook2023 {width: 1200px; padding-top: 28px;}
#contents.sub.textbook2023 .tab_educourse2023_wrap {position: relative;  background: #e9f5f9; border-radius: 10px; border: 1px solid #c6cbd4; box-sizing: border-box; overflow: hidden;}
#contents.sub.textbook2023 .tab_educourse.tab_educourse2023 { overflow: hidden; position: unset;  width: 910px; border-radius: 5px; border: none; background: none; }
#contents.sub.textbook2023 .tab_educourse.tab_educourse2023 li {width: auto; padding: 0 29px; height: 40px; background: #e9f5f9; border-right: 1px solid #c6cbd4;}
#contents.sub.textbook2023 .tab_educourse.tab_educourse2023 li a {top: unset; height: auto; padding-bottom: 0; font-size: 15px; font-weight: 400; color: #222222; line-height: 40px; letter-spacing: -0.045em; background: none; border: none;  box-sizing: border-box;}
#contents.sub.textbook2023 .tab_educourse.tab_educourse2023 li.on {background: #2e8cf7;}
#contents.sub.textbook2023 .tab_educourse.tab_educourse2023 li.on a { background: #2e8cf7; color: #fff; font-weight: 600;}
#contents.sub.textbook2023 .tab_educourse.tab_educourse2023 li.on a span {color: #000000;}
#contents.sub.textbook2023 .tab_educourse.tab_educourse2023 li a span, .tab_educourse.tab_educourse2023 li.on:hover a span {font-size: 15px; font-weight: 400; color: #ff4134; letter-spacing: -0.045em;}

#contents.sub.textbook2023 .textbookCont {display: block;}
#contents.sub.textbook2023 .sub_conts2023 .tab_second {width: 910px; padding: 0; border: 0; background: #fff;}
#contents.sub.textbook2023 .sub_conts2023 .tab_second ul {display: flex; flex-wrap: wrap; padding-top: 15px;}
#contents.sub.textbook2023 .sub_conts2023 .tab_second ul li {display: inline-block; margin-bottom: 7px; position: relative; cursor: pointer; }
#contents.sub.textbook2023 .sub_conts2023 .tab_second ul li input[type="checkbox"] {display: none;}
#contents.sub.textbook2023 .sub_conts2023 .tab_second ul li input[type="checkbox"] + label { display: block; position: relative; margin: 0 10px; font-size: 14px; font-weight: 500; color: #222222; line-height: 1.3; letter-spacing: -0.045em;  cursor: pointer;}
#contents.sub.textbook2023 .sub_conts2023 .tab_second ul li input[type="checkbox"] + label:after {content: ""; display: inline-block; position: absolute; right: -12px; top: 50%; transform: translateY(-50%); width: 4px; height: 4px; background: #dbdbdb; border-radius: 50%;}
#contents.sub.textbook2023 .sub_conts2023 .tab_second ul li:last-child input[type="checkbox"] + label:after {display: none;}
#contents.sub.textbook2023 .sub_conts2023 .tab_second ul li input[type="checkbox"]:checked + label {color: #ff584e;}
#contents.sub.textbook2023 .sub_conts2023 .tab_second ul li input[type="checkbox"]:checked + label:before {content: ""; display: inline-block; position: absolute; left: 0; bottom: -4px; width: 100%; height: 2px; background: #ff584e;}

/* 특화자료 */
#contents.sub.textbook2023 .tab_educourse2023_wrap.speical_gubun {background: none; border: none;}
#contents.sub.textbook2023 .tab_educourse2023_wrap.speical_gubun .speical_tab {position: relative; background: #e9f5f9; border-radius: 10px; border: 1px solid #c6cbd4; box-sizing: border-box; overflow: hidden;}
#contents.sub.textbook2023 .tab_educourse2023_wrap.speical_gubun .speical_tab span {font-size: 15px; font-weight: 600; color: #fff; background: #2e8cf7;}
#contents.sub.textbook2023 .tab_educourse2023_wrap.speical_gubun .speical_tab span em {color: #000;}
#contents.sub.textbook2023 .speical_gubun .tab_educourse.tab_educourse2023 {padding-top: 15px;}
#contents.sub.textbook2023 .speical_gubun .tab_educourse.tab_educourse2023 li {display: inline-block; position: relative; height: auto; padding: 0; margin-bottom: 7px; background: none; border: none; cursor: pointer;}
#contents.sub.textbook2023 .speical_gubun .tab_educourse.tab_educourse2023 li a { display: block; position: relative; margin: 0 10px; font-size: 14px; font-weight: 500; color: #222222; line-height: 1.3; letter-spacing: -0.045em;  cursor: pointer;}
#contents.sub.textbook2023 .speical_gubun .tab_educourse.tab_educourse2023 li a:hover {text-decoration: none;}
#contents.sub.textbook2023 .speical_gubun .tab_educourse.tab_educourse2023 li a:after {content: ""; display: inline-block; position: absolute; right: -12px; top: 50%; transform: translateY(-50%); width: 4px; height: 4px; background: #dbdbdb; border-radius: 50%;}
#contents.sub.textbook2023 .speical_gubun .tab_educourse.tab_educourse2023 li.on a  {color: #ff584e; background: none;}
#contents.sub.textbook2023 .speical_gubun .tab_educourse.tab_educourse2023 li.on a:before {content: ""; display: inline-block; position: absolute; left: 0; bottom: -4px; width: 100%; height: 2px; background: #ff584e;}
#contents.sub.textbook2023 .speical_gubun .tab_educourse.tab_educourse2023 li:last-child a:after {display: none;}


#contents.sub.textbook2023 [class^="cont_educourse"] .table_option_wrap {display: flex; justify-content: space-between;width: 910px; height: auto; padding: 0 15px 10px 9px; margin-bottom: 0; background: #fff; box-sizing: border-box;}
#contents.sub.textbook2023 [class^="cont_educourse"] .table_option_wrap {padding-top: 30px;}
#contents.sub.textbook2023 [class^="cont_educourse"] .table_option_wrap .btns {position: unset; margin-top: 0;}
#contents.sub.textbook2023 [class^="cont_educourse"] .table_option_wrap .btns .chk_box.type01 label {display: inline-block; padding-left: 24px; font-size: 13px; font-weight: 400; color: #7d7f83; line-height: 19px; letter-spacing: -0.045em;}
#contents.sub.textbook2023 [class^="cont_educourse"] .table_option_wrap .btns .chk_box.type01 label:before {content: ""; display: inline-block; position: absolute; left: 0; top: 0; width: 18px; height: 18px; background: url(/images/renew/btn/ico_chk2.png)no-repeat center top ;}
#contents.sub.textbook2023 [class^="cont_educourse"] .table_option_wrap .btns .chk_box.type01 input[type="checkbox"]:checked + label:before {background-position: center bottom; }
#contents.sub.textbook2023 [class^="cont_educourse"] .table_option_wrap .btns a {height: auto; margin-right: 18px; line-height: unset; }
#contents.sub.textbook2023 [class^="cont_educourse"] .table_option_wrap .btns a.btn_add span {display: inline-block; padding-left: 24px; font-size: 13px; font-weight: 400; color: #7d7f83; line-height: 19px; letter-spacing: -0.045em; background: url(/images/renew/btn/ic_bookmark3.png)no-repeat left center;}
#contents.sub.textbook2023 [class^="cont_educourse"] .table_option_wrap .btns a.btn_add:before {display: none;}
#contents.sub.textbook2023 [class^="cont_educourse"] .table_option_wrap .btns a.btn_down span {display: inline-block;  padding-left: 18px; font-size: 13px; font-weight: 400; color: #7d7f83; line-height: 19px; letter-spacing: -0.045em; background: url(/images/renew/btn/ic_down_3.png)no-repeat left center;}
#contents.sub.textbook2023 [class^="cont_educourse"] .table_option_wrap .btns a.btn_down:before {display: none;}
#contents.sub.textbook2023 [class^="cont_educourse"] .table_option_wrap .textbookAlign {display: flex; gap: 20px; }
#contents.sub.textbook2023 [class^="cont_educourse"] .table_option_wrap .textbookAlign li input[type="radio"] {display: none;}
#contents.sub.textbook2023 [class^="cont_educourse"] .table_option_wrap .textbookAlign li input[type="radio"] + label {display: block; padding-left: 22px; font-size: 14px; font-weight: 500; color: #1e1e1e; line-height: 18px; letter-spacing: -0.045em; background: url(/images/renew/btn/ico_radio.png)no-repeat left top;}
#contents.sub.textbook2023 [class^="cont_educourse"] .table_option_wrap .textbookAlign li input[type="radio"]:checked + label {background-position: left bottom;}
#contents.sub.textbook2023 [class^="cont_educourse"] .tblList.tblList-new tr:hover {font-weight: 500; color: #000; background: #f2f5f9;}
#contents.sub.textbook2023 [class^="cont_educourse"] .tblList.tblList-new tr:hover td a{text-decoration: none;}
#contents.sub.textbook2023 [class^="cont_educourse"] .tblList.tblList-new tr td a:hover {text-decoration: underline;}
#contents.sub.textbook2023 [class^="cont_educourse"] .tblList.tblList-new tr td {height: 56px;}
#contents.sub.textbook2023 [class^="cont_educourse"] .tblList-textbook tr td.title a {position: relative; padding-left: 29px; font-size: 15px; font-weight: 500; color: #575757; letter-spacing: -0.045em; }
#contents.sub.textbook2023 [class^="cont_educourse"] .tblList.tblList-new tr:hover a {font-weight: 500; color: #000;}
#contents.sub.textbook2023 [class^="cont_educourse"] .tblList-textbook tr td.title a:after {content: ""; display: inline-block; width: 20px; height: 20px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 20px; height: 20px; background: url(/images/common/ic_file2.png)no-repeat;}
#contents.sub.textbook2025 [class^="cont_educourse"] .tblList-textbook tr td.title a::after {background-position:0 0;}
#contents.sub.textbook2023 [class^="cont_educourse"] .tblList-textbook tr td.title a.pdf:after {background-position:0 0;}
#contents.sub.textbook2023 [class^="cont_educourse"] .tblList-textbook tr td.title a.doc:after {background-position:0 -20px;}
#contents.sub.textbook2023 [class^="cont_educourse"] .tblList-textbook tr td.title a.xls:after,
#contents.sub.textbook2023 [class^="cont_educourse"] .tblList-textbook tr td.title a.xlsx:after {background-position:0 -40px;}
#contents.sub.textbook2023 [class^="cont_educourse"] .tblList-textbook tr td.title a.zip:after {background-position:0 -60px;}
#contents.sub.textbook2023 [class^="cont_educourse"] .tblList-textbook tr td.title a.hwp:after {background-position:0 -80px;}
#contents.sub.textbook2023 [class^="cont_educourse"] .tblList-textbook tr td.title a.ppt:after ,
#contents.sub.textbook2023 [class^="cont_educourse"] .tblList-textbook tr td.title a.pptx:after,
#contents.sub.textbook2023 [class^="cont_educourse"] .tblList-textbook tr td.title a.pptm:after {background-position:0 -100px;}
#contents.sub.textbook2023 [class^="cont_educourse"] .tblList-textbook tr td.title a.html:after ,
#contents.sub.textbook2023 [class^="cont_educourse"] .tblList-textbook tr td.title a.wav:after,
#contents.sub.textbook2023 [class^="cont_educourse"] .tblList-textbook tr td.title a.mp3:after {background-position:0 -120px;}


#contents.sub.textbook2023 [class^="cont_educourse"] .tblList-textbook tr td .chk_box.type02 input[type="checkbox"] + label:before {content: "";display: inline-block;position: absolute;left: 0;top: 9px;width: 18px;height: 18px;background: url(/images/renew/btn/ico_chk3.png)no-repeat center top; }
#contents.sub.textbook2023 [class^="cont_educourse"] .tblList-textbook tr td .chk_box.type02 input[type="checkbox"]:checked + label:before {background-position: center bottom;}
.view2023 a, .putBtn.putBtn2023 a, .downBtn.downBtn2023 a, .downBtn.downBtn2023 span {display: inline-block; width: 35px; height: 35px; font-size: 0; border: 1px solid #cbcbcb; border-radius: 50%;}
.view2023 a:hover, .putBtn.putBtn2023 a:hover, .downBtn.downBtn2023 a:hover {background-color: #daf2fa; border: 1px solid #c5e0e6;}
.view2023 a { background: #fff url(/images/renew/btn/ic_detail_view2.png)no-repeat center; }
.putBtn2023 a { background:#fff url(/images/renew/btn/ic_bookmark3.png)no-repeat center; }
.downBtn2023 a { background:#fff url(/images/renew/btn/ic_down_3.png)no-repeat center; }
#contents.sub.textbook2023 [class^="cont_educourse"] .tblList.tblList-new tr td.view2023 a.ico.disabled {cursor: default; background-color: #eee; opacity: 0.7;}


.cont_educourse.cont_educourse2023 .btn_wrap {margin-top: 22px; text-align: center;}
.cont_educourse.cont_educourse2023 .btn_wrap button {display: inline-block; padding: 0 22px 0 40px; font-size: 14px; font-weight: 500; color: #393d49; line-height: 40px; letter-spacing: -0.0045em; background: #edf5f8  url(/images/renew/btn/arr_btn_more.png)no-repeat left 20px top 18px; border: 1px solid #c5dcf7; border-radius: 20px;}
.cont_educourse.cont_educourse2023 .btn_wrap button span {display: inline-block; margin-left: 3px; font-size: 14px; font-weight: 500; color: #1a7fd4; letter-spacing: -0.045em;}


#contents #lnb.lnb2023.textbookLnb .menu_new{border-top: 0; background: #fff; z-index: 10;}
#contents #lnb.lnb2023 .menu_new li.lnb_textbook {width: 230px; margin-bottom: 10px; background: #fff; border-top: 3px solid #393d49; z-index: 10;}
#contents #lnb.lnb2023 .menu_new > ul > li > ul > li.textbook {line-height: 40px;}
#contents #lnb.lnb2023 .menu_new > ul > li > ul > li.textbook.active {border-bottom: 0; }
#contents #lnb.lnb2023 .menu_new > ul > li:not(.lnb_textbook) > a {position: relative; height: 42px; padding-left: 16px; font-size: 15px; font-weight: 500; color: #282a33; line-height: 42px; background: #e2f0f4; border: 1px solid #c8dee4; border-radius: 8px;  }
#contents #lnb.lnb2023 .menu_new > ul > li:not(.lnb_textbook):hover > a, #contents #lnb.lnb2023 .menu_new > ul > li:not(.lnb_textbook) > a.on {color: #fff; background-color: #2e8cf7; border: 1px solid #0076eb;}
#contents #lnb.lnb2023 .menu_new > ul > li:not(.lnb_textbook):hover > a:after, #contents #lnb.lnb2023 .menu_new > ul > li:not(.lnb_textbook) > a.on:after {background-image: url(../images/renew/btn/arr_book_hover4.png)}
#contents #lnb.lnb2023 .menu_new > ul > li > ul > li.textbook > a i {background: url(../images/renew/btn/arr_lnb_down.png)no-repeat center; cursor: pointer;}
#contents #lnb.lnb2023 .menu_new > ul > li > ul > li.textbook.active > a i {background: url(../images/renew/btn/arr_lnb_up.png)no-repeat center; cursor: pointer;}
#contents #lnb.lnb2023 .menu_new > ul > li.lnb_textbook .textbook > a * {font-size: 15px; font-weight: 500; color: #222429; letter-spacing: -0.045em;}
#contents #lnb.lnb2023 .menu_new > ul > li.lnb_textbook .textbook {line-height: unset;}
#contents #lnb.lnb2023 .menu_new > ul > li.lnb_textbook .textbook > a {display: flex; }
#contents #lnb.lnb2023 .menu_new > ul > li.lnb_textbook .textbook > a .list-number {height: auto; padding: 10px 0 0 0; white-space: nowrap; float: none; letter-spacing: -0.045em;}
#contents #lnb.lnb2023 .menu_new > ul > li.lnb_textbook .textbook > a p.list-text {flex: 1; padding: 10px 0 4px 4px;  letter-spacing: -0.045em;}
#contents #lnb.lnb2023 .menu_new > ul > li .textbook > ul {display: none; position: unset; padding: 14px 0; background: none;  border: none; box-shadow: none;}
#contents #lnb.lnb2023 .menu_new > ul > li .textbook.active > ul {display: block; border-bottom: 1px solid #e6e6e6; border-top: 1px solid #e6e6e6; border-radius: 0;}
#contents #lnb.lnb2023 .menu_new > ul > li .textbook.on.active > ul {display: block; border-bottom: 1px solid #e6e6e6; border-top: none; border-radius: 0;}
#contents #lnb .menu_new > ul > li .textbook > ul i {display: none;}
/*#contents #lnb.lnb2023 .menu_new > ul > li .textbook.on {border-bottom: 1px solid #bec3ca;}*/
#contents #lnb.lnb2023 .menu_new > ul > li .textbook.on > a { border-bottom: 1px solid #ff584e;}
#contents #lnb.lnb2023 .menu_new > ul > li .textbook.on > a span,
#contents #lnb.lnb2023 .menu_new > ul > li .textbook.on > a p,
#contents #lnb.lnb2023 .menu_new > ul > li .textbook:hover > a span,
#contents #lnb.lnb2023 .menu_new > ul > li .textbook:hover > a p {font-weight: 600;}
#contents #lnb.lnb2023 .menu_new > ul > li > ul > li.textbook ul li a {display: block; font-size: 14px; line-height: 25px; font-weight: 400; color: #53565d; letter-spacing: -0.045em;}
#contents #lnb.lnb2023 .menu_new > ul > li > ul > li.textbook ul li a p {display: inline-block; position: relative;}
#contents #lnb.lnb2023 .menu_new > ul > li > ul > li.textbook ul li:hover .list-number,
#contents #lnb.lnb2023 .menu_new > ul > li > ul > li.textbook ul li.on .list-number{color: #f85f4f;}
#contents #lnb.lnb2023 .menu_new > ul > li > ul > li.textbook ul li:hover p.list-text,
#contents #lnb.lnb2023 .menu_new > ul > li > ul > li.textbook ul li.on p.list-text{color: #f85f4f;}
#contents #lnb.lnb2023 .menu_new > ul > li > ul > li.textbook ul li:hover a p:after,
#contents #lnb.lnb2023 .menu_new > ul > li > ul > li.textbook ul li.on a p:after{content:""; display:inline-block; position:absolute; left:7px; bottom:-3px; width:100%; height:1px; background:#f85f4f;}
#contents #lnb.lnb2023 .menu_new > ul > li > ul > li.textbook ul li:hover a p:after,
#contents #lnb.lnb2023 .menu_new > ul > li > ul > li.textbook ul li.on a p:after{background: #f85f4f;}

#contents #lnb .banner {margin-top: 25px;}


.speical_gubun .speical_tab { overflow: hidden; position: unset; width: 910px;  height: auto; background: none; border-radius: 5px; border: none;}
.speical_gubun .speical_tab span {width: auto;padding: 0 29px;height: 40px; line-height: 40px;background: #e9f5f9; }

.btn-more-wrapper {text-align: center;}
.btn-more-wrapper .more_btn {position: relative; display: inline-block; width: auto; height: 38px; padding: 0 20px; margin: 60px auto 0; color: #393d49; font-size: 14px; font-weight: 400;  border: 1px solid #c5dcf7; line-height: 36px; background: #edf5f8; border-radius: 20px; letter-spacing: -0.045em; text-align: center;}
.btn-more-wrapper .more_btn:before {display: inline-block; content: ''; width: 11px; height: 100%; margin-right: 9px; background: url(../images/common/ico_more2.png) no-repeat center center; vertical-align: top;}
.btn-more-wrapper .more_btn span {display: inline-block; margin-left: 3px; font-size: 14px; color: #1a7fd4; letter-spacing: -0.045em;}

/*교과자료 fixed*/
#contents.textbook2023.fixed #conts.sub_conts2023 #top_educourse {position: fixed; top: 70px; z-index: 6;}
#contents.textbook2023.fixed .sub_conts2023 .tab_second {position: fixed; top: 112px; background: #fff; z-index: 10;}

/*수업혁신, 창체*/
#contents #lnb .tit_box_wrap .tit_box.tit_renew07 {height: auto; padding-top: 0; margin-top: 26px; font-size: 22px; font-weight: 500; color: #3a424f; letter-spacing: -0.045em; text-align: left; background: none; }
#contents #lnb .menu_new.menu_renew07 {margin-top: 30px; border-bottom: 3px solid #393d49;}
#contents #conts.conts_renew07 h3 {margin-bottom: 15px;}
#contents #lnb .menu_new.menu_renew07 {margin-bottom: 20px;}
#contents #lnb .menu_new.menu_renew07 > ul > li > ul {display: block; padding: 14px 0; border-bottom: 1px solid #d1dbea;}
/*#contents #lnb .menu_new.menu_renew07 > ul > li.active > ul {display: block;}*/
#contents #lnb .menu_new.menu_renew07 > ul > li > ul > li {padding: 0;}
#contents #lnb .menu_new.menu_renew07 > ul > li > ul > li + li {margin-top: 5px;}
#contents #lnb .menu_new.menu_renew07 > ul > li > h5 {position: relative; height: 40px; padding: 10px 0 10px 4px; font-size: 15px; font-weight: 500; color: #222429; line-height: 1.2; letter-spacing: -0.045em; border-top: none; }
/*#contents #lnb .menu_new.menu_renew07 > ul > li:last-child > h5 {border-bottom: 0;}*/
#contents #lnb .menu_new.menu_renew07 > ul > li.active > h5 {border-bottom: 1px solid #d1dbea; }
#contents #lnb .menu_new.menu_renew07 > ul > li:hover > h5 {font-weight: 600; color: #ff4134;}
#contents #lnb .menu_new.menu_renew07 > ul > li.on h5 {font-weight: 600; color: #ff4134; border-bottom: 1px solid #ff4134; }
#contents #lnb .menu_new.menu_renew07 li a {display: block; position: relative; padding-left: 9px; font-size: 14px; font-weight: 400; color: #5f626a; letter-spacing: -0.045em; }
#contents #lnb .menu_new.menu_renew07 li a:after {content: ""; display: inline-block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 4px; height: 1px; background: #5f626a;}
#contents #lnb .menu_new.menu_renew07 li a:hover:after {background: #4d8bef;}
#contents #lnb .menu_new.menu_renew07 li a.on span{color: #4d8bef; text-decoration: underline;}
#contents #lnb .menu_new.menu_renew07 li a.on:after {background: #4d8bef;}
#contents #lnb .menu_new.menu_renew07 > ul > li i { position: absolute; display: inline-block; width: 23px; height: 23px; top: 50%; right: -3px; transform: translateY(-50%); background: url(../images/renew/btn/arr_lnb_down.png)no-repeat center; cursor: pointer; z-index: 1;}
#contents #lnb .menu_new.menu_renew07 > ul > li.active i {background: url(../images/renew/btn/arr_lnb_up.png)no-repeat center;}
#contents #lnb .menu_new.menu_renew07 > ul > li:not(.lnb_textbook){position: relative; margin-bottom: 0;}



@media (min-width:1200px) {
    #gnb ul.gnb { width:  auto;}
}


/* 애플 넘버스 업데이트 팝업 230812 */
.pop_appleNumbers{position:absolute; right:77px; top:76px; border-radius: 15px; box-shadow: 2px 2px 0 3px rgba(108,108,108,.25); z-index: 2;}
.pop_appleNumbers a{display:block; width:210px; height:165px; background:url('/images/educourse/pop_apple.png') no-repeat center center;}
.pop_appleNumbers .btn_close{position:absolute; top:12px; right:12px; width:19px; height:19px; background:url('/images/educourse/pop_apple_close.png') no-repeat center center;}
.pop_appleNumbers .btn_close_week{position:absolute; left:15px; bottom:15px; width:108px; height:14px; background:url('/images/educourse/pop_apple_close_week.png') no-repeat center center;}
/*애플 넘버스 주의사항*/

.warningBox {margin-top:60px; }
.warningBox .box {position:relative; padding:25px 40px; border-radius:15px; background-color:#f0f3f8;}
.warningBox .box .tit {margin-bottom:20px; font-size:18px; font-weight:600; color:#393d49;}
.warningBox .box p {padding-left:0; color:#9a9ea3; font-size:15px; letter-spacing:-0.06em; line-height:24px; }
.warningBox .box p span {color:#9a9ea3;}
.warningBox .box a {position:absolute; right:25px; bottom:35px; padding:11px 40px 11px 20px; border-radius:10px; border:1px solid #bfc6d7; font-size:15px; font-weight:500; color:#393d49; background-color:#fff; background: #fff url(../images/common/ico_warning.png)no-repeat; background-position:146px center; }


/* 중고등 개편 - 라이브러리 */
.lb_renew .category_wrap .search_area {display: flex; justify-content: space-between; align-items: center; position: relative; width: 717px; height: auto; margin-top: 23px; margin-bottom: 0; border: none; border-radius: 0; }
.lb_renew .category_wrap .search_area .input_search {display: flex; width: 610px; height: 48px; background: #f7f7f7; border: 2px solid #1e1e1e; border-radius: 10px; overflow: hidden;}
.lb_renew .category_wrap .search_area .input_search input[type="text"] {display: block; width: calc(100% - 40px); height: auto; padding: 10px 18px; font-size: 15px; font-weight: 400; line-height: 24px; letter-spacing: -0.045em; background: none;}
.lb_renew .category_wrap .search_area .input_search input[type="text"]::placeholder {font-size: 15px; font-weight: 400; color: #999999; letter-spacing: -0.045em;}
.lb_renew .category_wrap .search_area .input_search .btn_search {position: unset; width: 40px; height: 100%; background: url('/images/new/btn_search_g.png')no-repeat left 7px center;}
.lb_renew .category_wrap .search_area .btn_search_detail {display: inline-block; position: relative; padding: 11px 21px; font-size: 13px; font-weight: 500; color: #2e8cf7; line-height: 1; letter-spacing: -0.045em; text-align: center; background: #eefaff; border: 1px solid #2e8cf7; border-radius: 20px; }
.lb_renew .category_wrap .search_area .btn_search_detail.on,
.lb_renew .category_wrap .search_area .btn_search_detail:hover {color: #fff; background: #2e8cf7;}
.lb_renew .category_wrap .search_area .btn_search_detail.on:after,
.lb_renew .category_wrap .search_area .btn_search_detail:hover:after {content: ""; display: inline-block; position: absolute; left: 50%;  bottom: -10px; transform: translateX(-50%); width: 16px; height: 10px; background: url('/images/new/btn_search_detail.png')no-repeat center;}
.lb_renew .category_wrap .search_bottom {display: none; justify-content: space-between; align-items: flex-start; gap: 0 10px; position: relative; width: 610px; margin: 10px 0 0 241.5px; }
.lb_renew .category_wrap .search_bottom .depth_bar_route {display: block; padding-left: 23px; font-size: 14px ;font-weight: 500; color: #2e8cf7; letter-spacing: -0.045em; text-decoration: underline; background: url(/images/new/ico_lb_route.png)no-repeat left top 4px;}
.lb_renew .category_wrap .search_bottom .depth_bar_route div {}
.lb_renew .category_wrap .search_bottom .depth_bar_route div:last-child {padding-right: 0; background: none;}
.lb_renew .category_wrap .btn_reset {display: inline-block; flex-shrink: 0; padding-left: 19px; font-size: 13px; font-weight: 400; color: #434753; line-height: 1.4; letter-spacing: -0.025em;  background: url('/images/new/lb_reset.png')no-repeat left center; }
.lb_renew .category_wrap .search_bottom.on {display: flex;}


.lb_renew .category_wrap .search_detail {display: none; position: absolute; left: 0; top: 52px; width: 100%; background: #fff; border: 2px solid #1e1e1e; border-radius: 10px; z-index: 1003}
.lb_renew .category_wrap .search_detail a:hover {text-decoration: none;}
.lb_renew .category_wrap .search_detail .inner {position: relative; padding: 17px 18px 32px;}
.lb_renew .category_wrap .search_detail .inner #depth1 ul {display: flex; gap: 8px; margin-bottom: 16px;}
.lb_renew .category_wrap .search_detail .inner #depth1 ul li {flex: 1;}
.lb_renew .category_wrap .search_detail .inner #depth1 ul li input[type="radio"]{display: none;}
.lb_renew .category_wrap .search_detail .inner #depth1 ul li input[type="radio"] +label {display: block; line-height: 37px; font-size: 14px; font-weight: 500; color: #2e8cf7; letter-spacing: -0.045em; text-align: center; border: 1px solid #1b79e4; border-radius: 3px; cursor: pointer;}
.lb_renew .category_wrap .search_detail .inner #depth1 ul li input[type="radio"]:disabled +label { border: 1px solid #a9a9a9; color: #a9a9a9; cursor: default;}
.lb_renew .category_wrap .search_detail .inner #depth1 ul li input[type="radio"]:checked +label {color: #fff; background: #2e8cf7; }
.lb_renew .category_wrap .search_detail .inner #depth2 {margin-bottom: 20px;}
.lb_renew .category_wrap .search_detail .inner #depth2 ul {display: flex; flex-wrap: wrap; position: relative; padding-left: 33px;}
.lb_renew .category_wrap .search_detail .inner #depth2 ul:after {content: ""; display: inline-block; position: absolute; left: 15px; top: 8px; width: 8px; height: 8px;background: url('/images/new/lb_depth.png')no-repeat center;}
.lb_renew .category_wrap .search_detail .inner #depth2 ul li {position: relative; padding: 0 5px;}
.lb_renew .category_wrap .search_detail .inner #depth2 ul li:after {content: ""; display: inline-block; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 9px; background: #bcbcbc; }
.lb_renew .category_wrap .search_detail .inner #depth2 ul li:last-child:after {display: none;}
.lb_renew .category_wrap .search_detail .inner #depth2 ul li input[type="radio"] {display: none;}
.lb_renew .category_wrap .search_detail .inner #depth2 ul li input[type="radio"] + label {display: inline-block; position: relative; padding: 5px 6px 5px 4px; font-size: 13px; font-weight: 400; color: #2e2e2e; line-height: 1; letter-spacing: -0.045em; cursor:pointer;}
.lb_renew .category_wrap .search_detail .inner #depth2 ul li input[type="radio"]:disabled + label {color: #a9a9a9; cursor: default;}
.lb_renew .category_wrap .search_detail .inner #depth2 ul li.on input[type="radio"] + label,
.lb_renew .category_wrap .search_detail .inner #depth2 ul li:hover input[type="radio"] + label{ font-weight: 500; color:#2e8cf7; background: #f0f3f8; }
.lb_renew .category_wrap .search_detail .inner #depth2 ul li:hover input[type="radio"]:disabled + label {font-weight: 400; color:#a9a9a9; background: none;}
.lb_renew .category_wrap .search_detail .inner #depth3 ul {display: flex; flex-wrap: wrap; gap: 15px; position: relative; padding: 9px 32px; background: #f0f3f8; border: 1px solid #d8dee8; border-radius: 5px;}
.lb_renew .category_wrap .search_detail .inner #depth3 ul:after {content: ""; display: inline-block; position: absolute; left: 14px; top: 13px; width: 8px; height: 8px;background: url('/images/new/lb_depth.png')no-repeat center;}
.lb_renew .category_wrap .search_detail .inner #depth3 ul li input[type='checkbox'] {display: none;}
.lb_renew .category_wrap .search_detail .inner #depth3 ul li input[type='checkbox'] + label {position: relative; padding-left: 26px; font-size: 14px; font-weight: 400; color: #393d4a; line-height: 18px; letter-spacing: -0.045em; cursor:pointer;}
.lb_renew .category_wrap .search_detail .inner #depth3 ul li input[type='checkbox'] + label:after {content: ""; display: inline-block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 18px; height: 18px; background: url('/images/new/lb_depth_check.png')no-repeat center top; }
.lb_renew .category_wrap .search_detail .inner #depth3 ul li input[type='checkbox']:disabled + label {color: #a9a9a9; cursor: default;}
.lb_renew .category_wrap .search_detail .inner #depth3 ul li input[type='checkbox']:checked + label:after {background-position: center bottom;}
.lb_renew .category_wrap .search_detail .inner #depth3 ul li input[type='checkbox']:disabled + label:after {background: url('/images/new/lb_depth_disabled.png')no-repeat center; }
.lb_renew .category_wrap .search_detail .detail_bottom {display: flex; justify-content: space-between; align-items: center; height: 31px; padding: 0 17px; background: #f7f7f7; border-top: 1px solid #e9e9e9; border-radius: 0 0 10px 10px;}
.lb_renew .category_wrap .search_detail .detail_bottom .lb_search {display: inline-block; padding-left: 17px; margin-right: 17px; font-size: 13px; font-weight: 500; color: #f2685f; letter-spacing: -0.045em; background: url('/images/new/lb_search.png')no-repeat left center;}
.lb_renew .category_wrap .search_detail .detail_bottom .lb_cancle {display: inline-block; padding-left: 15px; font-size: 13px; font-weight: 500; color: #5b5b5b; letter-spacing: -0.045em; background: url('/images/new/lb_cancle.png')no-repeat left center;}

.lb_renew .captionInfo .info {font-size: 22px; font-weight: 500; color: #474e62; letter-spacing: -0.06em;}
.lb_renew .captionInfo .info span {font-weight: 400; color: #3d81ee; letter-spacing: inherit;}
#contents.lb_contents .lb_renew .tabCtl {display: flex; justify-content: space-between; align-items: center; margin-top: 20px;}
#contents.lb_contents .lb_renew .tabCtl .select-all {}
#contents.lb_contents .lb_renew .tabCtl .select-all input[type='checkbox'] + label {padding-left: 25px; margin-right: 22px; font-size: 14px; font-weight: 400; color: #1e1e1e; line-height: 18px; letter-spacing: -0.045em;}
#contents.lb_contents .lb_renew .tabCtl .select-all input[type='checkbox'] + label:before {content: ""; display: inline-block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 18px; height: 18px; background: url(/images/renew/btn/ico_chk2.png)no-repeat center top;}
#contents.lb_contents .lb_renew .tabCtl .select-all input[type='checkbox']:checked + label:before {background-position: center bottom;}
#contents.lb_contents .lb_renew .tabCtl .btn_bookmark { margin: 0 22px 0 0; font-size: 14px; font-weight: 400; color: #1e1e1e; line-height: 17px; letter-spacing: -0.045em; }
#contents.lb_contents .lb_renew .tabCtl .btn_bookmark span {display: inline-block; width: 18px; height: 18px; margin-right: 7px;  background: url(/images/renew/btn/ic_bookmark3.png)no-repeat center;  border-radius: 0;}
#contents.lb_contents .lb_renew .tabCtl .btn_download { margin: 0; font-size: 14px; font-weight: 400; color: #1e1e1e; line-height: 17px; letter-spacing: -0.045em;}
#contents.lb_contents .lb_renew .tabCtl .btn_download span {display: inline-block; width: 13px; height: 18px; margin-right: 7px; background: url(/images/renew/btn/ic_down_3.png)no-repeat left center; border-radius: 0;}

.lb_renew .search_area .lb_depth {width: 300px; float: left;}
.lb_renew .search_area .lb_depth:nth-of-type(1) {border-right: 1px solid #ddd;}
.lb_renew .search_area .lb_depth .label {padding: 0 24px;  line-height: 57px; }

.lb_renew .search_area .ip_wrap {width: 400px;}
.lb_renew .lb_drop_menu {display: none; position: absolute; left: 0; top: 59px; width: 100%; height: auto; background: #fff; border: 1px solid #ddd; border-radius: 10px; z-index: 1;}
.lb_renew .lb_drop_menu.on {display: block;}
.lb_renew .lb_drop_menu .depth {display: flex; width: 100%; border-bottom: 1px solid #ddd}
.lb_renew .lb_drop_menu .depth > div {width: 300px; height: 300px; padding: 15px 24px; border-right: 1px solid #ddd; overflow-y: auto;}
.lb_renew .lb_drop_menu .depth .list:last-child {width: 400px; border-right: none;}
.lb_renew .lb_drop_menu .depth > div ul li input {display: none;}
.lb_renew .lb_drop_menu .depth > div ul li input + label {display: block; cursor: pointer;}
.lb_renew .lb_drop_menu .depth > div ul li input + label:hover {color: #4083ee;}
.lb_renew .lb_drop_menu .depth > div ul li input:checked + label {color: #4083ee;}
.lb_renew .lb_drop_menu .depth_bar {display: flex; justify-content: space-between; padding: 15px 24px;}
.lb_renew .lb_drop_menu .depth_bar ul {display: flex;}
.lb_renew .lb_drop_menu .depth_bar ul li {color: #4083ee;}
.lb_renew .lb_drop_menu .depth_bar ul li:nth-child(n+2) {position: relative; padding-left: 25px;}
.lb_renew .lb_drop_menu .depth_bar ul li:nth-child(n+2):after {content: ">"; position: absolute; left: 9px; top: 50%; transform: translateY(-50%); color: #4083ee;}


#contents.lb_contents .lb_renew .tabCtl .data_type_select {display: inline-flex; gap: 3px; margin-right: 10px; }
#contents.lb_contents .lb_renew .tabCtl .data_type_select li input[type="checkbox"] {display: none;}
#contents.lb_contents .lb_renew .tabCtl .data_type_select li input[type="checkbox"] + label {display: block; padding: 0 20px; font-size: 14px; font-weight: 400; color: #2e8cf7; line-height: 30px; letter-spacing: -0.045em; text-align: center; border: 1px solid #2e8cf7; border-radius: 5px; cursor: pointer;}
#contents.lb_contents .lb_renew .tabCtl .data_type_select li:hover input[type="checkbox"] + label {background: #eefaff;}
#contents.lb_contents .lb_renew .tabCtl .data_type_select li input[type="checkbox"]:checked + label {padding: 0 12px 0 28px;  font-weight: 500; color: #fff; text-align: left; background: #2e8cf7 url(/images/renew/btn/lb_cat_chk.png)no-repeat left 11px center; }
#contents.lb_contents .lb_renew .tabCtl .data_type_select li input[type="checkbox"]:disabled + label {padding: 0 20px;  font-weight: 500; color: #8b8b8b; text-align: left; background: #f3f3f3;  border: 1px solid #dbdbdb; cursor: default;}
#contents.lb_contents .lb_renew .tabCtl #orderType{float:right; width:120px; height:32px; padding:0 30px 0 10px; border:1px solid #949494; border-radius:5px; font-size:13px; color:#424a58; font-weight:400; line-height: 30px; appearance: none; font-family: 'Noto Sans KR', sans-serif; background:url('/images/renew/btn/arr_select.png') no-repeat right 9px center;}
#contents.lb_contents .lb_renew .tabCtl #orderType::-ms-expand {display: none;}
#contents.lb_contents .lb_renew .tabCtl #orderType:visited, #contents.lb_contents .lb_renew .tabCtl #orderType:focus, #contents.lb_contents .tabCtl #searchSelect:active{outline:none;}
#contents.lb_contents .lb_renew .btn-more-wrapper {text-align: center;}
#contents.lb_contents .lb_renew .btn-more-wrapper .more_btn {display: inline-block; width: auto; padding: 0 55px; margin: 5px auto 0; font-size: 16px; font-weight: 400; color: #393d49; letter-spacing: -0.02em; background: #f1f1f1; border: 1px solid #dddddd; border-radius:  28px;}
#contents.lb_contents .lb_renew .btn-more-wrapper .more_btn:before {background: url(../images/common/ico_more.png) no-repeat center top 52%;}

/*중고등 고모전 수상작 자료집  탭 추가*/
.conts_awards .tab_wrap{ margin: 22px 0 0; border-bottom: 1px solid #d4d4d4; }
.conts_awards .tab_wrap ul {border: 0;}
.conts_awards .tab_educourse li {position: relative; width: auto; min-width: 130px; float: left; text-align: center;}
.conts_awards .tab_educourse li + li {margin-left: 34px; }
.conts_awards .tab_educourse li + li:after { content: ''; display: inline-block; position: absolute; left: -20px; top: 50%; width: 5px; height: 5px; background: #dbdbdb; border-radius: 100%; transform: translateY(-50%);}
.conts_awards .tab_educourse li a {display: inline-block; position: relative; height: 59px; padding: 0 4px; font-size: 20px; font-weight: 500; color: #4a4f5f; line-height: 2.95; background: none; border: none;}
/*중고등 공모전 n표시 */
/*.conts_awards .tab_educourse li.new a:after {content: ""; display: inline-block; position: absolute; right: -27px; bottom: 21px;  width: 17px; height: 17px; background: url(../images/common/icon/new.png)no-repeat center; }*/
.conts_awards .tab_educourse li .new {position: relative; display: inline-block; height: 29px; margin: 0; vertical-align: middle;}
.conts_awards .tab_educourse li .new::before {content: ''; position: absolute; left: 2px; top: 0; width: 6px; height: 6px; background: #ff0000; border-radius: 100%;}
.conts_awards .tab_educourse li.on a {color: #4083ed; border-bottom: 4px solid #4083ed;}
.conts_awards .tab_conts * {box-sizing: border-box;}
.conts_awards .tab_conts .awards_detail { position: relative; width: 100%; padding: 82px 62px 62px; margin-top: 30px; background: #f7f7f7; border: 1px solid #e8e8e8; border-radius: 10px;}
.conts_awards .tab_conts .awards_detail .btnDataShare {position: absolute; right: 40px; top: 26px;}
.conts_awards .tab_conts .awards_detail .awards_data  {display: flex; justify-content: space-between; gap: 90px; position: relative;}
.conts_awards .tab_conts .awards_detail .awards_data .detail_cont {flex: 1; position: relative;}
.conts_awards .tab_conts .awards_detail .awards_data .detail_cont .cont_inner {position: relative;}
.conts_awards .tab_conts .awards_detail .awards_data .detail_cont .grade {display: block; font-size: 20px; font-weight: 600; color: #000; text-align: left;}
.conts_awards .tab_conts .awards_detail .awards_data .awardPage {width: 346px; }
/* .conts_awards .tab_conts .awards_detail .awards_data .awardPage .swiper-wrapper {margin-top: 10px;} */
.conts_awards .tab_conts .awards_detail .awards_data .awardPage .swiper-slide img {width: 100%; }
.conts_awards .tab_conts .awards_detail .awards_data .swiper-pagination {display: flex; justify-content: center; gap: 5px; position: relative; width: 100%; margin: 14px 0; }
.conts_awards .tab_conts .awards_detail .awards_data .swiper-pagination .swiper-pagination-bullet {display: inline-block; width: 12px; height: 12px; background: #dadada; border: 1px solid #cacaca; border-radius: 50%; opacity: 1;}
.conts_awards .tab_conts .awards_detail .awards_data .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #f5812c; border: 1px solid #f37417;}
.conts_awards .tab_conts .awards_detail .awards_data .btnArr {display: inline-block; left: -35px; width: 30px; height: 30px; background: url(/images/opendata/awards/ico_slide_arr_left.png)no-repeat center; }
.conts_awards .tab_conts .awards_detail .awards_data .btnArr.next {display: inline-block; left: unset; right: -35px; width: 30px; height: 30px; background: url(/images/opendata/awards/ico_slide_arr_right.png)no-repeat center; }
/*.conts_awards .tab_conts .awards_detail .awards_data .cont_inner.first .btnArr {display: inline-block; width: 30px; height: 30px; background: url(/images/opendata/awards/ico_slide_arr_left_b.png)no-repeat center; }*/
/*.conts_awards .tab_conts .awards_detail .awards_data .cont_inner.first .btnArr.next {display: inline-block; width: 30px; height: 30px; background: url(/images/opendata/awards/ico_slide_arr_right_b.png)no-repeat center; }*/

.conts_awards .tab_conts .awards_detail .awards_data .awards_btn {display: flex; gap: 3px; margin-top: 14px;}
.conts_awards .tab_conts .awards_detail .awards_data .awards_btn li { height: 36px; background: #477cf5 url(/images/opendata/awards/ico_btnArr.png)no-repeat right 14px center; border: 1px solid #2d67ec; box-shadow: 0 2px 0 rgba(178, 178, 178, 0.5);}
.conts_awards .tab_conts .awards_detail .awards_data .awards_btn li:first-child {background-color: #393d4a; border: 0;}
.conts_awards .tab_conts .awards_detail .awards_data .awards_btn li a {  display: inline-block; min-width: 107px; padding:0 33px 0 16px; font-size: 14px; font-weight: 500; color: #fff; letter-spacing: -0.045em; line-height: 34px; white-space: nowrap; }
.conts_awards .tab_conts .awards_detail .awards_data .awards_btn li a:hover {text-decoration: none;}


.conts_awards .tab_conts .awards_detail .data_info {display: flex; flex-direction: column; gap: 4px; margin-top: 40px; }
.conts_awards .tab_conts .awards_detail .data_info li {padding: 25px 0 25px 94px; background: #fff; border: 1px solid #a8a8a8;}
.conts_awards .tab_conts .awards_detail .data_info li:nth-of-type(1) {background: #fff url(/images/opendata/awards/ico_info1.png)no-repeat left 26px center; }
.conts_awards .tab_conts .awards_detail .data_info li:nth-of-type(2) {background: #fff url(/images/opendata/awards/ico_info2.png)no-repeat left 24px center;}
.conts_awards .tab_conts .awards_detail .data_info li:nth-of-type(3) {background: #fff url(/images/opendata/awards/ico_info3.png)no-repeat left 23px center;}
.conts_awards .tab_conts .awards_detail .data_info li strong {display: inline-block; margin-bottom: 11px;  font-family: "ONE-Mobile-Regular"; font-size: 17px; color: #393d4a; line-height: 1; letter-spacing: -0.045em;  }
.conts_awards .tab_conts .awards_detail .data_info li strong span { font-family: "ONE-Mobile-Regular"; color: #3a72f1;}
.conts_awards .tab_conts .awards_detail .data_info li p {font-size: 15px; font-weight: 400; color: #464a55; letter-spacing: -0.045em; line-height: 1;}

[class^=popDataListView] .dimmed2 {position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); z-index: 1001;}
[class^=popDataListView] .inner {position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 1002;}
[class^=popDataListView] .inner .btnPopClose {display: inline-block; position: absolute; right: 18px; top: 18px; width: 14px; height: 13px; background: url(/images/opendata/awards/ico_popClose.png)no-repeat center; background-size: 100% auto;}
[class^=popDataListView] img {width: 604px; height: 578px;}



/*탭 메뉴*/
.toggle_conts {display: block;}


/*2023-11-01 학교 스마트기기 매뉴얼 채널 구축*/
#contents.smartDevicePop {width: 970px; padding: 0; margin: 0; }
#contents.smartDevicePop * {box-sizing: border-box;}
#contents.smartDevicePop  #conts.sub_conts2020.smartDeviceChannel{width: 100%; float: none;}
.smartDeviceChannel .desc-page {height: auto;}
.smartDeviceChannel * {box-sizing: border-box;}
.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 a {text-decoration: none;}
.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: #4f98f5; 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: #fa4164 !important; letter-spacing: inherit;}
.smartDeviceChannel .smart_manual .device_tab { margin-top: 25px;}
#contents.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: #4f98f5; border-color: #4f98f5;}
.smartDeviceChannel.ele .smart_manual .device_tab .tab_wrap .tab_menu li.on a {background: #ff7031; border-color: #ff7031;}
.smartDeviceChannel .smart_manual .device_tab .tab_conts {display: none; position: relative; margin-top: 15px;}
.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 p {padding-top: 5px; margin-right: 12px; font-size: 14px; font-weight: 500; color: #30323b; line-height: 19px; letter-spacing: -0.04em;}
.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/opendata/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: #ffffff; line-height: 14px; letter-spacing: -0.045em; border-radius: 2px; background: #4f98f5; }
.smartDeviceChannel.ele .smart_manual .device_tab .tab_conts .all_control_button .download {color: #2f323c; 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/opendata/smartManual/btn_all_down_high.png)no-repeat center bottom; }
.smartDeviceChannel.ele .smart_manual .device_tab .tab_conts .all_control_button .download:after { background:  url(/images/opendata/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 {background: #237df0; }
.smartDeviceChannel.ele .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: #fa4164; text-decoration: none;}
.smartDeviceChannel .smart_manual .device_tab .tab_conts .time_line table tbody td:first-child a.on {color: #fa4164; text-decoration: none;}
.smartDeviceChannel.ele .smart_manual .device_tab .tab_conts .time_line table tbody td:first-child a:hover {color: #ff7031; text-decoration: none;}
.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/opendata/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;}
.manual_video_wrap .data_list{margin:0; padding:0 0 40px 0; border:none; min-height: 0;}
.manual_video_wrap .data_list ul{flex-wrap:nowrap; gap:10px;}
.manual_video_wrap .data_list ul li{margin:0; flex:1;}
.manual_video_wrap .data_list ul li .data_cont{height:124px;}
.manual_video_wrap .data_list ul li .data_cont .img{height:100%; border:1px solid #e9e9e9; border-radius:8px; overflow: hidden;}
.manual_video_wrap .data_list ul li .data_cont .img img{width:100%;}
.manual_video_wrap .data_list ul li .data_cont .hidden_hover_box .d_cont a{width:auto; height:auto; text-align: center; border-radius: 0;}
.manual_video_wrap .data_list ul li .data_cont .hidden_hover_box .d_cont a .w45 {width: 45px;height: auto;position: relative;float: left;  font-size: 12px; color:#393e4a; font-weight: 700;}
.manual_video_wrap .data_list ul li .data_cont .hidden_hover_box .d_cont a:hover .w45 {color: #fff; }
.manual_video_wrap .data_list ul li .data_cont .hidden_hover_box .d_cont a .ico{margin:0 auto;}
.manual_video_wrap .data_list ul li .data_cont .hidden_hover_box .d_cont a .ico.plus {background: url('/images/renew/btn/plus_icon.png')no-repeat center; width: 36px; height: 36px;  border: 1px solid #3c4456; border-radius: 20px; box-sizing: border-box;}
.manual_video_wrap .data_list ul li .data_cont .hidden_hover_box .d_cont a:hover .ico.plus {background:#fff url('/images/renew/btn/plus_icon_on.png')no-repeat center; border:none;}
.manual_video_wrap .data_list ul li .data_cont .hidden_hover_box .d_cont a .ico.down{background: url('/images/renew/btn/down_icon.png')no-repeat center;width: 36px; height: 36px; border: 1px solid #3c4456; border-radius: 20px; box-sizing: border-box;}
.manual_video_wrap .data_list ul li .data_cont .hidden_hover_box .d_cont a:hover .ico.down{background:#fff url('/images/renew/btn/down_icon_on.png')no-repeat center; border:none;}
.manual_video_wrap .data_list ul li .data_cont .hidden_hover_box .d_cont a .ico.preveal {background:url("/images/renew/btn/search_icon.png")no-repeat center;width: 36px; height: 36px; border-radius: 20px; border: 1px solid #3c4456;  box-sizing: border-box;}
.manual_video_wrap .data_list ul li .data_cont .hidden_hover_box .d_cont a:hover .ico.preveal {background:#fff url("/images/renew/btn/search_icon_on.png")no-repeat center; border:none;}
.manual_video_wrap .data_list ul li .data_cont:hover .hidden_hover_box{background:rgba(52,105,190,.9); border-radius: 8px;}

.manual_banner_wrap {position: fixed; top: 150px; right: 10%; z-index: 20;}
.manual_banner_wrap .banner_inner {position: relative;}
.manual_banner_wrap.ele .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/opendata/smartManual/btn_go_ele.png)no-repeat center;}
.manual_banner_wrap.mid .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/opendata/smartManual/btn_go_mid.png)no-repeat center;}
.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/opendata/smartManual/banner_close.png)no-repeat center;}
/* 830홍보배너 */
.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{}
.manual_banner_wrap .banner_inner.type2 .banner_close{right:29px;background-image:url("/images/opendata/smartManual/banner_close02.png");top:19px;}
.manual_banner_wrap .banner_inner.type2 p{text-align:center;}

/* 퀵메뉴 수정 2024-01-17  */
#quickMenu.renew07{top:0; width:180px; z-index: 1002;}
#quickMenu.renew07 .pseudo .quick_menu_visual{width:100%;}
#quickMenu.renew07 .pseudo .quick_menu_visual ul li:nth-child(2),
#quickMenu.renew07 .pseudo .quick_menu_visual ul li:nth-child(6){padding:0;}
#quickMenu.renew07 .pseudo .quick_menu_visual ul li:nth-child(2){padding-top:10px;}
#quickMenu.renew07 .pseudo .quick_menu_visual ul li:nth-child(7){padding-bottom:10px;position:relative;}
#quickMenu.renew07 .pseudo .quick_menu_visual ul li:nth-child(7):after{content:"";display:inline-block;width:60px;height:1px;border-bottom:1px solid #DCDCDC;position:absolute;bottom:0;left:0;margin-left:10px;}
#quickMenu.renew07 .pseudo .quick_menu_visual ul li:nth-child(n+2):nth-child(-n+6){margin-bottom:8px;}
#quickMenu.renew07 .pseudo .quick_menu_visual ul li a{margin:0 10px;width:60px; height:63px; display:flex; flex-direction: column; align-items: center; justify-content: center; gap:8px;}
#quickMenu.renew07 .pseudo .quick_menu_visual ul li a .ico{margin-bottom:0;}
#quickMenu.renew07 .pseudo .quick_menu_visual ul li a .ico:hover{}
#quickMenu.renew07 .pseudo .quick_menu_visual ul li a span{font-size:12px; color:#1E1E21; line-height:1; font-weight:400;}
#quickMenu.renew07 .pseudo .quick_menu_visual ul li a:hover{background:#CCF1FF;border-radius:8px;}
#quickMenu.renew07 .pseudo .quick_menu_visual ul li a:hover span{color:#1E1E21}
#quickMenu.renew07 .pseudo .quick_menu_visual ul li a.fst{padding-top:25px; display:block; height:97px; background:#f4f4f4;width:80px;margin:0;}
#quickMenu.renew07 .pseudo .quick_menu_visual ul li a.fst .ico{margin-bottom:12px;}
#quickMenu.renew07 .pseudo .quick_menu_visual ul li a.fst span{color:#5f636c; font-weight:500;}
#quickMenu.renew07 .pseudo .quick_menu_visual ul li .q_class_helper{padding:20px 18px;}
#quickMenu.renew07 .pseudo .quick_menu_visual ul li .q_class_helper a{padding:0; width:44px; height:44px; border-radius: 4px; border:1px solid transparent;margin:0;position:relative;}
#quickMenu.renew07 .pseudo .quick_menu_visual ul li .q_class_helper a+a{margin-top:15px;}
#quickMenu.renew07 .pseudo .quick_menu_visual ul li .q_class_helper a:hover{background-color:#E9E9ED;}
#quickMenu.renew07 .pseudo .quick_menu_visual ul li .q_class_helper a .ico{background-size:auto;}
#quickMenu.renew07 .pseudo .quick_menu_visual ul li .q_class_helper a .ico.ico_q_smart{width:48px;height:44px;background:url('../images/renew/ico/ico_q_smart2.svg') no-repeat center center;}
#quickMenu.renew07 .pseudo .quick_menu_visual ul li .q_class_helper a.new:after{content:"";display:inline-block;position:absolute;top:50%;transform:translate(26px, calc(-50% - 19px));width:6px;height:6px;background-color:#FF0000;border-radius:50%;}
#quickMenu.renew07 .pseudo .quick_menu_visual ul li:last-child{padding:0;}
#quickMenu.renew07 .ico.ico_q_timer{width:34px; height:34px; background-image:url('../images/renew/ico/ico_q_timer.svg');}
#quickMenu.renew07 .ico.ico_q_writing{width:34px; height:34px; background-image:url('../images/renew/ico/ico_q_writing.svg');}
#quickMenu.renew07 .ico.ico_q_stop{width:34px; height:34px; background-image:url('../images/renew/ico/ico_q_stop.png');}
#quickMenu.renew07 .ico.ico_q_helper{width:34px; height:34px; background-image:url('../images/renew/ico/ico_q_helper.png');}
#quickMenu.renew07 .ico.ico_q_blind{width:34px; height:34px; background-image:url('../images/renew/ico/ico_q_blind.png');}
#quickMenu.renew07 .ico.ico_q_request{width:30px; height:27px; background-image:url('../images/renew/ico/ico_q_request.svg');}
#quickMenu.renew07 .ico.ico_q_roulette{width:21px; height:34px; background-image:url('../images/renew/ico/ico_q_roulette.png');}
#quickMenu.renew07 .ico.ico_q_attention{width:36px;height:33px;background-image:url('../images/renew/ico/ico_q_attention.svg');}
#quickMenu.renew07 .ico.ico_q_smart{width:81px;height:10px;background-image:url('../images/renew/ico/ico_q_smart.svg');}
#quickMenu.renew07 .pseudo .quick_menu_visual ul li a:hover .ico.ico_q_log{background-image: url('../images/renew/ico/ico_q_logout.svg');}
#quickMenu.renew07 .pseudo .quick_menu_visual ul li a.fst:hover{background-color:#f4f4f4;border-radius:0;}
#quickMenu.renew07 .pseudo .quick_menu_visual ul li a:hover .ico.ico_q_bank{background-image: url('../images/renew/ico/ico_q_bank.svg');}
#quickMenu.renew07 .pseudo .quick_menu_visual ul li a:hover .ico.ico_q_reference{background-image: url('../images/renew/ico/ico_q_reference.svg');}
#quickMenu.renew07 .pseudo .quick_menu_visual ul li a:hover .ico.ico_q_class{background-image: url('../images/renew/ico/ico_q_class.svg');}
#quickMenu.renew07 .pseudo .quick_menu_visual ul li a:hover .ico.ico_q_book{background-image: url('../images/renew/ico/ico_q_book.svg');}
#quickMenu.renew07 .pseudo .quick_menu_visual ul li a:hover .ico.ico_q_request{background-image: url('../images/renew/ico/ico_q_request.svg');}
#quickMenu.renew07 .pseudo .quick_menu_visual ul li a:hover .ico.ico_q_timer{background-image:url('../images/renew/ico/ico_q_timer.svg');}
#quickMenu.renew07 .pseudo .quick_menu_visual ul li a:hover .ico.ico_q_writing{background-image:url('../images/renew/ico/ico_q_writing.svg');}
#quickMenu.renew07 .pseudo .quick_menu_visual ul li a:hover .ico.ico_q_stop{background-image:url('../images/renew/ico/ico_q_stop.png');}
#quickMenu.renew07 .pseudo .quick_menu_visual ul li a:hover .ico.ico_q_helper{background-image:url('../images/renew/ico/ico_q_helper.png');}
#quickMenu.renew07 .pseudo .quick_menu_visual ul li a:hover .ico.ico_q_blind{background-image:url('../images/renew/ico/ico_q_blind.png');}
#quickMenu.renew07 .pseudo .quick_menu_visual ul li a:hover .ico.ico_q_roulette{background-image:url('../images/renew/ico/ico_q_roulette.png');}
#quickMenu.renew07 .pseudo .quick_menu_visual ul li .q_class_helper a:first-child:hover {background-color:transparent;}

#quickMenu.renew07 .loginbox{background:#fff; border-color:#6978B5; border-bottom:1px solid #e3e3e3; border-top:none;}
#quickMenu.renew07 .loginbox .title{margin-bottom:10px; padding:0 14px; font-size:14px; color:#444853; font-weight:500; line-height:1;}
#quickMenu.renew07 .input_wrap {margin:0 13px 0;  padding:0; border:2px solid #686c72; border-radius:6px; overflow: hidden}
#quickMenu.renew07 .input_wrap input {width: 100%;height: 34px;padding: 5px 12px;border: none;border-bottom: 1px solid #c6cbd0; background: none;font-size: 13px;box-sizing: border-box;}
#quickMenu.renew07 .input_wrap input[type="password"]{border-bottom:none;}
#quickMenu.renew07 .input_wrap input::placeholder{color:#8fa0ad;}
#quickMenu.renew07 .login_check{margin-top:7px; padding:0 14px; height:31px;}
#quickMenu.renew07 .login_check label{display:block;font-size:12px; color:#838383; cursor:pointer;line-height:18px;}
#quickMenu.renew07 .btn_login{margin:0 14px 7px;width:152px;height:auto;font-size:13px;color:#fff;line-height:35px;border-radius:3px;background:#3bc0f7;border:none;}
#quickMenu.renew07 .btn_login:hover{background:#538fef;}
#quickMenu.renew07 .btns.quickBtns{margin-top:7px;background:#fff; border:none;}
#quickMenu.renew07 .btns.quickBtns a{display:inline-block;float:none;padding:0 10px;width:auto;height:auto;line-height:20px;font-size:12px;color:#838383;box-sizing:border-box; background:#fff;}
#quickMenu.renew07 .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.renew07 .btns.quickBtns a:first-child{border:none;}
#quickMenu.renew07 .btns.quickBtns a:last-child{border:none;}
#quickMenu.renew07 .login_before .sns_login{margin-top:13px; padding-bottom:20px; width:100%;}
#quickMenu.renew07 .login_before .sns_login ul{padding:0; justify-content:center; gap:3px;}
#quickMenu.renew07 .loginbox .login_after_wrap .login_after.before_certify{padding:0 13px;}
#quickMenu.renew07 .login_after_wrap .login_after > a{height:auto; background:#557ced; line-height:31px; text-align:center;}
#quickMenu.renew07 .login_after_wrap .login_after > a span{line-height:31px;}
#quickMenu.renew07 .login_after_wrap .login_after > a i{margin-left:7px; display:inline-block; width:6px; height:31px; background:url('/images/renew/btn/arr_type12.png') no-repeat center; vertical-align:top;}
#quickMenu.renew07 .login_after_wrap .login_after > a:hover{background:#59bfff;}
#quickMenu.renew07 .line_type{border-color:#6978B5;position:relative;}
#quickMenu.renew07 .bookmark{padding-bottom:0; border:none;}
#quickMenu.renew07 .bookmark li{border-bottom:1px solid #e3e3e3;}
#quickMenu.renew07 .bookmark li:last-child{border-bottom:1px solid #e3e3e3;}
#quickMenu.renew07 .bookmark ul li a{display:flex; gap: 4px; background:none;}
#quickMenu.renew07 .bookmark ul li a .ico_new{flex:none; width:6px; height:6px; background-color: #ff223c; border-radius: 100%;}
#quickMenu.renew07 .bookmark ul li a:hover{background:none;}
#quickMenu.renew07 .teacher_tools {margin-top:14px; padding:0 14px; border: none;}
#quickMenu.renew07 .teacher_tools ul{margin:5px 0;border-radius:5px; border:1px solid #7b8fa9; overflow:hidden;}
#quickMenu.renew07 .teacher_tools ul li {padding: 0; border-bottom: 1px solid #bed3ec;}
#quickMenu.renew07 .teacher_tools ul li:last-child {border-bottom: none;}
#quickMenu.renew07 .teacher_tools ul li a {position:relative;display:block; padding:0 13px; font-size:13px; color: #44494f;font-weight: 400;line-height: 32px; background:#e0eeff;}
#quickMenu.renew07 .teacher_tools 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.renew07 .teacher_tools ul li a:after{content:'';position:absolute; right:13px; top:0; bottom:0; width:6px; background:url('../images/renew/ico/ico_quick_arr.png') no-repeat center center;}
#quickMenu.renew07 .teacher_tools ul li a:hover{background:#4f98f5; color:#fff; font-weight:500;}
#quickMenu.renew07 .teacher_tools ul li a:hover:after{background-image:url('../images/renew/ico/ico_quick_arr_on.png');}

/*비버샘 퀵메뉴 */
#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/renew/ico/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.renew07 .viversam_menu2.event{margin:0;position:absolute;top:300px;left:-169px;width:168px;height:139px;background-color:#fff;border-radius:20px 0 0 20px;}
#quickMenu.renew07 .viversam_menu2.event .viver_char{background-image:url("../images/renew/ico/logo_viversam_share02.png");width:60px;height:121px;margin:0;position:absolute;top:0;right:0;z-index:2;}
#quickMenu.renew07 .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;line-height:16px;margin:0 auto;border-radius:10px;font-weight:300;}
#quickMenu.renew07 .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.renew07 .viversam_menu2.event .txt span:before{content:"";display:inline-block;width:12px;height:16px;position:absolute;top:0;left:0;background:url("../images/renew/ico/ico_share_small.png")no-repeat center center;}
#quickMenu.renew07 .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.renew07 .viversam_menu2.event button:after{content:"";display:inline-block;width:10px;height:10px;background:url("../images/renew/ico/ico_close_small.png")no-repeat center center;margin-left:3px;}
#quickMenu.renew07 .viversam_menu2.event.on button{display:none;}
#quickMenu.renew07 .viversam_menu2.event.on,#quickMenu.renew07 .viversam_menu2.event.on .viver_char,#quickMenu.renew07 .viversam_menu2.event.on .txt{position:static;}
#quickMenu.renew07 .viversam_menu2.event.on{margin:0 auto;}
#quickMenu.renew07 .viversam_menu2.event.on .viver_char{background-image:url("../images/renew/ico/logo_viversam_share01.gif");width:114px;height:94px;margin:0 auto;}
#quickMenu.renew07 .viversam_menu2.event.on .txt{transform:none;}
/* */
#quickMenu.renew07 .btn_side{top:20px; right:180px; width:28px; height:32px; background:url('../images/renew/ico/ico_quick_btn.svg') no-repeat right top;}
#quickMenu.renew07.q_open .btn_side{background-position-y:bottom;}

/* 241중고등개편 240217 */
.topDesc.top_desc2023.topDesc[class*="top_desc"] .wrap-topDesc .btns .strGubun_box{position:relative;}
.topDesc.top_desc2023.topDesc[class*="top_desc"] .wrap-topDesc .btns .strGubun_box *{box-sizing: border-box;}
.topDesc.top_desc2023.topDesc[class*="top_desc"] .wrap-topDesc .btns .strGubun_box .btn{padding:0 16px 0 43px; display:block; width:auto; font-size:14px; color:#fff; font-weight:500; line-height:36px; border-radius: 5px; background:#4083ed url('/images/common/icon/ico_datalist.png') no-repeat left 16px center; box-shadow: 0 3px 2px rgba(0, 82, 157, 0.17);}
.topDesc.top_desc2023.topDesc[class*="top_desc"] .wrap-topDesc .btns .strGubun_box .strGubun_layer{position:absolute; bottom:calc(100% - 2px); right:-4px;padding:6px 9px; width:260px; height:56px; background:url('/images/common/icon/bg_txt_info_layer.png') no-repeat center; z-index: 10;}
.topDesc.top_desc2023.topDesc[class*="top_desc"] .wrap-topDesc .btns .strGubun_box .strGubun_layer p{font-size:12px; color:#4083ed; font-weight:400; line-height:16px; text-align: left}
.topDesc.top_desc2023.topDesc[class*="top_desc"] .wrap-topDesc .btns .strGubun_box .strGubun_layer .cloz{position:absolute; top:10px; right:10px; width:8px; height:8px; background:url('/images/common/icon/ico_cloz.png') no-repeat center; box-shadow: none; border-radius: 0;}
.topDesc.top_desc2023.topDesc[class*="top_desc"] .wrap-topDesc .btns .strGubun_box .strGubun_list_layer{display:none;position:absolute; top:100%; left:50%; transform:translateX(-50%); padding-top:5px; z-index: 10;}
.topDesc.top_desc2023.topDesc[class*="top_desc"] .wrap-topDesc .btns .strGubun_box .strGubun_list_layer:before{content:''; position:absolute;top:-3px; left:50%; transform:translateX(-50%); width:14px; height:9px; background:url('/images/common/icon/obj_txt_info_layer.png') no-repeat center;}
.topDesc.top_desc2023.topDesc[class*="top_desc"] .wrap-topDesc .btns .strGubun_box .strGubun_list_layer ul{border:1px solid #1e1e1e; border-radius:10px; overflow:hidden;box-shadow: 1px 3px 0 1px rgba(18,18,18,.1);}
.topDesc.top_desc2023.topDesc[class*="top_desc"] .wrap-topDesc .btns .strGubun_box .strGubun_list_layer ul li{padding:0 15px; background:#fff;}
.topDesc.top_desc2023.topDesc[class*="top_desc"] .wrap-topDesc .btns .strGubun_box .strGubun_list_layer ul li+li{border-top:1px solid #e9e9e9;}
.topDesc.top_desc2023.topDesc[class*="top_desc"] .wrap-topDesc .btns .strGubun_box .strGubun_list_layer ul li a{position:relative;padding-left:7px;display:block; width:100%; font-size:13px; color:#5f626a; font-weight:400; line-height:33px; background:transparent; white-space:nowrap; overflow: hidden; text-overflow:ellipsis; box-shadow: none; border-radius:0;}
.topDesc.top_desc2023.topDesc[class*="top_desc"] .wrap-topDesc .btns .strGubun_box .strGubun_list_layer ul li a:before{content:'·'; position:absolute; left:0; top:50%; transform:translateY(-50%);}
.topDesc.top_desc2023.topDesc[class*="top_desc"] .wrap-topDesc .btns .strGubun_box .strGubun_list_layer ul li a:hover{color:#ff584e; text-decoration:underline; text-underline-position:under;}
.topDesc.top_desc2023.topDesc[class*="top_desc"] .wrap-topDesc .btns .strGubun_box .strGubun_list_layer ul li.on{background:#fff8f8;}
.topDesc.top_desc2023.topDesc[class*="top_desc"] .wrap-topDesc .btns .strGubun_box .strGubun_list_layer ul li.on a{color:#ff584e;}
.topDesc.top_desc2023.topDesc[class*="top_desc"] .wrap-topDesc .btns .strGubun_box.ty2:hover .strGubun_list_layer{display:block;}

/* 비바클래스 홍보 영역 */
.vivaClass_top_bnr{background:#6CD7FB;}
.vivaClass_top_bnr article{position:relative; margin:0 auto; max-width: 1200px;}
.vivaClass_top_bnr .img{width:100%;min-height:62px; background:url('/images/main/2024/topbanner_241104.png') no-repeat center bottom;}
.vivaClass_top_bnr .close_vivaClass{position:absolute; right:0; top:50%; transform:translateY(-50%); padding:0 12px; font-size:12px; color:#fff; font-weight:400; line-height:22px; border-radius:13px;}
.vivaClass_top_bnr .close_vivaClass i{margin-left:7px; display:inline-block; width:7px; height:23px; background:url('/images/main/2024/btn_viva_close.png') no-repeat center; vertical-align: top;}

.vivaClass_top_bnr.aidt{background-color:#4E64FF;}
.vivaClass_top_bnr.aidt .img{min-height:50px; background:url('/images/main/2024/topbanner_241202.png') no-repeat center bottom;}
.vivaClass_top_bnr.aidt .close_vivaClass{line-height:25px; padding:0 10px; border:1px solid #fff;}
.vivaClass_top_bnr.aidt .close_vivaClass i{display:none;}

/* 창체 개편 240229 */
#gnb .gnb_wrap ul.gnb li{width:auto;}
#gnb .gnb_depth .menu .inner .menu_list{padding-left:300px;}
#gnb .gnb_depth .menu .inner .menu_list > li{min-width:0;}
#gnb .gnb_depth .menu .inner .menu_list > li+li{margin-left:20px;}
#gnb .gnb_depth .menu .inner .menu_list > li h3{font-size:16px; font-weight:600; line-height:1;}
#gnb .gnb_depth .menu .inner .menu_list > li h3 a{font:inherit; color:inherit;}
#gnb .gnb_depth .menu .inner .menu_list > li a{color:#000; line-height:1.7;}
#gnb ul.gnb li.new:after,
#gnb ul.gnb li.y22::after,
#gnb ul.gnb_aside li.new::after {
    content: "";
    display: inline-block;
    position: absolute;
    left: 5px;
    top: 3px;
    width: 32px;
    height: 14px;
    background: url(../images/common/ic_new.png) no-repeat center;
}

#contents #lnb .menu_new.menu_renew07 > ul > li > h5 a{padding-left:0; font:inherit; color:inherit;}
#contents #lnb .menu_new.menu_renew07 > ul > li > h5 a:after{display:none;}
#contents #lnb .menu_new.menu_renew07 > ul > li > h5 a:hover{text-decoration:none;}


/* 2024-09-04 교과자료 > lnb 배너 (추천자료) */
#contents #lnb .banner > a{height:50px;display:flex; align-items:center;}
#contents #lnb .banner > a p{display:block; height:auto;}
#contents #lnb .banner > a img.icon{position:static; margin-left:5px; transform:translate(0); width:auto; height:auto;}
.main_top_type02 .visual .content .recommend_wrap .recommend_list .swiper-slide.new22icon a:before{content:''; position:absolute; right:5px; bottom:4px; width:61px; height:25px; background:url('/images/renew/ico/ico_22.png') no-repeat center;}
.theme_box .theme_container .mix .theme_contents_box .ico_theme_new{padding:0; width:61px; height:25px; font-size:13px; line-height:24px;}

/* 바로바로 음악 자료실 */
#gnb .gnb_depth .menu .inner .menu_list > li a .gnbNew{margin-left:5px;}
#contents #lnb .menu_new.menu_renew07 li a .new{margin-left:5px;}
.topDesc.top_desc2023.topDesc[class*="top_desc"] .wrap-topDesc .btns .strGubun_box .btn .new{margin-left:5px; vertical-align:middle;}
.topDesc.top_desc2023.topDesc[class*="top_desc"] .wrap-topDesc .btns .strGubun_box .strGubun_list_layer ul li.newIco a:after{content:''; margin-left:5px; display:inline-block; width:15px; height:33px; background:url('/images/renew/ico/ico_new2.png') no-repeat center; vertical-align: top;}

.fastMusic .page_sub_tit{margin-top:40px; font-size:24px; color:#393d4a; font-weight:600; line-height:1;}
.fastMusic .page_sub_tit.circle{position:relative; padding-left:28px;}
.fastMusic .page_sub_tit.circle:before{content:''; position:absolute; left:0; top:2px; width:19px; height:20px; background:url('/images/opendata/fastMusic/ico_circle.png') no-repeat center;}
.fastMusic .page_sub_txt{margin-top:15px; font-size:16px; color:#606677; font-weight:400; line-height:1.3; letter-spacing: -.045em;}
.fastMusic_wrap{margin-top:10px;}
.fastMusic_wrap .edutech{padding:30px; display:flex; gap:45px;}
.fastMusic_wrap .edutech:after{display:none;}
.fastMusic_wrap .edutech .img_wrap{float:none; width:250px;}
.fastMusic_wrap .edutech .img_wrap:after{display:none;}
.fastMusic_wrap .edutech .img_box {position: relative; padding-right: 11px;}
.fastMusic_wrap .edutech .img_box img {width: 100%;}
.fastMusic_wrap .edutech .img_box:after {content: '';position: absolute;right: 0;top: 0;bottom: 0;width: 11px;background: url('../images/opendata/aidt/edutech_line.png') no-repeat left center / auto 100%;}
.fastMusic_wrap .edutech .btn_preview{margin-top:20px; display:block; font-size:15px; color:#333; line-height:36px; font-weight:400; text-align:center; border-radius:8px; border:1px solid #a4a4a4;}
.fastMusic_wrap .edutech .btn_preview i{margin-left:5px; display:inline-block; width:17px; height:36px;background:url('/images/opendata/fastMusic/icon_view.png') no-repeat center; vertical-align:top;}
.fastMusic_wrap .edutech .desc_wrap{flex:1;}
.fastMusic_wrap .edutech .desc_wrap ul li{padding:20px 10px 20px;}
.fastMusic_wrap .edutech .desc_wrap ul li+li{border-top:1px solid #dbdbdb}
.fastMusic_wrap .edutech .desc_wrap ul li strong{font-size:20px; color:#4c77cf; font-weight:600; line-height:1; letter-spacing:-0.04em;}
.fastMusic_wrap .edutech .desc_wrap ul li p{margin-top:5px; font-size:20px; color:#2c2f39; font-weight:400; line-height:1.5; letter-spacing:-0.04em;}
.fastMusic_wrap .info_text{margin-top:30px; font-size:15px; color:#464a55; font-weight:400; line-height:1; text-align:right;}

.fastMusic_list{margin-top:20px;}
.fastMusic_list .fm_tab{display:flex; border:1px solid #bbb; border-radius:8px; overflow:hidden; background:#f7f7f7;}
.fastMusic_list .fm_tab .tab_btn{flex:1; height:42px; font-size:15px; color:#222; font-weight:400;}
.fastMusic_list .fm_tab .tab_btn+.tab_btn{border-left:1px solid #ddd;}
.fastMusic_list .fm_tab .tab_btn.on{color:#fff; font-weight:600; background:#4083ed;}
.fastMusic_list .captionInfo{margin-top:24px;}
.fastMusic_list .captionInfo .info{font-size:22px; color:#393d4a; line-height:1;}
.fastMusic_list .captionInfo .info span{color:#3d81ee;}
.fastMusic_list .tabCtl{margin-top:30px;}
.fastMusic_list .tabCtl .tabCtl_inner{display:flex; gap:24px;}
.fastMusic_list .tabCtl .select-all input[type=checkbox]{display:none; appearance:none;}
.fastMusic_list .tabCtl .select-all input[type=checkbox]+label{position:relative; padding-left:24px; display:block;}
.fastMusic_list .tabCtl .select-all input[type=checkbox]+label span{margin:0; min-height:0; display:block; font-size:14px; color:#1e1e1e; line-height:18px; font-weight:400;}
.fastMusic_list .tabCtl .select-all input[type=checkbox]+label:before{content:''; position:absolute; left:0; top:0; width:18px; height:18px; background:url('/images/opendata/fastMusic/ico_chkbox.png') no-repeat center top;}
.fastMusic_list .tabCtl .select-all input[type=checkbox]:checked+label:before{background-position-y:bottom;}
.fastMusic_list .tabCtl .btn_bookmark{font-size:14px; color:#1e1e1e; line-height:18px;}
.fastMusic_list .tabCtl .btn_bookmark span{width:17px; height:18px; background:url('/images/opendata/fastMusic/ico_plus.png') no-repeat center; border-radius:0;}
.fastMusic_list .tabCtl .btn_download{font-size:14px; color:#1e1e1e; line-height:18px;}
.fastMusic_list .tabCtl .btn_download span{width:14px; height:18px; background:url('/images/opendata/fastMusic/ico_down.png') no-repeat center; border-radius:0;}

.fastMusic_list .data_list.data_list2020{border-top:none;}
.fastMusic_list .data_list.data_list2020 ul{gap:35px 16px;}
.fastMusic_list .data_list.data_list2020 ul li{margin:0; width:169px;}
.fastMusic_list .data_list.data_list2020 ul li .data_cont{height:171px; border:1px solid #d7dce6; border-radius:10px; cursor:pointer;}
.fastMusic_list .data_list.data_list2020 ul li .data_cont .img{height:100%; border:none;}
.fastMusic_list .data_list.data_list2020 ul li .data_cont .hidden_hover_box .d_cont {bottom: 10px;display: flex; justify-content: center; align-items:center; gap:5px;}
.fastMusic_list .data_list.data_list2020 ul li .data_cont .hidden_hover_box .d_cont a{margin:0;display:block;border-radius:50%;}
.fastMusic_list .data_list.data_list2020 ul li .data_cont .hidden_hover_box .d_cont a .ico {width:100%;height:100%; border-radius:50%; border:1px solid #3d4557;}
.fastMusic_list .data_list.data_list2020 ul li .data_cont .hidden_hover_box .d_cont a .ico.preveal{background:url('/images/opendata/fastMusic/ico_view.png') no-repeat center;}
.fastMusic_list .data_list.data_list2020 ul li .data_cont .hidden_hover_box .d_cont a .ico.plus{background:url('/images/opendata/fastMusic/ico_plus.png') no-repeat center;}
.fastMusic_list .data_list.data_list2020 ul li .data_cont .hidden_hover_box .d_cont a .ico.down{background:url('/images/opendata/fastMusic/ico_down2.png') no-repeat center;}
.fastMusic_list .data_list.data_list2020 ul li .data_cont .hidden_hover_box .d_cont a .ico.icon_share{background:url('/images/opendata/fastMusic/ico_share.png') no-repeat center;}

.fastMusic_list .data_list.data_list2020 ul li p.chk_cont{margin-top:14px;}
.fastMusic_list .data_list.data_list2020 ul li p.chk_cont .chk_box input[type=checkbox]{display:none; appearance:none;}
.fastMusic_list .data_list.data_list2020 ul li p.chk_cont .chk_box input[type=checkbox]+label{padding-left:33px; width:auto; max-height:46px; font-size:16px; color:#2d3646; font-weight:400; line-height:23px;}
.fastMusic_list .data_list.data_list2020 ul li p.chk_cont .chk_box input[type=checkbox]+label:before{content:''; position:absolute; left:0; top:0; width:23px; height:23px; background:url('/images/opendata/fastMusic/ico_chkbox2.png') no-repeat center top;}
.fastMusic_list .data_list.data_list2020 ul li p.chk_cont .chk_box input[type=checkbox]:checked+label:before{background-position-y:bottom;}

.fastMusic_list .data_list.data_list2020 ul li .data_cont:hover .hidden_hover_box{background:rgba(77, 140, 240, 0.8);}
.fastMusic_list .data_list.data_list2020 ul li .data_cont .hidden_hover_box .d_cont a:hover .ico{border-color:#fff;}
.fastMusic_list .data_list.data_list2020 ul li .data_cont .hidden_hover_box .d_cont a:hover .ico.preveal{background-color:#fff; background-image:url('/images/opendata/fastMusic/ico_view_on.png');}
.fastMusic_list .data_list.data_list2020 ul li .data_cont .hidden_hover_box .d_cont a:hover .ico.plus{background-color:#fff; background-image:url('/images/opendata/fastMusic/ico_plus_on.png');}
.fastMusic_list .data_list.data_list2020 ul li .data_cont .hidden_hover_box .d_cont a:hover .ico.down{background-color:#fff; background-image:url('/images/opendata/fastMusic/ico_down2_on.png');}
.fastMusic_list .data_list.data_list2020 ul li .data_cont .hidden_hover_box .d_cont a:hover .ico.icon_share{background-color:#fff; background-image:url('/images/opendata/fastMusic/ico_share_on.png');}

.fastMusic_list .btn-more-wrapper .more_btn{width: 212px;margin: 40px auto 0;font-size: 16px;font-weight: 400;border: 1px solid #e0e0e0;background: #f1f1f1;border-radius: 19px;}
.fastMusic_list .btn-more-wrapper .more_btn span{font:inherit; color:#1a7fd4;}
.fastMusic_list .btn-more-wrapper .more_btn:before {width: 13px;margin-right: 9px;background: url(/images/opendata/fastMusic/arr_down.png) no-repeat center center;}

.vertical__middle{vertical-align: middle;}

/* 교과서 홍보 플로팅 배너 추가 2024-10-22 */
#header .top_common .left_module a.new{padding-left:27px; background:url('/images/renew/ico/ico_new.png') no-repeat left 10px center;}



/* 비바클래스 홍보 영역 */
.vivaClass_top_bnr{background:#FF6699;}
.vivaClass_top_bnr article{position:relative; margin:0 auto; max-width: 1200px;}
.vivaClass_top_bnr .img{width:100%;min-height:50px; background:url('/images/main/2025/topbanner_2504.png') no-repeat center bottom;}
.vivaClass_top_bnr .close_vivaClass{position:absolute; right:0; top:50%; transform:translateY(-50%); padding:0 12px; font-size:12px; color:#fff; font-weight:400; line-height:22px; border-radius:13px; border:1px solid #fff;}
.vivaClass_top_bnr .close_vivaClass i{margin-left:7px; display:inline-block; width:7px; height:23px; background:url('/images/main/2024/btn_viva_close.png') no-repeat center; vertical-align: top;}

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

.onoff_wrap .switch.wish {width: 32px; height: 32px;}
.onoff_wrap .switch.wish .slider01 {width: 100%; height: 100%; background: #fff;}
.onoff_wrap .switch.wish .slider01::before {left: 0; bottom: 0; width: 18px; height: 17px; margin: 10px 7px 8px; background: url('/images/renew2025/icon_heart_18x17.png') no-repeat 0 0; border-radius: 0; transition: none;}
.onoff_wrap .switch.wish input:checked + .slider01::before {transform: none; background-position-y: 100%;}

/* 상당 공통영역 */
#header #top {width: 1200px; height: auto;}
#header #top .inner_top {gap: 10px; margin: 32px 0 27px;}
/*#header #top h1 a {width: 262px; height: 65px; background: url('/images/renew2025/logo_vivasam_262x65_2x.png') no-repeat 0 0 / 262px 65px;}*/
#header #top h1 a {width: 288px; height: 65px; background: url('/images/renew2025/logo_v0523.png') no-repeat 0 0 / 288px 65px;}
#header.fix #gnb .gnb_wrap {width: 1200px;}
/*#header.fix .logo {width: 200px; height: 28px; margin: 2px 87px 0 0; background: url('/images/renew2025/logo_vivasam_200x28.png') no-repeat 0 0 / 100%;}*/
#header.fix .logo {width: 200px; height: 28px; margin: 2px 87px 0 0; background: url('/images/renew2025/logo_vivasam_200x28_black.png') no-repeat 0 0 / 100%;}

#header .search_wrap {width: 340px; height: 40px; background: #fff; border-color: #0057ed; box-shadow: 0 4px 11px 0 rgba(52,112,208,0.16);}
#header .issuekeyword ul li a b {margin-right: 10px; font-size: 14px; color: #273fa1; font-weight: 700;}
#header .issuekeyword ul li a span {font-size: 14px; color: #1e1e21; font-weight: 400;}
#header .search_form {padding: 8px 47px 8px 16px;}
#header .search_form .btn_search {right: 10px; width: 37px; height: 37px; margin: 0; background: url('/images/renew2025/icon_search.png') no-repeat center; border-radius: 0;}
#header .top_common {height: 36px; background: #f4f8ff;}
#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;}
#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: 700;}
#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 div.module_samquiz {padding-right: 20px; background-image: url('/images/renew2025/icon_samquiz_arr.png'); background-repeat: no-repeat; background-position: right 5px top 50%;}
#header .top_common .left_module div.module_samquiz ul {padding-top: 9px; border: 0;}
#header .top_common .left_module div.module_samquiz ul :nth-child(1) {padding: 0; border: 0;}
#header .top_common .left_module div.module_samquiz li {white-space: nowrap;}
#header .top_common .left_module div.module_samquiz li a {display: inline; font-size: 12px; color: #273fa1;}
#header .top_common .left_module div.module_samquiz li:hover a {background: none;}
#header .top_common .left_module div.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 div.module_samquiz li a:hover {color: #273fa1; font-weight: 700; text-decoration: underline; background: none;}
#header .top_common .left_module div.module_samquiz:hover {z-index: 10000; background-image: url('/images/renew2025/icon_samquiz_arr_on.png')}
#header .top_common .left_module div.module_samquiz:hover ul {display: flex;}
#header .top_common .right_module a {padding: 0 7px; color: #53565d;}
#header .top_common .right_module a::after {width: 2px; height: 2px; background: #53565d;}

.vivaClass_top_bnr.aidt2 {display: none; background: #4e64ff;}
.vivaClass_top_bnr.aidt2 .img {background: url('/images/main/2025/topbanner_2502.png') no-repeat 50%;}
.vivaClass_top_bnr.aidt2 .close_vivaClass{line-height:25px; padding:0 10px;}
.vivaClass_top_bnr.aidt2 .close_vivaClass i{display:none;}

/* gnb */
#gnb {height: auto;}
#gnb .gnb_wrap {justify-content: start;}
#gnb .gnb_subject {height: 100%;}
#gnb .gnb_subject .gnb_subject_wrap {white-space: nowrap;}
#gnb .gnb_subject .gnb_subject_wrap #setting {width: 28px; height: 28px; margin: 0 24px 0 0; vertical-align: -7px; background: url('/images/renew2025/icon_setting.png') no-repeat 0 0;}
#gnb .gnb_subject .gnb_subject_wrap .link_textbook {padding: 23px 0 16px; font-size: 18px; font-weight: 700; color: #6978b5;}

#gnb ul.gnb,
#gnb ul.gnb_aside {gap: 28px;}
#gnb ul.gnb li,
#gnb ul.gnb_aside li {margin: 0;}
#gnb ul.gnb li.new::before,
#gnb ul.gnb_aside li.new::before {content: ''; position: absolute; right: -5px; top: 12px; width: 6px; height: 6px; background: #ff0000; border-radius: 100%;}
#gnb ul.gnb li.new::after,
#gnb ul.gnb_aside li.new::after {background: none;}
#gnb ul.gnb li.y22::after {left: 2px; top: 0;}
#gnb ul.gnb li.y22::after {width: 48px; height: 16px; background-image: url('/images/renew2025/icon_y22_blue_48x16_2x.png'); background-size: 48px 16px;}
#gnb ul.gnb li a,
#gnb ul.gnb_aside li a {padding-bottom: 16px; color: #1e1e21;}
#gnb ul.gnb {padding-left: 29px;}
#gnb ul.gnb::before {width: 1px; height: 18px; margin-top: 7px; background: #273fa1;}
#gnb ul.gnb li:first-child {margin-left: 0;}
#gnb ul.gnb li a::after {content: none;}
#gnb ul.gnb li a:hover,
#gnb ul.gnb li a.hover,
#gnb ul.gnb li.on > a {color: #0057ed;}
#gnb ul.gnb li a:hover::before,
#gnb ul.gnb li.on a::before {background: #0057ed; border-radius: 4px;}
#gnb ul.gnb_aside {display: flex; margin-left: auto;}
#gnb ul.gnb_aside li a {display: block; cursor: pointer;}
#gnb ul.gnb_aside img {width: 100%; vertical-align: middle;}
#gnb ul.gnb_aside .vivaSam {position: relative; padding-left: 35px; color: #273fa1; line-height:1;}
#gnb ul.gnb_aside .vivaSam::before {content:''; position: absolute; left: 0; top: 50%; width: 32px; height: 35px; margin-top: calc(-35px / 2); background: url('/images/renew2025/icon_vivasamter_2x.png') no-repeat 0 0 / 100%;}
#gnb ul.gnb_aside .vivaSam:hover {text-decoration: none;}
#gnb ul.gnb_aside .vivaClass {width: 98px;}
#gnb ul.gnb_aside .samQuiz {width: 60px;}

#header.fix .logo.mr_short {margin-right: 87px;}
#header.fix #gnb ul.gnb::before {margin-top: 2px;}
#header.fix #gnb ul.gnb li {margin: 0;}
#header.fix #gnb ul.gnb li a {padding: 20px 0 16px;}
#header.fix #gnb ul.gnb li.new::before,
#header.fix #gnb ul.gnb_aside li.new::before {top: 10px;}
#header.fix #gnb .gnb_subject .gnb_subject_wrap .link_textbook {padding-top: 20px;}

#gnb .gnb_depth {top: 57px;}
#gnb .gnb_depth .menu {background: #e9f2ff; border: 0; box-shadow: 3px 3px 5px 0 rgba(0,0,0,0.11);}
#gnb .gnb_depth .menu .inner {height: auto; min-height: 328px;}
#gnb .gnb_depth .menu .inner .menu_list {padding: 44px 0;}
#gnb .gnb_depth .menu .inner .menu_list > li+li {margin-left: 55px;}
#gnb .gnb_depth .menu .inner .menu_list > li h3 {margin: 0 0 20px; font-size: 18px; color: #273fa1; font-weight: 700;}
#gnb .gnb_depth .menu .inner .menu_list > li a {padding: 0;}
#gnb .gnb_depth .menu .inner .menu_list > li ul + h3 {margin-top: 30px;}
#gnb .gnb_depth .menu .inner .menu_list > li ul li + li {margin: 12px 0 0;}
#gnb .gnb_depth .menu .inner .menu_list > li ul li:only-child a {display: block; margin: -12px 0 0; line-height: 36px;}
#gnb .gnb_depth .menu .inner .menu_list > li ul .new {position: relative; display: inline-block; height: 20px; vertical-align: middle;}
#gnb .gnb_depth .menu .inner .menu_list > li ul .new::before {content: ''; position: absolute; left: 2px; top: 0; width: 6px; height: 6px; background: #ff0000; border-radius: 100%;}
#gnb .gnb_depth .menu .inner .menu_list > li a:hover {color: #273fa1; background: none;}
#gnb .gnb_depth .menu.setTextbook .inner {padding: 44px 0;}

#gnb .setTextbook .inner .top {display: flex; justify-content: space-between; box-sizing: border-box; height: 38px; padding: 0 12px 9px 0; border: 0;}
#gnb .setTextbook .inner .top .tit::before {content: ''; display: inline-block; width: 31px; height: 23px; margin: 0 12px 0 0; vertical-align: -5px; background: url('/images/renew2025/icon_school.png') no-repeat 0 0;}
#gnb .setTextbook .inner .top .tit span {font-size: 16px; color: #273fa1; font-weight: 700;}
#gnb .setTextbook .inner .top .tit span::after {content: none;}
#gnb .setTextbook .inner .top .btn_setting {font-size: 14px; color: #273fa1; font-weight: 700; padding: 0; background: none; border: 0; border-radius: 0;}
#gnb .setTextbook .inner .top .btn_setting::before {content: ''; display: inline-block; width: 28px; height: 28px; margin: 0 9px 0 0; vertical-align: -10px; background: url('/images/renew2025/icon_setting.png') no-repeat 0 0;}

#gnb .setTextbook .inner .data_textbook_wrap {overflow: hidden; overflow-y: auto; /* display: flex; align-items: start; gap: 14px; */ max-height: 411px; padding: 56px 64px 34px; vertical-align: middle; background: #fff; border: 1px solid #5798ff; border-radius: 0 12px 12px 12px; box-shadow: 3px 3px 5px 0 rgba(0,0,0,0.1);}
#gnb .setTextbook .inner .data_textbook_list {display: inline; /* gap: 15px; */ padding: 0; vertical-align: middle;}
#gnb .setTextbook .inner .data_textbook_list li {display: inline-block; width: 80px; padding: 10px; margin: 0;}
/* #gnb .setTextbook .inner .data_textbook_list li:nth-child(10n+1) {padding-top: 10px;} */
#gnb .setTextbook .inner .data_textbook_list li::after {content: none;}
#gnb .setTextbook .inner .data_textbook_list li:first-child {padding-left: 10px;}
#gnb .setTextbook .inner .data_textbook_wrap .book_link {display: block;}
#gnb .setTextbook .inner .data_textbook_wrap .book_link .thumb_wrap {overflow: hidden; width: 100%; height: 102px; margin: 0 0 12px; border-radius: 4px; box-shadow: 0 4px 4px 0 rgba(0,0,0,0.25);}
#gnb .setTextbook .inner .data_textbook_wrap .book_link .thumb_wrap img {width: 100%; height: 100%;}
#gnb .setTextbook .inner .data_textbook_wrap .book_link .txt_wrap p {margin: 4px 0 0; font-size: 12px; color: #1e1e21; text-decoration: none;}
#gnb .setTextbook .inner .data_textbook_wrap .book_link .txt_wrap p .name {display: block;}
#gnb .setTextbook .inner .data_textbook_wrap .book_link:hover {color: #393d49; text-decoration: none;}
#gnb .setTextbook .inner .data_textbook_mybook {position: relative; display: inline; /* padding: 16px 20px; background: #e9f2ff; */ border-radius: 8px;}
#gnb .setTextbook .inner .data_textbook_mybook .data_textbook_list {flex-wrap: nowrap;}
#gnb .setTextbook .inner .data_textbook_mybook .data_textbook_list li {padding: 10px; margin: 0; background: #e9f2ff;}
#gnb .setTextbook .inner .data_textbook_mybook .title {position: absolute; left: 0; top: -119px;/* display: inline-block; */ height: 31px; padding: 0 16px; margin: 0 0 12px; font-size: 12px; line-height: 29px; color: #fff; font-weight: 700; text-align: center; background: #0086ff; border-radius: 20px;}
#gnb .setTextbook .inner .data_textbook_wrap > .data_textbook_list {box-sizing: border-box; width: 894px; padding: 0;}
#gnb .setTextbook .inner .data_textbook_mybook[style*='none'] ~ .data_textbook_list {width: auto; padding-left: 0;}

#gnb .gnb_depth .menu.textbook {padding: 34px 0;}
#gnb .gnb_depth .menu.textbook .inner {overflow-y: auto; display: flex; gap: 10px; width: 1200px; max-height: 700px; margin: 0 auto; scrollbar-color: transparent;}
#gnb .gnb_depth .menu.textbook .inner::-webkit-scrollbar {width: 5px;}
#gnb .gnb_depth .menu.textbook .inner::-webkit-scrollbar-thumb {top: 10px; bottom: 10px; background: #c1c1c1; border-radius: 3px;}
#gnb .gnb_depth .menu.textbook .inner::-webkit-scrollbar-button:vertical:start:decrement { display: block; height: 45px;}
#gnb .gnb_depth .menu.textbook .inner::-webkit-scrollbar-button:vertical:end:decrement { display: block; height: 24px;}
#gnb .gnb_depth .menu.textbook .inner > .gnbMenu_new,
#gnb .gnb_depth .menu.textbook .group,
#gnb .gnb_depth .menu.textbook .booklist {float: none; width: auto; padding: 0; border: 0;}
#gnb .gnb_depth .menu.textbook .group.eduClass {overflow: hidden; flex: 0 0 auto; width: 52px; background: #e9f2ff; border: 1px solid #0057ed; border-radius: 4px; box-shadow: 0 3px 0 0 rgba(0,0,0,0.04);}
#gnb .gnb_depth .menu.textbook .group.eduClass ul {height: 100%;}
#gnb .gnb_depth .menu.textbook .group.eduClass li {height: 50%;}
#gnb .gnb_depth .menu.textbook .group.eduClass li a {box-sizing: border-box; display: block; height: 100%; padding: 8px 0; font-size: 14px; color: #53565d; font-weight: 700; text-align: center; text-decoration: none;  background: #fff;}
#gnb .gnb_depth .menu.textbook .group.eduClass li a:hover { color: #53565d; background: #fff;}
#gnb .gnb_depth .menu.textbook .group.eduClass li.on a {color: #fff; background: #0086ff;}
#gnb .gnb_depth .menu.textbook .inner > .gnbMenu_new {flex: 1 0 auto;}

#gnb .gnb_depth .menu.textbook .group.subTab {overflow: hidden; background: #fff; border: 1px solid #00b9ff; border-radius: 4px;}
#gnb .gnb_depth .menu.textbook .group.subTab ul {display: flex; box-shadow: 0 4px 11px 0 rgba(52,112,208,0.16);}
#gnb .gnb_depth .menu.textbook .group.subTab ul li {flex-grow: 1;}
#gnb .gnb_depth .menu.textbook .group.subTab ul li:last-child {margin-right: -1px;}
#gnb .gnb_depth .menu.textbook .group.subTab ul li a {display: block; padding: 6px 15px; font-size: 14px; color: #000; text-align: center;}
#gnb .gnb_depth .menu.textbook .group.subTab ul li a:hover {color: #000; font-weight: 500; background: none;}
#gnb .gnb_depth .menu.textbook .group.subTab li.is-active a,
#gnb .gnb_depth .menu.textbook .group.subTab li.is-active a:hover {color: #fff; font-weight: 700; background: #00b9ff;}
#gnb .gnb_depth .menu.textbook .group.subTab ul li.new a{position:relative;}
#gnb .gnb_depth .menu.textbook .group.subTab ul li.new a:after{content:''; margin-left:3px; display:inline-block; width:6px; height:6px; background:#ff0000; border-radius:50%; vertical-align:super;}

#gnb .gnb_depth .menu.textbook .booklist {padding: 14px 0 0;}
#gnb .gnb_depth .menu.textbook .booklist_wrap {display: none; gap: 45px;}
#gnb .gnb_depth .menu.textbook .booklist .renewer_year {width: 72px; height: 28px; padding: 0; line-height: 26px;}
#gnb .gnb_depth .menu.textbook .booklist .subject {margin: 8px 0 0;}
#gnb .gnb_depth .menu.textbook .booklist .subject::after {content: none;}
#gnb .gnb_depth .menu.textbook .booklist .year {float: none; padding: 0;}
#gnb .gnb_depth .menu.textbook .booklist .year:first-child {flex: 0 0 auto; width: 540px;}
#gnb .gnb_depth .menu.textbook .booklist .year:last-child:not(:only-child) {flex: 0 0 auto; width: 543px;}
#gnb .gnb_depth .menu.textbook .booklist .subject {display: flex; flex-wrap: wrap; gap: 12px;}
#gnb .gnb_depth .menu.textbook .booklist .year:last-child:not(:only-child) .subject {justify-content: end; padding: 0 3px 0 0;}
#gnb .gnb_depth .menu.textbook .booklist .year:last-child.type_start .subject {justify-content: start;}
#gnb .gnb_depth .menu.textbook .booklist .year:last-child .subject.is-less4,
#gnb .gnb_depth .menu.textbook #midSub .booklist .year:last-child .subject  {justify-content: start;}
#gnb .gnb_depth .menu.textbook .booklist .year.has-padding-r {padding-right: 10px;}
#gnb .gnb_depth .menu.textbook .booklist .year.has-padding-l {padding-left: 92px}
#gnb .gnb_depth .menu.textbook .booklist .year > p {line-height: 0;}
#gnb .gnb_depth .menu.textbook .booklist .subject .list_wrap  {position: relative; display: inline-flex; gap: 12px 20px;}
#gnb .gnb_depth .menu.textbook .booklist .subject .list_wrap .book_class {position: absolute; left: 0; right: 0; top: 0; height: 20px; font-size: 12px; line-height: 18px; color: #53565d; font-weight: 700; text-align: center; border-radius: 4px;}
#gnb .gnb_depth .menu.textbook .booklist .subject .list_wrap .book_class + ul {padding: 28px 0 0;}
#gnb .gnb_depth .menu.textbook .booklist .y22 ~ .subject .list_wrap .book_class {background: rgba(0,87,237,0.14);}
#gnb .gnb_depth .menu.textbook .booklist .y15 ~ .subject .list_wrap .book_class {background: rgba(78,197,187,0.24);}
#gnb .gnb_depth .menu.textbook .booklist .subject .list_wrap ul {flex: 0 0 auto; display: flex; flex-wrap: wrap; gap: 12px; float: none; max-width: 100%;}
#gnb .gnb_depth .menu.textbook .booklist .subject .list_wrap li {flex: 0 0 auto; width:80px; min-width: auto; margin: 0;}
#gnb .gnb_depth .menu.textbook .booklist .subject .list_wrap ul li a {text-decoration: none;}
#gnb .gnb_depth .menu.textbook .booklist .subject .list_wrap .thumb_wrap {overflow: hidden; width: 100%; height: 102px; margin: 0 0 12px; border-radius: 4px; box-shadow: 0 4px 4px 0 rgba(0,0,0,0.25);}
#gnb .gnb_depth .menu.textbook .booklist .subject .list_wrap .thumb_wrap img {width: 100%; height: 100%; margin: 0;}
#gnb .gnb_depth .menu.textbook .booklist .subject .list_wrap .book_name {font-size: 12px; line-height: 1.4; color: #1e1e21; font-weight: 400; word-break: keep-all;}
#gnb .gnb_depth .menu.textbook .booklist .y15 ~ .subject .list_wrap .thumb_wrap img {width: 85px; margin-left: -5px;}

#gnb .gnb_depth .menu.textbook .booklist .subject .list_wrap .is-horizontal {width: 102px;}
#gnb .gnb_depth .menu.textbook .booklist .subject .list_wrap .is-horizontal .thumb_wrap {height: 80px;}
#gnb .gnb_depth .menu.textbook .booklist .y15 ~ .subject .list_wrap .is-horizontal .thumb_wrap img {width: 107px;}
#gnb .gnb_depth .menu.textbook .booklist_wrap.is-show {display: flex;}

#gnb .gnb_depth .menu.textbook .booklist_HScience .year:first-child {width: 724px;}
#gnb .gnb_depth .menu.textbook .booklist_HScience .year:last-child:not(:only-child) {width: 360px;}

#gnb .gnb_depth .menu.textbook .booklist .subject .list_wrap li.new .book_name{position:relative;}
#gnb .gnb_depth .menu.textbook .booklist .subject .list_wrap li.new .book_name:after{content:''; margin-left:4px; display:inline-block; width:6px; height:6px; background:#FF0000; border-radius:50%; vertical-align:super;}

@media (min-width: 1200px) {
    #gnb .gnb_depth .menu.textbook .booklist .subject .list_wrap li {width:80px; min-width: auto;}
}

#gnb .gnb_depth .btn_gnb_close {top: 0; transform: translateX(690px); background: #273fa1 url('/images/renew2025/icon_x_white_24.png') no-repeat 50%; border-radius: 0 0 4px 4px}

.subject_list {width: 640px; border: 0; box-shadow: 0 2px 7px 0 rgba(0,0,0,0.07);}
.subject_list .list_inner {overflow: hidden; padding: 0; border: 0;  border-radius: 8px;}
.subject_list .list_inner h3 {height: 50px; padding: 0 28px; font-family: "Noto Sans KR", sans-serif; font-size: 18px; line-height: 48px; font-weight: 700; color: #fff; background: #273fa1;}
.subject_list .list_inner .list-wrap {padding: 28px;}
.subject_list .list_inner table {border: 1px solid #6978b5; border-radius: 8px;}
.subject_list .list_inner table td {background: none; border: 1px solid #e9e9ed; border-width: 0 1px 1px 0;}
.subject_list .list_inner table td input[type="checkbox"]:checked + label {font-weight: 700; background: #00b9ff;}
.subject_list .list_inner table + p {margin-top: 20px; font-size: 16px; color: #1e1e21; text-align: center;}
.subject_list .list_inner table + p span {color: #4468df;}
.subject_list .list_inner .btn_wrap {margin-top: 28px;}
.subject_list .list_inner a.btn_textbook_list {width: 100px; padding: 0; color: #1e1e21; line-height: 38px; background: #dcdcdc; border: 0; border-radius: 4px;}
.subject_list .list_inner a.btn_textbook_list.c_b {color: #fff; background: #0086ff;}
.subject_list .list_inner .btn_close {position: absolute; right: 0; top: 0; padding: 11px 12px;}
.subject_list .list_inner .btn_close::before {content: ''; display: block; width: 30px; height: 30px; background: url('/images/renew2025/icon_x_white_30.png') no-repeat 50%;}

/* LNB */
#contents #lnb.lnb251 {padding: 0 0 50px;}
#contents #lnb.lnb251 .tit_box_wrap .tit_box {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;}
#contents #lnb.lnb251 .menu_new {margin-top: 48px; border: 0;}
#contents #lnb.lnb251 .menu_new > ul {border: 0;}
#contents #lnb.lnb251 .menu_new > ul > li {border: 0}
#contents #lnb.lnb251 .menu_new > ul > li > h5 {height: auto; padding: 16px 20px; font-size: 18px; color: #1e1e21; font-weight: 400; border-bottom: 1px solid #d1dbea;}
#contents #lnb.lnb251 .menu_new > ul > li > ul {display: none; padding: 0 0 8px;}
#contents #lnb.lnb251 .menu_new > ul > li > h5 + ul {margin-top: 16px;}
#contents #lnb.lnb251 .menu_new > ul > li li a {padding: 8px 20px; line-height: normal; color: #1e1e21; font-weight: 400; background: #fafafa; border-radius: 4px;}
#contents #lnb.lnb251 .menu_new > ul > li li a::after {content: none;}
#contents #lnb.lnb251 .menu_new > ul > li li .new {position: relative; display: inline-block; height: 20px; margin: 0; vertical-align: middle;}
#contents #lnb.lnb251 .menu_new > ul > li li .new::before {content: ''; position: absolute; left: 2px; top: 0; width: 6px; height: 6px; background: #ff0000; border-radius: 100%;}
#contents #lnb.lnb251 .menu_new > ul > li li a:hover,
#contents #lnb.lnb251 .menu_new > ul > li > ul > li.on > a,
#contents #lnb.lnb251 .menu_new > ul > li li a.on {color: #273fa1; font-weight: 700; text-decoration: none; background: #e9f2ff url('/images/renew2025/icon_arrow_left_blue_8x12.png') no-repeat right 20px top 50%;}
#contents #lnb.lnb251 .menu_new > ul > li li a.on span {color: inherit; text-decoration: none;}
#contents #lnb.lnb251 .menu_new > ul > li:hover > h5 {color: #1e1e21; font-weight: 400;}
#contents #lnb.lnb251 .menu_new > ul > li.on > h5 {color: #273fa1; font-weight: 700; border-bottom: 2px solid #273fa1;}
#contents #lnb.lnb251 .menu_new > ul > li.on > ul {display: block;}
#contents #lnb.lnb251 .menu_new > ul > li:not(.lnb_textbook) > a {height: auto; padding: 16px 20px; margin-bottom: 16px; font-size: 18px; line-height: normal; color: #1e1e21; font-weight: 400; border: 0; border-bottom: 1px solid #dcdcdc; border-radius: 0; background: none;}
#contents #lnb.lnb251 .menu_new > ul > li:not(.lnb_textbook) > a::after {content: none;}
#contents #lnb.lnb251 .menu_new > ul > li:not(.lnb_textbook) > a:hover {color: #273fa1; font-weight: 700;}
#contents #lnb.lnb251 .menu_new > ul > li:not(.lnb_textbook).on > a,
#contents #lnb.lnb251 .menu_new > ul > li:not(.lnb_textbook) > a.on {color: #273fa1; font-weight: 700; border-bottom: 2px solid #273fa1;}

/* footer */
#footer {min-width: 1200px; background: #fff; border-color: #e9e9ed;}
#footer .wrap {padding: 60px 0;}
#footer .wrap h2 {margin-bottom: 33px;}
#footer .wrap .info {font-size:14px; line-height: 21px; color: #a4a5a9; font-weight: 400;}
#footer .wrap .info > div span + span {margin-left: 25px;}
#footer .wrap .info span {margin-right: 0;}
#footer .wrap .info span::after {content: none;}
#footer .wrap .info ul { overflow:hidden; display: flex; gap: 25px; justify-content: center; margin-bottom:20px;}
#footer .wrap .info ul li {padding-right: 0; color:#cdcdcd; font-size:13px; letter-spacing: -1px;}
#footer .wrap .info ul li a {margin-right: 0; color: #1e1e21; font-weight: 400;}
#footer .wrap .info ul li a::after {content: none;}
#footer .wrap .info ul li a.bold {color: #1e1e21; font-weight: 700;}
#footer .wrap .info .ipaddress {display: none;}
#footer .btns .btn_buy {box-sizing: border-box; width: 196px; height: 36px; padding: 0 16px; margin-right: 8px; font-size: 14px; line-height: 34px; color: #1e1e21; font-weight:400; text-align: left; background: #f4f8ff url('/images/renew2025/icon_arrow_left_14.png') no-repeat right 12px top 50%; border: 1px solid #4863ca; border-radius: 8px;}
#footer .slt {width: 196px; height: 36px; font-size: 14px; line-height: 1.2; color: #1e1e21; font-weight:400; background: none; border: 0;}
#footer .slt .t a {box-sizing: border-box; height: 36px; padding: 0 16px; font-size: 14px; line-height: 34px; color: #1e1e21; font-weight:400; background: #f4f8ff url('/images/renew2025/icon_arrow_down_36.png') no-repeat 100% 0; border: 1px solid #0057ed; border-radius: 8px;}
#footer .slt .t a span {margin-left: 0;}
#footer .slt .t a.on {background-position: 100% 100%;}
#footer .slt div {bottom:36px;}

/* 메인, 교과서 자료 상단 */
/* 버튼 */
.topSmartApp.smart_app {display: flex; gap: 8px; margin: 0 0 20px;}
.topSmartApp.smart_app .btn {position:relative; box-sizing: border-box; display: flex; justify-content: center; align-items: center; min-width: 148px; height: 44px; padding: 0 12px; font-size: 16px; line-height: 1; color: #fff; font-weight: 700; letter-spacing: -0.01em; text-align: center; text-decoration: none; white-space: nowrap; background: #273fa1;/*  border: 1px solid #0086ff; */ border-radius: 8px;}
.topSmartApp.smart_app .btn:hover {/* text-decoration: underline; */background: #0057ed;}
/* .topSmartApp.smart_app .btn:hover::after {content: ''; position: absolute; left: 12px; right: 12px; bottom: 5px; height: 1px; background-color: #273fa1;} */
.topSmartApp.smart_app .btn.down::before {content: ''; flex: 0 0 auto; display: inline-block; width: 17px; height: 16px; margin: 0 6px 0 0; vertical-align: -3px; background: url('/images/renew2025/icon_down_17x16_w.png') no-repeat 50%;}
.topSmartApp.smart_app .btn.down:hover{text-decoration:none;/* background:#319DFF;color:#fff; */}
.topSmartApp.smart_app .btn.down:hover::before{background: url('/images/renew2025/icon_down_17x16_w.png') no-repeat 50%;}
/* .topSmartApp.smart_app .btn.down.btn-down-all{background:#319DFF;color:#fff;} */
.topSmartApp.smart_app .btn.down.btn-down-all:hover{/* text-decoration: underline; */background: #0057ed;}
.topSmartApp.smart_app .btn.down.btn-down-all::before {background: url('/images/renew2025/icon_down_17x16_w.png') no-repeat 50%;}
.topSmartApp.smart_app .smart{position:relative;min-width: 110px;}
.topSmartApp.smart_app .smart .layer_tooltip{display:block;position:absolute;left:51px;top:-4px;padding-bottom:9px;transform:translate(0,-100%);}
.topSmartApp.smart_app .smart .layer_tooltip div{position: relative; box-sizing: border-box; width: 267px; padding: 8px 22px 8px 12px; background: #fffcee; border: 1px solid #0086ff; box-shadow: 0 4px 11px 0 rgba(52, 112, 208, 0.16); border-radius: 12px;}
.topSmartApp.smart_app .smart .layer_tooltip div::after{content:'';position:absolute;left:115px;bottom:-10px;width:12px;height:10px;background:url(/images/renew2025/tooltip_tail.png) no-repeat center center;z-index:0;}
.topSmartApp.smart_app .smart .layer_tooltip div p{font-size:13px;font-weight:400;text-align:center;color:var(--color-gray100);line-height:17px;letter-spacing:-0.04em;}
.topSmartApp.smart_app .smart .layer_tooltip div .btn_close{position:absolute; right: 0; top: 0; width: 28px; height: 28px; padding: 8px; background:url('/images/renew2025/tooltip_close.png') no-repeat center center;}
.topSmartApp.smart_app .smart .layer_tooltip.type2{left: 215px; top: 55px;}
.topSmartApp.smart_app .smart .layer_tooltip.type2 div:after{left: -10px; bottom: 18px; transform: rotate(90deg);}
/* .topSmartApp.smart_app .smart:hover .layer_tooltip{} */

.topSmartApp.smart_app .info_detail_wrap {position: relative;}
.topSmartApp.smart_app .btn_info_detail {position: absolute; right: -17px; top: -17px; box-sizing: content-box; width: 24px; height: 27px; padding: 5px; background: url('/images/renew2025/icon_question_mark_24x27_2x.png') no-repeat 50% / 24px 27px;}
/* .main_my_textbook .book_detail .smart_app .btn_info_detail {position: absolute; right: -9px; top: -10px; width: 20px; height: 20px; padding: 5px; background: url('/images/renew2025/icon_question_mark_20.png') no-repeat 50% / 20px;} */

/* 바로가기 */
.topMyClass.my_class .my_list {box-sizing: border-box; width: 328px; min-height: 180px; padding: 30px 38px; background: #e9f2ff; border-radius: 12px; }
.topMyClass.my_class .my_list li {position:relative; margin: 8px 0 0; background: #fff; border-radius: 8px;}
.topMyClass.my_class .my_list li::after {content: ''; position: absolute; right: 14px; top: 15px; width: 12px; height: 12px; background: url('/images/renew2025/icon_arrow_r_12_2x.png') no-repeat 50% 0 / 100% auto;}
.topMyClass.my_class .my_list li + li {margin: 8px 0 0;}
.topMyClass.my_class .my_list a {position:relative; display: flex; align-items: center; padding: 3px 15px; font-size: 14px; color: #273fa1; font-weight: 700; letter-spacing: -1.8px; white-space: nowrap; border: 1px solid #319dff; border-radius: 8px;}
.topMyClass.my_class .my_list a::before {content: ''; width: 36px; height: 36px; margin: 0 12px 0 0; background-repeat: no-repeat; background-position: 50%; background-size: 100%;}
.topMyClass.my_class .my_list a.mc_class::before {background-image: url('/images/renew2025/icon_my_01_2x.png');}
.topMyClass.my_class .my_list a.mc_lecture::before {background-image: url('/images/renew2025/icon_my_02_2x.png');}
.topMyClass.my_class .my_list a.mc_bank::before {background-image: url('/images/renew2025/icon_my_03_2x.png');}
.topMyClass.my_class .my_list a.mc_data::before {background-image: url('/images/renew2025/icon_my_04_2x.png');}
.topMyClass.my_class .my_list a:hover {color: #fff; background-color: #0057ed; text-decoration: none;}
.topMyClass.my_class .my_list li:hover::after {background-position-y: 100%;}
.topMyClass.my_class .my_list li.new a::after{content:''; width:20px; height:20px; margin: -2px 0 0 8px; background:url('/images/common/ico_new_20x20.png') no-repeat center;}
.topMyClass.my_class .my_list li .layer_tooltip{display:block;position:absolute;z-index: 10;left:184px;top:65px;padding-bottom:9px;transform:translate(0,-100%);}
.topMyClass.my_class .my_list li .layer_tooltip div{position:relative;padding:8px 34px 8px 20px;width:auto;background: #FFFCEE;border: 1px solid #0086FF;box-shadow: 0 4px 11px 0 rgba(52, 112, 208, 0.16);border-radius:12px;box-sizing:border-box;}
.topMyClass.my_class .my_list li .layer_tooltip div:after{content:'';position:absolute;left: -10px;top: 26px;width:12px;height:10px;transform: rotate(90deg);background:url(/images/renew2025/tooltip_tail.png) no-repeat center center;z-index:0;}
.topMyClass.my_class .my_list li .layer_tooltip div p{font-size:14px;font-weight:400;text-align:center;color:var(--color-gray100);line-height:17px;letter-spacing:-0.04em;white-space: nowrap;}
.topMyClass.my_class .my_list li .layer_tooltip div .btn_close{position:absolute;right:12px;top:10px;width:12px;height:12px;background:url('/images/renew2025/tooltip_close.png') no-repeat center center;}

/* 추천 자료 */
.topRecomData.recom_data {position: relative; width: 100%; margin: auto 0 0;}
.topRecomData.recom_data .swiper-container {padding: 0 0 0 1px; margin: 0;}
.topRecomData.recom_data .swiper-wrapper {padding: 0 0 3px;}
.topRecomData.recom_data .swiper-slide {overflow: hidden; /* box-sizing: border-box; */ border-radius: 8px; box-shadow: 0 3px 0 0 rgba(0,0,0,0.04);}
.topRecomData.recom_data .link {display: flex; justify-content: center; align-items: center; box-sizing: border-box; width: 206px; height: 62px; padding: 12px; text-align: center; border: 1px solid; border-radius: 8px;}
.topRecomData.recom_data .link:hover {text-decoration: none; border-color: #0057ed !important;}
.topRecomData.recom_data .content_wrap {min-width: 0;}
.topRecomData.recom_data .content_wrap .descriiption {overflow: hidden; font-size: 12px; white-space: nowrap; text-overflow: ellipsis;}
.topRecomData.recom_data .content_wrap .title {overflow: hidden; display: block; font-size: 14px; font-weight: 700; white-space: nowrap; text-overflow: ellipsis;}
.topRecomData.recom_data .swiper-button-prev,
.topRecomData.recom_data .swiper-button-next {width: 32px; height: 35px; margin: 0; transform: translateY(-50%); background-repeat: no-repeat; background-position: 50% 0; background-size: 100% auto;}
.topRecomData.recom_data .swiper-button-prev {left: -20px; background-image: url('/images/renew2025/swiper_recom_prev_2x.png');}
.topRecomData.recom_data .swiper-button-next {right: -20px; background-image: url('/images/renew2025/swiper_recom_next_2x.png');}
.topRecomData.recom_data .swiper-button-prev:hover,
.topRecomData.recom_data .swiper-button-next:hover {background-position-y: 100%;}
.topRecomData.recom_data .swiper-button-disabled {display: none;}
.topRecomData.recom_data .swiper-container.swiper-less ~ .swiper-btn-wrap {display: none;}
/* .topRecomData.recom_data .swiper-slide.new .link::after {content: ''; width: 6px; height: 6px; margin-left: 4px; background: #ff0000; border-radius: 100%;} */
.topRecomData.recom_data .swiper-slide.new .content_wrap .descriiption::after {content: ''; display: inline-block; width: 6px; height: 6px; margin-left: 4px; vertical-align: 4px; background: #ff0000; border-radius: 100%;}

/*  공지 */
.topNotice.rolling_wrap {position: absolute; left: 0; bottom: 39px; display: flex; justify-content: start; box-sizing: border-box; width: 100%; padding: 0 64px; }
.topNotice.rolling_wrap .rolling_item {flex: 1; display: flex; gap: 8px; align-items: center;}
.topNotice.rolling_wrap .rolling_item.recom {flex: 0 0 auto; width: 742px;}
.topNotice.rolling_wrap .rolling_item .swiper-container { overflow: hidden; width: calc( 100% - 15px); height: 25px; margin: 0;}
.topNotice.rolling_wrap .rolling_item:last-child .swiper-container {width: auto;}
.topNotice.rolling_wrap .rolling_item .swiper-container .swiper-slide{box-sizing: border-box;}
.topNotice.rolling_wrap .rolling_item .swiper-container .swiper-slide a {overflow: hidden; position: relative; display: block; max-width: 100%; font-size: 16px; line-height: 21px; color: #eb2c68; font-weight: 400; letter-spacing: -0.045em; white-space: nowrap; text-overflow: ellipsis;}
.topNotice.rolling_wrap .rolling_item .swiper-container .swiper-slide a .icon {display: inline-block; width: 24px; height: 24px; margin-right: 5px; vertical-align: -5px; background-repeat: no-repeat; background-position: 50% 50%; background-size: 100% ;}
.topNotice.rolling_wrap .rolling_item .swiper-container .swiper-slide a.no-link .icon {background-image: url('/images/renew2025/icon_notice_254_2x.png');}
.topNotice.rolling_wrap .rolling_item .swiper-container .swiper-slide a.link .icon {width: 28px; height: 25px; margin-right: 4px; vertical-align: normal; background-image: url('/images/renew2025/icon_notice.png');}
.topNotice.rolling_wrap .rolling_item .swiper-container .swiper-slide a.link .txt::after {content: ''; display: inline-block; width: 18px; height: 18px; margin-left: 8px; vertical-align: -3px; background: url('/images/renew2025/icon_window_18_2x.png') no-repeat 50% 50% / 100%; }
.topNotice.rolling_wrap .rolling_item .swiper-container .swiper-slide a:hover{color:#eb2c68;}
.topNotice.rolling_wrap .today_notice {display: flex; gap: 12px; align-items: center;}
.topNotice.rolling_wrap .today_notice::before {content: ''; width: 22px; height: 24px; background: url('/images/renew2025/icon_calendar.png') no-repeat 50% 50%;}
.topNotice.rolling_wrap .today_notice .swiper-container {height: 25px;}
.topNotice.rolling_wrap .today_notice p {overflow: hidden; max-width: 295px; font-size: 16px; line-height: 20px; color: #1e1e21; font-weight: 400; letter-spacing: -0.045em; white-space: nowrap; text-overflow: ellipsis;}
.topNotice.rolling_wrap .today_notice p a {color: #393d49;}
.topNotice.rolling_wrap .today_notice time {color: #273fa1; font-weight: 700;}
/* //메인, 교과서 자료 상단 */

/* 교과서 자료 */
.topDesc[class*='top_desc2025'] {padding: 44px 0; background: linear-gradient(180deg, #eef4ff 0%, #e9f2ff 100%);}
.topDesc[class*='top_desc2025'] .wrap-topDesc {display: flex; flex-wrap: wrap; align-items: start; box-sizing: border-box; width: 1200px; height: auto; padding: 40px 63px 84px; background: #fff; border: 1px solid #0057ed; border-radius: 12px; box-shadow: 0 4px 11px 0 rgba(52,112,208,0.16);}
.topDesc[class*='top_desc2025'] .wrap-topDesc .btns {position: static;}
.topDesc[class*='top_desc2025'] .wrap-topDesc .desc_area_left {display: flex; flex-wrap: wrap; width: 734px;}

.topDesc[class*='top_desc2025'] .wrap-topDesc .area-bookTop {flex: 0 0 auto; width: 100%; margin: 0 0 12px;}
.topDesc[class*='top_desc2025'] .wrap-topDesc .area-bookTop .level span {font-size: 12px; }
.topDesc[class*='top_desc2025'] .wrap-topDesc .area-bookTop .level span.cla {height: 16px; padding: 0 4px; margin: 0 4px 0 0; line-height: 14px; color: #273fa1; font-weight: 700; letter-spacing: -0.5px; background: #f4f8ff; }
.topDesc[class*='top_desc2025'] .wrap-topDesc .area-bookTop .level span.cla::after {content: none;}
.topDesc[class*='top_desc2025'] .wrap-topDesc .area-bookTop .level span.renewer_year {height: 16px; line-height: 14px;}
.topDesc[class*='top_desc2025'] .wrap-topDesc .area-bookTop .subject_wrap {display: flex; justify-content: start; align-items: center; margin: 8px 0 0;}
.topDesc[class*='top_desc2025'] .wrap-topDesc .area-bookTop .subject {font-size: 26px; line-height: 1.2;}
.topDesc[class*='top_desc2025'] .wrap-topDesc .area-bookTop .subject .book_name {color: #1e1e21; font-weight: 700;}
.topDesc[class*='top_desc2025'] .wrap-topDesc .area-bookTop .subject .book_auth {font-size: inherit;}
.topDesc[class*='top_desc2025'] .wrap-topDesc .area-bookTop .onoff_wrap {position: static; margin-left: 4px;}
.topDesc[class*='top_desc2025'] .wrap-topDesc .area-bookTop .onoff_wrap .switch.wish .slider01 {background: #e9f2ff;}
.topDesc[class*='top_desc2025'] .wrap-topDesc .area-bookTop .onoff_wrap .switch.wish .slider01::before {margin: 12px 7px 6px;}
.topDesc[class*='top_desc2025'] .wrap-topDesc .area-bookTop .onoff_wrap .switch.wish .tooltip {display: none; position: absolute; z-index: 2; left: 50%; bottom: 100%; transform: translateX(-50%); height: 36px; padding: 0 12px; margin: 0 0 1px; font-size: 14px; line-height: 34px; color: #1e1e21; letter-spacing: -0.2px; text-align: center; white-space: nowrap; background: #fff; border: 1px solid #0086ff; border-radius: 20px;}
.topDesc[class*='top_desc2025'] .wrap-topDesc .area-bookTop .onoff_wrap .switch.wish .tooltip .txt {font-size: inherit;}
.topDesc[class*='top_desc2025'] .wrap-topDesc .area-bookTop .onoff_wrap .switch.wish .tooltip::after {content: ''; position: absolute; left: 50%; top: 100%; width: 12px; height: 10px; transform: translateX(-50%); background: url('/images/renew2025/icon_arrow_down_12x10.png') no-repeat 50%;}

.topDesc[class*='top_desc2025'] .wrap-topDesc .area-bookImg {overflow: hidden; position: static; width: 140px; height: 180px; margin-right: 40px; border-radius: 4px; box-shadow: 0 4px 4px 0 rgba(0,0,0,0.25);}
.topDesc[class*='top_desc2025'] .wrap-topDesc .area-bookImg a.book {width: 100%; height: 180px;}
.topDesc[class*='top_desc2025'] .wrap-topDesc .area-bookImg a.book img {width: 100%; height: 100%;}
.topDesc[class*='top_desc2025'] .wrap-topDesc .y15 .area-bookImg a.book img {width: 152px; margin-left: -12px;}
.topDesc[class*='top_desc2025'] .wrap-topDesc .area-bookImg.type2 {width: 180px; height: 140px; margin-right: 25px;}
.topDesc[class*='top_desc2025'] .wrap-topDesc .area-bookImg.type2 a.book {width: 100%; height: 100%;}
/* .topDesc[class*='top_desc2025'] .wrap-topDesc .y15 .area-bookImg.type2 a.book img {width: 185px; margin-left: -5px;} */

.topDesc[class*='top_desc2025'] .wrap-topDesc .area-bookTit {width: calc(100% - 210px);}
.topDesc[class*='top_desc2025'] .wrap-topDesc .area-bookImg.type2 + .area-bookTit {width: calc(100% - 220px);}

.topDesc[class*='top_desc2025'] .wrap-topDesc .area-desc .navi.descLine-3 {position: static; font-size: 14px; padding: 0;}
.topDesc[class*='top_desc2025'] .wrap-topDesc .area-desc .navi.descLine-3 .topSmartApp.smart_app .smart .layer_tooltip {left: -47px;}
.topDesc[class*='top_desc2025'] .wrap-topDesc .area-desc .navi.descLine-3 .topSmartApp.smart_app .smart .layer_tooltip.type2 {left: 215px;}
.topDesc[class*='top_desc2025'] .wrap-topDesc .area-desc .navi.descLine-3 .ref_data {display: flex; gap: 8px; padding: 20px 0 0; border-top: 1px solid #e9e9ed;}
.topDesc[class*='top_desc2025'] .wrap-topDesc .area-desc .navi.descLine-3 .ref_data_list {display: flex; flex-direction: column; gap: 8px; width: 148px;}
.topDesc[class*='top_desc2025'] .wrap-topDesc .area-desc .navi.descLine-3 .ref_data_list.pdf{width:180px;}
.topDesc[class*='top_desc2025'] .wrap-topDesc .area-desc .navi.descLine-3 .ref_data_list a {overflow: hidden; display: block; font-size: 14px; color: #53565D; font-weight: 700; letter-spacing: -0.5px; white-space: nowrap; text-overflow: ellipsis;}
.topDesc[class*='top_desc2025'] .wrap-topDesc .area-desc .navi.descLine-3 .ref_data_list a:hover{text-underline-offset: 4px;}
.topDesc[class*='top_desc2025'] .wrap-topDesc .area-desc .navi.descLine-3 .ref_data_list a::before {content: ''; display: inline-block; width: 24px; height: 24px; margin: 0 12px 0 0; vertical-align: -7px; background: no-repeat 0 0 / 24px auto;}
.topDesc[class*='top_desc2025'] .wrap-topDesc .area-desc .navi.descLine-3 .ref_data_list a.ebook::before {background-image: url('/images/renew2025/icon_files_24_2x.png');}
.topDesc[class*='top_desc2025'] .wrap-topDesc .area-desc .navi.descLine-3 .ref_data_list a.pdf::before {background-image: url('/images/renew2025/icon_files_24_2x.png'); background-position-y: -25px;}
.topDesc[class*='top_desc2025'] .wrap-topDesc .area-desc .navi.descLine-3 .ref_data_list a.down::before {background: url('/images/renew2025/icon_down_2x.png') no-repeat 0 0 / 24px;}
.topDesc[class*='top_desc2025'] .wrap-topDesc .area-desc .navi.descLine-3 .ref_data_list a.qr::before {background: url('/images/renew2025/icon_qr_2x.png') no-repeat 0 0 / 24px;}
.topDesc[class*='top_desc2025'] .wrap-topDesc .area-desc .navi.descLine-3 .ref_data_list a span{font-size:inherit;color:#6978B5;font-weight:400;}

.topDesc[class*='top_desc2025'] .wrap-topDesc .desc_area_right {width: 328px; margin-left: auto;}
.topDesc[class*='top_desc2025'] .wrap-topDesc .util_wrap {position: static; margin: 0 0 12px;}
.topDesc[class*='top_desc2025'] .wrap-topDesc .util_wrap .select-area {float: none;}
.topDesc[class*='top_desc2025'] .wrap-topDesc .util_wrap .select-area select {width: 100%; height: 36px; padding: 6px 10px; color: #1e1e21; border-color: #0057ed; border-radius: 8px; box-shadow: 0 4px 11px 0 rgba(52,112,208,.16); appearance: none; background: url('/images/renew2025/icon_arrow_db_12_2x.png') no-repeat right 14px top 50% / 12px;}

.topDesc[class*='top_desc2025'] .wrap-topDesc .desc_area_bottom {flex: 0 0 auto; width: 100%; margin: 20px 0 0;}

#contents.sub.textbook2025 #lnb {padding: 0 0 50px;}
#contents.sub.textbook2025 #lnb [class*='btn_data_'] {width: 100%; height: 48px; padding: 0 20px; font-family: 'Noto Sans KR', sans-serif; font-size: 16px;font-weight:500; color: #1E1E21; line-height: 46px; text-align: left; background: #F4F8FF;border:1px solid #319DFF; border-radius: 8px; box-shadow: 0 3px 0 0 rgba(0,0,0,0.04);}
#contents.sub.textbook2025 #lnb [class*='btn_data_']:hover,
#contents.sub.textbook2025 #lnb [class*='btn_data_'].on {color:#fff; background: #319dff url(/images/renew2025/icon_arrow_rw_26_2x.png) no-repeat right 12px top 50% / 26px;}
#contents.sub.textbook2025 #lnb [class*='btn_data_'].nodata{border: none;color: #dcdcdc;background: #FAFAFA;line-height:48px;}
#contents.sub.textbook2025 #lnb p.list-text {padding: 0;}

#contents.sub.textbook2025 #lnb .menu_new .lnb_textbook {border: 0;}
#contents.sub.textbook2025 #lnb .menu_new .lnb_textbook > h5 {margin-top:8px;height:48px;padding: 14px 12px 14px 20px; margin-bottom: 8px; font-size: 16px; font-weight: 500;line-height:20px; border:1px solid #319DFF;color:#1E1E21;background:#F4F8FF;border-radius:8px;box-shadow:0 3px 0 0 rgba(0, 0, 0, 0.04);}
#contents.sub.textbook2025 #lnb .menu_new .lnb_textbook > h5.on {color: #fff; background: #319dff url(/images/renew2025/icon_arrow_rw_26_2x.png) no-repeat right 12px top 50% / 26px;}
#contents.sub.textbook2025 #lnb .menu_new .lnb_textbook .txt_nodata {float: right; height: 20px; padding: 0 5px; margin-top: -3px; font-size: 16px; color: #eb2c68; font-weight: 400; border: 1px solid; border-radius: 4px;}
#contents.sub.textbook2025 #lnb .menu_new .lnb_textbook .txt_nodata::before {content: ''; display: inline-block; width: 1px; height: 100%; margin-right: -1px; vertical-align: -4px; }
#contents.sub.textbook2025 #lnb .menu_new .lnb_textbook.nodata > h5{border:none;color:#dcdcdc;background:#FAFAFA;}
#contents.sub.textbook2025 #lnb .menu_new .lnb_textbook .txt_nodata{display:none;}

/* 1depth */
#contents.sub.textbook2025 #lnb .menu_new .lnb_textbook .textbook {border: 0;}
#contents.sub.textbook2025 #lnb .menu_new .lnb_textbook .textbook + .textbook {margin: 4px 0 0;}
#contents.sub.textbook2025 #lnb .menu_new .lnb_textbook .textbook > a {box-sizing: border-box; align-items: start; padding: 12px 40px 12px 12px; background: #fafafa;}
#contents.sub.textbook2025 #lnb .menu_new .lnb_textbook .textbook > a * {padding: 0; font-size: 14px; color: #1e1e21; font-weight: 400;}
#contents.sub.textbook2025 #lnb .menu_new .lnb_textbook .textbook > a p.list-text {padding: 0;line-height:18px; word-break: keep-all;}
#contents.sub.textbook2025 #lnb .menu_new .lnb_textbook .textbook > a .list-number {padding: 0;line-height:18px;  margin: 0 8px 0 0;}
#contents.sub.textbook2025 #lnb .menu_new .lnb_textbook .textbook > a i {right: 12px; width: 26px; height: 26px; background: url(../images/renew2025/txtbook_lnb_arrw.png) no-repeat center top;}
/* #contents.sub.textbook2025 #lnb .menu_new .lnb_textbook .textbook > a:hover * {color: #273fa1 !important;} */

/* 2depth */
#contents.sub.textbook2025 #lnb .menu_new .lnb_textbook .textbook > ul {padding: 16px 8px;}
#contents.sub.textbook2025 #lnb .menu_new .lnb_textbook .textbook > ul > li {padding: 4px 12px 4px 20px; margin-top: 0;}

/* 3depth */
#contents.sub.textbook2025 #lnb .menu_new .lnb_textbook .textbook > ul > li > ul {display: none; padding: 0 0 0 20px; margin-bottom: 4px;}
#contents.sub.textbook2025 #lnb .menu_new .lnb_textbook .textbook > ul > li > ul > li {margin: 4px 0 0;}
/*#contents.sub.textbook2025 #lnb .menu_new .lnb_textbook .textbook > ul > li a {padding: 0 0 0 15px; text-indent: -15px;}*/
#contents.sub.textbook2025 #lnb .menu_new .lnb_textbook .textbook > ul > li p {word-break: keep-all;line-height:18px;}
#contents.sub.textbook2025 #lnb .menu_new .lnb_textbook .textbook > ul > li p .list-number {float: none; display: inline-block;text-indent:0;width:17px;}
#contents.sub.textbook2025 #lnb .menu_new .lnb_textbook .textbook > ul > li > ul > li > a p.list-text,
#contents.sub.textbook2025 #lnb .menu_new .lnb_textbook .textbook > ul > li > ul > li > a .list-number {color: #53565d;}

#contents.sub.textbook2025 #lnb .menu_new .lnb_textbook .textbook.on > a *,
#contents.sub.textbook2025 #lnb .menu_new .lnb_textbook .textbook.active > a *,
#contents.sub.textbook2025 #lnb .menu_new .lnb_textbook .textbook.on > a *, #contents.sub.textbook2025 #lnb .menu_new .lnb_textbook .textbook > a:hover *,
#contents.sub.textbook2025 #lnb .menu_new .lnb_textbook .textbook > ul > li.on > a *{color: #273fa1 !important; font-weight: 700;line-height:18px;}
#contents.sub.textbook2025 #lnb .menu_new .lnb_textbook .textbook > ul > li > a:hover *,
#contents.sub.textbook2025 #lnb .menu_new .lnb_textbook .textbook > ul > li:hover > a *{color:#53565D;font-weight:400;}
#contents.sub.textbook2025 #lnb .menu_new .lnb_textbook .textbook > ul > li.on > ul {display: block;}
#contents.sub.textbook2025 #lnb.lnb2023 .menu_new > ul > li > ul > li.textbook ul li.on p.list-text{color: #273fa1;}
#contents.sub.textbook2025 #lnb .menu_new .lnb_textbook .textbook.on > a i {background-position:center bottom;}
#contents.sub.textbook2025 #lnb .menu_new .lnb_textbook .textbook.active > ul {border: 0;}
#contents.sub.textbook2025 #lnb .menu_new .lnb_textbook .textbook.on > a,
#contents.sub.textbook2025 #lnb .menu_new .lnb_textbook .textbook.active > a {color: #273fa1; background: #e9f2ff; border: 0; border-radius: 8px;}
#contents.sub.textbook2025 #lnb.lnb2023 .menu_new > ul > li > ul > li.textbook ul li a p{position:relative;padding-left:21px;text-indent:-21px;}
#contents.sub.textbook2025 #lnb.lnb2023 .menu_new > ul > li > ul > li.textbook ul li:hover a p:after,
#contents.sub.textbook2025 #lnb.lnb2023 .menu_new > ul > li > ul > li.textbook ul li:hover a:hover p:after{content:none;left:20px;width:calc(100% - 20px);background:#53565D;}
#contents.sub.textbook2025 #lnb.lnb2023 .menu_new > ul > li > ul > li.textbook ul li.on a p:after{content:none;}
#contents.sub.textbook2025 #lnb.lnb2023 .menu_new > ul > li > ul > li.textbook ul li:hover .list-number,
#contents.sub.textbook2025 #lnb.lnb2023 .menu_new > ul > li > ul > li.textbook ul li:hover p.list-text{color:#666;text-decoration:underline;text-underline-offset: 3px;}
#contents.sub.textbook2025 #lnb.lnb2023 .menu_new > ul > li > ul > li.textbook ul li:hover .list-number{text-decoration:none;}
#contents.sub.textbook2025 #lnb.lnb2023 .menu_new > ul > li > ul > li.textbook ul li.on .list-number,
#contents.sub.textbook2025 #lnb.lnb2023 .menu_new > ul > li > ul > li.textbook ul li.on p.list-text{color:#273fa1;}
#contents.sub.textbook2025 #lnb.lnb2023 .menu_new > ul > li > ul > li.textbook ul li.on:hover p.list-text,
#contents.sub.textbook2025 #lnb.lnb2023 .menu_new > ul > li > ul > li.textbook ul li.on:hover .list-number{font-weight:700;}

#contents.sub.textbook2025 #lnb .menu_new .lnb_textbook .textbook ul li a:hover p::after,
#contents.sub.textbook2025 #lnb .menu_new .lnb_textbook .textbook ul li.on a p:after {content: none; background: #273fa1;}
#contents.sub.textbook2025 #lnb .menu_new .lnb_textbook .textbook > ul > li > ul > li > a:hover p.list-text,
#contents.sub.textbook2025 #lnb .menu_new .lnb_textbook .textbook > ul > li > ul > li > a:hover .list-number {color: #1e1e21 !important; font-weight: 700;}
#contents.sub.textbook2025 #lnb .menu_new .lnb_textbook .textbook > ul > li > ul > li > a:hover p.list-text,
#contents.sub.textbook2025 #lnb .menu_new .lnb_textbook .textbook > ul > li > ul > li.on > a p.list-text {position: relative;}
#contents.sub.textbook2025 #lnb .menu_new .lnb_textbook .textbook > ul > li > ul > li > a:hover p.list-text::after,
#contents.sub.textbook2025 #lnb .menu_new .lnb_textbook .textbook > ul > li > ul > li.on > a p.list-text::after {content: ''; position: absolute; left: -15px; right: 0; bottom: 1px; width: 100%; height: 1px; padding: 0 0 0 15px; background: #1e1e21;}

#contents.sub.textbook2025 {width: 1200px; padding-top: 64px;}
#contents.sub.textbook2025 .tab_educourse_wrap {display: flex; justify-content: space-between; align-items: start;}
#contents.sub.textbook2025 .tab_educourse_wrap .tab_educourse {display: flex; flex-wrap: wrap; gap: 16px 0; align-items: center; padding: 0 0 18px; border: 0;}
#contents.sub.textbook2025 .tab_educourse_wrap .tab_educourse li {position: relative; float: none; width: auto;}
#contents.sub.textbook2025 .tab_educourse_wrap .tab_educourse li a {padding: 0 16px; font-size: 16px; color: #1e1e21; font-weight: 400; white-space: nowrap; background: none; border: 0;}
#contents.sub.textbook2025 .tab_educourse_wrap .tab_educourse li a span {font-size: 16px; color: #a4a5a9;font-weight: 400;letter-spacing:-0.01em;}
#contents.sub.textbook2025 .tab_educourse_wrap .tab_educourse li a:hover span {color: #a4a5a9;}
#contents.sub.textbook2025 .tab_educourse_wrap .tab_educourse li.on a {height: 39px; padding: 0 16px; color: #fff; font-weight: 700; background: #00b9ff; border-radius: 20px; box-shadow: 0 4px 11px 0 rgba(52,112,208,0.16);}
#contents.sub.textbook2025 .tab_educourse_wrap .tab_educourse li.on a::after {content: ''; position: absolute; left: 50%; top: 100%; width: 14px; height: 12px; margin: -2px 0 0 -7px; background: url('/images/renew2025/icon_arrow_down_blue_14x12.png') no-repeat 0 0;}
#contents.sub.textbook2025 .tab_educourse_wrap .tab_educourse li.on a span,
#contents.sub.textbook2025 .tab_educourse_wrap .tab_educourse li.on:hover a span {font-size: 16px; color: #fff;font-weight:700;letter-spacing:-0.01em;}

#contents.sub.textbook2025 .tab_educourse_wrap .speical_tab {flex: 0 0 auto; width: auto; background: #273fa1; border-radius: 4px;}
#contents.sub.textbook2025 .tab_educourse_wrap .speical_tab span {display: flex; justify-content: center; align-items: center; height: 36px; padding: 0 12px; font-size: 14px; line-height: normal; color: #fff; font-weight: 700; white-space: nowrap; background: none;}
#contents.sub.textbook2025 .tab_educourse_wrap .speical_tab span em {display: inline; font-size: inherit; color: #fff; font-weight: 400;}
#contents.sub.textbook2025 .tab_educourse_wrap .speical_tab span .ml5 {display: none;}
#contents.sub.textbook2025 .tab_educourse_wrap.speical_gubun ul li.new::after {content: none;}

#contents.sub.textbook2025 .tab_second {box-sizing: border-box; width: 910px; padding: 8px 20px; border: 1px solid #0057ed; border-radius: 8px; }
#contents.sub.textbook2025 .tab_second ul {display: flex; flex-wrap: wrap;}
#contents.sub.textbook2025 .tab_second li {padding: 6px 0;}
#contents.sub.textbook2025 .tab_second li::after {content: ''; display: inline-block; width: 1px; height: 12px; margin: 0 12px; vertical-align: -1px; background: #a4a5a9;}
#contents.sub.textbook2025 .tab_second li:last-child::after {content: none;}
#contents.sub.textbook2025 .tab_second li input[type="checkbox"] {appearance: none; overflow: hidden; position: absolute; width: 1px; height: 1px; border: 0; background: none;}
#contents.sub.textbook2025 .tab_second li label {font-size: 14px; color: #1e1e21; font-weight: 400; cursor: pointer;}
#contents.sub.textbook2025 .tab_second li label:hover {position: relative; color: #0057ed; font-weight: 700;}
#contents.sub.textbook2025 .tab_second li label:hover::after {content: ''; position: absolute; left: 0; right: 0; bottom: -8px; height: 1px; background: #0057ed;}
#contents.sub.textbook2025 .tab_second li input:checked + label {position: relative; font-weight: 700;}
#contents.sub.textbook2025 .tab_second li input:checked + label::after {content: ''; position: absolute; left: 0; right: 0; bottom: -8px; height: 1px; background: #1e1e21;}

#contents.sub.textbook2025 .table_option_wrap {display: flex; justify-content: space-between; align-items: center; width: 910px; height: 36px; padding: 0; background: #fff;}
#contents.sub.textbook2025 .table_option_wrap .btns {position: static; display: flex; gap: 16px; align-items: center; margin: 0;}
#contents.sub.textbook2025 .table_option_wrap .btns .chk_box {margin: 0;}
#contents.sub.textbook2025 .table_option_wrap .btns .chk_box label {padding: 0 0 0 24px; font-size: 14px; color: #1e1e21; font-weight: 400;}
#contents.sub.textbook2025 .table_option_wrap .btns .chk_box label::before {top: 2px; width: 16px; height: 16px; background: url('/images/renew2025/icon_checkbox_16.png') no-repeat 0 0;}
#contents.sub.textbook2025 .table_option_wrap .btns .chk_box input:checked + label::before {background-position-y: 100%;}
#contents.sub.textbook2025 .table_option_wrap .btns a {height: auto; padding: 0 0 0 28px; margin: 0; line-height: 1.4;}
#contents.sub.textbook2025 .table_option_wrap .btns a::before {top: -2px; width: 24px; height: 24px; background-color: transparent; border: 0;}
#contents.sub.textbook2025 .table_option_wrap .btns a.btn_add::before {background-image: url('/images/renew2025/icon_simple_file_24.png');}
#contents.sub.textbook2025 .table_option_wrap .btns a.btn_down::before {background-image: url('/images/renew2025/icon_simple_down_24.png');}
#contents.sub.textbook2025 .table_option_wrap .btns a span {padding: 0; line-height: 1.4;}

#contents.sub.textbook2025 .table_option_wrap .textbookAlign {display: flex; gap: 16px;}
#contents.sub.textbook2025 .table_option_wrap .textbookAlign input[type="radio"] {appearance: none; overflow: hidden; position: absolute; width: 1px; height: 1px; border: 0; background: none;}
#contents.sub.textbook2025 .table_option_wrap .textbookAlign label {font-size: 14px; color: #1e1e21;}
#contents.sub.textbook2025 .table_option_wrap .textbookAlign label::before {content: ''; box-sizing: border-box; display: inline-block; width: 16px; height: 16px; margin: 0 4px 0 0; vertical-align: -3px; background: #fff; border: 1px solid #a4a5a9; border-radius: 100%;}
#contents.sub.textbook2025 .table_option_wrap .textbookAlign input:checked + label::before {background: #0057ed; border: 0;}

#contents.sub.textbook2025 .tab_second + .table_option_wrap {padding-top: 28px;}

#contents.sub.textbook2025 [class^="cont_educourse"] .table_option_wrap .btns a.btn_down span {margin-right: 16px;}
#contents.sub.textbook2025 [class^="cont_educourse"] .table_option_wrap .btns .chk_box.type01 label,
#contents.sub.textbook2025 [class^="cont_educourse"] .table_option_wrap .btns a.btn_add span,
#contents.sub.textbook2025 [class^="cont_educourse"] .table_option_wrap .btns a.btn_down span {font-size: 14px; color: #1e1e21;}
#contents.sub.textbook2025 [class^="cont_educourse"] .table_option_wrap .btns .chk_box.type01 label::before {width: 16px; height: 16px; background: url('/images/renew2025/icon_checkbox_16.png') no-repeat 0 0;}
#contents.sub.textbook2025 [class^="cont_educourse"] .table_option_wrap .btns .chk_box.type01 input:checked + label::before {background-position-y: 100%;}

#contents.sub.textbook2025 [class^="cont_educourse"] .tblList.tblList-new {border-top: 1px solid #a4a5a9;}
#contents.sub.textbook2025 [class^="cont_educourse"] .tblList.tblList-new td {border-bottom: 1px solid #e9e9ed;}
#contents.sub.textbook2025 [class^="cont_educourse"] .tblList.tblList-new td:first-child {padding-left: 0;}
#contents.sub.textbook2025 [class^="cont_educourse"] .tblList.tblList-new td .chk_box label {padding: 0 0 0 24px; font-size: 14px; color: #1e1e21; font-weight: 400;}
#contents.sub.textbook2025 [class^="cont_educourse"] .tblList.tblList-new td .chk_box label::before {width: 16px; height: 16px; background: url('/images/renew2025/icon_checkbox_16.png') no-repeat 0 0;}
#contents.sub.textbook2025 [class^="cont_educourse"] .tblList.tblList-new td .chk_box input:checked + label::before {background-position-y: 100%;}
#contents.sub.textbook2025 [class^="cont_educourse"] .tblList-textbook td.title a {position: relative; padding-left: 36px; color: #1e1e21;}
#contents.sub.textbook2025 [class^="cont_educourse"] .tblList-textbook td.title a::after {content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 24px; height: 24px; background: url('/images/renew2025/icon_files_24_2x.png') no-repeat 0 25px / 24px auto;}
#contents.sub.textbook2025 [class^="cont_educourse"] .tblList-textbook td.title a.pdf::after {background-position-y: -25px;}
#contents.sub.textbook2025 [class^="cont_educourse"] .tblList-textbook td.title a.ppt::after ,
#contents.sub.textbook2025 [class^="cont_educourse"] .tblList-textbook td.title a.pptx::after,
#contents.sub.textbook2025 [class^="cont_educourse"] .tblList-textbook td.title a.pptm::after {background-position-y: -50px;}
#contents.sub.textbook2025 [class^="cont_educourse"] .tblList-textbook td.title a.doc::after {background-position-y: -75px;}
#contents.sub.textbook2025 [class^="cont_educourse"] .tblList-textbook td.title a.xls::after,
#contents.sub.textbook2025 [class^="cont_educourse"] .tblList-textbook td.title a.xlsx::after {background-position-y: -100px;}
#contents.sub.textbook2025 [class^="cont_educourse"] .tblList-textbook td.title a.hwp::after {background-position-y: -125px;}
#contents.sub.textbook2025 [class^="cont_educourse"] .tblList-textbook td.title a.wav::after {background-position-y: -175px;}
#contents.sub.textbook2025 [class^="cont_educourse"] .tblList-textbook td.title a.zip::after {background-position-y: -200px;}
#contents.sub.textbook2025 [class^="cont_educourse"] .tblList-textbook td.title a.mp3::after {background-position-y: -225px;}
#contents.sub.textbook2025 [class^="cont_educourse"] .tblList-textbook td.title a.link::after {background-position-y: -250px;}
#contents.sub.textbook2025 [class^="cont_educourse"] .tblList-textbook td.title a.mp4::after {background-position-y: -175px;}
#contents.sub.textbook2025 [class^="cont_educourse"] .tblList-textbook td.title a.html::after {background-position-y: -275px;}
#contents.sub.textbook2025 [class^="cont_educourse"] .tblList-textbook td a.ico {box-sizing: border-box; display: inline-block; width: 32px; height: 32px; font-size: 0; background-color: #f4f8ff; background-position: 0 0; background-repeat: no-repeat; border: 1px solid #e9f2ff; border-radius: 4px;}
#contents.sub.textbook2025 [class^="cont_educourse"] .tblList-textbook td a.ico:hover {background-color: #f4f8ff; border: 1px solid #e9f2ff;}
#contents.sub.textbook2025 [class^="cont_educourse"] .tblList-textbook td a.search {background-image: url('/images/renew2025/icon_simple_search_30.png'); }
#contents.sub.textbook2025 [class^="cont_educourse"] .tblList-textbook td a.plus {background-image: url('/images/renew2025/icon_simple_folder_30.png'); }
#contents.sub.textbook2025 [class^="cont_educourse"] .tblList-textbook td a.down {background-image: url('/images/renew2025/icon_simple_down_30.png'); }
#contents.sub.textbook2025 [class^="cont_educourse"] .data_list.data_list2020 ul li .chk_box.type02 label {color: #1e1e21;}

#contents.sub.textbook2025 [class^="cont_educourse"] .tblList-textbook td a.ico.disabled {cursor: default; background-position-y: 100%;}
#contents.sub.textbook2025 .btn-more-wrapper {display: flex; justify-content: center;}
#contents.sub.textbook2025 .btn-more-wrapper .more_btn {display: flex; justify-content: center; align-items: center; height: 36px; padding: 0 26px; margin-top: 32px; font-size: 14px; color: #1e1e21; background: #fff; border-color: #273fa1; border-radius: 20px; box-shadow: 0 3px 0 0 rgba(0,0,0,0.04);}
#contents.sub.textbook2025 .btn-more-wrapper .more_btn span {color: #a4a5a9;}
#contents.sub.textbook2025 .btn-more-wrapper .more_btn::before {order: 1; width: 12px; height: 8px; margin: 0 0 0 12px;   background: url('/images/renew2025/icon_arrow_down_blue_12x8.png') no-repeat 0 0; }
#contents.sub.textbook2025 .btn-more-wrapper .more_btn:hover {color: #1e1e21; background: #fff; border-color: #273fa1;}
#contents.sub.textbook2025 .btn-more-wrapper .more_btn:hover span {color: #a4a5a9;}

#contents.sub.textbook2025.fixed #top_educourse {z-index: 2;}
#contents.sub.textbook2025.fixed .tab_educourse {position: fixed; z-index: 11; top: 130px; width: 910px; background: #fff;}
#contents.sub.textbook2025.fixed .tab_second {position: fixed; z-index: 11; top: 185px; background: #fff;}


#contents.sub.textbook2025 .data_list.data_list2020 > ul {gap: 40px 36px;}
#contents.sub.textbook2025 .data_list.data_list2020 > ul > li {width: 200px; margin: 0;}
#contents.sub.textbook2025 .data_list.data_list2020 > ul > li .data_cont,
#contents.sub.textbook2025 .data_list.data_list2020 > ul > li .data_cont .img {height: 142px; border-radius: 12px;}

/* 라이브러리 */
#contents.lb_contents {width: 1200px;}
#contents.lb_contents .lb_renew .lb_top_desc .lb_top_wrap {width: 100%;}
#contents.lb_contents .lb_renew:not(.type02) .tabCnt .data_list ul {gap: 40px 36px; margin: 25px 0 0; padding: 10px 0 0;}
#contents.lb_contents .lb_renew:not(.type02) .tabCnt .data_list ul li {width: 200px; margin: 0;}
#contents.lb_contents .lb_renew:not(.type02) .data_list.data_list2020 ul li .data_cont  {height: 142px;}

/* 퀵메뉴 > 최근 본 자료 | 내 수업 | 내 자료 */
.popup_data_list {display: none; position: fixed; z-index: 1010; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100vh; }
.popup_data_list.is-open {display: block;}
.popup_data_list::before {content: ''; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.5;}
.popup_data_list .popup_container {overflow: hidden; position:absolute; left: 50%; top: 50%; width: 640px; transform: translate(-50%, -50%); border-radius: 8px; box-shadow: 0 2px 7px 0 rgba(0,0,0,0.07);}
.popup_data_list .popup_header {height: 56px; padding: 0 28px; font-size: 18px; line-height: 54px; background: #273fa1;}
.popup_data_list .popup_header .tab_list {display: flex; align-items: center;}
.popup_data_list .popup_header .tab_item + .tab_item::before {content: ''; display: inline-block; width: 1px; height: 12px; margin: 0 12px; vertical-align: 1px; background: #a4a5a9;}
.popup_data_list .popup_header .tab_item .tab {font-size: 18px; color: #e9e9ed; text-decoration: none;}
.popup_data_list .popup_header .tab_item .tab.is-active {color: #fff; font-weight: 700;}
.popup_data_list .popup_body {padding: 28px; background: #fff;}

.popup_data_list .tabpanel {display: none;}
.popup_data_list .tabpanel.is-show {display: block;}
.popup_data_list .mydata_list {min-height: 412px; border-top: 1px solid #a4a5a9;}
.popup_data_list .mydata_item {display: flex; gap: 16px; align-items: center; padding: 8px 0; border-bottom: 1px solid #e9e9ed;}
.popup_data_list .mydata_item .data_num,
.popup_data_list .mydata_item .data_textbook,
.popup_data_list .mydata_item .data_link a {font-size: 16px; color: #1e1e21;}
.popup_data_list .mydata_item .data_num {flex: 0 0 auto; width: 40px; text-align: center;}
.popup_data_list .mydata_item .data_textbook {flex: 0 0 auto; width: 140px; text-align: center;}
.popup_data_list .mydata_item .data_link {overflow: hidden; min-width: 0; white-space: nowrap; text-overflow: ellipsis;}
.popup_data_list .mydata_item .data_date {flex: 0 0 auto; margin-left: auto; width: 88px; font-size: 16px; color: #a4a5a9;}
.popup_data_list .description {margin: 32px 0 8px; font-size: 16px; color: #4468df;}
.popup_data_list .btn_more {position: absolute; right: 28px; bottom: 29px; height: 36px; padding: 0 20px; font-size: 14px; line-height: 34px; color: #1e1e21; background: #f4f8ff; border: 1px solid #273fa1; border-radius: 20px; box-shadow: 0 3px 0 0 rgba(0,0,0,0.04);}
.popup_data_list .btn_more::after {content: ''; display: inline-block; width: 8px; height: 12px; margin: 0 0 0 12px; background: url('/images/renew2025/icon_arrow_left_blue_8x12.png') no-repeat 0 0;}

.popup_data_list .mydata_list.data .data_link a {position: relative; padding-left: 36px;}
.popup_data_list .mydata_list.data .data_link a::after {content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 24px; height: 24px; background: url('/images/renew2025/icon_files_24.png') no-repeat 0 0;}
.popup_data_list .mydata_list.data .data_link a.pdf::after {background-position-y: -25px;}
.popup_data_list .mydata_list.data .data_link a.ppt::after ,
.popup_data_list .mydata_list.data .data_link a.pptx::after,
.popup_data_list .mydata_list.data .data_link a.pptm::after {background-position-y: -50px;}
.popup_data_list .mydata_list.data .data_link a.doc::after {background-position-y: -75px;}
.popup_data_list .mydata_list.data .data_link a.xls::after,
.popup_data_list .mydata_list.data .data_link a.xlsx::after {background-position-y: -100px;}
.popup_data_list .mydata_list.data .data_link a.hwp::after {background-position-y: -125px;}
.popup_data_list .mydata_list.data .data_link a.wav::after,
.popup_data_list .mydata_list.data .data_link a.mp3::after {background-position-y: -175px;}
.popup_data_list .mydata_list.data .data_link a.zip::after {background-position-y: -200px;}

.popup_data_list .data_none {display: none;}
.popup_data_list .data_none .data_none_inner {display: flex; flex-direction: column; gap: 8px; justify-content: center; align-items: center; height: 243px; text-align: center;}
.popup_data_list .data_none .tit {font-size: 20px; color: #1e1e21; font-weight: 700;}
.popup_data_list .data_none .txt {font-size: 16px; color: #1e1e21;}
.popup_data_list .data_none.is-show {display: flex; justify-content: center; align-items: center; min-height: 477px;}

.popup_data_list .popup_container .btn_popup_close {position: absolute; right: 0; top: 0; padding: 11px 12px;}
.popup_data_list .popup_container .btn_popup_close::before {content: ''; display: block; width: 30px; height: 30px; background: url('/images/renew2025/icon_x_white_30.png') no-repeat 50%;}

/* 퀵메뉴 */
#quickMenu.renew07 .loginbox .title {font-size: 16px; color: #0086FF; font-weight: 700;text-align:center;}
#quickMenu.renew07 .loginbox {padding: 20px 16px 12px; border-bottom: 0;}
#quickMenu.renew07 .loginbox .title {padding: 0; margin: 0 0 15px;}
#quickMenu.renew07 .input_wrap {margin: 0; border: 0; border-radius: 0;}
#quickMenu.renew07 .input_wrap .txt,
#quickMenu.renew07 .input_wrap input[type="password"] {border: 1px solid #e5eaee; border-radius: 5px; background: #fff;}
#quickMenu.renew07 .input_wrap .txt + .txt {margin: 5px 0 0;}
#quickMenu.renew07 .login_check {margin: 11px 0 0; padding: 0;}
/* #quickMenu.renew07 .login_check input[type="checkbox"] + label::before {width: 19px; height: 19px;} */
#quickMenu.renew07 .btn_login {width: auto; height: 32px; margin: 0 0 10px; line-height: 30px; background: #2c3e9b; border-radius: 16px;}
#quickMenu.renew07 .btns.quickBtns {margin: 0;}
#quickMenu.renew07 .btns.quickBtns a {color: #6e7483; font-weight: 400;}
#quickMenu.renew07 .btns.quickBtns .btn_idpw::after {right: -2px; height: 14px; background: #e5eaee;}
#quickMenu.renew07 .login_before .sns_login {padding: 11px 0 0; margin: 16px 0 0; border-top: 1px solid #e5eaee;}
#quickMenu.renew07 .login_before .sns_login ul {gap: 4px;}
#quickMenu.renew07 .login_before .sns_login ul li {margin: 0;}
#quickMenu.renew07 .line_type {padding: 0 16px; border-top: 0;}
#quickMenu.renew07 .myTextbook {margin: 0 0 14px;}
#quickMenu.renew07 .myTextbook a {display: block; height: 40px; font-size: 14px; line-height: 38px; color: #fff; text-align: center; background: #0086FF; border-radius: 4px;}
#quickMenu.renew07 .line_type ul {overflow: hidden; border: 1px solid #d5e5e4; border-radius: 4px;}
#quickMenu.renew07 .line_type li {background: url('/images/renew/ico/ico_quick_arr.svg') no-repeat right 11px top 50%;}
#quickMenu.renew07 .line_type li + li {border-top: 1px solid;}
#quickMenu.renew07 .line_type ul a {display: block; height: 33px; padding: 0 15px; font-size: 14px; line-height: 33px; color: #1E1E21; font-weight: 400; }
#quickMenu.renew07 .line_type ul li:first-child a{padding-top:4px;}
#quickMenu.renew07 .line_type ul li:last-child a{padding-bottom:4px;}
#quickMenu.renew07 .line_type ul li a.new:after{content:"";display:inline-block;width:6px;height:6px;background-color:#FF0000;border-radius:50%;position:absolute;top:50%;transform:translate(calc(3px),calc(-50% - 7px));}
#quickMenu.renew07 .bookmark,
#quickMenu.renew07 .teacher_tools {padding: 0; margin: 10px 0 0;}
#quickMenu.renew07 .myDate .myData_list {background: #fff; border-color: #DCDCDC;}
#quickMenu.renew07 .myDate .myData_list li + li {border-color: #d5e5e4;}
#quickMenu.renew07 .myDate .myData_list li a:hover {color: #28a69b; font-weight: 700;}
#quickMenu.renew07 .myDate .myData_list li{position:relative;}

#quickMenu.renew07 .bookmark ul {background:rgba(0,185,255,0.02); border-color: #00B9FF;}
#quickMenu.renew07 .bookmark li {padding: 0; border-bottom: 0;}
#quickMenu.renew07 .bookmark li + li {border-color: #E9E9ED;}
#quickMenu.renew07 .bookmark li:last-child {border-bottom: 0;}
#quickMenu.renew07 .bookmark ul li a:hover {color: #f09847; font-weight: 700;}

#quickMenu.renew07 .teacher_tools ul {background:rgba(244,248,255,0.8); border-color: #0086FF;}
#quickMenu.renew07 .teacher_tools ul li {border-bottom: 0;}
#quickMenu.renew07 .teacher_tools ul li + li {border-color: #e1e4f0;}
#quickMenu.renew07 .teacher_tools ul li a {background: none;}
#quickMenu.renew07 .teacher_tools ul li a::after {content: none;}
#quickMenu.renew07 .teacher_tools ul li a:hover {color: #4c67d7; background-color: transparent;}
#quickMenu.renew07 .teacher_tools ul li a.smart{background:url("/images/renew/ico/ico_q_smart.svg") no-repeat left 15px center;height:33px;}
#quickMenu.renew07 .teacher_tools ul li a.smart.new:after{transform:translate(calc(-28px),calc(-50% - 7px));}
#quickMenu.renew07 .teacher_tools ul li a.smart.new:hover:after{background-image:none;}
#quickMenu.renew07 .loginbox .login_after_wrap {padding: 15px 0 15px; margin: 0 0 3px; border: 1px solid #e5eaee; border-width: 1px 0;}
#quickMenu.renew07 .loginbox .login_after_wrap .login_after.before_certify {padding: 0;}
#quickMenu.renew07 .login_after_wrap .login_after .teacher_name_wrap p {color: #393d49;}
#quickMenu.renew07 .login_after_wrap .login_after .certification {margin: 0 0 15px; color: #8e9091;}
#quickMenu.renew07 .login_after_wrap .log_info {display: flex; flex-wrap: wrap; gap: 4px; align-items: center;}
#quickMenu.renew07 .login_after_wrap .log_info > :first-child {flex: 0 0 auto; width: 100%;}
#quickMenu.renew07 .btns a:not(.login_before) {width: 70px; height: 33px; line-height: 2.5; border-radius:20px;}
#quickMenu.renew07 .validPop {z-index: 40; left: -168px;}
#quickMenu.renew07 .validPop.expiration { left: -124px;}
#quickMenu.renew07 .btn_idpw_modify {margin: 0; white-space: nowrap;}
#quickMenu.renew07 .btn_idpw_modify span {margin: 0 0 0 -2px;}
/* //= 251 중고등 개편 (2025) = */
#quickMenu.renew07 .line_type .quick-swiper {margin:10px 0; height:152px;text-align:center;}
#quickMenu.renew07 .line_type .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);border-radius:4px;}
#quickMenu.renew07 .line_type .quick-swiper .book_img_box .hover_box a {padding:0;display:inline-block;width:100%;height:100%;}
#quickMenu.renew07 .line_type .quick-swiper img {width:118px;height:auto;}
#quickMenu.renew07 .line_type .quick-swiper .quickPrev {left:-10px;background:url('/images/renew/ico/prev_arr_quickmenu.svg') no-repeat center center;}
#quickMenu.renew07 .line_type .quick-swiper .quickNext {right:-10px;background:url('/images/renew/ico/next_arr_quickmenu.svg') no-repeat center center;}
#quickMenu.renew07 .line_type .quick-swiper .swiper-button-prev:after, #quickMenu.renew251 .line_type .bookmark .quick-swiper .swiper-button-next:after {display:none;}

/*고교학점제*/
#contents #conts.conts2025 h3{margin-bottom:20px;color:var(--color-gray100);font-size:26px;font-weight:600;}
#contents #conts.conts2025 .desc-page{margin-top:-8px;height:auto;font-size:16px;color:var(--color-gray100);}
:root{
    --color-gray100:#1E1E21;
    --color-gray80:#53565D;
    --color-gray60:#767C89;
    --color-gray40:#A4A5A9;
    --color-gray30:#d4d4d4;
    --color-gray20:#E9E9ED;
    --color-gray10:#FAFAFA;
    --color-gray15:#F4F4F5;
    --color-blue1:#273FA1;
    --color-blue4:#0086FF;
    --bg-blue1:#F4F8FF;
    --bg-blue2:#E9F2FF;
    --color-mint1:#E5F7F5;
    --color-indg1:#6978B5;
}
.high_credit{display:flex;flex-wrap:nowrap;gap:15px;}
.high_credit .creditNews{flex:1;}
.creditNews{padding:21px;border:1px solid var(--color-gray30);border-radius:12px;}
.creditNews .tit_wrap{display:flex;flex-wrap:nowrap;justify-content: space-between;}
.creditNews .tit_wrap h4{font-size:19px;font-weight:600;color:var(--color-gray100);line-height:1.2;}
.creditNews .tit_wrap h4 span{color:var(--color-blue1);font:inherit;}
.creditNews .tit_wrap .btn_bd_go{width:25px;height:25px;background:var(--color-blue1) url(../images/create/credit/ico_plus.png) no-repeat center center;border-radius:50%;}
.creditNews p{margin-top:10px;font-size:15px;color:var(--color-gray60);}
.creditNews .newslist{margin-top:10px;display:flex;flex-wrap:nowrap;gap:10px;}
.creditNews .newslist li{width:calc(33.33% - 7px);}
.creditNews .newslist li a{padding:25px 22px;height:138px;display:flex;flex-direction:column;justify-content: space-between; background:var(--color-mint1);border-radius:8px;box-sizing:border-box;}
.creditNews .newslist li a:hover{text-decoration: none;}
.creditNews .newslist li a:hover h5,.creditNews .newslist li a:hover p{text-decoration:underline;text-underline-offset: 3px;}
.creditNews .newslist li a h5{font-size:14px;font-weight:600;color:var(--color-gray100);letter-spacing: -0.04em;word-break: keep-all;display:-webkit-box;-webkit-box-orient:vertical;max-height:63px;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp: 3;}
.creditNews .newslist li a p{margin-top:0;font-size:13px;color:var(--color-gray80);}
.creditBanner{width:272px;}
.creditBanner a{position:relative;display:block;padding:40px 25px 20px;width:100%;height:100%;background:#d5f3ff url(../images/create/credit/illust_school.png) no-repeat 25px 147px;box-sizing:border-box;border-radius:12px;}
.creditBanner a:hover{text-decoration:none;}
.creditBanner a:hover h4,.creditBanner a:hover p{text-decoration:underline;text-underline-offset: 3px;}
.creditBanner a h4{font-size:19px;font-weight:600;color:var(--color-gray100);}
.creditBanner a p{margin-top:6px;font-size:14px;font-weight:500;color:var(--color-gray100);line-height:21px;}
.creditBanner a .detail{position:absolute;right:27px;bottom:27px;text-decoration:underline;font-size:13px;color:var(--color-indg1);}
.creditSubject{margin-top:20px;padding:21px;border:1px solid var(--color-gray30);border-radius:12px;}
.creditSubject h2{font-size:17px;color:var(--color-gray100);font-weight:600;}
.creditSubject ul{margin-top:12px;display:flex;flex-wrap:nowrap;gap:8px;}
.creditSubject ul li{flex:1;}
.creditSubject ul li a{width:100%;height:54px;display:flex;align-items: center;justify-content: center;border:1px solid var(--color-blue1);border-radius:4px;background:var(--bg-blue1);font-size:17px;color:var(--color-blue1);line-height:25px;text-align:center;}
.creditSubject ul li a:hover{text-decoration: none;}
.creditSubject ul li a.t15{font-size:15px;line-height:22px;}
.creditSubject ul li.on a,.creditSubject ul li:hover a{background:var(--color-blue4);border-color:var(--color-blue4);color:#fff;}

.creditBook{margin-top:10px;display:flex;flex-wrap:nowrap;gap:10px;align-items: stretch;}
.creditBook li{flex:1;}
.creditBook li a{padding:20px 20px;height:147px;display:flex;flex-wrap:nowrap;gap:12px;border-radius:12px;background:var(--color-gray15);box-sizing: border-box;}
.creditBook li a:hover{text-decoration: none;}
.creditBook li a img{width:74px;height:105px;border:1px solid var(--color-gray40);}
.creditBook li a .txtbox{flex:1;}
.creditBook li a .txtbox h4{font-size:16px;font-weight:600;color:var(--color-gray100);letter-spacing:-0.06em;}
.creditBook li a .txtbox p{font-size:13px;color:var(--color-gray100);line-height:1.4;letter-spacing:-0.05em;}

.flex_lr{margin-top:20px;display:flex;flex-wrap:nowrap;gap:17px;}
.flex_lr .creditNews{width:434px;box-sizing: border-box;}
.flex_lr .creditNews + .creditNews{flex:1;}
.flex_lr .creditNews .jobinfo{display:flex;flex-wrap:wrap;gap:10px;}
.flex_lr .creditNews .jobinfo a:hover{padding:15px 0;border:1px solid var(--color-blue4);box-shadow: 3px 3px 5px 0 #0000001C;background-position:center 55px;}
.flex_lr .creditNews .jobinfo .job_cate{margin-top:10px;padding:16px 0;width:calc(33.33% - 7px);height:106px;border-radius:6px;background-color:var(--color-mint1);box-sizing:border-box;background-position:center 56px;background-repeat:no-repeat;}
.flex_lr .creditNews .jobinfo .job_cate:hover{text-decoration: none;}
.flex_lr .creditNews .jobinfo .job_cate.ico01{background-image:url(../images/create/credit/subject01.png);}
.flex_lr .creditNews .jobinfo .job_cate.ico02{background-image:url(../images/create/credit/subject02.png);}
.flex_lr .creditNews .jobinfo .job_cate.ico03{background-image:url(../images/create/credit/subject03.png);}
.flex_lr .creditNews .jobinfo .job_cate.ico04{background-image:url(../images/create/credit/subject04.png);}
.flex_lr .creditNews .jobinfo .job_cate.ico05{background-image:url(../images/create/credit/subject05.png);}
.flex_lr .creditNews .jobinfo .job_cate.ico06{background-image:url(../images/create/credit/subject06.png);}
.flex_lr .creditNews .jobinfo .job_cate .jobCate{margin:0 auto;position:relative;display:block;width:96px;height:28px;border:1px solid #4EC5BB;background:#fff;text-align:center;font-size:15px;font-weight:600;color:var(--color-gray100);border-radius:14px;box-sizing:border-box;}
.flex_lr .creditNews .jobinfo .job_cate .jobCate span{position:absolute;right:4px;top:4px;display:block;width:18px;height:18px;border-radius:50%;text-align:center;line-height:18px;overflow:hidden;color:#fff;font-size:11px;font-weight:500;background:#4ec5bb;}
.flex_lr .creditNews .SubjectTab{margin-top:12px;display:flex;flex-wrap:nowrap;gap:7px;}
.flex_lr .creditNews .SubjectTab li{flex:1;}
.flex_lr .creditNews .SubjectTab li a{display:block;width:100%;height:50px;text-align:center;line-height:50px;font-size:16px;color:var(--color-blue1);border-radius:4px;border:1px solid var(--color-blue1);background:var(--bg-blue1);}
.flex_lr .creditNews .SubjectTab li a:hover{text-decoration: none;}
.flex_lr .creditNews .SubjectTab li.on a,.flex_lr .creditNews .SubjectTab li:hover a{background:var(--color-blue4);color:#fff;font-weight:600;border-color:var(--color-blue4);}
.flex_lr .creditNews .tab_department{margin-top:18px;}
.flex_lr .creditNews .tab_department ul li a{display:block;font-size:16px;color:var(--color-gray100);line-height:1.75;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.flex_lr .creditNews .tab_department ul li a:hover,.flex_lr .creditNews .tab_department ul li a:active{color:var(--color-blue1);text-decoration:underline;font-weight:600;text-underline-offset: 4px;}

.creditDetail{}
.creditDetail .tit_wrap {margin-top:35px;display:flex;flex-wrap:nowrap;justify-content: space-between;}
.creditDetail .tit_wrap h4{font-size:22px;line-height:32px;font-weight:500;color:var(--color-gray100);}
.creditDetail .tit_wrap h4 span{font:inherit;color:var(--color-blue1);}

.creditDetail .tblist{margin-top:12px;width:100%;border-collapse: collapse;}
.creditDetail .tblist thead th{height:33px;text-align:center;background:var(--color-gray10);border-top:1px solid #dcdcdc;border-right:1px solid #dcdcdc;}
.creditDetail .tblist tr *:last-child{border-right:none;}
.creditDetail .tblist thead th p{font-size:14px;font-weight:600;color:var(--color-gray80);}
.creditDetail .tblist th,.creditDetail .tblist td{border-bottom:1px solid #dcdcdc;border-right:1px solid #dcdcdc;}
.creditDetail .tblist td{padding:12px 10px;text-align:center;vertical-align: middle;}
.creditDetail .tblist td p{font-size:14px;font-weight:400;color:var(--color-gray100);}

.subject_infoTab{margin-top:13px;}
.subject_infoTab .tab_menu{display:flex;flex-wrap:nowrap;}
.subject_infoTab .tab_menu li{padding:0 6px;flex:1;height:52px;background:var(--bg-blue1);border-radius:8px 8px 0 0;border:1px solid #dae4f3;border-bottom:1px solid var(--color-blue4);box-sizing:border-box;}
.subject_infoTab .tab_menu li.on{background:#fff;border-color:var(--color-blue4);border-bottom:none;}
.selBox_style {position:relative;display:block;}
.selBox_style .selTit{position:relative;padding:8px 39px 8px 3px;display:block;line-height:34px;height:50px;text-align:center;font-size:16px;color:var(--color-gray100);box-sizing:border-box;}
.selBox_style .selTit span{letter-spacing:-0.05em;white-space:nowrap;}
.selBox_style .selTit .btn_drop{position:absolute;right:15px;top:12px;width:24px;height:24px;border:1px solid #BDCADD;border-radius:50%;background:#fff url(../images/create/credit/arr_selbox.png) no-repeat center center;}
.selBox_style .selTit:hover{text-decoration:none;}
.selBox_style .dropmenu{display:none;position:absolute;left:0;right:0;bottom:0;height:162px;box-shadow:3px 3px 5px 0 rgba(0,0,0,0.11);background:#fff;;border:1px solid var(--color-gray20);border-radius:8px;transform:translateY(100%);overflow-y:auto;z-index:100;box-sizing:border-box;}
.selBox_style .dropmenu a{display:block;height:40px;line-height:40px;text-align:center;border-bottom:1px solid var(--color-gray20);font-size:14px;color:#000;box-sizing:border-box;}
.selBox_style.show .dropmenu{display:block}
.selBox_style.show .dropmenu a:hover,.selBox_style.show .dropmenu a.select{background:var(--bg-blue1);color:var(--color-blue1);font-weight:600;text-decoration:none;}

.subject_infoTab .tab_menu li.on .selBox_style .selTit{color:var(--color-blue1);font-weight:600;}
.subject_infoTab .tab_menu li.on .selBox_style.show .selTit{border-bottom:2px solid var(--color-blue1);}
.subject_infoTab .tab_menu li.on .selBox_style.show .selTit .btn_drop{background-color:#E9F2FF;transform:rotate(180deg);}

.subject_infoTab .tab_conts li{display:none}
.subject_infoTab .tab_conts li.on{display:block}

.subject_cate_result{padding:32px;border:1px solid var(--color-blue4);border-top:none;border-radius:0 0 12px 12px;}
.subject_tb_info{border:1px solid var(--color-gray20);border-radius:10px;overflow:hidden;}
.subject_tb_info dl{display:flex;flex-wrap:nowrap;border-bottom:1px solid var(--color-gray20);align-items: stretch;}
.subject_tb_info dl dt{width:146px;display:flex;align-items:center;justify-content:center;background:#fafafa;}
.subject_tb_info dl dt p{font-size:13px;font-weight:500;color:var(--color-gray100);}
.subject_tb_info dl dd{flex:1;padding:16px 12px;}
.subject_tb_info dl dd p{line-height:1.39;color:var(--color-gray80);font-size:13px;}
.subject_tb_info dl dd .ic_dot{position:relative;padding-left:13px;line-height:1.39;color:var(--color-gray80);font-size:13px; word-break:keep-all;}
.subject_tb_info dl dd .ic_dot:before{content:'';position:absolute;left:0;top:7px;width:4px;height:4px;border-radius:50%;background:var(--color-gray80);}
.subject_tb_info dl:last-child{border-bottom:none;}

.creditDetail .fl_half{margin-top:13px;display:flex;flex-wrap:nowrap;gap:14px;align-items: stretch;}
.creditDetail .fl_half .col_left,.creditDetail .fl_half .col_right{flex:1;}
.creditDetail .fl_half h4{font-size:14px;font-weight:600;color:var(--color-gray100);}
.creditDetail .fl_half .txtbook_link{margin-top:10px;padding:14px;min-height:157px;height:calc(100% - 31px);border:1px solid var(--color-gray20);border-radius:8px;box-sizing:border-box;}
.creditDetail .fl_half .txtbook_link ul{display:flex;flex-wrap:wrap;gap:20px;}
.creditDetail .fl_half .txtbook_link ul li{width:calc(33.33% - 13px);}
.creditDetail .fl_half .txtbook_link ul li a{display:block;text-align:center;}
.creditDetail .fl_half .txtbook_link ul li a .thumb{margin:0 auto 6px;width:82px;height:104px;overflow:hidden;border-radius:4px;background:#9d9d9d;border:1px solid var(--color-gray20);}
.creditDetail .fl_half .txtbook_link ul li a .thumb img{width:100%;object-fit: cover;}
.creditDetail .fl_half .txtbook_link ul li a p{display:block;text-align:center;color:var(--color-gray100);font-size:13px;letter-spacing:-0.045em;line-height:1.2;}
.creditDetail .fl_half .txtbook_link ul li a:hover{text-decoration: none;}
.creditDetail .fl_half .recomdata{margin-top:10px;padding:14px;min-height:157px;height:calc(100% - 31px);border:1px solid var(--color-gray20);border-radius:8px;box-sizing:border-box;}
.creditDetail .fl_half .recomdata ul{display:flex;flex-wrap:wrap;gap:10px;height:100%;}
.creditDetail .fl_half .recomdata ul li{width:calc(33.33% - 7px);max-width:122px;}
.creditDetail .fl_half .recomdata ul li a{padding:15px 12px;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:var(--color-mint1);box-sizing:border-box;border-radius:8px;}
.creditDetail .fl_half .recomdata ul li a:hover{text-decoration:none;}
.creditDetail .fl_half .recomdata ul li a h4{margin-bottom:5px;text-align:center;font-size:13px;font-weight:500;color:var(--color-gray100);word-break:keep-all;letter-spacing:-0.045em;}
.creditDetail .fl_half .recomdata ul li a p{font-size:12px;color:var(--color-gray80);line-height:1.4;text-align:center;}
.creditDetail .fl_half .tagwrap{margin-top:10px;padding:18px 14px;display:flex;flex-wrap:wrap;gap:8px 12px;background:var(--color-gray10);border:1px solid var(--color-gray20);border-radius:8px;}
.creditDetail .fl_half .tagwrap a{font-size:14px;color:var(--color-gray100);line-height:1.2;}
.creditDetail .fl_half .tagwrap a:hover,.creditDetail .fl_half .tagwrap a.on{font-weight:500;text-decoration:underline;}
.creditDetail .module_btns{margin-top:13px; display:flex; justify-content:flex-end; gap:8px;}
.creditDetail .module_btns a{padding:0 20px; font-size:14px; line-height:34px; color:#273FA1; font-weight:700; border-radius:4px; background:#fff; border:1px solid #319DFF; box-shadow:0 3px 0 0 rgba(0,0,0,.04);}
.creditDetail .module_btns a:hover{color:#fff; background:#0057ED; border-color:#0057ED; text-decoration:none;}

.search_major{margin:35px 0 47px;display:flex;flex-wrap:nowrap;gap:7px;justify-content: flex-start;}
.search_major .selbox{position:relative;width:252px;height:48px;border:1px solid rgba(0,0,0,0.07);border-radius:4px;background:rgba(0,0,0,0.01) url(../images/create/department/sel_arr.png) no-repeat right 20px center;box-sizing:border-box;}
.search_major .selbox.show{border-color:#0057ED;}
.search_major .selbox .selectName{padding:0 48px 0 20px;display:block;line-height:46px;font-size:16px;font-weight:400;color:var(--color-gray80);}
.search_major .selbox .selectName:hover{text-decoration: none;}
.search_major .selbox .dropmenu{display:none;position:absolute;left:0;right:0;bottom:0;height:303px;border: 1px solid var(--color-gray20);box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.2);border-radius:4px;transform:translateY(calc(100% + 2px));z-index:100;background:#fff;box-sizing:border-box;}
.search_major .selbox.show .dropmenu{padding:6px;display:flex;flex-direction:column;gap:5px;}
.search_major .selbox.show .dropmenu a{padding:0 15px;display:block;height:32px;line-height:32px;font-size:13px;border-radius:4px;text-align:left;font-weight:500;color:#666;}
.search_major .selbox.show .dropmenu a:hover,.search_major .selbox.show .dropmenu a.on{background:#0057ED;color:#fff;text-decoration:none;}
.search_major input[type=text]{flex:1;padding:0 22px;border:1px solid rgba(0,0,0,0.07);border-radius:4px;background:rgba(0,0,0,0.01);font-size:16px;color:#53565D;}
.search_major input[type=text]::-webkit-input-placeholder{font-size:16px;color:#53565D;}
.search_major .btn_search{width:160px;height:48px;border-radius:4px;text-align:center;background:#0057ED}
.search_major .btn_search span{display:inline-block;padding-left:24px;font-size:16px;font-weight:500;color:#fff;background:url(../images/create/department/ico_search.png) no-repeat left center;}

.careerPath{margin-top:80px;padding-top:25px;display:flex;flex-wrap:nowrap;border-top:1px solid var(--color-gray40);gap:21px;}
.careerPath li{padding:35px 30px;width:calc(33.33% - 7px);background:var(--color-gray10);border:1px solid var(--color-gray15);border-radius:12px;text-align:center;}
.careerPath li h5{font-size:20px;font-weight:600;color:var(--color-gray100);}
.careerPath li h5 span{color:var(--color-blue1);}
.careerPath li .thumb{position:relative;margin:20px auto;width:115px;height:162px;border:1px solid var(--color-gray40);box-shadow:0 4px 4px -1px rgba(12, 12, 13, 0.05);overflow:hidden;}
.careerPath li .thumb img{position:absolute;left:50%;top:50%;min-width:100%;height:100%;transform:translate(-50%,-50%);object-fit: cover;}
.careerPath li p{min-height:55px;font-size:13px;color:#767689;line-height:1.4;}
.careerPath li .btns{margin-top:30px;text-align:center;}
.careerPath li .btns a{display:block;margin:0 auto;padding:0 15px;width:184px;height:36px;border:1px solid var(--color-blue1);border-radius:4px;background:#fff;}
.careerPath li .btns a:hover{background:var(--bg-blue2);box-shadow:0 3px 0 0 rgba(0,0,0,0.04);text-decoration: none;}
.careerPath li .btns a + a{margin-top:10px;}
.careerPath li .btns a span{display:block;text-align:left;line-height:34px;padding-right:20px;color:var(--color-blue1);font-size:14px;font-weight:600;}
.careerPath li .btns .btn_preview span{background:url(../images/create/credit/btn_preivew.png) no-repeat right center;}
.careerPath li .btns .btn_down span{background:url(../images/create/credit/btn_down.png) no-repeat right center;}

#contents #lnb.lnbCareer{}
#contents #lnb.lnbCareer .tit_box_wrap{}
#contents #lnb.lnbCareer .tit_box_wrap .tit_box.tit_renew07{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;}
#contents #lnb.lnbCareer .menu_new.menu_renew07{margin-top:48px;border-top:none;border-bottom:none;}
#contents #lnb.lnbCareer .menu_new.menu_renew07 > ul > li > h5{padding:14px 20px;height:60px;font-size:18px;color:var(--color-gray100);line-height:32px;font-weight:400;cursor: pointer}
#contents #lnb.lnbCareer .menu_new.menu_renew07 > ul > li.on h5{color:var(--color-blue1);border-bottom:2px solid var(--color-blue1);font-weight:600;}
#contents #lnb.lnbCareer .menu_new.menu_renew07 > ul > li > ul > li + li{margin-top:4px;}
#contents #lnb.lnbCareer .menu_new.menu_renew07 > ul > li > ul > li a{height:41px;line-height:25px;padding:8px 20px;font-size:14px;color:var(--color-gray100);box-sizing:border-box;background:var(--color-gray10);border-radius:4px;}
#contents #lnb.lnbCareer .menu_new.menu_renew07 > ul > li > ul > li.on a,#contents #lnb.lnbCareer .menu_new.menu_renew07  > ul > li > ul > li:hover a{background:var(--bg-blue2);color:var(--color-blue1);font-weight:600;}
#contents #lnb.lnbCareer .menu_new.menu_renew07 li a:hover,#contents #lnb.lnbCareer .menu_new.menu_renew07 li.on a{text-decoration:none;}
#contents #lnb.lnbCareer .menu_new.menu_renew07 > ul > li > ul > li a:after{background:none;left:auto;right:20px;width:8px;height:13px;}
#contents #lnb.lnbCareer .menu_new > ul > li.on > ul > li:hover > a:after,#contents #lnb.lnbCareer .menu_new > ul > li > ul > li.on > a:after, #contents #lnb.lnbCareer .menu_new > ul > li > ul > li:hover a:after{background:url(../images/create/credit/lnb_3depth_arr.png) no-repeat center center;}


.float_m_banner{display:none;position:absolute;left:130px;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('../images/renew2025/today.png') no-repeat center center;}
.float_m_banner .bnrImg .popBtn{position:absolute;right:12px;top:5px;width:20px;height:20px;background:url('../images/renew2025/banner_close.png') no-repeat center center;}

.float_m_banner.fixed{position:fixed;}

/* 2025-03-21 입시 정보 고도화 */
.tbl-mailing tr td.viewArea .fileArea > ul > li > p{position:relative; padding-left:36px; width:calc(100% - 152px)}
.tbl-mailing tr td.viewArea .fileArea > ul > li > p:after {content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 24px; height: 24px; background: url('/images/renew2025/icon_files_24_2x.png') no-repeat 0 25px / 24px auto;}
.tbl-mailing tr td.viewArea .fileArea > ul > li > p.pdf:after {background-position-y: -25px;}
.tbl-mailing tr td.viewArea .fileArea > ul > li > p.ppt:after ,
.tbl-mailing tr td.viewArea .fileArea > ul > li > p.pptx:after,
.tbl-mailing tr td.viewArea .fileArea > ul > li > p.pptm:after {background-position-y: -50px;}
.tbl-mailing tr td.viewArea .fileArea > ul > li > p.doc:after {background-position-y: -75px;}
.tbl-mailing tr td.viewArea .fileArea > ul > li > p.xls:after,
.tbl-mailing tr td.viewArea .fileArea > ul > li > p.xlsx:after {background-position-y: -100px;}
.tbl-mailing tr td.viewArea .fileArea > ul > li > p.hwp:after {background-position-y: -125px;}
.tbl-mailing tr td.viewArea .fileArea > ul > li > p.wav:after {background-position-y: -175px;}
.tbl-mailing tr td.viewArea .fileArea > ul > li > p.zip:after {background-position-y: -200px;}
.tbl-mailing tr td.viewArea .fileArea > ul > li > p.mp3:after {background-position-y: -225px;}
.tbl-mailing tr td.viewArea .fileArea > ul > li > p.link:after {background-position-y: -250px;}
.tbl-mailing tr td.viewArea .fileArea > ul > li > p.mp4:after {background-position-y: -175px;}
.tbl-mailing tr td.viewArea .fileArea > ul > li > p.html:after {background-position-y: -275px;}
.desc-page .right_btns a.btn_mailing{position:relative; padding:9px 12px 9px 18px; height:auto; min-width:0; font-size:14px; color:#53565D; font-weight:600; line-height:26px; text-align:left; background:#F4F8FF; border-radius:40px; border:none;}
.desc-page .right_btns a.btn_mailing:after{content:''; margin-left:8px; display:inline-block; width:26px; height:26px; background:url('/images/opendata/mocktest/arr_right.png') no-repeat center; vertical-align:top;}


.myClassMakePopup{position:fixed; left:0; right:0; top:0; bottom:0; display:none; background:rgba(39, 63, 161, 0.2); z-index:10001;}
.myClassMakePopup.open{display:flex; align-items:center; justify-content:center;}
.myClassMakePopup .myClassPop-wrap{position:relative; padding:40px; text-align:center; background:#fff; border-radius:8px; box-shadow:0 2px 7px 0 rgba(0, 0, 0, 0.07);}
.myClassMakePopup .myClassPop-close{position:absolute; top:10px; right:10px; width:30px; height:33px; background:url('../images/renew2025/ico_myclassPop_close.png') no-repeat center;}
.myClassMakePopup p{font-size:20px; color:#1E1E21; font-weight:400; line-height:1.4; white-space:nowrap;}
.myClassMakePopup p span{font:inherit; color:#0086FF;}
.myClassMakePopup .myClassPop-info{margin-top:12px; font-size:16px; color:#7E7F80; line-height:1;}
.myClassMakePopup .myClassPop-btns{margin-top:25px; display:flex; justify-content:center; gap:8px;}
.myClassMakePopup .myClassPop-btns .btn{width:120px; height:40px; line-height:40px; text-align:center; border-radius:4px; font-size:16px; font-weight:500; text-decoration:none;}
.myClassMakePopup .myClassPop-btns .make{color:#fff; background:#0086FF;}
.myClassMakePopup .myClassPop-btns .cancel{color:#1E1E21; background:#DCDCDC;}

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

/* 중고등 유지보수 2025-05-27 */
#contents.sub.textbook2025 .tab_second{padding:0; border:none; border-radius:0;}
#contents.sub.textbook2025 .tab_second ul{padding: 8px 20px; border: 1px solid #0057ed; border-radius: 8px;}
#contents.sub.textbook2025.fixed .tab_second{top: 189px;}

.search_result {width:100%;font-family: "Noto Sans KR",sans-serif;color:#1E1E21;}
.search_result *{box-sizing:border-box;}
.search_result .tit_result {margin-bottom:25px;}
.search_result .tit_result h3 {font-weight:700; font-size: 32px;}
.search_result .tit_result span {color:#0086FF;}
.search_result .search_form {position: absolute; right: 0; top: 3px; width:220px; height:40px; padding:0 36px 0 16px; background:#fff; border:1px solid #6978B5; border-radius:20px;}
.search_result .search_form label,
.search_result .search_form input[type="text"] {width:100%; height:100%; line-height:38px; padding:0; font-size: 12px; color: #666;}
.search_result .search_form label {left:0; top:0; padding: 0 16px;}
.search_result .search_form button {top:0; right:5px; width:38px; height:38px; background: url('../images/renew/btn/btn_search.png') no-repeat 50% 50%;}

.search_result .related_keywords {margin-bottom:28px; padding: 14px 20px; display:flex; gap:24px; border:none; background:#F4F8FF; font-weight:700; font-size: 16px; color:#1E1E21;}
.search_result .related_keywords dt {position:static; padding-right:20px; flex:none; width:auto; border-right: 1px solid #DCDCDC;}
.search_result .related_keywords dt span {padding-right:0; border-right:none;}
.search_result .related_keywords dd{flex:1;}
.search_result .related_keywords a {font-weight:800; color:#0086FF;}

.search_tab {height:auto; padding-top:32px; border-top: 1px solid #E9E9ED; border-bottom:none; display:flex; justify-content:space-between;}
.search_tab li {float:none; width:auto;}
.search_tab li:first-child {width:auto;}
.search_tab li a {padding:0 16px; height:auto; padding-top:0; font-weight:400; font-size:18px; color:#1E1E21; border-radius:20px; line-height:39px;}
.search_tab li a:hover {color: #fff; background:#00B9FF;}
.search_tab li.on a{border-bottom:none; background:#00B9FF; color: #fff; box-shadow:0 4px 11px 0 rgba(52, 112, 208, 0.16);}
.search_tab li.on a:after{content:''; position:absolute; left:50%; bottom:-10px; transform:translateX(-50%); width:14px; height:12px; background:url('../images/renew/ico/obj_tab.png') no-repeat center;}

.search_msg {text-align: center;}
.search_msg .no_result {height:auto; margin-bottom:0; padding:150px 0; border-bottom:none; background:#FAFAFA; border-radius:12px;}
.search_msg .no_result p {line-height: 30px; padding:61px 0 0; background: url('../images/renew/ico/nodata_search.png') no-repeat 50% 0; font-weight:400; font-size:24px; color:#1E1E21;}
.search_msg .no_result p.type01 {margin-top:0;}
.search_msg .no_result span {color:#0086FF; font-weight:700;}
.search_msg .btn_wrap {margin-top: 30px;}
.search_msg .request {margin-top:25px; display:flex; align-items:center; justify-content: center; gap:8px;}
.search_msg .request i{display:inline-block; width:24px; font-size:14px; color:#53565D; font-weight:700; line-height:22px; text-align:center; border-radius:50%; border:1px solid #53565D; box-shadow:0 3px 0 0 rgba(0,0,0,.04);}
.search_msg .request span {display: inline-block; line-height: 24px; padding-left:0; background:none; color:#7E7F80;}
.search_msg .request a {margin:0; padding:0 12px; display:inline-block; font-size:12px; color:#1E1E21; font-weight:400; line-height:28px; border:1px solid #DCDCDC; border-radius:15px; background:#fff;}

.search_msg .no_result.error {padding-top: 150px;}
.search_msg .no_result.error p {padding-top: 0; background: none; font-weight: normal;}
.search_msg .no_result.error p strong {font-weight: bold;}

.search_cont {padding: 0 0 60px;}
.search_cont input,
.search_cont label,
.search_cont select {font-family: "Noto Sans KR",sans-serif;}
.search_cont .tit {position: relative; padding-bottom:18px; border-bottom:1px solid #53565D;}
.search_cont .tit h4 {line-height:36px; font-weight:700; font-size: 24px; color:#1E1E21;}
.search_cont .tit span {  font-weight:400; font-size:inherit; color:#0086FF;}
.search_cont .tit .btn_more {top:10px; padding-right:20px; background:url('../images/renew2025/icon_arrow_blue_7x13.png') no-repeat right center; font-weight:400; font-size: 14px; color:#1E1E21;}
.search_cont .tit .sort_area {position: absolute; right: 0; top: 0; height:36px;}
.search_cont .tit .sort_area input[type=radio]{display:none;}
.search_cont .tit .sort_area input[type=radio] + label {position:relative; margin: 0 10px 0 2px; padding-left:24px; font-size:16px; color:#1E1E21; cursor:pointer;}
.search_cont .tit .sort_area input[type=radio] + label:before{content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:16px; height:16px; background:#fff;  border-radius:50%; border:1px solid #A4A5A9;}
.search_cont .tit .sort_area input[type=radio]:checked + label:before{background-color:#0057ED; border-color:#0057ED;}
.search_cont .tit .sort_area select {padding:0 36px 0 16px; width:160px; height:36px; font-size:14px; color:#1E1E21; border-radius:8px; border:1px solid #6978B5; background:#fff url('../images/renew2025/icon_arrow_down_blue_12x8.png') no-repeat right 16px center; appearance:none;}

.searh_option {margin-top:12px; padding:16px 20px; border:none; background:#F4F8FF; border-radius:8px;}
.searh_option dl {min-height: 28px; line-height:36px; padding:0; border-top:none;}
.searh_option dl+dl{margin-top:8px;}
.searh_option dt {width:80px; font-weight:700; font-size:16px; color:#000;}
.searh_option input[type=checkbox]{display:none;}
.searh_option input[type=checkbox] + label {position:relative; margin: 0 10px 0 2px; padding-left:24px; font-size:16px; color:#1E1E21; cursor:pointer;}
.searh_option input[type=checkbox] + label:before{content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:16px; height:16px; background:url('../images/renew2025/icon_checkbox_16.png') no-repeat center top;}
.searh_option input[type=checkbox]:checked + label:before{background-position-y:bottom}
.searh_option select {padding:0 36px 0 16px; width:160px; height:36px; font-size:14px; color:#1E1E21; border-radius:8px; border:1px solid #6978B5; background:#fff url('../images/renew2025/icon_arrow_down_blue_12x8.png') no-repeat right 16px center; appearance:none;}
.searh_option .inner {height:auto; line-height:36px; padding:0;}
.searh_option .inner select {width:auto; min-width:160px;}

.search_cont .result_list {border:none}
.search_cont .result_list > li {padding:20px 0; border:none; border-bottom: 1px solid #E9E9ED;}
.search_cont .result_list .thumb {float: left; width:148px; height:82px; margin-right: 16px; border: 1px solid #bebbc2; border-radius:4px; overflow:hidden;}
.search_cont .result_list .thumb a {display: block; height:100%;}
.search_cont .result_list .thumb img {width:100%; height:100%; object-fit: cover;}
.search_cont .result_list .label {top:0; margin:0 20px 0 0; width: 148px; height:82px; line-height:22px; padding:19px 0; border-right: 1px solid #DCDCDC; font-weight:400; font-size: 16px; color:#53565D;}
.search_cont .result_list .label.type02 {margin-right:20px;}
.search_cont .result_list .label.type03 {padding:19px 0; height:82px;}
.search_cont .result_list .label span {padding:11px 0;}
.search_cont .result_list .txt {min-height:82px; display:flex; flex-direction:column; justify-content: center;}
.search_cont .result_list .txt .title {font-weight:700; font-size: 18px; color:#1E1E21; max-width:100%; overflow: hidden; text-overflow: ellipsis;}
.search_cont .result_list .txt .title a {color:#1E1E21;}
.search_cont .result_list .txt strong {font-weight:700; color:#0086FF;}
.search_cont .result_list .txt p {font-size:14px; color:#A4A5A9;}
.search_cont .result_list .txt.ico p {padding-left:0;}
.search_cont .result_list .btns {float: right; padding: 20px 0; display:flex; gap:8px;}
.search_cont .result_list .btns .btn{position:relative; padding:0 16px; min-width:104px; font-size:14px; color:#0086FF; font-weight:400; line-height:32px; text-align:center; border:1px solid #0086FF; border-radius:4px;}
.search_cont .result_list .btns .btn:hover{text-decoration:none;}
.search_cont .result_list .btns .btn.down{position:relative;}
.search_cont .result_list .btns .btn.down:after{content:''; margin-left:10px; display:inline-block; width:14px; height:32px; background:url('../images/renew2025/icon_down_14x15.png') no-repeat center; vertical-align:top;}

.search_cont .result_list .chasi {width: 895px; margin: -10px 0 0 -20px; padding: 10px 20px; background: #f6f6f6; *zoom:1}
.search_cont .result_list .chasi:after {content: ""; display: block; clear: both;}
.search_cont .result_list .period {position: relative; padding: 15px 0 5px; background: #fff;clear: both; *zoom:1}
.search_cont .result_list .period:after {content: ""; display: block; clear: both;}
.search_cont .result_list .period ul {float: left; width: 630px; margin-left: 110px; padding: 3px 0 0 0;}
.search_cont .result_list .period .btns {padding: 0;}
.search_cont .result_list .period .chkset_chasi li input[type='checkbox'] {top: 2px;}
.search_cont .result_list .btn_attfile {padding:0 18px 0 0; background: url('../images/renew2025/ico_attfile.png') no-repeat right center; font-weight:400; font-size: 14px; color:#FF6868; vertical-align:inherit;}

.search_cont .btn_more{text-align:center;}
.search_cont .btn_more a{position:relative; margin-top:40px; width:auto; display:inline-block;height:38px;padding:0 55px;color:#393d49;font-size:16px;font-weight:400;border:1px solid #ddd;line-height:36px;background:#f1f1f1;border-radius:28px;}
.search_cont .btn_more a span{padding:0; font:inherit; color:inherit; background:transparent;}
.search_cont .btn_more a: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;}
.search_cont .btn_more a em{margin-left:3px; font-size:14px; color:#1a7fd4;}

.library_list {padding:40px 0 0; border-bottom:none;}
.library_list .img_group {display:flex; flex-wrap:wrap; gap:20px 50px;}
.library_list .img {float:none; padding:0;}
.library_list .img.on{padding-bottom:20px; margin-bottom:310px; background:transparent;}
.library_list .img a {width:200px; height: 112px; border: 1px solid #DCDCDC; border-radius:8px; overflow:hidden;}
.library_list .img .over {width:100%; height:100%; padding: 35px 10px; background-size:cover;}
.library_list .img .over span {width:100%;}
.library_list .img .over:after {content: ""; display: inline-block; width: 2px; height: 97px; vertical-align: middle;}

#library_list .detail_wrap {width:100%; height:auto; margin-bottom:0; padding:60px 93px; border:none; background:#F4F4F5; border-radius:8px;}
#library_list .detail_wrap .detail_inner{display:flex; justify-content: center;}
#library_list .detail_wrap .img_view {float:none; width: 340px; height:190px; margin-top:0; margin-right: 40px; border: 1px solid #DCDCDC; background: transparent; border-radius:8px;}
#library_list .detail_wrap .txt {float:none; width:445px; height:auto; padding:0;}
#library_list .detail_wrap .title {margin-bottom:8px;}
#library_list .detail_wrap .title a{font-weight:700; color:#1E1E21;}
#library_list .detail_wrap .title a strong{color:#0086FF;}
#library_list .detail_wrap .title a:hover {text-decoration: none;}
#library_list .detail_wrap .txt p {margin-bottom:8px; font-size:14px; color:#A4A5A9;}
#library_list .detail_wrap .cmt {padding-top:8px; border-top: 1px solid #A4A5A9; font-size:14px; font-weight:400; color:#1E1E21;}
#library_list .detail_wrap .cmt strong {font-weight:400; color: #0086FF;}
#library_list .detail_wrap .btns {bottom:0; display:flex; gap:8px;}
#library_list .detail_wrap .btns .btn{position:relative; padding:0 16px; min-width:104px; font-size:14px; color:#0086FF; font-weight:400; line-height:32px; text-align:center; border:1px solid #0086FF; border-radius:4px;}
#library_list .detail_wrap .btns .btn:hover{text-decoration:none;}
#library_list .detail_wrap .btns .btn.down{position:relative;}
#library_list .detail_wrap .btns .btn.down:after{content:''; margin-left:10px; display:inline-block; width:14px; height:32px; background:url('../images/renew2025/icon_down_14x15.png') no-repeat center; vertical-align:top;}
#library_list .detail_wrap .btn_prev{top:50%; transform:translateY(-50%);}
#library_list .detail_wrap .btn_next{top:50%; transform:translateY(-50%);}