@charset "utf-8";

/* 구조 */
.wrap_photo {display:block; background:#F4F6F9; padding:80px 0; overflow:hidden;}
.wrap_photo .inner {max-width:1280px; margin:0 auto;}

/* 타이틀 */
.wrap_photo .title {display:flex; justify-content:space-between; align-items:center; position:relative; max-width:1280px; margin:0 auto;}
.wrap_photo .title p {font-size:32px; font-weight:700; color:#222;}
.wrap_photo .more {font-size:18px; font-weight:500;}
.wrap_photo .more:after {content:''; position:relative; top:-2px; display:inline-block; width:8px; height:8px; margin-left:5px; margin-right:2px; border:1px solid #222; border-width:1px 1px 0 0; transform:rotate(45deg);}

/* 리스트 */
.wrap_photo .list {margin-top:16px;}
.wrap_photo .wrap_photo_slider {overflow:hidden;}
.wrap_photo .wrap_photo_slider .swiper-wrapper {display:flex; gap:24px; align-items:stretch;}
.wrap_photo .wrap_photo_slider .swiper-slide {height:auto; display:flex; width:340px !important; flex-shrink:0;}
.wrap_photo .wrap_photo_slider .swiper-slide > a {display:flex; flex-direction:column; width:100%; height:100%; border-radius:24px; border:2px solid transparent; overflow:hidden; transition:border-color .3s, box-shadow .3s;}
.wrap_photo .wrap_photo_slider .swiper-slide > a:hover {border-color:#059C9A; box-shadow:4px 4px 20px 0 rgba(0,0,0,.12);}

.wrap_photo .list .thumb {height:320px; overflow:hidden; border-radius:0 0 0 0; position:relative;}
.wrap_photo .list .thumb img {width:100%; height:100%; object-fit:cover; transition:all ease .55s;}
.wrap_photo .wrap_photo_slider .swiper-slide:hover .thumb img {transform:scale(1.05);}

.wrap_photo .list .thumb .badge {background:#626262; display:flex; width:64px; height:64px; padding:10px; border-radius:999px; overflow:hidden; flex-direction:column; justify-content:center; align-items:center; gap:10px; aspect-ratio:1/1; color:#FFF; text-align:center; font-family:Pretendard; font-size:16px; font-weight:700; line-height:120%; position:absolute; right:20px; top:20px;}
.wrap_photo .list .thumb .badge span {width:30px; display:flex; flex-direction:column;}

.wrap_photo .list .con {flex:1; display:flex; flex-direction:column; overflow:hidden; border-radius:0 0 24px 24px; padding:24px; min-height:174px; background:#fff;}

.wrap_photo .list .subjectText {display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; line-height: 1.5; font-size:20px; color:#222; font-weight:600; word-break:break-word; margin-bottom:8px; min-height:60px;}
.wrap_photo .list .subjectText span {margin-top:3px;}
.wrap_photo .list .subjectText .badge {margin-top:0; margin-right:4px; display: inline-flex; background: #059C9A; font-size: 16px; font-weight: 500; color:#fff; padding:3px 12px; border-radius: 999px; line-height: normal;}

.wrap_photo .list .content dl {display: flex; gap:12px;}
.wrap_photo .list .content dt {color:#059C9A; font-size:18px; font-weight:400;}
.wrap_photo .list .content dd {color:#666; font-size:18px; font-weight:400;}

.wrap_photo .list .content {color:#666; font-size:18px; font-weight:400; letter-spacing:normal; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;}
.wrap_photo .list .date {font-size:18px; color:#666;}

.wrap_photo .control {display:none;}


/* 1300 */
@media (max-width:1300px) {
    .wrap_photo {padding:80px 24px;}
}

/* 모바일 */
@media (max-width:768px) {
    .wrap_photo {padding:60px 0;}
    .wrap_photo .title {padding: 0 20px; max-width: 100%;}
    .wrap_photo .wrap_photo_slider {overflow:visible;}
    .wrap_photo .wrap_photo_slider .swiper-wrapper {flex-wrap:nowrap; gap:24px; align-items:stretch; margin-left:20px;}
    .wrap_photo .wrap_photo_slider .swiper-slide {width:320px !important; flex-shrink:0; margin-right:0;}
    .wrap_photo .list .thumb {height:300px;}
    .wrap_photo .list .con {padding:24px; min-height:180px;}
    .wrap_photo .list .subjectText {font-size:22px;}
    .wrap_photo .list .content {font-size:16px;}
    .wrap_photo .list .content dt {display: none;}
    .wrap_photo .list .date {font-size:16px;}
}