@charset 'euc-kr';

.downCount{overflow:hidden; padding:40px; background:#022045; overflow:hidden; margin:45px 0 0;}
.downCount .box1{color:#fff; font-size:22px; letter-spacing:-1.5px; text-align:center; font-family:"Noto Sans KR";}
.downCount .box2{position:relative; height:50px; width:100%; margin:20px 0 0; overflow:hidden; font-family:Malgun Gothic, '맑은 고딕'; background:#fff;}
.downCount .box2 .s1{float:left; width:554px;}
.downCount .box2 .s1 .txt{display:inline-block; color:#000; font-size:17px; margin:12px 0 0 30px; letter-spacing:-1.5px; font-family:"Noto Sans KR";}
.downCount .box2 .s1 .search{display:inline-block; vertical-align:top; color:#646464; width:390px; height:50px; font-size:15px; border:none; letter-spacing:-1.5px; font-family:"Noto Sans KR";}
.downCount .box2 .formBox{float:right;}
.downCount .box2 .btn{float:left; padding:0 30px; height:50px; color:#fff; font-size:15px; font-family:Malgun Gothic, '맑은 고딕';}
.downCount .box2 .btn.s2{background:#1367e1;}
.downCount .box2 .btn.s3{background:#424c58;}

.tab09{border:none !important; padding:0 !important;}

.box_stWrap *{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; font-family:Malgun Gothic, '맑은 고딕';}
.box_stWrap .box{width:49%;}
.box_stWrap .box strong{background:#f1f3f8; display:block; color:#000; width:100%; height:52px; border:1px solid #cdcfd3; text-align:center; font-size:18px; padding:10px 0 0; font-weight:normal;}
.box_stWrap .box .desc{padding:30px 0 0; text-align:center;}
.box_stWrap .box .list_st:first-child{margin:0;}
.box_stWrap .box .list_st{position:relative; display:inline-block; margin:0 0 0 9px; vertical-align:top;}
.box_stWrap .box .list_st > .relative{width:170px;}
.box_stWrap .box .list_st > .relative > img{border:1px solid #999;}
.box_stWrap .box .list_st .btnV{position:absolute; right:0; bottom:0;}
.box_stWrap .box .itemWrap{overflow:hidden; text-align:center;}
.box_stWrap .box .itemWrap .item{/*float:left;*/ display:inline-block;}
.box_stWrap .box .tit{color:#333; font-size:15px; font-weight:bold;}
.box_stWrap .box .count{overflow:hidden; margin:3px 0 0;}
.box_stWrap .box .count dl:first-child{margin:0;}
.box_stWrap .box .count dl + dl{margin:0 10px 0 10px;}
.box_stWrap .box .count dl{display:inline-block; margin:0 0 0 10px;}
.box_stWrap .box .count dt{display:inline-block;}
.box_stWrap .box .count dd{display:inline-block; font-weight:bold; margin:0 0 0 2px;}
.box_stWrap .box .count .day{display:inline-block;}

.ml30{margin-left:30px;}
.mt15{margin-top:15px;}
.over{overflow:hidden;}
.block{display:block;}
.downCount .tBlue{color:#6598e0 !important;}


.popLayer{display:none; position:absolute;left: 50%;top: 50%; z-index:11;transform: translate(-50%,-50%);}
.popLayer.open{display:block;}

.icoMo{display:inline-block; margin:-5px 0 0;}
.write_make{position:relative; color:#d35465; font-weight:bold;}

.ml30{margin-left:30px; }
.ml40{margin-left:40px; }
.ml50{margin-left:50px; }

.seachFile{background:url(/Knowledge/Naesin_info/img/icon_view01.png) no-repeat 16px 17px; overflow:hidden; display:table-cell; vertical-align:middle; padding:0 24px 0 44px; width:728px; height:54px; border:1px solid #dbdbdb; font-family:Malgun Gothic, '맑은 고딕';}
.seachFile .tit{float:left; color:#3477d4; font-size:14px;}
.seachFile select{width:100px; height:24px !important;}
.seachFile input[type='text']{width:130px; height:24px !important; border:1px solid #dadada; padding:0 5px;}
.seachFile button[type='button']{padding:0 13px; height:24px !important; background:#666; color:#fff; line-height:2.4 \0/IE8+9;}
.seachFile .formR{float:right; overflow:hidden;}
.seachFile .formR *{float:left; margin:0 0 0 5px;}

.slideArea{position:relative; height:350px;}
.slideArea .slideBox{position:relative; width:670px; margin:0 auto; }
.slideArea .arrow{position:absolute; top:0; margin:0 0 0; width:22px; height:350px; text-indent:-9999em; background:url(/knowledge/Naesin_info/img/sp_arrow.png) no-repeat;}
.slideArea .left span{left:0px; background-position:0 48%;}
.slideArea .right span{right:0px; background-position:-22px 48%;}

/* 리뉴얼 수정 */
.seachFile{width:848px;}
.seachFile input[type='text']{width:290px;}

.subtab01{border-radius:0 !important;}
div.tab09 ul li.on a{color:#2763ba;}

.box_stWrap .btn01{border:1px solid #ced1d7; color:#000; font-size:14px; background:#fff; padding:0 20px; height:33px;}


.sliderBox{position:relative; width:415px; margin:0 auto;}
.sliderBox .slider{width:354px; height:300px;}
.sliderBox .left,
.sliderBox .right{width:19px; height:100%; z-index:2;}
.sliderBox .arrow{height:100%;}
.sliderBox .arrow a{display:block; background: url(/Knowledge/Naesin_info/img/renew/arrow1.png) no-repeat; width:19px; height:100%; vertical-align:middle; text-indent:-9999em; margin:-30px 0 0;}
.sliderBox .arrow a:hover{opacity:1; filter:alpha(opacity=100);}
.sliderBox .arrow.disabled a{cursor:default;}
.sliderBox .left span a{background-position:0 center;}
.sliderBox .right span a{background-position:-64px center;}

.sliderBox .left{position:absolute; left:0; top:0px;}
.sliderBox .right{position:absolute; right:0; top:0px;}


.title_box1{position:relative; background:#f6f6f6; border-top:1px solid #666p; border-bottom:1px solid #e1e1e1; padding:25px 40px;}
.title_box1 .s1{display:inline-block; color:#2763bb; border:1px solid #2763bb; background:#fff; padding:5px 15px; font-size:14px;}
.title_box1 .s2{display:block; margin:5px 0 0; color:#000; font-size:22px; font-weight:bold; width:510px;}
.title_box1 .s3{position:absolute; right:27px; bottom:27px; color:#646464; font-size:17px;}

.title_box2{position:relative; border:1px solid #e5e5e5; overflow:hidden; margin:40px 0 0;}
.title_box2 > .box:first-child{border-left:none;}
.title_box2 > .box:first-child .txt{padding:20px 0; text-align:center;}
.title_box2 > .box{width:50%; float:left; border-left:1px solid #dcdde1;}
.title_box2 .tit{background:#f5f6fa; text-align:center; color:#022045; font-size:18px; padding:20px 0; width:100%; display:inline-block; border-bottom:1px solid #dcdde1;}
.title_box2 .txt{background:#fff; width:100%; height:300px; display:block; padding:20px 20px;; font-size:15px; color:#646464; text-align:left;}
.title_box2 .txt img{border:1px solid #999;}
.title_box2 .btnV{position:absolute; right:0; bottom:0;}

.box_btnDec{text-align:center; margin:25px 0 0;}
/* .box_btnDec button:first-child{border:1px solid #d7d7d7;} */
.box_btnDec button{position:relative; background:#f9f9f9; display:inline-block; margin:0 0 0 -4px; border:1px solid #000; background:#fff; height:51px; color:#000; font-size:18px; border-radius:7px; font-weight:700;}
.box_btnDec button span{color:#2a5deb;}



.box_btnDec button.downLoad{padding:0 40px}
.box_btnDec button.like{padding:0 40px 0 50px;}
.box_btnDec button.like .HeartAnimation{position:absolute; left:-10px; top:-25px; z-index:2;}
.box_btnDec button.like .count{color:#333; font-size:16px; z-index:1; margin:0 0 0 20px;}

.box_btnDec button.like .HeartAnimation{background-image: url(/knowledge/knowhow/img/web_heart_animation.png); width:100px; height:100px; background-size:2900px;}
.box_btnDec button.like:hover .count{color:#e34665;}
.HeartAnimation{
	background-image: url(/knowledge/knowhow/img/web_heart_animation.png);
	background-repeat: no-repeat;
	background-position: left;
	height: 50px;
	width: 50px;
	cursor:pointer;
	background-position: 0 0;
	-webkit-transition: background-position 1s steps(28);
	transition: background-position 1s steps(28);
	-webkit-transition-duration: 0s;
	transition-duration: 0s;
	background-size:1450px;
}
.HeartAnimation.on{
	-webkit-transition-duration: 1s;
	transition-duration: 1s;
	background-position: right;
}

#dataList td{letter-spacing:-1px;}
#dataList .tdLeft{padding:12px !important; word-wrap: break-word;}
#dataList .tdLeft a{display:inline-block; text-overflow: ellipsis;  white-space: nowrap; overflow:hidden; width:90%;}


.myCount{background:#022045; color:#fff; text-align:center; padding:20px 0; font-size:18px; letter-spacing:-1px;}
.myCount span{color:#4795f9; font-weight:800;}


.cont2{position:relative; background:#e6f7f8; padding:73px 139px; margin:20px 0 0; border:1px solid #d7e6e8;}

/* 영어듣기평가 대비특강 새로운 디자인(2024부터) */
.year{margin-top:44px;}
.year .tab{display:none;}
.year.active{display:block;}
.year .inner{display:flex; justify-content:space-between; padding:40px 74px 80px; background-color:#e6e6e8;}
.year .inner div{display:flex; align-items:center; justify-content:center; flex-direction:column; position:relative; width:500px;}
.year .inner div:first-child:before{content:""; display:block; position:absolute; top:0; right:-77px; width:2px; height:100%; background-color:#fff;}
.year .inner div.new:after{content:""; display:block; position:absolute; top:-40px; left:-74px; width:136px; height:136px; background:url(/promotion/lecture/2024/0409_11812/img/new_ico.png) 0 0 no-repeat;}
.year .inner div p{font-weight:700; font-size:32px; color:#222; line-height:36px; text-align:center;}
.year .inner div p+img{margin-top:35px;}
.year .inner div ul{position:absolute; top:153px; left:40px; width:229px;}
.year .inner div ul li:not(:first-child){margin-top:133px;}
.year .inner div ul li a{display:block; width:100%; height:52px; background:none; text-indent:-9999px;}
.year .inner div ul li a:not(:first-child){margin-top:3px;}
.year .inner div ul li a:last-child{height:61px; margin-top:15px;}