@charset "UTF-8";

._fnctWrap {line-height:1.5;}

.wrap-slide {width: 1400px;margin:0 auto;display: block;}
.wrap-slide > ul > li {min-height: 404px; position: relative; z-index: 100; }
.wrap-slide .slider li {text-align:center;padding: 0 15px;}
.wrap-slide .slider li a{display:block;}
.wrap-slide .slider li img {display:inline-block;max-width:none;width: 100%; height:220px; min-height:220px;}
.wrap-slide .more {display: inline-block; vertical-align: middle; text-indent: -9999px; width: 20px; height: 20px; background: url('../images/plusBtn.png') no-repeat center center; margin: -8px 0 0 5px;}
.wrap-slide .more a {display: block;}

.wrap-slide .list{display: inline-block;width: 70%;vertical-align: top;padding-top: 30px;}
.wrap-slide .thum{text-align:right;}
.wrap-slide .con{text-align: left;padding: 20px 0;box-sizing: border-box;}
.wrap-slide .con .con_title{font-size:20px;display: block;margin-bottom:15px;}
.wrap-slide .con p{font-size:18px;line-height: 1.4;height: 52px;overflow: hidden;color: #000;font-family: 'Noto Medium';}
.wrap-slide a:hover .con p {color: #006276;}
.wrap-slide .con .date{background: url('../images/clock.png') no-repeat left 2px;padding-left: 27px;font-size:16px;margin-top:10px;color:#333;line-height: 1.25;padding-bottom: 3px;font-family: 'Noto Light';}

.wrap-slide .control {text-align:center; position:absolute; bottom:19%; left:0px; width:100%; height:0px; z-index:1;}

.wrap-slide .prevnext {position: absolute;left: 0;bottom: 20%;z-index: 999;}
.wrap-slide .prevnext .container {position: relative;}
.wrap-slide .prevnext button {position: absolute; width:100px; height:70px; text-indent: -9999px;}
.wrap-slide .prevnext .prev {left: 0; background: #221b1b url('../images/w_arrow_prev.png') no-repeat center center; border-right: 1px solid rgba(255,255,255,.3);}
.wrap-slide .prevnext .next {left: 100px; background: #221b1b url('../images/w_arrow_next.png') no-repeat center center;}
.wrap-slide .prevnext button:hover {background-color: #006276; transition: .4s;}

.wrap-slide .fixed_box{width:29%;height: 100%;display: inline-block;vertical-align: top;padding-top:9px;}
.wrap-slide .fixed_box strong{font-family:'Mont SemiBold';font-size: 34px;background: url(../images/title_edge.png) no-repeat left top;padding-top: 9px;margin-bottom: 60px;display: block; color: #000; letter-spacing: -1px;}

.wrap-slide .fixed_box span.sub-title{display:block;font-size:26px;color:#fff;line-height: 1.2;letter-spacing: -1px;margin-bottom: 10px;}
.wrap-slide .fixed_box span.sl{color:#fff;font-size:17px;}
.wrap-slide .fixed_box p{font-size:16px;color:rgba(255,255,255,0.5);letter-spacing: -1px;line-height: 1.3;margin-top: 20px;}


@media all and (max-width:1400px) {
    .wrap-slide .list{width:60%;}
    .wrap-slide .fixed_box strong{margin-bottom:70px;}
}

@media all and (max-width:1023px) {
    .wrap-slide .list{margin-left:4.5%;}
    .wrap-slide .slider li img {height: 280px;}
}

@media all and (max-width:767px) {
    .wrap-slide{width:100%;margin: 0 auto 0;padding-bottom:0;}
    .wrap-slide .slider li {padding: 0;}
    .wrap-slide .fixed_box{width: 100%;position: inherit;margin:0 auto;padding-bottom:20px;overflow: hidden;box-sizing: border-box;}
    .wrap-slide .fixed_box span{font-size:22px;}
    .wrap-slide .fixed_box p{font-size:16px;display: block;}
    .wrap-slide .slick-counter{left:50%;top: unset;margin-left:-37px;bottom: 20px;}
    .wrap-slide .prevnext{display: none; width:100%;bottom: 45%;top: unset;}
    .wrap-slide .slick-counter .current{font-size:35px;}
    .wrap-slide .slick-counter .slash{font-size:22px;}
    .wrap-slide .slick-counter .total{font-size:22px;}
    .wrap-slide .con p{text-overflow: clip;white-space: inherit;}
    .wrap-slide .list{width:100%;margin-left:0; padding-top: 0;}
    .wrap-slide .prevnext button{width:60px;height:80px;}
    .wrap-slide .prevnext .prev {left: -15px;}
    .wrap-slide .prevnext .next {left: unset;right:-15px;}
    .wrap-slide .slider li img {height: auto;}
    .wrap-slide .fixed_box strong {margin-bottom: 0;}
}

@media all and (max-width:480px) {
    .wrap-slide .fixed_box strong{font-size:28px;}
    .wrap-slide .con .date{height:auto;}
    .wrap-slide .prevnext{bottom:35%;}
    .wrap-slide .prevnext button{width:60px;height:40px;}
}