@charset "utf-8";


#body_layout{overflow:hidden;border-top:1px solid #e6e6e6;padding: 0 0 66px;}

/* TouchSlider 기본 시작 */
.sliderBox,
.sliderBox ul,
.sliderBox ul li{ width:100%; height:100%; padding:0; margin:0; display:inline-block;}
.sliderBox{ overflow:hidden;}
.sliderBox ul{ position:relative;}
.sliderBox ul li{/* position:absolute; */top:0;left:0;}
/* TouchSlider 기본 끝 */

*{box-sizing:border-box;}
div,p,span,em,b,strong,ul,li, a {font-family:"nsk_m";}

.mtop {margin: 65px 0 75px;}
.mtop .inner {width:1240px; margin:0 auto;}
.mtop .mvisual_wrap{ display:inline-block; position:relative; padding:0; margin:0; width:100%;height:505px;}
.mtop .mvisual_wrap .sliderBox{ width:100%; height:100%; }
.mtop .mvisual_wrap .sliderBox ul {height:100%; }
.mtop .mvisual_wrap .sliderBox ul li {position:relative;height:100%; }
.mtop .mvisual_wrap .sliderBox ul li:after {display:block; position:absolute; left:0; bottom:0; width:100%; height:463px; background:url(/images/press/main/img_bg2.png)repeat-x; content:'';}
.mtop .mvisual_wrap .sliderBox ul li span {display:block; position:relative; width:100%; height:100%;}
.mtop .mvisual_wrap .sliderBox ul li span img{display:block; position:absolute; top: 50%;left: 50%; width:100%; max-width:1000%; height:auto;transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
.mtop .mvisual_wrap .controlBox {display: none;}
.mtop .mvisual_wrap .txtBox{position:absolute;left:40px;/*bottom:40px;*/bottom:0px;width: 100%;padding-right:40%;text-align:left;}
.mtop .mvisual_wrap .txtBox strong{display:block;overflow:hidden;width:100%;line-height:1.3;font-size:36px;font-weight:700;color:#fff;word-break: keep-all;text-overflow: ellipsis;white-space: nowrap;}
.mtop .mvisual_wrap .txtBox p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; margin:0;font-size:18px;color:#dbdbdb;word-break: keep-all;text-overflow: ellipsis;white-space: normal;}
.mtop .mvisual_wrap .txtBox .btn_wrap{margin: 27px 0 0;width:100px;height:40px;}
.mtop .mvisual_wrap .txtBox .btn_wrap a{display:block; width:100%; height:100%; border:1px solid #fff; text-align:center; line-height:40px; color:#fff;}

.news_wrap {position:relative;margin:0 0 75px; text-align:left;}
.news_wrap .tit {position:relative; width:100%; padding:0 0 10px; margin:0 0 35px; font-size:22px; font-weight:700; color:#1a1a1a;}
.news_wrap .tit:before {display:block; position:absolute;left:0; bottom:0;z-index:2; width:40px; height:2px; background:#004bab;content:'';}
.news_wrap .tit:after {display:block; position:absolute;left:0; bottom:0;z-index:1; width:100%; height:2px; background:#e6e6e6;content:'';}
.news_wrap .cont {margin:0 0 60px;}
.news_wrap .cont ul {margin:0 -1%;}
.news_wrap .cont ul:after {display:block; clear:both; visibility:hidden; content:'';}
.news_wrap .cont ul li {float:left;width: 48%;min-height: 328px;margin:0 1%;}
.news_wrap .cont ul li a {}
.news_wrap .cont ul li a .img_b {width:100%;height: 300px;}
.news_wrap .cont ul li a .img_b .thumbResize_A {display:block; overflow:hidden; position:relative; width: 100%;height: 100%;}
.news_wrap .cont ul li a .img_b .thumbResize_A img {width: 100%;max-width: 1000%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
.news_wrap .cont ul li a .txt_b {margin:25px 0 0;}
.news_wrap .cont ul li a .txt_b strong {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden; margin: 0 0 10px;line-height: 1.5;text-overflow: ellipsis;white-space: normal;font-size: 18px;color: #333;}
.news_wrap .cont ul li a .txt_b p {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;height: 44px;margin:0;line-height: 1.5;text-overflow: ellipsis;white-space: normal;font-size:14px; color:#888;}
.news_wrap .more {display:block;overflow: hidden;position:absolute;right:0;top: -5px;width:46px;height:46px;}
.news_wrap .more a {display:block;width:100%; height:100%;}
.news_wrap .more a:before,
.news_wrap .more a:after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
.news_wrap .more a:before {width:calc(100%/2);height: 2px;background: #333;}
.news_wrap .more a:after {width: 2px;height: calc(100%/2);background: #333;}
.news_wrap .more a:hover:before,
.news_wrap .more a:focus:before,
.news_wrap .more a:hover:after,
.news_wrap .more a:focus:after {-webkit-animation:spinAround 2s ease;-moz-animation:spinAround 2s ease; animation:spinAround 2s ease;}


.news_wrap2 {position:relative; margin:0 0 75px; text-align:left;}
.news_wrap2:after {display:block; clear:both; visibility:hidden; content:'';}
.news_wrap2 .tit {position:relative; width:100%; padding:0 0 10px; margin:0 0 35px; font-size:22px; font-weight:700; color:#1a1a1a;}
.news_wrap2 .tit:before {display:block; position:absolute;left:0; bottom:0;z-index:2; width:40px; height:2px; background:#004bab;content:'';}
.news_wrap2 .tit:after {display:block; position:absolute;left:0; bottom:0;z-index:1; width:100%; height:2px; background:#e6e6e6;content:'';}
.news_wrap2 .conl {float:left; position:relative; width:60%;}
.news_wrap2 .conl .cont {}
.news_wrap2 .conl .cont ul {margin:0 -1.5%;}
.news_wrap2 .conl .cont ul:after {display:block; clear:both; visibility:hidden; content:'';}
.news_wrap2 .conl .cont ul li {float:left;position:relative;width:47%;margin: 0 1.5% 20px;}
.news_wrap2 .conl .cont ul li a {display:block; width:100%; height:100%; }
.news_wrap2 .conl .cont ul li a .img_b {width:100%;height:165px;}
.news_wrap2 .conl .cont ul li a .img_b .thumbResize_A {display:block; overflow:hidden; position:relative; width: 100%;height: 100%;}
.news_wrap2 .conl .cont ul li a .img_b .thumbResize_A img {width: 100%;max-width: 1000%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
.news_wrap2 .conl .cont ul li a .txt_b {width:100%;height: 96px;padding:15px 0 6px;z-index:10;}
.news_wrap2 .conl .cont ul li a .txt_b strong {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden; margin:0 0 10px;line-height: 1.5;text-overflow: ellipsis;white-space: normal;font-size: 16px;color: #000;}
.news_wrap2 .conl .cont ul li a .txt_b p {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; margin: 0;line-height: 1.5;text-overflow: ellipsis;white-space: normal;font-size: 14px;color: #888;}
.news_wrap2 .conr {float:right; position:relative; width:40%; padding-left:2%;}
.news_wrap2 .conr .cont {}
.news_wrap2 .conr .cont ul li {position:relative; margin: 0 0 20px;}
.news_wrap2 .conr .cont ul li a {display:block;position:relative;  width:100%; height:100%;}
.news_wrap2 .conr .cont ul li a:after {display:block;position:absolute;left:0;bottom:0;width:100%;height:110px;background: url(/images/press/main/img_bg.png)repeat-x;content:'';z-index:1;}
.news_wrap2 .conr .cont ul li a .img_b {width:100%;height:260px;}
.news_wrap2 .conr .cont ul li a .img_b .thumbResize_A {display:block; overflow:hidden; position:relative; width: 100%;height: 100%;}
.news_wrap2 .conr .cont ul li a .img_b .thumbResize_A img {width: 100%;max-width: 1000%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
.news_wrap2 .conr .cont ul li a .txt_b {position:absolute; bottom:0; left:0; z-index:2;width:100%; padding:25px 35px;}
.news_wrap2 .conr .cont ul li a .txt_b strong {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden; margin:0 0 5px;line-height: 1.5;text-overflow: ellipsis;white-space: normal;font-size: 16px;color: #fff;}
.news_wrap2 .conr .cont ul li a .txt_b p {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden; margin: 0;line-height: 1.5;text-overflow: ellipsis;white-space: normal;font-size: 14px;color: #dbdbdb;}
.news_wrap2 .more {display:block;overflow: hidden;position:absolute;right:0;top: -5px;width:46px;height:46px;}
.news_wrap2 .more a {display:block;width:100%; height:100%;}
.news_wrap2 .more a:before,
.news_wrap2 .more a:after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
.news_wrap2 .more a:before {width:calc(100%/2);height: 2px;background: #333;}
.news_wrap2 .more a:after {width: 2px;height: calc(100%/2);background: #333;}
.news_wrap2 .more a:hover:before,
.news_wrap2 .more a:focus:before,
.news_wrap2 .more a:hover:after,
.news_wrap2 .more a:focus:after {-webkit-animation:spinAround 2s ease;-moz-animation:spinAround 2s ease; animation:spinAround 2s ease;}


@-webkit-keyframes spinAround {
    from {
        -webkit-transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}
@-moz-keyframes spinAround {
    from {
        -moz-transform: rotate(0deg)
    }
    to {
        -moz-transform: rotate(360deg);
    }
}
@keyframes spinAround {
    from {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(360deg);
    }
}


@media(max-width:1280px){
    #body_layout .body_wrap {width:100%; padding:0;}
    .mtop {margin:0 0 45px;}
    .mtop .inner {width:100%;}

    .news_wrap,
    .news_wrap2 {padding:0 30px; margin:0 0 45px;}

    .news_wrap .more {right:25px;}
}

@media(max-width:1023px){
    .news_wrap2 .conl {float:none; width:100%; margin:0 0 45px;}
    .news_wrap2 .conr {float:none; width:100%; padding:0;}
}

@media(max-width:680px){
    .mtop .mvisual_wrap {height:400px;}
    .mtop .mvisual_wrap .txtBox {padding:0;left: 0;bottom: 0;padding: 30px;}
    .mtop .mvisual_wrap .txtBox strong {margin:0 0 5px; font-size:30px;}
    .mtop .mvisual_wrap .txtBox p {font-size:16px;}

    .news_wrap2 .conl .cont ul li {width:97%;}

    .news_wrap2 .conr .cont ul li {height:auto; margin:0 0 15px; }
    .news_wrap2 .conr .cont ul li a .img_b {float:none; width:100%;}
    .news_wrap2 .conr .cont ul li a .txt_b {float:none;width:100%;padding: 25px 5%;}

    .news_wrap .cont ul li {float:none; width:98%; margin:0 1% 15px}
}

@media(max-width:480px){
    .news_wrap2 .conl .cont ul li {width:98%; }
}