.downCount{overflow:hidden; padding:40px; background:#022045; overflow:hidden;}
.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{}
.box_stWrap *{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; font-family:Malgun Gothic, '¸¼Àº °íµñ';}
.box_stWrap .box{width:415px;}
.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:129px; top:143px; z-index:11;}
.popLayer.open{display:block;}
/* #popLayer{transition: opacity .4s; -ms-transition:.4s; opacity:0; -moz-opacity:0; filter:alpha(opacity=0);background:#fff;}
#popLayer *{opacity:0; -moz-opacity:0; filter:alpha(opacity=0);}
#popLayer.open{opacity:1; -moz-opacity:1;filter:alpha(opacity=100);}
#popLayer.open *{opacity:1; -moz-opacity:1;filter:alpha(opacity=100);}
.popLayer{position:absolute; left:37px; top:239px; width:653px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; border:1px solid #111; background:#fff; padding:29px 30px; overflow:hidden; }
.popLayer *{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; font-family:Malgun Gothic, '¸¼Àº °íµñ';}
.popLayer h3{text-align:center; line-height:1.2; margin:0 0 15px;}
.popLayer h3 span{color:#000; font-size:20px; display:block;}
.popLayer h3 span em{color:#a7302b;}
.popLayer h3 span + span{color:#666; font-size:12px;}
.popLayer .item{float:left; width:183px;}
.popLayer .item strong{background:#5d6d83; display:block; color:#fff; font-size:14px; text-align:center; height:31px; width:100%; padding:5px 0 0;}
.popLayer .item strong .count{color:#91f9ff}
.popLayer .item .infor{text-align:center; margin:10px 0 0; font-size:13px;}
.popLayer .btnClose{position:absolute; right:0; top:0;}
*/

.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;}
.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(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 span a:hover{background-position:-192px center;}
.sliderBox .right span a:hover{background-position:-614px 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 #d7d7d7; background:#f9f9f9; height:51px; color:#000; font-size:15px;}
.box_btnDec button span{color:#646464;}



.box_btnDec button.downLoad{background:#f9f9f9 url(img/renew/btnDown.png) no-repeat 20px center; border-left:none;}
.box_btnDec button.like{padding:0 40px 0 50px;}
.box_btnDec button.downLoad{padding:0 40px 0 70px;}
.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;}