@charset "utf-8";

/*구조*/
.wrap_photo,
.wrap_photo .container,
.wrap_photo ul.inner,
.wrap_photo ul.inner > li,
.wrap_photo .list,
.wrap_photo .slick-slider,
.wrap_photo .slick-list,
.wrap_photo .slick-track,
.wrap_photo .slick-slide,
.wrap_photo .slick-slide > div,
.wrap_photo .slick-slide > div,
.wrap_photo .slick-slide > div > li,
.wrap_photo .slick-slide > div > li > a{height:100%;}

.wrap_photo{overflow: hidden;padding-left: calc(calc(100% - 1600px) / 2);}
.wrap_photo .slick-track{
    transition: all ease .5s;
}
.wrap_photo .container{position: relative;}

/*타이틀*/
.wrap_photo .title{display:none;}
.wrap_photo .title a{}
.wrap_photo .inner > li.active .title a{}

/*목록*/
.wrap_photo .list{margin-left: 555px;padding-bottom: 50px;}
.wrap_photo .list ul{
    position: initial;
}
.wrap_photo .list ul li{}
.wrap_photo .slick-slider{padding:0;}
.wrap_photo .slick-list{margin-right:-55px;overflow: visible;}
.wrap_photo .slick-slide{margin-right:55px;opacity: 0;transition: all ease .5s;}
.wrap_photo .slick-current{opacity:1;}
.wrap_photo .slick-current + .slick-slide{opacity:1;}
.wrap_photo .slick-current + .slick-slide + .slick-slide{opacity:1;}

/*noData*/
.wrap_photo .list .nodata{font-size:18px;color:#222;text-align:center;padding:40px 0;width:100%;border:0 !important;}

/*링크*/
.wrap_photo a.subject{display:block;position: relative;}

/*썸네일*/
.wrap_photo .thumb{width: 670px;height: 460px;overflow: hidden;}
.wrap_photo .thumb img{object-fit:cover;object-position:center;width:100%;height:100%;transition:0.5s;position:relative;}

/*컨텐츠*/
.wrap_photo .con{position: absolute;left: -270px;bottom: -50px;background:rgba(3,78,162,0.9);padding:35px 60px;max-width: 520px;width: 100%;opacity: 0;z-index: 9999;}

/*제목*/
.wrap_photo .subjectText{line-height:1.3;white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:1;max-width: 90%;margin-bottom: 15px;}
.wrap_photo .subjectText span{color:#fff;font-size:20px;font-family: 'Noto Bold';display: block;}

/*내용*/
.wrap_photo .content{line-height:1.1;white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp: 2;position: relative;}
.wrap_photo .content span{color:#fff;font-size:16px;font-family: 'Noto DemiLight';line-height: 1.6;}

/*날짜*/
.wrap_photo .date{display:none;}
.wrap_photo .readMore{display:none;}

/*더보기*/
.wrap_photo .more{display:none !important;text-indent:-9999px;position:absolute;right:0;bottom:200px;width:100px;height:100px;background:#DDD url(../images/more.png) center no-repeat;}

/*활성화*/
.wrap_photo .list,
.wrap_photo .more{display:none}
.wrap_photo .inner > li.active .list,
.wrap_photo .inner > li.active .more{display:block}
.wrap_photo .slick-current .con{opacity:1;}

/*CONTROL*/
.wrap_photo .slick-arrow{display:block;width: 40px;height: 40px;font-size:0;position:absolute;bottom: 30px;left: 0;z-index:1;transition:0.5s;border-radius: 50%;border:3px solid #b1b1b1;}
.wrap_photo .slick-arrow:hover{border-color:#00f0ff;}
.wrap_photo .slick-arrow:hover:before,
.wrap_photo .slick-arrow:hover:after{background-color:#00f0ff;}
.wrap_photo .slick-prev:before{content:'';width:3px;height:14px;background:#b1b1b1;position:absolute;left:50%;top:50%;transform:rotate(50deg);margin-top:-11px;margin-left:-3px;border-radius:5px;transition:0.5s;}
.wrap_photo .slick-prev:after{content:'';width:3px;height:14px;background:#b1b1b1;position:absolute;left:50%;top:50%;transform:rotate(125deg);margin-top:-3px;margin-left:-3px;border-radius:5px;transition:0.5s;}
.wrap_photo .slick-next{left: 125px;}
.wrap_photo .slick-next:before{content:'';width:3px;height:14px;background:#b1b1b1;position:absolute;left:50%;top:50%;transform:rotate(127deg);margin-top:-11px;margin-right:-3px;border-radius:5px;transition:0.5s;}
.wrap_photo .slick-next:after{content:'';width:3px;height:14px;background:#b1b1b1;position:absolute;left:50%;top:50%;transform:rotate(50deg);margin-top:-3px;margin-right:-3px;border-radius:5px;transition:0.5s;}

.wrap_photo .numbering{position: absolute;left: 68px;bottom: 35px;z-index: 9;}
.wrap_photo .numbering .now{color:#00f0ff;font-family: 'Noto Bold';font-size:16px;position: relative;top: -12px;right: 0;}
.wrap_photo .numbering .slash{font-size: 28px;color: #b6b9be;font-family: 'Noto Thin';margin: 0;transform: rotate(25deg);display: inline-block;}
.wrap_photo .numbering .total{color:#fff;font-family: 'Noto Bold';font-size:16px;position: relative;top: 10px;left: -6px;}

/*텍스트박스*/
.text-box{width:555px;height: 460px;padding-right:65px;position: absolute;left:0;top:0;background: #335a9d;}
.text-box:before{content:'';width:100%;height:460px;background:#335a9d;position:absolute;left:-100%;top:0;}
.text-box > strong{color:#fff;font-size:55px;font-family: 'Noto Medium';display: block;line-height: 1.2;}
.text-box > strong > i{display: block;}
.text-box > p{color:#fff;font-size:18px;font-family: 'Noto DemiLight';line-height: 1.6;margin-top:35px;padding-top:25px;position: relative;}
.text-box > p:before{content:'';width:72px;height: 3px;background:#fff;position: absolute;top:0;left:0;}
.text-box > p i{display: block;}

/*효과*/
.wrap_photo a.subject{transition:all ease .75s;}
.wrap_photo a.subject:hover img{transform:scale(1.05);}

@media only screen and (max-width:1680px){
    .wrap_photo{padding-left:25px;}
}

@media only screen and (max-width:1280px){
    .text-box{width:460px;}
    .text-box > strong{font-size:42px;}
    .wrap_photo .list{margin-left:460px;padding-bottom: 100px;}
    .wrap_photo .thumb{width:500px;height:320px;}
    .wrap_photo .con{padding:25px 35px;max-width: 400px;left: -100px;bottom: -100px;}
}
@media only screen and (max-width:768px){
    .text-box{position: initial;width:100%;height: auto;margin-bottom: 35px;padding-right: 25px;}
    .text-box > strong{font-size:32px;}
    .text-box > p{padding-top:20px;margin-top:25px;font-size: 15px;}
    .text-box > p:before{width:50px;height:2px;}
    .wrap_photo .list{margin-left:0;}
    .wrap_photo .thumb{width: calc(100% - 25px);height: 240px;}
    .wrap_photo .slick-list{margin-right:0;}
    .wrap_photo .slick-slide{margin-right:0;}
    .wrap_photo .con{position:initial;max-width: calc(100% - 25px);padding: 25px 20px;}

    .wrap_photo .numbering{left:50%;transform:translateX(-50%);margin-left: -12.5px;}
    .wrap_photo .slick-prev{left:50%;margin-left:-120px;}
    .wrap_photo .slick-next{left:50%;margin-left: 50px;}
}