@charset "utf-8"; .wrap_photo { height: 360px; border-radius: 4px; background: #F0F0F0; position: relative; overflow: hidden; } 
.wrap_photo .title { font-family: 'Pre Bold'; font-size: 16px; line-height: 1; padding: 28.5px 25px; border-bottom: 1px solid rgba(112,112,112,.3); } 

.wrap_photo .list { font-size: 0; height: 100%; } 
.wrap_photo .list ul { display: inline-block; width: 100%; height: 100%; } 
.wrap_photo .list ul .slick-list { padding: 20px 0; margin: 0 20px; height: 100%; } 
.wrap_photo .list li { float: left; width: 100%; } 
.wrap_photo .list li a { position: relative; display: flex; gap: 4.7%; justify-content: space-between; flex-direction: column; } 
.wrap_photo .text { flex-basis: 46.3%; } 
.wrap_photo .text .subjectText { white-space: pre-wrap; margin-top: 16px; height: 72px;display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow: ellipsis;}
.wrap_photo .text .subjectText span {}
.wrap_photo .text .date { color: #707070; margin-top: 12px; font-size:14px;} 
.wrap_photo .thumb {border-radius: 4px; overflow: hidden; position: relative; height:234px;} 
.wrap_photo .thumb img { max-width: unset; width: 100%; border-radius: 4px; height:100%; object-fit: cover;} 

.wrap_photo .list .nodata { transform: translateY(116px); font-size: 18px; text-align: center; padding: 30px; width: 100%; } 


/* control */
.wrap_photo .dots-wrap { display: block; } 
.wrap_photo .dots-wrap .slick-dots li { display: inline-block; margin: 0 5px; } 
.wrap_photo .dots-wrap .slick-dots li button { width: 10px; height: 10px; border-radius: 50%; background-color: gray; border: none; cursor: pointer; } 


.prevnext button { display: block; width: 20px; height: 20px; position: absolute; top: 27px; text-indent: -9999px; } 
.prevnext button.prev { right: 65px; background: url(../images/icon_arrow_prev.png) no-repeat center; } 
.prevnext button.next { right: 29px; background: url(../images/icon_arrow_next.png) no-repeat center; } 

.wrap_photo .text .subjectText span { background: linear-gradient(to bottom, transparent 96%, rgba(0, 0, 0) 0%) left center no-repeat; background-size: 0; transition: background-size .5s; color: #000; font-family: 'Pre Bold'; font-size: 24px;} 
.wrap_photo .list li a:hover .subjectText span { background-size: 100% auto; } 

.wrap_photo .dots-wrap { display: none; position: absolute; left: 50%; bottom: 20px; transform: translateX(-50%); } 
.wrap_photo .dots-wrap .slick-dots { display: flex; } 
.wrap_photo .dots-wrap .slick-dots li { width: 7px; height: 7px; margin: 0 12px 0 0; border-radius: 50%; opacity: 30%; text-indent: -9999px; cursor: pointer; } 
.wrap_photo .dots-wrap .slick-dots li:last-child { margin: 0 !important; } 
.wrap_photo .dots-wrap .slick-dots li.slick-active { opacity: 1; } 

.wrap_photo .dots-wrap.c1 .slick-dots li { background: #000; } 
.wrap_photo .dots-wrap.c2 .slick-dots li { background: #fff; } 

@media (max-width: 1280px){
 .wrap_photo .list .nodata { transform: translateY(10px); } 
 .wrap_photo .text .subjectText {max-width:100%;}
 .wrap_photo .list li {margin:0 10px;}
 }

@media (max-width: 768px){
 .wrap_photo .list li {margin:0}
 .wrap_photo .list li a { flex-direction: column; height: auto; padding: 0 20px; } 
 .wrap_photo .thumb { overflow: visible; flex-basis: auto; } 
 .wrap_photo .thumb img { position: relative; left: auto; top: auto; transform: translate(0); border-radius: 2px; } 
 .wrap_photo .text { flex-basis: auto; margin: 0 0 30px; } 
 .wrap_photo .list ul .slick-list { padding: 20px 0 47px; } 
 .wrap_photo .text .subjectText { max-width: 100%; } 
 .wrap_photo .dots-wrap { display: block; } 
 .wrap_photo .title { padding: 20px 22px 18px; font-size: 17px; } 
 .wrap_photo .prevnext { display: none; } 
 .wrap_photo .text { margin: 0 0 20px; } 
 .wrap_photo .text .subjectText > i { font-size: 17px; } 
 .wrap_photo .text .date { margin-top: 10px; } 
 .wrap_photo .slick-slide { padding: 0 5px !important; } 
 .wrap_photo .slick-list { margin: 0 -5px !important; } 
 }