@charset "utf-8";

.m-sw-multi1 {position:relative; line-height:0; font-size:0;}
.m-sw-multi1 .header {display:block; width:100%; position:relative; margin-bottom:15px; border-bottom:1px solid #000000;}
.m-sw-multi1 .header .title {padding-bottom:15px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.m-sw-multi1 .header .title img {max-width:100%;}

.m-sw-multi1 .layer {position:relative;}
.m-sw-multi1 .layer ul {margin:-40px 0 0 -40px; display:block; position:relative; left:0px; top:0px; width:calc(100% + 40px);}
.m-sw-multi1 .layer li {position:relative; margin:40px 0 0 40px; display:inline-block; vertical-align:top;}

.m-sw-multi1.w5 .layer li {width:calc(20% - 40px);}
.m-sw-multi1.w4 .layer li {width:calc(25% - 40px);}
.m-sw-multi1.w3 .layer li {width:calc(33.333% - 40px);}
.m-sw-multi1.w2 .layer li {width:calc(50% - 40px);}
.m-sw-multi1.w1 .layer li {width:calc(100% - 40px);}

.m-sw-multi1.num-on .layer {padding-bottom:40px;}

.m-sw-multi1 .layer a {display:block;}
.m-sw-multi1 .layer img {display:block; width:100%; height:100%; border:0;}

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

.m-sw-multi1 .layer .icon {transition:opacity 0.4s; z-index:2; display:block; position:absolute; right:-5px; top:-5px; width:65px; height:65px; opacity:1;}
.m-sw-multi1 .layer .icon img {width:100%; height:100%; border:0;}

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

.m-sw-multi1 .layer .discount {transition:left 0.4s, opacity 0.4s; z-index:2; display:block; position:absolute; left:2px; top:2px; width:60px; height:67px; text-align:center; opacity:1}
.m-sw-multi1 .layer .discount:before {z-index:-1; display:block; content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:url('../img/btn.png') no-repeat;}
.m-sw-multi1 .layer .discount .sale {margin-top:10px;}
.m-sw-multi1 .layer .discount .sale {font-weight:800; line-height:16px; font-size:12px; color:#ffffff;}
.m-sw-multi1 .layer .discount > div {margin:0px 0 0 2px;}
.m-sw-multi1 .layer .discount > div > span {display:inline-block; vertical-align:top;}
.m-sw-multi1 .layer .discount .num {font-weight:800; line-height:28px; font-size:24px; color:#ffffff; letter-spacing:-0.5px;}
.m-sw-multi1 .layer .discount .percent {margin-left:0px; position:relative; top:2px;}
.m-sw-multi1 .layer .discount .percent {font-weight:800; line-height:24px; font-size:18px; color:#ffffff;}
.m-sw-multi1 .layer .discount.type2:before {background-position-x:-100px;}

.m-sw-multi1 .layer .adult {position:absolute; left:0; right:0; top:0; bottom:0; display:block; width:100%; height:100%;}
.m-sw-multi1 .layer .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-multi1 .layer .adult:after {z-index:2; display:block; content:''; position:absolute; left:calc(50% - 64px); top:calc(50% - 64px); width:128px; height:128px; background-size:600px 1000px; background-position:-140px -80px;}

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

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

.m-sw-multi1 .layer .adult img,
.m-sw-multi1 .layer .thumb img {margin:auto; position:absolute; left:0; right:0; top:0; bottom:0; width:100%; height:100%; max-width:100%; max-height:100%; border:0;}
.m-sw-multi1 .layer .thumb img:nth-child(2) {opacity:0;}

.m-sw-multi1 .layer .state {z-index:1; display:block; position:absolute; left:0; right:0; top:0; bottom:0; width:100%; height:100%;}
.m-sw-multi1 .layer .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-multi1 .layer .state > div {display:table; width:100%; height:100%;}
.m-sw-multi1 .layer .state > div > div {display:table-cell; vertical-align:middle; text-align:center;}
.m-sw-multi1 .layer .state span {display:inline-block;}
.m-sw-multi1 .layer .state span {font-weight:700; line-height:40px; font-size:36px; color:#ffffff;}

.m-sw-multi1 .layer .btn {transition:bottom 0.4s; z-index:6; display:block; position:absolute; left:0; bottom:-40px; width:100%; height:40px; text-align:center;}
.m-sw-multi1 .layer .btn:before {z-index:-1; display:block; content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-color:#ffffff; opacity:0.9;}

.m-sw-multi1 .layer .btn span {z-index:1; position:relative; display:inline-block; vertical-align:middle; width:20%; height:40px; cursor:pointer;}
.m-sw-multi1 .layer .btn span:before {z-index:-1; display:block; content:''; position:absolute; left:calc(50% - 10px); top:calc(50% - 10px); width:20px; height:20px; background:url('../img/btn.png') no-repeat; background-position:-50px -100px; opacity:0.3;}
.m-sw-multi1 .layer .btn.w2 span {width:50%;}
.m-sw-multi1 .layer .btn.w3 span {width:33.333%;}
.m-sw-multi1 .layer .btn.w4 span {width:25%;}
.m-sw-multi1 .layer .btn .btn-preview:before {background-position:-50px -100px;}
.m-sw-multi1 .layer .btn .btn-blank:before {background-position:-100px -100px;}
.m-sw-multi1 .layer .btn .btn-cart:before {background-position:-150px -100px;}
.m-sw-multi1 .layer .btn .btn-wishlist:before {background-position:-200px -100px;}
.m-sw-multi1 .layer .btn .btn-order:before {background-position:-250px -100px;}
.m-sw-multi1 .layer .btn span:first-child:after {display:none;}
.m-sw-multi1 .layer .btn span:hover:before {opacity:1;}
.m-sw-multi1 .layer .btn span a {display:block; height:30px;}

.m-sw-multi1 .layer .btn.type2 span {width:33.333%;}

.m-sw-multi1 .layer .image:hover .discount {left:-50px; opacity:0;}
.m-sw-multi1 .layer .image:hover .icon {opacity:0;}
.m-sw-multi1 .layer .image.type2:hover .thumb img:nth-child(1) {opacity:0;}
.m-sw-multi1 .layer .image.type2:hover .thumb img:nth-child(2) {opacity:1;}
.m-sw-multi1 .layer .image:hover .btn {bottom:0px;}

.m-sw-multi1 .layer .supplier {margin-top:10px;}
.m-sw-multi1 .layer .supplier span {display:inline-block; padding:3px 4px 3px 4px; border:1px solid #000000; background-color:#ffffff;}
.m-sw-multi1 .layer .supplier span {font-weight:400; line-height:13px; font-size:11px; color:#000000;}
.m-sw-multi1 .layer .brand {margin-top:6px;}
.m-sw-multi1 .layer .brand span {display:inline-block;}
.m-sw-multi1 .layer .brand span {font-weight:700; line-height:15px; font-size:13px; color:#000000;}
.m-sw-multi1 .layer .title {margin-top:7px;}
.m-sw-multi1 .layer .title span,
.m-sw-multi1 .layer .title a {max-height:34px; display:block; word-break:break-all; overflow:hidden;}
.m-sw-multi1 .layer .title span,
.m-sw-multi1 .layer .title a {font-weight:400; line-height:17px; font-size:13px; color:#363636;}
.m-sw-multi1 .layer .title a:hover {text-decoration:underline;}

.m-sw-multi1 .layer .open_price {margin:10px 0 4px 0; padding:6px 0 6px 0; text-align:center; background-color:#000000; border-radius:2px;}
.m-sw-multi1 .layer .open_price {font-weight:400; line-height:13px; font-size:11px; color:#ffffff;}
.m-sw-multi1 .layer .open_price.type2 {background-color:#666666;}

.m-sw-multi1 .layer .price {margin-top:9px;}
.m-sw-multi1 .layer .price p {position:relative; display:inline-block;}
.m-sw-multi1 .layer .price p:nth-child(1) span {position:relative; display:inline-block; vertical-align:bottom;}
.m-sw-multi1 .layer .price p:nth-child(1) span {font-weight:400; line-height:22px; font-size:13px; color:#000000;}
.m-sw-multi1 .layer .price p:nth-child(1) .currency-price {font-weight:800; line-height:22px; font-size:20px; color:#000000;}
.m-sw-multi1 .layer .price p:nth-child(1) .currency-decimal {margin-left:2px; vertical-align:top;}
.m-sw-multi1 .layer .price p:nth-child(1) .currency-decimal {font-weight:800; line-height:14px; font-size:12px; color:#000000;}
.m-sw-multi1 .layer .price p:nth-child(1) .currency-text {margin-left:4px;}
.m-sw-multi1 .layer .price p:nth-child(1) .swung {vertical-align:top;}
.m-sw-multi1 .layer .price p:nth-child(1) .swung {font-weight:800; line-height:14px; font-size:12px; color:#000000;}
.m-sw-multi1 .layer .price p:nth-child(2) {margin-left:10px;}
.m-sw-multi1 .layer .price p:nth-child(2) span {top:-4px;}
.m-sw-multi1 .layer .price p:nth-child(2) span {position:relative; display:inline-block; vertical-align:bottom;}
.m-sw-multi1 .layer .price p:nth-child(2) .text {font-weight:400; line-height:15px; font-size:13px; color:#000000; letter-spacing:-0.5px;}
.m-sw-multi1 .layer .price p:nth-child(2) .currency-text {margin-left:4px;}
.m-sw-multi1 .layer .price p:nth-child(2) .price-line {color:#898989;}
.m-sw-multi1 .layer .price p:nth-child(2) .price-line:before {z-index:1; display:block; content:''; position:absolute; left:0; top:8px; width:100%; height:0; border-top:1px solid #959595;}
.m-sw-multi1 .layer .price.currency-KRW p:nth-child(1) .swung {font-weight:800; line-height:22px; font-size:20px; color:#000000;}

.m-sw-multi1 .layer .price.no-price p:nth-child(2) {margin-left:0;}

.m-sw-multi1 .layer .review {margin-top:4px;}
.m-sw-multi1 .layer .review p {position:relative; display:inline-block; vertical-align:middle;}
.m-sw-multi1 .layer .review p:last-child {margin-left:5px;}
.m-sw-multi1 .layer .review p:last-child {font-weight:400; line-height:15px; font-size:11px; color:#959595;}
.m-sw-multi1 .layer .review .star > span {margin-left:2px; z-index:1; overflow:hidden; position:relative; display:inline-block; vertical-align:top; width:11px; height:11px; background:url('../img/btn.png') no-repeat; background-position:0 -100px;}
.m-sw-multi1 .layer .review .star > span:first-child {margin-left:0;}
.m-sw-multi1 .layer .review .star-0 {opacity:0.2;}
.m-sw-multi1 .layer .review .star-10 {opacity:1;}

.m-sw-multi1 .layer .delivery {position:relative; margin-top:8px; padding-top:9px; position:relative;}
.m-sw-multi1 .layer .delivery:before {z-index:1; display:block; content:''; position:absolute; left:0; top:0px; width:20px; height:0; border-top:1px solid #000000;}
.m-sw-multi1 .layer .delivery .list span {margin-left:7px; padding-left:7px; position:relative; display:inline-block; vertical-align:top;}
.m-sw-multi1 .layer .delivery .list span {font-weight:400; line-height:14px; font-size:12px; color:#666666;}
.m-sw-multi1 .layer .delivery .list span:before {z-index:1; display:block; content:''; position:absolute; left:0; top:2px; width:0px; height:11px; border-left:1px solid #ebedf1;}
.m-sw-multi1 .layer .delivery .list span:first-child {margin-left:0; padding-left:0;}
.m-sw-multi1 .layer .delivery .list span:first-child:before {display:none;}

.m-sw-multi1 .layer .delivery > div:nth-child(2) {position:absolute; right:0; top:9px;}

.m-sw-multi1 .layer .delivery.no-delivery {margin-top:0px; padding-top:0;}
.m-sw-multi1 .layer .delivery.no-delivery:before {display:none;}

.m-sw-multi1 .layer .sale_quantity {font-weight:400; line-height:14px; font-size:12px; color:#666666;}

.m-sw-multi1 .layer li.not {position:relative;}
.m-sw-multi1 .layer li.not .block:before {display:block; content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-color:#dddddd;}
.m-sw-multi1 .layer 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;}

.m-sw-multi1 > .num {display:block; position:absolute; left:0; bottom:0; width:100%; height:20px; text-align:center;}
.m-sw-multi1 > .num span {position:relative; display:inline-block; width:20px; height:20px; cursor:pointer;}
.m-sw-multi1 > .num span:before {display:block; content:''; position:absolute; left:calc(50% - 4px); top:calc(50% - 4px); width:7px; height:7px; border-radius:100%; border:1px solid #cccccc; background-color:#ffffff;}