@charset "utf-8";

.m-sw-200902m {position:relative; line-height:0; font-size:0;}

.m-sw-200902m .skin-header {
    margin: 0 auto;
    max-width: var(--main-width);
    padding-bottom: 20px;
}

.m-sw-200902m .skin-header .title {
    display: block;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.5;
}

.m-sw-200902m .skin-header img {
    max-width: 100%;
}

.m-sw-200902m .skin-wrap.ty-1 {
    width: 100%;
    max-width: 600px;
    margin: auto;
}

.m-sw-200902m .swiper-group {position:relative; width:calc(100% + 20px);}
.m-sw-200902m .swiper-container {position:relative; padding-left:2px; margin-left:-2px;}
.m-sw-200902m .swiper-wrapper {position:relative;}
.m-sw-200902m .swiper-slide {display:inline-block; vertical-align:top;}
.m-sw-200902m .swiper-slide li {display:inline-block; vertical-align:top;}

.m-sw-200902m ul.swiper-slide {display:block; position:relative; left:-20px; top:-5px; width:calc(100% + 20px);}
.m-sw-200902m .swiper-slide li {position:relative; margin:10px 0 10px 20px; display:inline-block; vertical-align:top;}

.m-sw-200902m.w4 .swiper-slide li {width:calc(25% - 20px);}
.m-sw-200902m.w3 .swiper-slide li {width:calc(33.333% - 20px);}
.m-sw-200902m.w2 .swiper-slide li {width:calc(50% - 20px);}
.m-sw-200902m.w1 .swiper-slide li {width:calc(100% - 20px);}

.m-sw-200902m .swiper-slide li img {display:block; border:0;}

.m-sw-200902m .swiper-slide li .image {position:relative;}
.m-sw-200902m .swiper-slide li .image > a {z-index:5; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background-color:#ffffff; opacity:0;}

.m-sw-200902m .swiper-slide li .block {position:relative; overflow:hidden; display:block; width:100%; height:100%;}
.m-sw-200902m .swiper-slide li .block > img {z-index:1; position:relative; width:100%; height:100%; border:0;}

.m-sw-200902m .swiper-slide li .discount {transition:top 0.4s, opacity 0.4s; z-index:2; display:block; position:absolute; left:0; top:-30px; width:45px; height:45px; text-align:center; opacity:0; pointer-events:none;}
.m-sw-200902m .swiper-slide li .discount:before {z-index:-1; display:block; content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:var(--color1);}
.m-sw-200902m .swiper-slide li .discount > div {margin:0px 0 0 2px;}
.m-sw-200902m .swiper-slide li .discount > div > span {display:inline-block; vertical-align:top;}
.m-sw-200902m .swiper-slide li .discount .num {font-family: var(--family-bold);font-weight: var(--weight-bold); line-height:45px; font-size:16px; color:#ffffff; letter-spacing:-0.5px;}
.m-sw-200902m .swiper-slide li .discount .percent {margin-left:0px; position:relative; top:2px;}
.m-sw-200902m .swiper-slide li .discount .percent {font-family: var(--family-bold);font-weight: var(--weight-bold); line-height:45px; font-size:12px; color:#ffffff;}

.m-sw-200902m .swiper-slide li .icon {transition:opacity 0.4s; z-index:2; display:block; position:absolute; right:0; top:0; width:84px; height:84px; opacity:0;}
.m-sw-200902m .swiper-slide li .icon img {width:100%; height:100%; border:0;}

.m-sw-200902m .swiper-slide li .wrap {transition:opacity 0.4s; z-index:20; position:absolute; display:flex; width:calc(100% - 60px); height:100%; padding:0 30px; top:0; align-items:center; justify-content:center; flex-direction:column; opacity:0;}
.m-sw-200902m .swiper-slide li .wrap:before {content:''; display:block; width:100%; height:100%; position:absolute; background:#000000; z-index:-1; top:0; left:0;}
.m-sw-200902m .swiper-slide li .wrap a {display:block;}
.m-sw-200902m .swiper-slide li .wrap a:nth-child(1) {z-index:10; position:absolute; top:0; width:100%; height:100%;}

.m-sw-200902m .swiper-slide li .wrap .brand,
.m-sw-200902m .swiper-slide li .wrap .title,
.m-sw-200902m .swiper-slide li .wrap .price {display:flex; width:100%;}

.m-sw-200902m .swiper-slide li .adult {position:absolute; left:0; right:0; top:0; bottom:0; display:block; width:100%; height:100%;}
.m-sw-200902m .swiper-slide li .adult:before {z-index:1; display:block; content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-color:#000000; opacity:.6;}
.m-sw-200902m .swiper-slide li .adult:after {z-index:2; display:block; content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:url('../img/Adult-only.png') no-repeat; background-size:100%;}

.m-sw-200902m .swiper-slide li .adult,
.m-sw-200902m .swiper-slide li .thumb {display:block; position:absolute; left:0; right:0; top:0; bottom:0; width:100%; height:100%;}

.m-sw-200902m .swiper-slide li .adult > div,
.m-sw-200902m .swiper-slide li .thumb > div {display:block; position:absolute; left:0; right:0; top:0; bottom:0; width:100%; height:100%;}

.m-sw-200902m .swiper-slide li .adult img,
.m-sw-200902m .swiper-slide li .thumb img {position:absolute; left:0; right:0; top:0; bottom:0; width:100%; height:100%; border:0; transition: all ease 1s; object-fit: cover; object-position: center;}
.m-sw-200902m .swiper-slide li .thumb img:nth-child(2) {opacity:0;}

.m-sw-200902m .swiper-slide li .state {z-index:1; display:block;}
.m-sw-200902m .swiper-slide li .state > div {display:table; width:100%; height:100%;}
.m-sw-200902m .swiper-slide li .state > div > div {display:table-cell; vertical-align:middle; text-align:center;}
.m-sw-200902m .swiper-slide li .state span {display:inline-block;}
.m-sw-200902m .swiper-slide li .state span {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:13px; font-size:13px; color:#ffffff;}

.m-sw-200902m .swiper-slide li:hover .image .adult div img {-webkit-transform:scale(1.3); -ms-transform:scale(1.3);}
.m-sw-200902m .swiper-slide li:hover .image .thumb.ty-1 div img {-webkit-transform:scale(1.3); -ms-transform:scale(1.3);}
.m-sw-200902m .swiper-slide li:hover .image .thumb.ty-2 div img:nth-child(1) {opacity:0;}
.m-sw-200902m .swiper-slide li:hover .image .thumb.ty-2 div img:nth-child(2) {opacity:1;}

.m-sw-200902m .swiper-slide li:hover .wrap .discount {top:0; left:0; opacity:1;}
.m-sw-200902m .swiper-slide li:hover .wrap {opacity:1; cursor:pointer;}
.m-sw-200902m .swiper-slide li:hover .wrap:before {opacity:.5;}
.m-sw-200902m .swiper-slide li:hover .wrap.ty-ad {opacity:0; cursor:pointer;}
.m-sw-200902m .swiper-slide li:hover .wrap.ty-ad:before {opacity:0;}

.m-sw-200902m .swiper-slide li:hover .icon {opacity:1;}

.m-sw-200902m .swiper-slide li .image.type2:hover .thumb img:nth-child(1) {opacity:0;}
.m-sw-200902m .swiper-slide li .image.type2:hover .thumb img:nth-child(2) {opacity:1;}

.m-sw-200902m .swiper-slide li .brand {margin-bottom:10px;}
.m-sw-200902m .swiper-slide li .brand p {display:block; width:100%; text-align:center; word-break:break-all; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.m-sw-200902m .swiper-slide li .brand p {font-family: var(--family-medium);font-weight: var(--weight-medium); line-height:1.5; font-size:13px; color:#ffffff; opacity:.7;}
.m-sw-200902m .swiper-slide li .title {margin:-5px 0 9px 0;}
.m-sw-200902m .swiper-slide li .title p {max-height:40px; display:-webkit-box; display:-ms-flexbox; display:box; width:100%; word-break:break-all; overflow:hidden; text-align:center; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; padding:0 0 5px 0;}
.m-sw-200902m .swiper-slide li .title p {font-family: var(--family-bold);font-weight: var(--weight-bold); line-height:21px; font-size:16px; color:#ffffff;}

.m-sw-200902m .swiper-slide li .open_price {text-align:center;}
.m-sw-200902m .swiper-slide li .open_price {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:18px; font-size:13px; color:#ffffff;}

.m-sw-200902m .swiper-slide li .price {align-items:center; justify-content:center; flex-direction:column;}
.m-sw-200902m .swiper-slide li .price p {position:relative;}
.m-sw-200902m .swiper-slide li .price p.price1,
.m-sw-200902m .swiper-slide li .price p.price2 {text-overflow:ellipsis; white-space:nowrap; word-break:break-all;}

.m-sw-200902m .swiper-slide li .price p.price1 span {position:relative; display:inline-block; vertical-align:bottom;}
.m-sw-200902m .swiper-slide li .price p.price1 span {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:14px; font-size:14px; color:#ffffff;}
.m-sw-200902m .swiper-slide li .price p.price1 .currency-price {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:14px; font-size:14px; color:#ffffff;}
.m-sw-200902m .swiper-slide li .price p.price1 .currency-decimal {margin-left:3px; vertical-align:top;}
.m-sw-200902m .swiper-slide li .price p.price1 .currency-decimal {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:14px; font-size:11px; color:#ffffff;}
/*.m-sw-200902m .swiper-slide li .price p.price1 .currency-text {margin-left:2px;}*/
.m-sw-200902m .swiper-slide li .price p.price1 .swung {vertical-align:top;}
.m-sw-200902m .swiper-slide li .price p.price1 .swung {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:14px; font-size:12px; color:#ffffff;}

.m-sw-200902m .swiper-slide li .price p.price2 span {position:relative; display:inline-block; vertical-align:bottom; margin:-2px 0 9px 0;}
.m-sw-200902m .swiper-slide li .price p.price2 .text {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:13px; font-size:13px; color:#ffffff; opacity:.7;}
.m-sw-200902m .swiper-slide li .price p.price2 .currency-text {margin-left:4px;}
.m-sw-200902m .swiper-slide li .price p.price2 .price-line {color:#ffffff; opacity:.7;}
.m-sw-200902m .swiper-slide li .price p.price2 .price-line:before {z-index:1; display:block; content:''; position:absolute; left:0; top:8px; width:100%; height:0; border-top:1px solid #ffffff; opacity:.7;}
.m-sw-200902m .swiper-slide li .price.currency-KRW p:nth-child(1) .swung {font-family: var(--family-bold);font-weight: var(--weight-bold); line-height:14px; font-size:14px; color:#ffffff;}

.m-sw-200902m .swiper-slide li .price.no-price p:nth-child(2) {margin-left:0;}
.m-sw-200902m .swiper-slide li .sale_quantity {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:14px; font-size:12px; color:#666666;}

.m-sw-200902m .swiper-slide li .btn {
    z-index: 10;
    display: block;
    position: absolute;
    right: 10px;
    bottom: 10px;
}

.m-sw-200902m .swiper-slide li .btn p {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.m-sw-200902m .swiper-slide li .btn p:nth-child(n+2) {
    margin-left: 10px;
}

.m-sw-200902m .swiper-slide li .btn svg {
    width: 20px;
    height: 20px;
    opacity: .4;
}

.m-sw-200902m .svg-cart line,
.m-sw-200902m .svg-wishlist path,
.m-sw-200902m .svg-preview line {
    stroke: #fff;
}

.m-sw-200902m .swiper-slide li .btn p:hover svg {
    opacity: 1;
}

/* ty-not */

.m-sw-200902m .swiper-slide.ty-not li {
    position: relative;
}

.m-sw-200902m .swiper-slide.ty-not li .block {
    background-color: #dddddd;
}

.m-sw-200902m .swiper-slide.ty-not .svg-product {
    z-index: 1;
    position: absolute;
    left: calc(50% - 25px);
    top: calc(50% - 25px);
    width: 50px;
    height: 50px;
    fill: #fff;
    opacity: 1;
}

/* swiper-buttons */

.m-sw-200902m .swiper-buttons {
    position: absolute;
    left: -20px;
    right: 0;
    top: 50%;
    margin: 0 auto;
}

.m-sw-200902m .swiper-buttons .button-prev,
.m-sw-200902m .swiper-buttons .button-next {
    transition: all .3s ease;
    z-index: 20;
    margin: 0;
    display: block;
    position: absolute;
    width: 40px;
    height: 80px;
    top: calc(50% - 40px);
    opacity: 0;
    cursor: pointer;
}

.m-sw-200902m .swiper-buttons .button-prev svg,
.m-sw-200902m .swiper-buttons .button-next svg {
    transition: all .3s ease;
    margin: 0;
    width: 40px;
    height: 80px;
    stroke: #666;
}

.m-sw-200902m .swiper-buttons .button-prev:before,
.m-sw-200902m .swiper-buttons .button-next:before,
.m-sw-200902m .swiper-buttons .button-prev:after,
.m-sw-200902m .swiper-buttons .button-next:after {
    display: none !important;
    opacity: 0 !important;
}

.m-sw-200902m .swiper-buttons .button-prev {
    left: 20px;
}

.m-sw-200902m .swiper-buttons .button-next {
    right: 20px;
}

.m-sw-200902m .swiper-buttons .button-next svg {
    transform: rotate(180deg);
}

.m-sw-200902m:hover .button-prev,
.m-sw-200902m:hover .button-next {
    opacity: .2;
}

.m-sw-200902m:hover .button-prev svg {
    margin-left: -20px;
}

.m-sw-200902m:hover .button-next svg {
    margin-left: 20px;
}

.m-sw-200902m .button-prev:hover,
.m-sw-200902m .button-next:hover {
    opacity: 1;
}

.m-sw-200902m .button-prev:hover svg,
.m-sw-200902m .button-next:hover svg {
    stroke: #000;
}