@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{}
.wrap_photo .slick-track{}
.wrap_photo .container{position: relative;}

/*타이틀*/
.wrap_photo .title{margin-bottom:50px;text-align:center;}
.wrap_photo .title > span{display:inline-block;font-family:'Noto Bold';color:#111;font-size:50px;position:relative;}
.wrap_photo .title > span:after{content:'';width:10px;height:10px;background:#014da2;border-radius:50%;display:inline-block;vertical-align:bottom;margin-left:10px;position:relative;top:-15px;}
.wrap_photo .more{display:inline-block;font-size:18px;font-family: 'Noto Bold';position: absolute;right: 0;top: 35px;z-index: 1;}
.wrap_photo .more:after{content:'';width:10px;height: 4px;background:#014da2;display:inline-block;vertical-align:middle;position: relative;top: -1px;margin-left: 7px;}


/*목록*/
.wrap_photo .list{position: relative;height: 480px;}
.wrap_photo .list ul{}
.wrap_photo .list ul li{}
.wrap_photo .slick-slider{padding:0;}
.wrap_photo .slick-list{margin:0 -20px;overflow: visible;}
.wrap_photo .slick-slide{margin:0 20px;}

/*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{height: 480px;border-radius: 25px;overflow: hidden;transition:all ease .5s;position:relative;}
.wrap_photo .thumb:after{content:'View';width:80px;height:80px;background:#e0393d;color:#fff;border-radius:50%;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);text-align:center;font-family:'Noto Bold';padding-top:27px;transition:all ease .5s;opacity:0;}
.wrap_photo .thumb img{object-fit:cover;object-position:center;width:100%;height:100%;transition:0.5s;position:relative;transition:all ease .5s;}

/*컨텐츠*/
.wrap_photo .con{padding-top: 35px;transition: all ease .5s;opacity: 0;height: 0;overflow: hidden;transition-delay:.25s;}

/*제목*/
.wrap_photo .subjectText{line-height:1.3;white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:2;}
.wrap_photo .subjectText span{font-size: 32px;font-family: 'Noto Bold';color: #000;line-height: 1.35;display: block;}

/*내용*/
.wrap_photo .content{line-height:1.1;white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp: 3;margin-top: 35px;padding-top: 30px;position: relative;display: none;}
.wrap_photo .content span{color: #000;font-family: 'Noto DemiLight';font-size: 18px;line-height: 1.4;display: block;}

/*날짜*/
.wrap_photo .date{color:#aeaeae;font-family:'Noto Regular';font-size:18px;color:#aeaeae;display:block;margin-top:35px;}
.wrap_photo .readMore{display:none;}

/*더보기*/
.wrap_photo .more{}

/*활성화*/
.wrap_photo .list,
.wrap_photo .more{display:none}
.wrap_photo .inner > li.active .list,
.wrap_photo .inner > li.active .more{display:block}
.wrap_photo a.subject:hover .thumb{height:300px;}
.wrap_photo a.subject:hover .thumb img{filter:brightness(0.5);}
.wrap_photo a.subject:hover .con{opacity:1;height:auto;}
.wrap_photo a.subject:hover .thumb:after{opacity:1;}

/*CONTROL*/
.wrap_photo .slick-arrow{display:block;width: 60px;height: 60px;font-size:0;position:absolute;top: -100px;z-index:1;transition:0.5s;border-radius: 50%;}
.wrap_photo .slick-arrow:hover{background-color: #014da2;}
.wrap_photo .slick-prev{background: #aeaeae url('../images/w_arrow_l.png') no-repeat center;}
.wrap_photo .slick-next{left: 75px;background: #aeaeae url('../images/w_arrow.png') no-repeat center;}

@media only screen and (max-width:1280px){
    .wrap_photo .subjectText span{font-size:22px;}
    .wrap_photo .thumb{height: 420px;}
    .wrap_photo .con{padding-top:15px;}
    .wrap_photo .date{margin-top:20px;}
}
@media only screen and (max-width:768px){
    .wrap_photo .title > span{font-size:32px;}
    .wrap_photo .title > span:after{width:5px;height: 5px;margin-left:5px;top:-10px;}
    .wrap_photo .list{padding:0 20px;height: auto;}
    .wrap_photo .slick-arrow{width:50px;height: 50px;top: 27%;}
    .wrap_photo .slick-prev{left:-20px;}
    .wrap_photo .slick-next{right:-20px;left: unset;}
    .wrap_photo a.subject .thumb{height:300px;}
    .wrap_photo a.subject .con{opacity:1;height:auto;}
    .wrap_photo .more{font-size:15px;top: 50px;}
    .wrap_photo .subjectText span{font-size:18px;}
}