/* BASIC css start */
#container{ overflow-x: hidden;}

/* 메인배너 */
.visual-banner-area .swiper-slide a{display:block; font-size:0;}
.visual-banner-area .swiper-slide a img { width:100%; }
.visual-banner-area .swiper-pagination-progressbar{top:auto; bottom:0; height:2px; border-radius:0; background:rgba(0,0,0,.1);}
.visual-banner-area .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{border-radius:0; background:#000;}

/* 공통 */
.mainTitle{position:relative; margin-bottom:40px; display:flex; align-items: center; align-content: flex-start; flex-wrap: wrap;}
.mainTitle span{font-weight:600; font-size:26px; line-height:34px;}
.mainTitle span > span{display:block; font-size:16px; font-weight:500; line-height:19px; color:#666; margin-top:16px;}
.mainTitle a.more{margin-left:16px; vertical-align:text-bottom; width:28px; height:28px; display:inline-block; background-image:url(/design/justmysize/ECHO/icon/ico_24_plus%201.svg); background-repeat:no-repeat; background-position:center;}

/* 손예진 영상 */
.section.video{display:flex; margin:100px 0;}
.section.video .txt_box{width:40%; padding-left:80px; display:flex; flex-direction: column; justify-content: center;}
.section.video .txt_box p{font-size:38px; line-height:56px; font-weight:600;}
.section.video .txt_box span{font-size:28px; line-height:56px; font-weight:600; padding-bottom:8px;}
.section.video .txt_box a{display:inline-block; font-size:14px; font-weight:600; padding:12px; color:#fff; background:#1C1919; width:fit-content;}


/* 베스트 */
.section.best{margin-bottom:168px; display:flex; margin-top:96px; }
.section.best .mainTitle{width:297px;/* margin-left:clamp(80px, calc((100% - 1760px) / 2), calc((100% - 1122px) / 2)); */ padding-left:80px;}
.section.best .mainContent{margin:0; width:100%; padding-right:80px;}
.section.best .mainContent .items li{width:258px;}
.section.best .mainContent .items li figure img{width:100%; border:solid 1px #F6F6F6;}
.section.best .mainContent .items li figure .list_shoppingInfo{padding-top:16px;}
.section.best .mainContent .items li figure .list_shoppingInfo .listName{font-size:15px; font-weight:500; line-height:18px; color:#333; padding-bottom:4px;}
.section.best .mainContent .items li figure .list_shoppingInfo .listDiscount{font-size:12px; font-weight:500; line-height:14px; color:#BFBFBF; padding-bottom;2px; text-decoration:line-through;}
.section.best .mainContent .items li figure .list_shoppingInfo .c-sale{display:flex;}
.section.best .mainContent .items li figure .list_shoppingInfo .c-sale > div,
.section.best .mainContent .items li figure .list_shoppingInfo .c-sale > div strong{font-size:16px; font-weight:700; line-height:17px; color:#F06D48;}
.section.best .mainContent .items li figure .list_shoppingInfo .c-sale .listPrice strong{font-size:16px; font-weight:700; line-height:17px; color:#242424;}
.section.best .mainContent .items li figure .list_shoppingInfo .prd-ico .MK-product-icons{display:flex;}
.section.best .mainContent .items li figure .list_shoppingInfo .prd-ico .MK-product-icons img{margin-bottom:10px; height:21px !important; width:auto !important; box-sizing:content-box;}
.section.best .mainContent .items li figure .list_shoppingInfo .c-prd-etc{margin-top:10px; display:flex;}
.section.best .mainContent .items li figure .list_shoppingInfo .c-prd-etc .c-review{margin-right:8px; font-size:12px; font-weight:500; line-height:14px; color:#999999;}
.section.best .mainContent .items li figure .list_shoppingInfo .c-prd-etc .c-color{font-size:12px; font-weight:500; line-height:14px; color:#999999;}


/* 컬렉션 */
.section.collection .mainTitle{padding:0 80px;}
.section.collection .swiper{padding:0 80px; margin-bottom:96px;}
.section.collection .swiper .swiper-wrapper{/*padding:0 clamp(80px, calc((100% - 1760px) / 2), calc((100% - 1122px) / 2)); */}
.section.collection .swiper .swiper-wrapper .swiper-slide{width:512px;}
.section.collection .swiper .swiper-wrapper .swiper-slide a{display:block;}
.section.collection .swiper .swiper-wrapper .swiper-slide img{width:100%;}
.section.collection .swiper .swiper-wrapper .swiper-slide .desc{padding:24px 0 16px;}
.section.collection .swiper .swiper-wrapper .swiper-slide .desc p{font-weight:600; font-size:22px; line-height:26px; margin-bottom:8px;}
.section.collection .swiper .swiper-wrapper .swiper-slide .desc span{font-size:16px; font-weight:500; line-height:19px;}


/* 롤링배너 */
.section.rollingBanner{padding:24px 0;}
.section.rollingBanner .swiper .swiper-wrapper{transition-timing-function: linear;}

/* 쿠폰 */
.section.coupon{margin:168px auto 168px auto;}
.section.coupon .couponList{background:#000;}
.section.coupon .couponList a{display:block;}
.section.coupon .couponList a div{width:740px; margin:0 auto; display:flex; padding:55px 0; justify-content: space-between; align-items: center;}
.section.coupon .couponList a div p{font-size:24px; font-weight:500; line-height:29px; color:#fff;}
.section.coupon .couponList a div span{font-size:14px; font-weight:500; line-height:17px; color:#000; display:block; position:relative; padding:12px 34px 12px 20px; background:#fff;}
.section.coupon .couponList a div span::after{content:''; display:block; position:absolute; right:16px; top:50%; transform:translateY(-50%); width:16px; height:16px; background-image:url(/design/justmysize/ECHO/icon/ico_16_arrow_right.svg); background-repeat:no-repeat; background-position:center; background-size:contain;}

/* 이벤트 */
.section.event{width:calc(60% - 80px); display:inline-block; min-width:690px;}
.section.event .mainTitle{align-items:flex-start;}
.section.event .mainTitle a.more{margin-top:3px;}

.section.event .mainContent ul li{position:relative;}
.section.event .mainContent ul li a{display:block;}
.section.event .mainContent ul li a::after{position:absolute; content:''; display:block; top:0; left:0; width:100%; height:100%; background:linear-gradient(to top, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%);}
.section.event .mainContent ul li a img{display:block; width:100%;}
.section.event .mainContent ul li a div{position:absolute; bottom:40px; left:50%; transform:translateX(-50%); text-align:center; z-index:1;}
.section.event .mainContent ul li a div p{font-size:22px; font-weight:500; line-height:26px; margin-bottom:6px; color:#fff; text-align:center;}
.section.event .mainContent ul li a div span{font-size:12px; font-weight:400; line-height:14px; color:#fff; }
.section.event .mainContent .swiper-button-prev{left:40px; top:auto; bottom:52px; width:40px; height:40px;}
.section.event .mainContent .swiper-button-next{left:auto; right:40px; top:auto; bottom:52px; width:40px; height:40px;}
.section.event .mainContent .swiper-button-prev::after,
.section.event .mainContent .swiper-button-next::after{font-size:0; display:block; line-height:0; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:contain;}
.section.event .mainContent .swiper-button-prev::after{background-image:url(/design/justmysize/ECHO/icon/ico_48_arrow_left.svg);}
.section.event .mainContent .swiper-button-next::after{background-image:url(/design/justmysize/ECHO/icon/ico_48arrow_right.svg);}

/* 라이브러리 */
.section.library{margin-bottom:168px;}
.section.library .mainTitle{justify-content: center}
.section.library .swiper{margin-top:8px;}
.section.library .swiper-slide{transition: transform 0.3s; transform: scale(0.9); transform-origin: bottom center;}
.section.library .swiper-slide-active {transform: scale(1);}
.section.library .swiper a{display:block;}
.section.library .swiper a img{margin-bottom:16px; width:100%;}
.section.library .swiper a p{font-size:18px; font-weight:500; line-height:22px; margin-bottom:6px;}
.section.library .swiper a span{font-size:16px; font-weight:400; line-height:19px; color:#666666; margin-bottom:24px;}

/* 사이즈/원단/세탁 */
.section.tutorial{width:40%; max-width:calc(100% - 770px);}
.section.tutorial .mainContent{height: calc(100% - 109px);}
.section.tutorial ul{display: flex; flex-direction: column; justify-content: space-between; height: 100%;}
.section.tutorial ul li{padding:40px; height:calc((100% - 48px) / 3); margin-bottom:8px;}
.section.tutorial ul li:nth-child(1){background:#FEB78E;}
.section.tutorial ul li:nth-child(2){background:#FFDBC7;}
.section.tutorial ul li:nth-child(3){background:#FFECE0; margin-bottom:0;}
.section.tutorial ul li a{display:block; position:relative; height:100%;}
.section.tutorial ul li a img{position:absolute; right:0; bottom:0;}
.section.tutorial ul li a p{font-size:22px; font-weight:500; line-height:26px;}

/* All day, Everyday 롤링배너 */
.section.tutorial + .section.rollingBanner{margin:16px 0;}
.section.tutorial + .section.rollingBanner span{font-size:12px; font-weight:400; line-height:14px; color:#999999;}

/* 어바웃 */
.section.about{margin-top:183px; margin-bottom:260px;}
.section.about .mainTitle{justify-content: center; margin-bottom:16px;}
.section.about .mainContent{width:1120px; margin:0 auto;}
.section.about .mainContent > span{text-align:center; display:block; font-size:16px; font-weight:500; line-height:19px; color:#666; margin-bottom:40px;}
.section.about .mainContent a{display:block;}
.section.about .mainContent a img{width:100%;}

/* BASIC css end */