@charset "UTF-8";

/* slide */
.visual-wrap{position:relative;margin-bottom:45px}
.visual-wrap .slide-control{position:absolute;top:50%;margin-top:-40px;z-index:1000}
.visual-wrap .slide-control a{display:block;width:80px;height:80px;background-repeat:no-repeat;background-position:center center}
.visual-wrap .slide-control.prev a{background-image:url(../images/ico/ico_slide_prev.png)}
.visual-wrap .slide-control.next a{background-image:url(../images/ico/ico_slide_next.png)}
.visual-wrap .slide-control.prev{left:0;}
.visual-wrap .slide-control.next{right:0;}
.visual-wrap .slide-wrap{height:460px;overflow:hidden;}
.visual-wrap .slide-wrap ul{height:inherit}
.visual-wrap .slide-wrap ul li{height:inherit;background-repeat:no-repeat;background-position:right;background-size:cover}
.visual-wrap .slide-wrap ul li .table-wrap{position:absolute;left:0;right:0;bottom:0;height:130px;background:rgba(0,0,0,.6);padding-left:60px}
.visual-wrap .slide-wrap ul li .txt a{font-size:35px;font-weight:bold;color:#fff}
.visual-wrap .slide-wrap ul li .txt a span{display:block;font-size:12px;color:#999}
.visual-wrap .slide-wrap ul li .link{margin-top:20px}
.visual-wrap .slide-wrap ul li .link a{display:inline-block;border:1px solid #fff;text-align:center;font-size:16px;color:#fff;padding:9px 28px;font-weight:bold}
.visual-wrap .slide-wrap ul li .link a span{display:inline-block;width:9px;height:15px;background:url(../images/ico/ico_arrow_white.png) no-repeat 0px 0px;vertical-align:middle;margin-left:2px}
.visual-wrap .slide-wrap .owl-carousel .owl-item,
.visual-wrap .slide-wrap .owl-carousel .owl-stage,
.visual-wrap .slide-wrap .owl-carousel .owl-stage-outer{height:inherit}
.table-wrap{height:inherit;width:100%;}
.table-wrap .inner{height:inherit;width:100%;padding-top:20px}
.visual-wrap .slide-wrap .owl-dots{position:absolute;left:0;right:0;bottom:0;height:40px;text-align:center;}
.visual-wrap .slide-wrap .owl-dots button span{margin:0px 2px;display:inline-block;width:14px;height:14px;background-color:transparent;border:1px solid #fff;border-radius:7px;border:3px solid rgba(255,255,255,.5)}
.visual-wrap .slide-wrap .owl-dots button.active span{background-color:#F09E0A;border:0;}
.visual-wrap .slide-wrap .ext_link:after{display:none !important}
@media (max-width:768px) {
    .visual-wrap .slide-control{display:none}
    .visual-wrap .slide-wrap{height:300px;}    
    .visual-wrap .slide-wrap ul li .table-wrap{padding:0px 20px}
    .visual-wrap .slide-wrap ul li .txt{font-size:34px;line-height:30px}
	.visual-wrap .slide-wrap ul li .txt a{font-size:25px;font-weight:bold;color:#fff}
}

/* levels */
.levels-wrap{overflow:hidden;}
.levels-wrap .left-item{float:left;position:relative;width:1000px}
.levels-wrap .right-item{float:right;width:400px;}
.levels-wrap .left-item .more-btn{font-size:16px;color:#666;padding-right:20px;position:absolute;right:0px;top:10px;background:url(../images/ico/ico_more_arrow.png) no-repeat right center}
.sns-wrap{overflow:hidden;}
.sns-wrap .sns-menu{position:relative;width:1000px}
.sns-wrap .sns-menu .more-btn{font-size:16px;color:#666;padding-right:20px;position:absolute;right:0px;top:10px;background:url(../images/ico/ico_more_arrow.png) no-repeat right center}
@media (max-width:768px) {
    .levels-wrap{padding:0px 20px}
    .levels-wrap .left-item{float:none;width:auto}
    .levels-wrap .right-item{float:none;width:auto;}
    .levels-wrap .right-item .say-cont img{width:100%}
    .levels-wrap .left-item .more-btn{top:0}
	.sns-wrap .sns-menu .more-btn{top:0}
}

/* press */
.main .h3{padding-bottom:10px;border-bottom:4px solid #F09E0A;font-weight:bold;font-size:22px}
.press-list{overflow:hidden}
.press-list li{padding-top:40px;}
.press-list li a{display:block;position:relative;padding-right:150px;}
.press-list li a .subject{font-size:20px;color:#1E1E1E;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.press-list li a:hover .subject{color:#111A67;font-weight:bold}
.press-list li a .subject span{display:inline-block;margin-left:4px;width:15px;height:15px;background:url(../images/ico/ico_new.png) no-repeat 0px 0px}
.press-list li a .cont{font-size:16px;color:#666;line-height:24px;margin-top:10px;overflow:hidden;height:50px}
.press-list li a .data{position:absolute;right:20px;top:5px;z-index:1;font-size:14px;color:#999}
@media (max-width:768px) {
    .main .h3{;font-size:18px}
    .press-list li a{padding-right:0}
    .press-list li a .subject{font-size:18px}
    .press-list li a:hover .subject{color:#1E1E1E;font-weight:normal}
    .press-list li a .cont{font-size:14px}
    .press-list li a .data{position:relative;left:0;right:0}
}
/* sns */
.youtube-wrap{margin-top:20px;width:100%;height:250px;}
.youtube-wrap iframe{width:100%;height:100%;}
.sns-wrap{overflow:hidden;}
.sns-wrap .sns-menu{width:100%;overflow: hidden;}
.sns-wrap .sns-menu li{vertical-align:middle; float:left; width: 33.3%; border-left:1px solid #ccc;}
.sns-wrap .sns-menu li a{position:relative;display:block;padding:0px 20px;height:38px;font-size:12px;color:#999}
.sns-wrap .sns-menu li.active a{color:#fff;}
.sns-wrap .sns-menu li:nth-child(1){border-left:none;}
.sns-wrap .sns-menu li:nth-child(1) a{background: url(../images/ico/ico_twitter.png) no-repeat 14px center; display:block;}
.sns-wrap .sns-menu li.active:nth-child(1) a{background: url(../images/ico/ico_twitter_on.png) no-repeat 14px center #58AEE7;}
.sns-wrap .sns-menu li:nth-child(1) a span{padding-left:33px;}
.sns-wrap .sns-menu li:nth-child(2) a{background: url(../images/ico/ico_youtube.png) no-repeat 18px center; display:block;}
.sns-wrap .sns-menu li.active:nth-child(2) a{background: url(../images/ico/ico_youtube_on.png) no-repeat 18px center #FF0000;}
.sns-wrap .sns-menu li:nth-child(2) a span{padding-left:30px;}
.sns-wrap .sns-menu li:nth-child(3) .box-vtc,
.sns-wrap .sns-menu li:nth-child(3) .inner{display: block; width: 100%; line-height: 38px;}
.sns-wrap .sns-menu li:nth-child(3) a{padding:0; text-align: center; background: url(../images/ico/ico_koreanet.png) no-repeat center center; }
.sns-wrap .sns-menu li.active:nth-child(3) a{background: url(../images/ico/ico_koreanet_on.png) no-repeat center center #0E3064;}
.sns-wrap .sns-cont{overflow:hidden;padding:20px;box-sizing:border-box;}
.sns-wrap .sns-cont .inner{overflow-y:auto;height:407px;box-sizing:border-box;}
.sns-wrap .sns-list{display:none}
.hidden{display:block;overflow: hidden;position:absolute;left:-9999999999999999px;top: -999999px;width:0;height:0;font-size: 0;}
.sns-wrap .sns-menu li a{padding:0 0;}
.sns-wrap .sns-menu li a .box-vtc,
.sns-wrap .sns-menu li a .inner{display: block;}
.sns-wrap .sns-menu li a span{display:block; text-align: center; line-height: 38px;}
.sns-wrap .con_wrap{position:relative;overflow-y:auto;margin-top:15px;}
@media (max-width:768px) {
    .youtube-wrap img{height:100%;width:100%}
    .sns-wrap .sns-menu li:nth-child(1) a{background-position: 15% center;}
    .sns-wrap .sns-menu li.active:nth-child(1) a{background-position: 15% center;}
    .sns-wrap .sns-menu li:nth-child(2) a{background-position: 17% center;}
    .sns-wrap .sns-menu li.active:nth-child(2) a{background-position: 17% center;}
    .sns-wrap .sns-menu li:nth-child(3) a{background-position: 25% center;}
    .sns-wrap .sns-menu li.active:nth-child(3) a{ background-position: 25% center;}
}
@media (max-width:480px) {
    .sns-wrap .sns-menu li a{padding:0 0;}
    .sns-wrap .sns-menu li a .box-vtc,
    .sns-wrap .sns-menu li a .inner{display: block;}
    .sns-wrap .sns-menu li a span{display:block; text-align: center; line-height: 38px;}
    .sns-wrap .sns-menu li:nth-child(1) a{background-size: 20px; background-position: 15% center;;}
    .sns-wrap .sns-menu li.active:nth-child(1) a{background-size: 20px;background-position: 15% center;}
    .sns-wrap .sns-menu li:nth-child(1) a span{padding-left:25px;}
    .sns-wrap .sns-menu li:nth-child(2) a{background-size: 17px;background-position: 17% center;}
    .sns-wrap .sns-menu li.active:nth-child(2) a{background-size: 8px; background-position: 17% center;}
    .sns-wrap .sns-menu li:nth-child(2) a span{padding-left:25px;}
    .sns-wrap .sns-menu li:nth-child(3) a{background-size: 70px center;}
    .sns-wrap .sns-menu li.active:nth-child(3) a{background-size: 70px center;}
    .sns-wrap .sns-menu li a .sns-ico{margin-right:3px}
}

/* topic */
.topic-wrap{margin-top:60px}
.topic-wrap h3{padding-bottom:15px;border-bottom:2px solid #F09E0A;font-size:22px;color:#333333;font-weight:bold;}
.topic-wrap .title{padding-top:40px}
.topic-wrap .title a{position:relative;display:block;font-size:18px;font-weight:bold;color:#111A67;padding-bottom:15px;border-bottom:4px solid #aaa}
.topic-wrap .title a span{position:absolute;right:0px;top:5px;z-index:1;display:block;width:17px;height:17px;background:url(../images/ico/ico_more_arrow.png) no-repeat 0px 0px}
.topic-wrap .cont{margin-top:20px;overflow:hidden}
.topic-wrap .cont .info{font-size:14px;line-height:21px;color:#666}
.topic-wrap .cont .keyword{margin-top:10px}
.topic-wrap .cont .keyword span{font-size:14px;color:#172A52;margin:0px 1px 0px 1px;padding:2px 3px;}
.topic-wrap ul{padding:0px 0px 0px 20px;margin-right:-70px}
.topic-wrap ul li{float:left;width:25%;padding-right:70px}

@media (max-width:768px) {
	.topic-wrap ul{padding:0px 0px 0px 0px;margin-right:0px}
    .topic-wrap ul li{float:left;width:100%;padding-right:0px}

    .topic-slide-wrap{position:relative;}    
    .topic-slide-wrap::after{  
        content:'';
        position:absolute;
        width:80px;
        right:0;
        top:0;
        bottom:0px;
        z-index:1;     
        background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,0) 6%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 6%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 6%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    }
}

/* banner */
.other-wrap{margin-top:20px}
.banner-wrap{position:relative;float:left;width:230px;height:130px;}
.banner-wrap img{height:130px;border:1px solid #ddd;}
.banner-wrap .banner-control{position:absolute;bottom:0px;z-index:1000}
.banner-wrap .banner-control a{display:block;width:30px;height:30px;background-repeat:no-repeat;background-position:0px 0px}
.banner-wrap .banner-control.prev{right:30px}
.banner-wrap .banner-control.next{right:0px}
.banner-wrap .banner-control.prev a{background-image:url(../images/ico/ico_slide_s_prev.png)}
.banner-wrap .banner-control.next a{background-image:url(../images/ico/ico_slide_s_next.png)}
.download-wrap{height:130px;background:rgba(124,124,124,.9);box-sizing:border-box;float:left;width:160px;margin-right:10px;}
.download-wrap a{display:block;padding:50px 0px 38px 20px;color:#fff}
/* .download-wrap a .large-txt{display:inline-block;padding-right:25px;background:url(../images/ico/ico_download.png) no-repeat right center;font-size:18px;font-weight:bold} */
.download-wrap a .large-txt{display:inline-block;padding-right:25px; no-repeat right center;font-size:18px;font-weight:bold}
.archive-wrap{height:50px;background:#CECECE;box-sizing:border-box;float:left;width:160px;margin-right:10px;margin-top:10px;}
.archive-wrap a{display:block;padding:14px 0px 38px 45px;color:#666}
.archive-wrap a .center-txt{display:inline-block;padding-right:100px;font-size:18px;font-weight:bold}
@media (max-width:480px) {
    .download-wrap{float:none;width:100%;}
    .archive-wrap{float:none;width:100%;}
    .archive-wrap a{padding:15px 30px 30px 30px}
    .banner-wrap{float:none;width:100%;height:calc(12px + 35vw);margin-top:20px}
    .banner-wrap img{height:calc(12px + 35vw)}
}
@media (max-width:375px) {
    .download-wrap{height:110px;}
    .download-wrap a{padding:40px 30px 30px 30px}
    .archive-wrap a{padding:15px 30px 30px 30px}
}


/* box vertical center */
.box-vtc{display:table;height:inherit}
.box-vtc .inner{display:table-cell;vertical-align:middle;height:inherit;}