@charset "utf-8";
#inc04{background-color:var(--bg)}
#inc04 .wrapper{padding:180px 0 175px;background:linear-gradient(to right, #ede3d0 40%, #e7dac7 60%);border-bottom-right-radius:200px}
#inc04 .row-2 .top{display:flex;justify-content:space-between;align-items:flex-end;padding-bottom:85px}
#inc04 .row-2 .swiper-slide a{display:flex;flex-direction:column;border-radius:10px;overflow:hidden}
#inc04 .row-2 .swiper-slide a .thumb-box{position:relative;width:100%;aspect-ratio:453 / 242;overflow:hidden}
#inc04 .row-2 .swiper-slide a .thumb-box img{width:100%;height:100%;object-fit:cover;transform:scale(1.15);transition:transform 0.3s}
#inc04 .row-2 .swiper-slide a.only_guest .thumb-box img{filter:blur(6px)}
#inc04 .row-2 .swiper-slide a .thumb-box .overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background-color:rgba(0,0,0,0.5)}
#inc04 .row-2 .swiper-slide a .thumb-box .overlay .lock{display:flex;align-items:center;justify-content:center;width:56px;aspect-ratio:1;border-radius:100px;background-color:rgba(255,255,255,0.3);color:rgba(255,255,255,0.5);transition:background-color 0.3s, color 0.3s}
#inc04 .row-2 .swiper-slide a .thumb-box .overlay .lock svg{flex-shrink:0}
#inc04 .row-2 .swiper-slide a .thumb-box .overlay p{font-family:var(--sub-font);font-size:14px;font-weight:500;word-break:keep-all;white-space:pre-line;color:#fff;text-align:center;line-height:1.3}
#inc04 .row-2 .swiper-slide a .thumb-box .overlay .btn--round{display:flex;align-items:center;justify-content:center;width:55px;height:25px;border-radius:100px;background-color:rgba(255,255,255,0.2);font-size:12px;font-weight:500;color:#fff;font-family:var(--sub-font);transition:background-color 0.3s, color 0.3s}
#inc04 .row-2 .swiper-slide a .text-box{display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center;background-color:#fff;padding:30px 15px}
#inc04 .row-2 .swiper-slide a .text-box h4{font-family:var(--main-font);font-size:17px;font-weight:600}
#inc04 .row-2 .swiper-slide a .text-box p{font-size:17px;line-height:1.8;color:#777;font-family:var(--sub-font)}
#inc04 p.notice{padding:15px 0 35px;font-family:var(--sub-font);font-size:12px;color:#aaa;text-align:right}
#inc04 .swiper-pagination{position:static;height:7px;max-width:140px;margin:0 auto;border-radius:100px;overflow:hidden}
#inc04 .swiper-pagination-progressbar{background:rgba(233,72,18,0.2)}
#inc04 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--primary)}

@media (hover:hover){
#inc04 .row-2 .swiper-slide a:hover .thumb-box img{transform:scale(1.25)}
#inc04 .row-2 .swiper-slide a:hover .thumb-box .overlay .lock{background-color:var(--primary);color:#fff}
#inc04 .row-2 .swiper-slide a:hover .thumb-box .overlay .btn--round{background-color:var(--primary);color:#fff}
}