@charset "utf-8";

.section{position:relative}
.section img{width:100%}

.btn-area{position:absolute;bottom:10.69vw;left:0;right:0;display:flex;justify-content:space-between;padding:0 5.97vw;height:12.64vw;}
.btn-area a{display:inline-block;width:calc(50% - 0.97vw);height:100%;}

.section.swiper-area{background:#22283c;padding:0 3.47vw 5.28vw;}
.collection-title{display:block;text-align:center;font-size:5.83vw;color:#fff;font-weight:300;letter-spacing:-0.05em;}
.collection-title span{font-weight:500;position:relative;}
.collection-title span:after{content:"";position:absolute;bottom:2px;left:0;right:0;height:1.5px;background:#fff;}
.collection-btn{display:block;margin:3.06vw 3.47vw 0;height:13.33vw;font-family:'NEXON Lv2 Gothic','맑은 고딕','Malgun Gothic',arial, apple Gothic, sans-serif;font-weight:500;line-height:13.33vw;text-align:center;background: #fff;}
.collection-btn span{display:inline-block;padding-right:3.06vw;font-size:3.47vw;color:#22283c;background:url(../images/mobile/btn-arr-1.png) center right / 1.25vw no-repeat;letter-spacing:-0.05em;}

.rolex-swiper{display:none;margin-top:3.06vw;padding-top:18.61vw;background:#efefef;}
.rolex-swiper.active{display:block}

.rolex-swiper .rolex-tit{display:block;text-align:center;line-height:1;font-weight:500;font-size:3.47vw;color:#40424a;letter-spacing:-0.05em;}
.rolex-swiper .rolex-tit span{display:inline-block;position:relative;}
.rolex-swiper .rolex-tit span:before{content:"";position:absolute;left:-8.33vw;bottom:4.17vw;background:url(../images/mobile/rolex-tit-r.png) left top / contain no-repeat;z-index:-1}
.rolex-swiper .rolex-tit span.r:before{left:-8.33vw;bottom:4.17vw;width:17.08vw;height:10.42vw;}
.rolex-swiper .rolex-tit span.o:before{background-image:url(../images/mobile/rolex-tit-o.png);width:24.72vw;height:11.39vw;}
.rolex-swiper .rolex-tit span.l:before{background-image:url(../images/mobile/rolex-tit-l.png);width:16.67vw;height:10.83vw;left:-3.75vw}
.rolex-swiper .rolex-tit span.e:before{background-image:url(../images/mobile/rolex-tit-e.png);width:36.39vw;height:14.44vw;}
.rolex-swiper .rolex-tit span.x:before{background-image:url(../images/mobile/rolex-tit-x.png);width:30.69vw;height:14.31vw;}
.rolex-swiper .rolex-tit b{font-size:11.81vw}

.rolex-swiper .sub-tit{display:block;min-height:14.75vw;padding-top:1.94vw;padding-bottom:0.56vw;text-align:center;font-size:4.17vw;line-height:1.47;font-weight:300;color:#272520;letter-spacing:-0.05em;}
.rolex-swiper .swiper-slide{padding:0 4.17vw}
.rolex-swiper .product-wrap{display:flex;justify-content:space-between;flex-wrap:wrap;}
.rolex-swiper .product-wrap li{width:calc(50% - 1.39vw);padding-top:6.81vw}
.rolex-swiper .product-inner{position:relative}
.rolex-swiper .product-inner span{display:block;}
.rolex-swiper .product-inner .image-warp{position:relative}
.rolex-swiper .product-inner img{display:inline-block;}
.rolex-swiper .product-inner img.added{position:absolute;top:0;left:0;background:#FFF;width:100%;height:100%;object-fit:cover;z-index:100;}
.rolex-swiper .product-inner .p-name{display:block;padding-top:2.22vw;font-size:3.61vw;font-weight:500;line-height:1;letter-spacing:-0.025em;color:#272520}
.rolex-swiper .product-inner .p-num{display:block;padding-top:1.11vw;font-size:3.06vw;font-weight:500;line-height:1;color:#5f5f5f;}
.rolex-swiper .product-inner .p-text{display:block;margin-top:3.19vw;padding-top:1.11vw;height:5vw;font-size:2.78vw;color:#787878;line-height:1;border-top:1px solid #787878;}

.user-list-wrap{position:absolute;left:0;right:0;bottom:0;}
.user-list-wrap > a{display:block;padding-left:2.22vw;width:100%;height:5vw;font-size:2.78vw;font-weight:300;line-height:5vw;color:#efefef;letter-spacing:-0.025em;background:#979797;}
.user-list-wrap > a span{display:inline-block;position:relative;width:5vw;height:5vw;float:right;border-left:1px solid #efefef}
.user-list-wrap > a span:after{content:"";position:absolute;left:0;top:0;right:0;bottom:0;background:url(../images/mobile/view-more.png) center center / 2.5vw auto no-repeat;}
.user-list-wrap > a.active span{background-color:#fff;border:1px solid #979797}
.user-list-wrap > a.active span:after{background-image:url(../images/mobile/view-more-x.png);background-size:1.94vw auto;}
.rolex-swiper .product-wrap .user-list-wrap ul{display:none;position:absolute;right:0;top:calc(5vw - 1px);padding:2.22vw 3.33vw;background:rgba(255,255,255,0.85);border:1px solid #979797;text-align:right;z-index:10;}
.rolex-swiper .product-wrap .user-list-wrap ul.active{display:block;}
.rolex-swiper .product-wrap .user-list-wrap ul li{padding:0.42vw 0;width:auto;font-size:2.78vw;font-weight:300;color:#6b6b6b}

.rolex-swiper .swiper-button-next,
.rolex-swiper .swiper-button-prev{width:4.17vw;height:6.67vw;background-image:url(../images/mobile/slide-arr.png);background-size:contain;margin-top:0;top:21.11vw;}
.rolex-swiper .swiper-button-disabled{opacity:1}

.rolex-swiper .swiper-button-next{background-image:url(../images/mobile/slide-arr-r.png);}

.rolex-swiper.swiper-container-horizontal>.swiper-pagination-bullets{bottom:auto;top:4.31vw;font-size:0;}
.rolex-swiper.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 1.25vw}
.rolex-swiper .swiper-pagination-bullet{width:1.67vw;height:1.67vw;background-color:#dbdada;opacity:1}
.rolex-swiper .swiper-pagination-bullet-active{background-color:#8b8a87;}

.rolex-swiper .swiper-bottom{margin:9.31vw 0 4.44vw;}
.rolex-swiper .next-page{text-align:center;}
.rolex-swiper .next-page span{padding-right:2.5vw;font-size:3.1vw;line-height:1;color:#787878;background:url(../images/mobile/btn-arr-gr-r.png) center right / 0.83vw auto no-repeat}

.close-collection{display:block;width:100%;height:13.33vw;text-align:center;background:#757d97;}
.close-collection span{display:inline-block;font-weight:500;padding-right:2.92vw;font-size:3.47vw;line-height:13.33vw;color:#fff;letter-spacing:-0.05em;background:url(../images/mobile/btn-arr-wh.png) center right / 1.25vw auto no-repeat;}