@charset "utf-8";


/* Photo Gallery */
.wrap-photo {position: relative;}
.wrap-photo .inner {position: relative; padding-top: 100px;}
.wrap-photo .list {margin:0 -30px;}
.wrap-photo .slick-slide {margin:0 30px;}
.wrap-photo .slick-slide a{cursor:url('../images/cur.png') 40 40, auto;}
.wrap-photo .img-box {border-radius:20px 45px 20px 20px; overflow:hidden; margin-bottom: 25px;}
.wrap-photo .img-box img {width:100%; height:100%; object-fit:cover; transition: transform .5s; max-height:400px; aspect-ratio: 5.34 / 4;}
.wrap-photo a:hover .img-box img {transform: scale(1.1)}
.wrap-photo .text-box {font-size: 26px; font-family: 'SUITE Bold'; color:#000; line-height: 42px;}
.wrap-photo .text-box p {display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow:hidden;}
.wrap-photo .text-box p span {background: linear-gradient(to bottom, transparent 95%, #000 0) left center no-repeat; background-size:0; transition: background-size .5s;}
.wrap-photo a:hover .text-box p span {background-size:100% auto;}
.wrap-photo .control {display: flex; align-items: center; position: absolute; top:0; right:0; z-index: 102;}
.wrap-photo .control .more {font-size: 16px; font-family: 'HG Regular'; color:#222; position: relative; padding-right:29px;}
.wrap-photo .control .more::after {content:''; width: 14px; height: 14px; position: absolute; right:0; top:50%; margin-top:-7px; background:url('../images/more.png') no-repeat center; transition:transform .35s;}
.wrap-photo .control .more:hover::after {transform:rotate(180deg);}
.wrap-photo .prevnext {margin-right: 50px;}
.wrap-photo .prevnext button {width: 60px; height: 60px; background-color:#AEAEAE; background-repeat:no-repeat; background-position:center; border-radius:50%; text-indent: -9999px;}
.wrap-photo .prevnext button:hover {background-color:#005BAC;}
.wrap-photo .prevnext .prev {background-image:url('../images/photo-prev.png');}
.wrap-photo .prevnext .next {background-image:url('../images/photo-next.png');}
.wrap-photo .nodata {font-family: 'HG Regular'; text-align: center;}
@media screen and (max-width:1800px) {
    .wrap-photo {padding:0 20px;}
}
@media screen and (max-width:1200px) {
    .wrap-photo {padding:0 40px;}
    .wrap-photo .inner {padding-top: 135px;}
    .wrap-photo .list {width:132.5%;}
    .wrap-photo .text-box {font-size: 24px; line-height: 40px;}
}

@media screen and (max-width:850px) {
    .wrap-photo .slick-slide {margin:0 15px;}
}
@media screen and (max-width:768px) {
    .photo-gallery {overflow:visible; }
    .photo-gallery:not(.edit) {z-index: 102;}
    .wrap-photo {padding:0 20px;}
    .wrap-photo .inner {padding-top: 0; margin-top: 25px;}
    .wrap-photo .list {width:100%; margin:0;}
    .wrap-photo .img-box {margin-bottom: 12px; min-height: 260px;}
    .wrap-photo .img-box img {width:100%; height:100%; object-fit:cover;}
    .wrap-photo .slick-slide {margin:0 30px;}
    .wrap-photo .text-box {font-size: 22px; line-height: 35px;}
    .wrap-photo .prevnext button {position: absolute; width:50px; height:50px;}
    .wrap-photo .prevnext .prev {left:0; top:calc(50% - 82px);}
    .wrap-photo .prevnext .next {right:0; top:calc(50% - 82px);}
    .wrap-photo .control {position: static;}
    .wrap-photo .control .more {position: absolute; right:0; top:-90px;}

}