/* 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;  padding-top:16px; padding-bottom:16px;}
.mainTitle span{font-weight:600; font-size:22px; line-height:28px;}
.mainTitle a.more{position:absolute; right:1rem; top:50%; transform:translateY(-50%); width:24px; height:24px; display:block; background-image:url(/design/justmysize/ECHO/icon/ico_24_plus%201.svg); background-repeat:no-repeat; background-position:center;}
.mainTitle + .mainContent{padding-top:8px;}

/* 손예진 */
.section.video{margin-top:36px; margin-bottom:48px;}
.section.video a{display:block; margin-top:24px;}
.section.video a p{font-weight:600; font-size:22px; line-height:28px; margin-bottom:8px;}
.section.video a span{font-size:18px; font-weight:600; color:#000;}

/* 베스트 */
.section.best{margin-top:16px; margin-bottom:48px;}
.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 .MK-product-icons img{height:21px !important; width:auto !important;}
.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;}
.section.best .mainContent .items li figure .list_shoppingInfo .c-prd-etc .c-review *{display:inline-block; font-size:12px !important; font-weight:500 !important; line-height:14px !important; color:#999 !important;}
.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 .swiper{height:750px;}
.section.collection .swiper .swiper-wrapper{justify-content: space-between;}
.section.collection .swiper .swiper-wrapper .swiper-slide{height:360px; width:267px !important;}
.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:16px 24px 32px;}
.section.collection .swiper .swiper-wrapper .swiper-slide .desc p{font-weight:600; font-size:16px; line-height:24px; margin-bottom:4px;}
.section.collection .swiper .swiper-wrapper .swiper-slide .desc span{font-size:12px; font-weight:500; line-height:18px;}


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

/* 쿠폰 */
.section.coupon{margin:30px 0 56px 0;}
.section.coupon .couponList{border:solid 1px #F06D48; position:relative;}
.section.coupon .couponList::before{content:''; position:absolute; display:block; left:calc(88% - 4px); top:-2px; width:8px; height:8px; background:#fff;}
.section.coupon .couponList::after{content:''; position:absolute; display:block; left:calc(88% - 4px); bottom:-2px; width:8px; height:8px; background:#fff;}
.section.coupon .couponList a{display:block;}
.section.coupon .couponList a div{padding:30px 24px; width:88%; border-right:solid 1px #F06D48;}
.section.coupon .couponList a div p{font-size:18px; font-weight:500; line-height:24px; margin-bottom:20px;}
.section.coupon .couponList a div span{font-size:12px; font-weight:500; line-height:28px; color:#666666; display:block; position:relative;}
.section.coupon .couponList a div span::after{content:''; display:block; position:absolute; right:0; 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{}
.section.event .mainContent ul{margin-top:8px;}
.section.event .mainContent ul li{margin-bottom:16px;}
.section.event .mainContent ul li:last-child{margin-bottom:0;}
.section.event .mainContent ul li a{display:flex;}
.section.event .mainContent ul li a img{width:144px;}
.section.event .mainContent ul li a div{display: inline-block; vertical-align: top; padding:13px 12px; width:calc(100% - 144px);}
.section.event .mainContent ul li a div p{font-size:16px; font-weight:500; line-height:20px; margin-bottom:6px;}
.section.event .mainContent ul li a div span{font-size:12px; font-weight:400; line-height:14px; color:#666;}

/* 라이브러리 */
.section.library .swiper{margin-top:8px;}
.section.library .swiper a{display:block;}
.section.library .swiper a img{margin-bottom:12px; width:100%;}
.section.library .swiper a p{font-size:16px; font-weight:500; line-height:20px; margin-bottom:6px;}
.section.library .swiper a span{font-size:12px; font-weight:400; line-height:17px; color:#666666; margin-bottom:24px;}

/* 사이즈/원단/세탁 */
.section.tutorial{margin-top:64px; margin-bottom:56px;}
.section.tutorial ul li{padding:16px}
.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;}
.section.tutorial ul li a{display:flex; flex-direction: column; justify-content: space-between; align-items: flex-start;}
.section.tutorial ul li a img{margin-bottom:60px;}
.section.tutorial ul li a p{font-size:16px; font-weight:500; line-height:20px;}

/* 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-bottom:56px;}
.section.about .mainContent > span{display:block; font-size:14px; font-weight:500; line-height:17px; color:#666; margin-bottom:24px;}
.section.about .mainContent a{display:block;}
.section.about .mainContent a img{width:100%;}

/* BASIC css end */