/*Top Story*/
.topS{display:inline-block;max-width:100%;height:62px;line-height:58px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:relative}
.topS > span{font-size:18px;color:#e00000;position:absolute;top:0;left:0;font-family:'notokr-bold'}
.topS > span{*font-family:'notokr-medium';font-family:'notokr-medium' \0/IE8+9 ;font-family:'notokr-medium'\-} 
_:-ms-fullscreen, :root .topS > span{font-family:'notokr-medium'} 
.topS a{display:inline-block;height:100%;padding:0 20px 0 130px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.topS a span.tops_tag{display:inline-block;width:31px;height:19px;line-height:18px;background:#df0000;color:#fff;margin:20px 5px 0 5px;font-size:13px;text-indent:-1px}
.topS a span.tops_arti{display:inline-block;font-size:18px;line-height:59px;font-family:'notokr-regular'}
.topS a:hover span.tops_arti{color:#222}

/*section list*/
.sList{padding:50px 0;text-align:left;position:relative}
.sList h3{display:inline-block;position:relative;font-size:28px;margin-bottom:25px;font-family:'notokr-Bold'}
.sList h3:after{display:block;content:"";width:8px;height:8px;position:absolute;top:-0px;right:-12px;border-radius:50%}
.sList h3 a{color:#000}
.sList_menu{position:absolute;top:50px;right:0}
.sList_menu li{display:inline-block}
.sList_menu li a{font-size:18px;font-family:'notokr-medium';transition:all 0.3s ease-out}
.sList_menu li a span{display:inline-block;height:17px;font-size:10px;font-family:'Tahoma';border-radius:9px;padding:0 7px;line-height:15px;letter-spacing:0;border:1px solid #666;transition:all 0.3s ease-out;text-indent:-2px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:1px 20px 0 5px}
.sList_menu li a span{*margin:2px 20px 0 5px;margin:2px 20px 0 5px \0/IE8+9 ;margin:2px 20px 0 5px\-;*line-height:14px;line-height:14px \0/IE8+9 ;line-height:14px\-} 
_:-ms-fullscreen, :root .sList_menu li a span{margin:2px 20px 0 5px;line-height:14px} 
.sList_menu li:last-child a span{margin-right:0}
.sList_menu li a:hover span{color:#fff}
.sList_ul{width:100%}
.sList_ul:after{content:"";display:block;clear:both}
.sList_ul li{float:left;width:23.74%;margin-left:1.68%}
.sList_ul li:first-child{margin-left:0}
.sList_ul li a{display:block;height:100%;position:relative}
.sList_ul li a:after{display:block;content:"";width:0;height:1px;position:absolute;bottom:-18px;left:50%;transition:all 0.3s ease-out}
.sList_ul li a:hover:after{width:100%;margin-left:-142px}
.sList_ul li dt{color:#000;font-size:18px;height:48px;line-height:24px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;margin-top:15px;font-family:'notokr-bold';color:#333;transition:all 0.3s ease-out}
.sList_ul li dt{*font-family:'notokr-medium';font-family:'notokr-medium' \0/IE8+9 ;font-family:'notokr-medium'\-} 
_:-ms-fullscreen, :root .sList_ul li dt{font-family:'notokr-medium'} 
.sList_ul li dt .lock{display:inline-block;width:21px;height:21px;background:url("../images/lockS1.png")no-repeat;margin:2px 4px 0 2px}
.s2 .sList_ul li a:hover dt .lock{background:url("../images/lockS2.png")no-repeat}
.s3 .sList_ul li a:hover dt .lock{background:url("../images/lockS3.png")no-repeat}
.s4 .sList_ul li a:hover dt .lock{background:url("../images/lockS4.png")no-repeat}
.s5 .sList_ul li a:hover dt .lock{background:url("../images/lockS5.png")no-repeat}
.s6 .sList_ul li a:hover dt .lock{background:url("../images/lockS6.png")no-repeat}
.sList_ul li dd{font-size:14px;height:60px;line-height:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-wrap:break-word;margin-top:10px;font-family:'notokr-regular';color:#888;transition:all 0.3s ease-out;letter-spacing:-0.5px}
.sList_ul li dd{*font-family:'notokr-demilight';font-family:'notokr-demilight' \0/IE8+9 ;font-family:'notokr-demilight'\-} 
_:-ms-fullscreen, :root .sList_ul li dd{font-family:'notokr-demilight'} 
.sList_ul li a:hover dd{color:#666}
.s3.sList, .s5.sList{margin:35px 0}

/*section Color*/
.s2 .sList_ul li a:hover dt{color:#ef6800}
.s3 .sList_ul li a:hover dt{color:#b70b17}
.s4 .sList_ul li a:hover dt{color:#009b28}
.s5 .sList_ul li a:hover dt{color:#004ea1}
.s6 .sList_ul li a:hover dt{color:#7c24b8}
.sList.s2 h3:after, .s2 .sList_ul li a:after, .tag_area .s2c{background:#ef6800}
.sList.s3 h3:after, .s3 .sList_ul li a:after, .tag_area .s3c{background:#b70b17}
.sList.s4 h3:after, .s4 .sList_ul li a:after, .tag_area .s4c{background:#009b28}
.sList.s5 h3:after, .s5 .sList_ul li a:after, .tag_area .s5c{background:#004ea1}
.sList.s6 h3:after, .s6 .sList_ul li a:after, .tag_area .s6c{background:#7c24b8}
.s2 .sList_menu li a:hover{color:#ef6800}
.s3 .sList_menu li a:hover{color:#b70b17}
.s4 .sList_menu li a:hover{color:#009b28}
.s5 .sList_menu li a:hover{color:#004ea1}
.s6 .sList_menu li a:hover{color:#7c24b8}
.s2 .sList_menu li a:hover span{background:#ef6800;border:1px solid #ef6800}
.s3 .sList_menu li a:hover span{background:#b70b17;border:1px solid #b70b17}
.s4 .sList_menu li a:hover span{background:#009b28;border:1px solid #009b28}
.s5 .sList_menu li a:hover span{background:#004ea1;border:1px solid #004ea1}
.s6 .sList_menu li a:hover span{background:#7c24b8;border:1px solid #7c24b8}

/*section 1*/
.s1{margin:27px 0 90px 0;position:relative;height:635px}
.s1, .s1 *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.s1 h2{position:absolute;left:-9999%;width:1px;height:1px;font-size:0px;line-height:0px}
.s1 > div{height:100%;float:left;position:relative}
.s1_1{width:599px;margin-right:20px}
.s1_2{width:296px;margin-right:20px}
.s1_3{width:263px;border:1px solid #ced2d7}
/*.s1_1 */
.s1_1Box{width:100%;height:100%;overflow:hidden;border:1px solid #ced2d7;padding:25px 0;position:relative}
.s1_1Box ul{width:200%;/*임시*/ height:100%}
.s1_1Box ul li{width:50%;height:100%;float:left;position:relative;padding:0 25px}
.s1_1Box ul li a{display:block;height:100%;width:100%;overflow:hidden;position:relative}
.lev1_img{display:block;width:100%;height:350px;overflow:hidden;position:relative}
.lev1_img img{width:100%;min-height:100%}
.lev1_img:after{display:block;content:"";width:100%;height:100%;position:absolute;top:0;left:0;border:1px solid #d6d6d6;opacity:0.5;
-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;z-index:1}
.tag_area{display:block;text-align:left;margin:0 0 15px 0}
.tag_area span{display:inline-block;height:22px;line-height:22px;color:#fff;padding:0 8px;text-indent:-1px;font-family:'notokr-medium'}
.lev_con{text-align:left}
.lev_con h3{font-size:28px;line-height:34px;height:68px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;margin:-5px 0 20px 0;font-family:'notokr-Bold';position:relative}
.lev_con h3 .dt_t{color:#222;transition:all 0.15s ease-out}
a:hover .lev_con h3 .dt_t{background:#222;color:#fff}
.lev_con h3 .lock{display:inline-block;width:21px;height:21px;margin:6px 4px 0 2px}
.s2.lev_con h3 .lock{background:url("../images/lockS2.png")no-repeat}
.s3.lev_con h3 .lock{background:url("../images/lockS3.png")no-repeat}
.s4.lev_con h3 .lock{background:url("../images/lockS4.png")no-repeat}
.s5.lev_con h3 .lock{background:url("../images/lockS5.png")no-repeat}
.s6.lev_con h3 .lock{background:url("../images/lockS6.png")no-repeat}
a:hover .s2.lev_con h3 .lock,
a:hover .s3.lev_con h3 .lock,
a:hover .s4.lev_con h3 .lock,
a:hover .s5.lev_con h3 .lock,
a:hover .s6.lev_con h3 .lock{background:url("../images/notOpen_s2.png")no-repeat}
.lev_con2, .lev_con3{text-align:left}
.lev_con2 .lev_sub_tit{margin-top:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:20px;color:#333;font-family:'notokr-medium'}
.lev_con2 .lev_text_con, .lev_con3 .lev_text_con{font-size:14px;line-height:20px;max-height:60px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-wrap:break-word;margin-top:13px;font-family:'notokr-regular';}
.lev_con3 .lev_text_con .red_date{ color:#e10000}
.lev_con3 .lev_text_con img {margin: 4px 4px 0 0;}
.lev_con3 .lev_text_con .small {font-size: 12px;}
.lev_con3 .lev_by ul{width: 100%; margin-top: 30px;}
.lev_con3 .lev_by ul:after{content:"";display:block;clear:both}
.lev_con3 .lev_by ul > li{float:left;width: auto;font-size:14px;color:#888;margin-left:10px;padding-left:10px;background:url(../images/view_date_line.gif) left center no-repeat;font-family:'notokr-Demilight'}
.lev_con3 .lev_by ul > li:first-child{margin:0;padding:0;background:none}
.lev1_btn{text-align:center;width:auto;position:absolute;top:30px;right:20px;font-size:0;z-index:50}
.lev1_btn li{display:inline-block;width:9px;height:9px;border:1px solid #909090;background:#fff;border-radius:50%;margin:0 2px}
.lev1_btn li.click{background:#e01f26;border:0 none}
.lev1_btn li a{display:block;height:100%}
.lev1_btn li.control{width:23px;height:23px;margin-top:-8px;border:1px solid #bbb;margin-left:9px;overflow:hidden}
.lev1_btn li.control a{transition:all 0.3s ease-out;position:relative}
.lev1_btn li.control a span{display:block;width:8px;height:8px;background:url("../images/play.png")no-repeat;position:absolute;top:7px;left:7px}
.lev1_btn li.control a:hover{background:#000}
.lev1_btn li.control a span.pause{background-position:0 0}
.lev1_btn li.control a:hover span.pause{background-position:-8px 0} 
.lev1_btn li.control a span.play{background-position:-16px 0}
.lev1_btn li.control a:hover span.play{background-position:-24px 0} 
/*.s1_2 */
.popular{margin-top:7px;text-align:right}
.popular span{display:inline-block;height:17px;line-height:17px;background:#3c3c3c;color:#fff;font-size:12px;padding:0 4px;text-indent:-1px;font-family:'notokr-medium';margin-right:-3px}
.popular ul{display:inline-block;font-size:0}
.popular ul li{display:inline-block;margin-left:7px}
.popular ul li a{display:block;color:#3c3c3c;font-family:'notokr-regular';line-height:18px;font-size:13px}
.popular ul li a:hover{font-family:'notokr-medium'}
/*.s1_3*/
.s1_3 h4{width:100%;height:57px;line-height:57px;font-size:17px;text-align:left;text-indent:20px;font-family:'notokr-Bold';color:#333}
.s1_3 h4 span{color:#e10000}
.s1_3 .day{display:inline-block;position:absolute;top:23px;right:10px;font-family:'Tahoma';font-size:12px;color:#888;line-height:12px}
.s1_3 .day span{font-family:'notokr-regular';line-height:13px}
.s1_3 .pp{display:inline-block;position:absolute;bottom:11px;right:10px;font-size:11px;color:#999;line-height:11px;font-family:'notokr-regular'}
.top10_tab{width:100%;padding:0 10px}
.top10_tab ul{width:100%;height:30px;}
.top10_tab ul li{width:33.3333%;float:left;height:100%;line-height:28px;border-right:1px solid #ced2d7;border-top:1px solid #ced2d7;border-bottom:1px solid #ced2d7}
.top10_tab ul li:first-child{border-left:1px solid #ced2d7}
.top10_tab ul li a{display:block;height:100%;font-family:'notokr-medium';color:#b2b6bc;background:#f8f8f8;position:relative;font-size:12px}
.top10_tab ul li.on a{background:#fff;color:#000}
.top10_tab ul li.on a:after{display:block;content:"";width:100%;height:1px;position:absolute;bottom:-1px;left:0;background:#fff}
.top10{width:100%;height:520px;padding:0 0 0 10px;overflow:hidden}
.top10 > ul{width:200%}
.top10 > ul > li{width:50%;float:left}
.top10 > ul > li ul{width:100%;height:100%}
.top10 > ul > li ul li{width:241px;height:98px;margin-top:5px}
.top10_box{display:block;height:100%;border:1px solid #e4e6e9;position:relative;transition:all 0.4s ease-out;-webkit-box-shadow:2px 2px 2px 0px rgba(247,247,247,1);-moz-box-shadow:2px 2px 2px 0px rgba(247,247,247,1);box-shadow:2px 2px 2px 0px rgba(247,247,247,1);overflow:hidden}
.top10_box:after{display:block;content:"";width:100%;height:100%;position:absolute;top:0;left:250px;background:#3c3c3c;opacity:1;transition:all 0.3s ease-out}
.top10_box > *{display:block;height:100%;float:left;position:relative;z-index:10}
.top10_box i{width:40px;line-height:98px;font-style:italic;color:#bbb;font-family:'arial';font-size:25px}
.top10_con{width:199px;text-align:right;padding:18px 20px 0 0}
.top10_con h5{font-size:15px;color:#333;font-family:'notokr-Bold';text-align:left;line-height:18px;max-height:36px;overflow:hidden;
text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;letter-spacing:-0.3px}
.top10_con h5{*font-family:'notokr-medium';font-family:'notokr-medium' \0/IE8+9 ;font-family:'notokr-medium'\-} 
_:-ms-fullscreen, :root .top10_con h5{font-family:'notokr-medium'} 
.top10_con > span{display:inline-block;height:17px;line-height:17px;position:absolute;bottom:15px;right:20px}
.top10_con > span span{font-family:'notokr-demilight';font-size:12px;color:#b3b3b3}
.top10_con > span strong{font-family:'Tahoma';font-size:17px;font-weight:bold;padding-left:5px}
/*hover*/
.top10_box:hover i{color:#fff}
.top10_box:hover h5{color:#fff}
.top10_box:hover:after{left:0}
.top10_btn{font-size:0}
.top10_btn a{display:inline-block;;width:17px;height:15px;font-size:0;text-indent:-9999px;margin:3px 2px 0 2px}
.top10_btn a span{display:block;width:17px;height:15px;background:url("../images/top10_btn.png")no-repeat}
.top10_btn a.prev span{background-position:0 0}
.top10_btn a.prev:hover span{background-position:-17px 0}
.top10_btn a.next span{background-position:-34px 0}
.top10_btn a.next:hover span{background-position:-51px 0}

/*section 7*/
.s7, .s7 *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.s7_tab{width:100%;height:51px;padding:0 7px;border-bottom:1px solid #ced2d7;margin-top:90px}
.s7_tab ul{width:100%;height:100%;background:#e1e1e1;border-top:1px solid #ced2d7;border-right:1px solid #ced2d7;border-radius:2px 2px 0 0}
.s7_tab ul li{width:50%;height:100%;float:left;position:relative;border-left:1px solid #ced2d7;border-radius:2px 2px 0 0}
.s7_tab ul li.on{background:#fff}
.s7_tab ul li.on:after{display:block;content:"";width:100%;height:1px;position:absolute;bottom:-1px;left:0;background:#fff}
.s7_tab ul li a{display:block;height:100%;line-height:50px;font-size:18px;color:#999;font-family:'notokr-Bold'}
.s7_tab ul li.on a{color:#333}
.s7_tab ul li.on a span{padding-left:15px;position:relative}
.s7_tab ul li.on a span:after{display:block;content:"";width:9px;height:7px;position:absolute;top:9px;left:0;background:url("../images/tab-after.png")no-repeat}

.s7_b4{width:100%;margin-top:40px}
.s7_b4:after{content:"";display:block;clear:both}
.s7_b4 > div{float:left;width:23.74%;margin-left:1.68%;border-bottom:1px solid #e6e8eb}
.s7_b4 > div:first-child{margin-left:0}