@charset "utf-8";

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

.m-sw-190803s .skin-header {
    margin: 0 auto;
    padding-bottom: 20px;
}

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

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

.m-sw-190803s .swiper-container {overflow:hidden;}

.m-sw-190803s ul {display:flex; flex-wrap:wrap; align-items:stretch; width:100%; margin-top:0px;}
.m-sw-190803s li {margin-top:0px; z-index:1; position:relative; display:inline-block; vertical-align:top; width:100%; min-height:150px; background-color:#ffffff; border-bottom:1px solid #e0e0e0;}
.m-sw-190803s li:before {z-index:-1; display:block; content:''; position:absolute; left:-1px; top:0; width:0; height:100%; border-left:1px solid #e0e0e0;}
.m-sw-190803s li:last-child:after {z-index:10; display:block; content:''; position:absolute; right:0px; top:0; width:0; height:100%; border-right:1px solid #e0e0e0;}
.m-sw-190803s li a {z-index:10; display:block; position:absolute; left:0; top:0; width:100%; height:100%;}
.m-sw-190803s .image {margin-bottom:10px; position:relative; background-color:#f6f6f6;}
.m-sw-190803s .icon {transition:opacity 0.4s; z-index:2; display:block; position:absolute; right:0; top:0; width:52px; height:52px; opacity:1;}
.m-sw-190803s .icon img {width:100%; height:100%; border:0;}

.m-sw-190803s .block {margin:0 auto; position:relative; overflow:hidden; display:block; width:100%; height:100%; min-width:100%; min-height:100%;}
.m-sw-190803s .block > img {z-index:1; position:relative; width:100%; height:100%; border:0;}

.m-sw-190803s .discount {z-index:2; display:block; position:absolute; left:10px; top:10px; width:46px; height:50px; text-align:center; opacity:1}
.m-sw-190803s .discount:before {z-index:-1; display:block; content:''; position:absolute; left:0; top:0; width:100%; height:100%;}
.m-sw-190803s .discount .sale {margin-top:7px;}
.m-sw-190803s .discount .sale {font-weight:bold; line-height:16px; font-size:10px; color:#ffffff;}
.m-sw-190803s .discount > div {margin:-5px 0 0 2px;}
.m-sw-190803s .discount > div > span {display:inline-block; vertical-align:top;}
.m-sw-190803s .discount .num {font-weight:bold; line-height:22px; font-size:18px; color:#ffffff; letter-spacing:-0.5px;}
.m-sw-190803s .discount .percent {margin-left:2px; position:relative; top:2px;}
.m-sw-190803s .discount .percent {font-weight:bold; line-height:22px; font-size:10px; color:#ffffff;}

.m-sw-190803s .adult {position:absolute; left:0; right:0; top:0; bottom:0; display:block; width:100%; height:100%;}
.m-sw-190803s .adult:before {z-index:1; display:block; content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-color:#000000; opacity:0.8;}
.m-sw-190803s .adult:after {z-index:2; display:block; content:''; position:absolute; left:calc(50% - 150px); top:calc(50% - 150px); width:280px; height:280px; background-color:#ffffff; border:10px solid #ed1c24; border-radius:100%;}
.m-sw-190803s .adult span {z-index:3; display:block; position:absolute; left:calc(50% - 150px); top:calc(50% - 150px); width:280px; height:280px; text-align:center;}
.m-sw-190803s .adult span {font-weight:bold; line-height:280px; font-size:150px; color:#000000;}

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

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

.m-sw-190803s .adult img,
.m-sw-190803s .thumb img {margin:auto; width:100%; height:100%; border:0; object-fit: cover; object-position: center;}

.m-sw-190803s .state {z-index:1; display:block; position:absolute; left:0; right:0; top:0; bottom:0; width:100%; height:100%;}
.m-sw-190803s .state:before {z-index:-1; display:block; content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-color:#000000; opacity:0.8;}
.m-sw-190803s .state > div {display:table; width:100%; height:100%;}
.m-sw-190803s .state > div > div {display:table-cell; vertical-align:middle; text-align:center;}
.m-sw-190803s .state span {display:inline-block;}
.m-sw-190803s .state span {font-weight:bold; line-height:70px; font-size:60px; color:#ffffff;}

.m-sw-190803s .open_price {z-index:1; display:flex; align-items:center; justify-content:center; position:absolute; left:0; right:0; bottom:0; width:100%; height:61px;}
.m-sw-190803s .open_price:before {z-index:-1; display:block; content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-color:#000000; opacity:0.8;}
.m-sw-190803s .open_price.type2:before {background-color:#666666;}
.m-sw-190803s .open_price p {margin: auto; text-align:center;}
.m-sw-190803s .open_price p {line-height:20px; font-size:14px; color:#ffffff;}

.m-sw-190803s .sbblock {padding:0 12px 8px 12px; display:flex; position:relative; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; word-break:break-all;}
.m-sw-190803s .sbblock span {margin-left:7px; position:relative; display:inline-block;}
.m-sw-190803s .sbblock span:first-child {margin-left:0;}

.m-sw-190803s .supplier {padding:3px 4px;}
.m-sw-190803s .supplier {line-height:12px; font-size:10px; color:#000000;}
.m-sw-190803s .supplier:before {z-index:-1; display:block; content:''; position:absolute; left:0; top:0; width:calc(100% - 2px); height:calc(100% - 2px); border:1px solid #333333; border-radius:2px;}

.m-sw-190803s .brand {}
.m-sw-190803s .brand {font-weight:bold; line-height:16px; font-size:12px; color:#000000;}

.m-sw-190803s .swiper-wrapper .title {margin:0 65px 7px 12px; display:block; position:relative;}
.m-sw-190803s .swiper-wrapper .title.textzoom1 {}
.m-sw-190803s .swiper-wrapper .title.textzoom2 {}
.m-sw-190803s .swiper-wrapper .title.textzoom3 {}
.m-sw-190803s .swiper-wrapper .title p {word-break:break-all;}
.m-sw-190803s .swiper-wrapper .title p {line-height:1.3; font-size:14px; color:#333333;}

.m-sw-190803s .price {margin:0 12px 13px 12px; display:block; vertical-align:bottom; white-space:nowrap;}
.m-sw-190803s .price p {position:relative; display:inline-block; vertical-align:bottom;}
.m-sw-190803s .price p:nth-child(1) span {position:relative; display:inline-block; vertical-align:bottom;}
.m-sw-190803s .price p:nth-child(1) span {line-height:28px; font-size:13px; color:#000000;}
.m-sw-190803s .price p:nth-child(1) .currency-price {font-weight:bold; line-height:28px; font-size:24px; color:#000000;}
.m-sw-190803s .price p:nth-child(1) .currency-decimal {margin-left:2px; vertical-align:top;}
.m-sw-190803s .price p:nth-child(1) .currency-decimal {font-weight:bold; line-height:14px; font-size:11px; color:#333333;}
.m-sw-190803s .price p:nth-child(1) .currency-text {margin-left:2px; top:4px;}
.m-sw-190803s .price p:nth-child(1) .swung {vertical-align:top;}
.m-sw-190803s .price p:nth-child(1) .swung {font-weight:bold; line-height:14px; font-size:11px; color:#333333;}
.m-sw-190803s .price p:nth-child(2) {margin-left:4px; top:-2px;}
.m-sw-190803s .price p:nth-child(2) span {}
.m-sw-190803s .price p:nth-child(2) span {position:relative; display:inline-block; vertical-align:bottom;}
.m-sw-190803s .price p:nth-child(2) .text {line-height:14px; font-size:10px; color:#000000; letter-spacing:-0.5px;}
.m-sw-190803s .price p:nth-child(2) .currency-text {margin-left:2px;}
.m-sw-190803s .price p:nth-child(2) .price-line {color:#999999;}
.m-sw-190803s .price p:nth-child(2) .price-line:before {z-index:1; display:block; content:''; position:absolute; left:0; top:7px; width:100%; height:0; border-top:1px solid #999999;}
.m-sw-190803s .price.currency-KRW p:nth-child(1) .swung {top:8px;}
.m-sw-190803s .price.currency-KRW p:nth-child(1) .swung {line-height:20px; font-size:11px; color:#000000;}

.m-sw-190803s .box {position:relative; height:30px; border-top:1px dotted #e0e0e0;}
.m-sw-190803s .box .side {position:absolute; right:12px; top:0;}
.m-sw-190803s .box .side div {margin-left:7px; padding-left:7px; position:relative; display:inline-block; vertical-align:top;}
.m-sw-190803s .box .side div:before {z-index:1; display:block; content:''; position:absolute; left:0; top:calc(50% - 5px); width:0px; height:11px; border-left:1px solid #ebedf1;}
.m-sw-190803s .box .side div:first-child {margin-left:0; padding-left:0;}
.m-sw-190803s .box .side div:first-child:before {display:none;}

.m-sw-190803s .delivery {margin-left:12px;}
.m-sw-190803s .delivery span {margin-left:7px; padding-left:7px; position:relative; display:inline-block; vertical-align:top;}
.m-sw-190803s .delivery span {line-height:28px; font-size:11px; color:#666666;}
.m-sw-190803s .delivery span:before {z-index:1; display:block; content:''; position:absolute; left:0; top:calc(50% - 5px); width:0px; height:11px; border-left:1px solid #ebedf1;}
.m-sw-190803s .delivery span:first-child {margin-left:0; padding-left:0;}
.m-sw-190803s .delivery span:first-child:before {display:none;}

.m-sw-190803s .review {margin-top:8px;}
.m-sw-190803s .review p {position:relative; display:inline-block; vertical-align:middle;}
.m-sw-190803s .review p:nth-child(2) {margin-left:4px; top:0;}
.m-sw-190803s .review p:nth-child(2) {line-height:12px; font-size:10px; color:#999999;}
.m-sw-190803s .review .star > span {margin-left:2px; z-index:1; overflow:hidden; position:relative; display:inline-block; vertical-align:top; width:10px; height:10px;}
.m-sw-190803s .review .star > span:first-child {margin-left:0;}
.m-sw-190803s .review .star .s-b-starn {opacity:0.1;}

.m-sw-190803s .sale_quantity {margin-top:1px;}
.m-sw-190803s .sale_quantity {line-height:28px; font-size:10px; color:#666666;}

.m-sw-190803s .optbox {z-index:10; position:absolute; right:0; bottom:10px;}
.m-sw-190803s .optbox.type2 {bottom:35px;}

.m-sw-190803s .btn-cart {position:relative; width:60px; height:40px; cursor:pointer;}
.m-sw-190803s .btn-cart:before {z-index:-2; display:block; content:''; position:absolute; left:calc(50% - 20px); top:calc(50% - 20px); width:38px; height:38px; border:1px solid #e0e0e0; background-color:#ffffff; border-radius:100%;}
.m-sw-190803s .btn-cart:after {z-index:-1; display:block; content:''; position:absolute; left:calc(50% - 10px); top:calc(50% - 10px); opacity:0.2;}

.m-sw-190803s .btn-order {margin-top:10px; position:relative; width:60px; height:40px; cursor:pointer;}
.m-sw-190803s .btn-order:before {z-index:-2; display:block; content:''; position:absolute; left:calc(50% - 20px); top:calc(50% - 20px); width:40px; height:39px; border-bottom:1px solid #e0e0e0; background-color:#ffffff; border-radius:5px;}
.m-sw-190803s .btn-order:after {z-index:-1; display:block; content:''; position:absolute; left:calc(50% - 10px); top:calc(50% - 10px);}

.m-sw-190803s .swiper-pagination {display:none; z-index:5; position:absolute; left:0; top:0; width:100%; text-align:center;}
.m-sw-190803s .swiper-pagination .block {padding:0 10px; bottom:0; left:0; right:0; top:0; min-width:auto; width:auto; height:18px; display:inline-block; background-color:#6e6e6e; border-radius:18px;}
.m-sw-190803s .swiper-pagination .block {line-height:18px; font-size:12px; color:#ffffff;}
.m-sw-190803s .swiper-pagination-current {}

.m-sw-190803s li.not {position:relative;}
.m-sw-190803s li.not .block:before {display:block; content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-color:#dddddd;}
.m-sw-190803s li.not .block:after {z-index:1; display:block; content:''; position:absolute; left:calc(50% - 25px); top:calc(50% - 25px); width:50px; height:50px; background:url('../img/btn.png') no-repeat; background-position:-350px 0px; opacity:0.5;}