@charset "utf-8";
/* 251209 - gotham 삭제 */

.archiving-container{padding-top:110px;}

.archiving-container .swiper-pagination{top:unset;margin:0;bottom:unset}
.archiving-container .swiper-pagination .swiper-pagination-bullet{width:10px;height:10px;margin:0 5px;border:1px solid #fff;background-color:transparent;opacity:1;}
.archiving-container .swiper-pagination .swiper-pagination-bullet-active{background-color:#fff;}

.archiving-container .swiper-button-prev, .archiving-container .swiper-button-next{margin:0;background:unset;}
.archiving-container .swiper-button-prev.swiper-button-lock, .archiving-container .swiper-button-next.swiper-button-lock{display:flex;}
.archiving-container .swiper-button-prev, .archiving-container .swiper-button-next {position:relative;top:0;left:0;width:40px;height:40px;border:1px solid #ddd;border-radius:50%;}
.archiving-container .swiper-button-prev:after, .archiving-container .swiper-button-next:after{width:16px;height:16px;background:url(/assets/front/images/explore/archiving/ico-navi-next.webp) center / 100% no-repeat;font-size:0;}
.archiving-container .swiper-button-prev, .archiving-container .head-archiving .swiper-button-next {width:40px;height:40px;padding:10px;border:1px solid #ddd;border-radius:50%;}
.archiving-container .swiper-button-prev {transform:rotate(-180deg);}

.archiving-container .wrap-pagination{margin-top:50px;}
.archiving-container .wrap-pagination{display:flex;position:static;width:100%;height:19px;margin-top:50px;gap:24px;}

.archiving-container .area-navigation{display:flex;color:#000;align-items:center;gap:6px;}/* 251209 */
.archiving-container .area-navigation .swiper-button-prev:after, 
.archiving-container .area-navigation .swiper-button-next{order:2;}
.archiving-container .area-navigation .arrow {width:13px;height:10px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='9.5' viewBox='0 0 13 9.5' data-di-res-id='5b0647e8-bedd35ea' data-di-rand='1757398774360'%3E%3Cpath id='path' d='M7.72,1.28A.75.75,0,0,1,8.78.22l4,4a.75.75,0,0,1,0,1.061l-4,4A.75.75,0,0,1,7.72,8.22l2.72-2.72H.75A.75.75,0,0,1,.75,4h9.689Z' style='fill:rgb(0,0,0)'%3E%3C/path%3E%3C/svg%3E");}/* 250912 추가 */
.archiving-container .area-navigation .state-navi{font-size:16px;}
.archiving-container .area-navigation .pager-current{font-weight:bold;}
.archiving-container .area-navigation .pager-total{color:#4c4c4c;}
.archiving-container .area-navigation .swiper-button-prev::after, 
.archiving-container .area-navigation .swiper-button-next::after {display: none;} /* 250912 추가 */

.archiving-container .area-progress{display:flex;position:relative;flex:1;align-items:center;}
.archiving-container .swiper-pagination-progressbar{top:unset;height:3px;background-color:rgba(0,0,0,0.15);}
.archiving-container .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background-color:#000;}
.archiving-container .swiper-pagination-progressbar.swiper-pagination-lock{display:block;}
.archiving-container .swiper-pagination-progressbar.swiper-pagination-lock .swiper-pagination-progressbar-fill{display:none;}

.archiving-container .head-archiving{position:relative;height:725px;}
.archiving-container .head-archiving .inner-sec{display:flex;min-width:880px;max-width:1432px;margin:0 auto;padding:120px 16px 72px;overflow:hidden;}
.archiving-container .head-archiving .inner-sec .wrap-txt{width:690px;}
.archiving-container .head-archiving .tit-txt{color:#000;font-size:76px;font-weight:700;font-family:'NovaB';line-height:1.2;letter-spacing:-1.9px;-webkit-text-stroke: 0.015em;}/* 251209 */
.archiving-container .head-archiving .txt-desc{margin-top:50px;font-size:16px;font-family:'Noto Sans KR';line-height:1.5;letter-spacing:-0.16px;}
.archiving-container .head-archiving .wrap-swiper{position:absolute;left:49.3229vw;right:0;}
.archiving-container .head-archiving .wrap-pagination{width:327px;height:40px;margin-top:23px;gap:10px;}
.archiving-container .head-archiving .wrap-pagination .area-navigation {gap: 0 12px}
/* 250912 삭제 */


.archiving-container .swiper-main .swiper-slide{width:398px;}
.archiving-container .swiper-main .link-banner{display:block;height:100%;}
.archiving-container .swiper-main .area-img{display:block;position:relative;overflow:hidden;border-radius:20px;}
.archiving-container .swiper-main .area-img:before{position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0) 54%, rgba(0, 0, 0, 0.5) 90%, rgba(0, 0, 0, 0.75));content:'';}
.archiving-container .swiper-main .area-img img{width:100%;max-width:unset;height:100%;}
.archiving-container .swiper-main .area-txt{position:absolute;right:0;bottom:0;padding-right:24px;padding-bottom:24px;color:#fff;text-align:right;}
.archiving-container .swiper-main .area-txt .txt-sub{display:block;font-size:20px;line-height:1.2;letter-spacing:-0.5px;}
.archiving-container .swiper-main .area-txt .tit-banner{display:block;margin-top:3px;font-size:32px;font-weight:bold;font-family:'NovaB';line-height:1.219;}/* 251209 */
.archiving-container .swiper-main .area-txt .txt-more{display:inline-block;margin-top:11px;border-bottom:1px solid #fff;font-size:14px;font-weight:normal;line-height:1.4;}

.archiving-container .wrap-nav{position:sticky;z-index:101;top:0;left:0;right:0;min-width:880px;background-color:#f5f6f7;}
.archiving-container .wrap-nav.is-under {z-index:99} /* 251016 */
.archiving-container .wrap-nav .nav-menu{max-width:1432px;margin:0 auto;padding:23px 24px;text-align:center;}
.archiving-container .wrap-nav .list-nav-menu{margin:0 -24px;padding:0 24px;font-size:0;white-space:nowrap;overflow-x:auto;}
.archiving-container .wrap-nav .list-nav-menu > li{display:inline-block;}
.archiving-container .wrap-nav .list-nav-menu > li+li{margin-left:8px}
.archiving-container .wrap-nav .list-nav-menu .link-menu{display:inline-block;height:54px;padding:0 32px;border:1px solid #000;border-radius:27px;background-color:#fff;font-size:16px;font-weight:bold;font-family:'NovaB';line-height:52px;white-space:nowrap;}/* 251209 */
.archiving-container .wrap-nav .list-nav-menu .link-menu.active{background-color:#000;color:#fff;}

.archiving-container .sec-comm{display:block;width:100%;min-width:880px;}
.archiving-container .sec-comm .inner-sec{position:relative;max-width:1432px;margin:0 auto;padding:180px 16px 100px;}
.archiving-container .sec-comm .tit-txt{color:#fff;font-size:60px;font-weight:bold;font-family:'NovaB';letter-spacing:-1.5px;}/* 251209 */
.archiving-container .sec-comm .wrap-swiper{max-width:100%;margin-top:60px;}
.archiving-container .sec-comm .wrap-btn-more{position:absolute;top:194px;right:16px;}
.archiving-container .sec-comm .wrap-btn-more .link-more{display:inline-block;height:44px;padding:0 30px;border:1px solid #000;color:#000;font-family:'Noto Sans KR';font-size:14px;font-weight:bold;line-height:46px;}

.archiving-container .sec-trend .tit-txt {color:#000} /* 251015 */
.archiving-container .swiper-trend{margin-top:-118px;padding-top:118px;}
.archiving-container .swiper-trend .link-event{display:block;}
.archiving-container .swiper-trend .area-txt{display:block;margin-top:30px;}
.archiving-container .swiper-trend .area-txt .tit-banner{font-size:32px;font-weight:bold;font-family:'NovaB';letter-spacing:-0.8px;} /* 251209 */
.archiving-container .swiper-trend .area-txt .txt-sub{margin-top:8px;font-size:18px;} /* 251015 */
.archiving-container .swiper-trend .wrap-btn-arr{display:flex;position:absolute;top:0;right:0;flex-direction:row;gap:12px;filter:invert(1)} /* 251015 */
.archiving-container .swiper-trend .swiper-button-next, .archiving-container .swiper-trend .swiper-button-prev{position:static;width:44px;height:44px;padding:0;border-radius:0;}
.archiving-container .swiper-trend .swiper-button-prev:after, .archiving-container .swiper-trend .swiper-button-next:after{content:"";width:44px;height:44px;background-image:url(/assets/front/images/explore/archiving/ico-arr-next02.webp);} /* 250912 수정 */

.archiving-container .sec-magazine{background-color:#000;} /* 251015 */
.archiving-container .swiper-magazine{padding:0 calc((100% - 448px) / 2);}
.archiving-container .swiper-magazine .swiper-slide {overflow:initial;padding-top:1px;background:#000;border-radius:20px 0 0 20px;}/* 251015 */
.archiving-container .swiper-magazine .swiper-slide .link-magazine {overflow:hidden;border-radius:20px}/* 250909 추가 */
.archiving-container .swiper-magazine .swiper-slide-shadow{background-color:transparent;}
.archiving-container .swiper-magazine .area-img:before{position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0) 57%, rgba(0, 0, 0, 0.5));content:'';border-radius:20px;}/* 250909 수정 */
.archiving-container .swiper-magazine .link-magazine{display:block;}
.archiving-container .swiper-magazine .area-logo{position:absolute;top:24px;left:24px;width:134px;}
.archiving-container .swiper-magazine .area-txt{position:absolute;left:30px;bottom:40px;color:#fff;}
.archiving-container .swiper-magazine .area-txt .txt-sub{display:block;font-size:18px;line-height:1.167;}
.archiving-container .swiper-magazine .area-txt .tit-banner{display:block;margin-top:5px;font-size:32px;font-weight:bold;line-height:1.1875;letter-spacing:-0.8px;}
.archiving-container .swiper-magazine .area-txt .txt-more{display:inline-block;margin-top:11px;border-bottom:1px solid #fff;font-size:14px;}
.archiving-container .swiper-magazine .wrap-btn-arr{position:relative;position:absolute;z-index:1;top:0;left:50%;width:448px;height:100%;margin:0 auto;transform:translate(-50%, 0);pointer-events:none;}
.archiving-container .swiper-magazine .swiper-button-next, .archiving-container .swiper-magazine .swiper-button-prev{position:absolute;top:50%;left:auto;right:-26px;width:52px;height:52px;margin-top:-26px;padding:0;pointer-events:fill;border:none;}
.archiving-container .swiper-magazine .swiper-button-prev{left:-26px;right:auto;}
.archiving-container .swiper-magazine .swiper-button-next:after, .archiving-container .swiper-magazine .swiper-button-prev:after{content:"";width:100%;height:100%;background:url(/assets/front/images/explore/archiving/ico-arr-next.webp) center / 100% no-repeat;filter:invert(1)} /* 251015 */

.archiving-container .sec-lookbook{background-color:#000;}
.archiving-container .sec-lookbook .wrap-btn-more .link-more{border-color:#fff;color:#fff}
.archiving-container .swiper-lookbook .link-item{display:block;position:relative;}
.archiving-container .swiper-lookbook .box-img{display:block;position:relative;}
.archiving-container .swiper-lookbook .box-img:before{position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 77%, rgba(0, 0, 0, 0.5));content:'';}
/* 260209 추가 */
.archiving-container .swiper-lookbook .swiper-slide:nth-child(3) .box-img::before,
.archiving-container .swiper-lookbook .swiper-slide:nth-child(4) .box-img::before {display: none;}
.archiving-container .swiper-lookbook .logo-product{display:flex;position:absolute;top:0;left:0;right:0;bottom:0;padding-bottom:68px;flex-direction:column;justify-content:flex-end;}
.archiving-container .swiper-lookbook .logo-product img{display:block;width:auto;min-width:0;max-width:unset;height:16px;object-fit:contain;}
.archiving-container .swiper-lookbook .area-txt{display:block;margin-top:24px;color:#fff;}
.archiving-container .swiper-lookbook .area-txt .tit-banner{font-size:24px;font-weight:bold;font-family:'NovaB';letter-spacing:-0.6px;}/* 251209 */
.archiving-container .swiper-lookbook .area-txt .txt-sub{margin-top:2px;font-size:16px;letter-spacing:-0.16px;}
.archiving-container .swiper-lookbook .area-navigation{gap:0 12px;color:#fff;}
.archiving-container .swiper-lookbook .swiper-button-next{order:2;padding:10px;}
.archiving-container .swiper-lookbook .swiper-button-prev:after, .archiving-container .swiper-lookbook .swiper-button-next:after{background-image:url(/assets/front/images/explore/archiving/ico-navi-next-w.webp)}
.archiving-container .swiper-lookbook .pager-current{font-weight:bold;}
.archiving-container .swiper-lookbook .pager-total{color:#ddd;}
.archiving-container .swiper-lookbook .area-progress{display:flex;position:relative;flex:1;align-items:center;}
.archiving-container .swiper-lookbook .swiper-pagination-progressbar{top:unset;height:3px;background-color:rgba(255,255,255,0.25);}
.archiving-container .swiper-lookbook .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background-color:#fff;}
.archiving-container .swiper-lookbook .wrap-pagination {height:40px;}
.archiving-container .swiper-lookbook .area-navigation .arrow {filter:invert(1)} /* 250912 수정 */
/* 250912 삭제 */

.archiving-container .sec-medialibrary .tit-txt{color:#000;}
.archiving-container .swiper-medialibrary .link-media{display:block;position:relative;width:100%;height:0;padding-top:56.25%;}
.archiving-container .swiper-medialibrary .video-wrap{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}
.archiving-container .swiper-medialibrary .youtube-player{position:absolute;top:0;left:0;width:100%;height:100%;}
.archiving-container .swiper-medialibrary .youtube-player iframe{width:100%;height:100%;pointer-events:none;}
.archiving-container .swiper-medialibrary .area-tit{display:block;margin-top:24px;}
.archiving-container .swiper-medialibrary .area-tit .tag-comm{padding:4px 8px;border-radius:4px;background-color:#000;color:#fff;font-size:12px;}
.archiving-container .swiper-medialibrary .area-tit .tit-txt{display:block;margin-top:8px;font-size:24px;line-height:1.2085;}
/* 250912 삭제 */
.archiving-container .swiper-medialibrary .swiper-button-next {padding:10px;}
.archiving-container .swiper-medialibrary .wrap-pagination {height:40px}

.archiving-container .sec-event{background-color:#f5f5f5;}
.archiving-container .sec-event .tit-txt{color:#000;}
.archiving-container .sec-event .wrap-btn-more .link-more {background-color:#c8102e;color:#fff;border-color: #c8102e;} /* 251104 */
/* 260309 수정 */
.archiving-container .swiper-event .link-event{display:block;position: relative}
.archiving-container .swiper-event .area-thumb {display:block;position: relative;}
.archiving-container .swiper-event .flag-finish {position: absolute;top:20px;right:20px;padding:4px 14px;font-size: 16px;font-weight:700;color:#fff;line-height:1.25;background-color: #000;border:1px solid #fff;border-radius: 100px;z-index: 1;text-align: center;}
.archiving-container .swiper-event .flag-finish + .link-event::after {content: "";position: absolute;top:0;left:0;width:100%;height: 100%;background: rgba(0, 0, 0, 0.5);}
/* 260309 수정 */
.archiving-container .swiper-event .area-desc{display:block;margin-top:24px;}
.archiving-container .swiper-event .area-desc .tit-event{display:block;font-size:24px;font-weight:bold;font-family:'NovaB';}/* 251209 */
.archiving-container .swiper-event .area-desc .txt-date{display:block;margin-top:2px;color:#000;font-size:16px;font-family:'Noto Sans KR';line-height:1.50;letter-spacing:-0.16px;}
.archiving-container .swiper-event .wrap-pagination {height:40px;}
/* 250912 삭제 */
.archiving-container .swiper-event .swiper-button-next {padding:10px}

.layer-pop{position:fixed}

@media(max-width:1280px){
    .archiving-container .head-archiving .inner-sec{position:relative}
    .archiving-container .head-archiving .inner-sec .wrap-txt{width:480px}
    .archiving-container .head-archiving .wrap-swiper{left:500px;right:0;}
}