@charset "utf-8";

/* email 
-------------------------------*/
email::after {content: attr(data-domain);}
email::before {content:attr(data-user);}

/* common 
-------------------------------*/
/* text-transform */
.text-uppercase {text-transform: uppercase;}
.text-lowercase {text-transform: lowercase;}
.text-capitalize{text-transform: capitalize;}

/* margin */
.mt-5 {margin-top:5px !important;}
.mt-10 {margin-top:10px !important;}
.mt-15 {margin-top:15px !important;}
.mt-20 {margin-top:20px !important;}
.mt-30 {margin-top:30px !important;}
.mt-40 {margin-top:40px !important;}
.mt-50 {margin-top:50px !important;}
.ml-5 {margin-left:5px !important;}
.ml-10 {margin-left:10px !important;}
.ml-15 {margin-left:15px !important;}
.ml-20 {margin-left:20px !important;}
.ml-25 {margin-left:25px !important;}
.ml-30 {margin-left:30px !important;}
.ml-35 {margin-left:35px !important;}
.ml-40 {margin-left:40px !important;}
.ml-110 {margin-left:110px !important;}
.ml-140 {margin-left:140px !important;}

/* line-height */
.lh-15 {line-height: 15px !important;}
.lh-20 {line-height: 20px !important;}
.lh-25 {line-height: 25px !important;}
.lh-30 {line-height: 30px !important;}
.lh-35 {line-height: 35px !important;}
.lh-40 {line-height: 45px !important;}


/* width */
.wp-10{width:10% !important;}
.wp-20{width:20% !important;}
.wp-30{width:30% !important;}
.wp-40{width:40% !important;}
.wp-50{width:50% !important;}
.wp-60{width:60% !important;}
.wp-70{width:70% !important;}
.wp-80{width:80% !important;}
.wp-90{width:90% !important;}
.wp-100 {width: 100% !important;}
.wpx-100 {width:100px !important;}
.wpx-460 {width:460px !important;}


/* font-size */
.fs-10 {font-size: 10px !important;}
.fs-11 {font-size: 11px !important;}
.fs-12 {font-size: 12px !important;}
.fs-13 {font-size: 13px !important;}
.fs-14 {font-size: 14px !important;}
.fs-15 {font-size: 15px !important;}
.fs-16 {font-size: 16px !important;}
.fs-17 {font-size: 17px !important;}
.fs-18 {font-size: 18px !important;}

/* color */
.text-c-grey {color: #888}
.text-c-brown {color: #a52a2a}
.text-c-darkred {color: #8b0000}
.text-c-red {color: #e52c2c}
.text-c-red2 {color: #ff0000}


/* font-weight */
.text-f-normal {font-weight:normal;}

/* text-align */
.ta-left {text-align: left !important;;}
.ta-right {text-align: right !important;;}

/* vertical-align */
.va-middle {vertical-align: middle;}
.wb-keep-all {word-break: keep-all !important;}

/* display */
.d-block {display: block;}
.d-none {display: none;}
.d-in-block {display: inline-block;}

/* text-overflow */
.txo-ellipsis {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

/*text-decoration */
.text-decoration-none {text-decoration: none !important;}

/* cursor */
.cursor-default {cursor: default !important;}

/* z-index */
.zindex-1 {z-index: 1;}
.popup-zindex {z-index: 500;}

/* cursor */
.cursor-pinter {cursor: pointer;}
.cursor-move {cursor: move;}
.cursor-default {cursor: default;}

/* thumbnail */
.thumbnail-wrap {width: 100%;}
.thumbnail-wrap.w100 {width: 100px;}
.thumbnail-wrap.w222 {width: 222px;}
.thumbnail-wrap.h100 {height: 100px;}
.thumbnail-wrap .thumbnail {position: relative;overflow: hidden;}
.thumbnail-wrap .thumbnail.black{background-color: #000;}    
.thumbnail-wrap .thumbnail.ratio-1-1 {padding-top: 100%;}
.thumbnail-wrap .thumbnail.ratio-2-1 {padding-top: 50%;}
.thumbnail-wrap .thumbnail.ratio-1-2 {padding-top: 200%;}
.thumbnail-wrap .thumbnail.ratio-16-9 {padding-top: 56.25%;}
.thumbnail-wrap .thumbnail img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; max-width: 100%; height: auto; }
.thumbnail-wrap .thumbnail .centered {position: absolute;top: 0;left: 0;right: 0;bottom: 0;-webkit-transform: translate(50%, 50%);-ms-transform: translate(50%, 50%);transform: translate(50%, 50%);}
.thumbnail-wrap .thumbnail .centered img {position: absolute;top: 0;left: 0;max-width: 100%;height: auto;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.thumbnail-wrap .thumbnail img.portrait { width: 100%; height: auto; }
.thumbnail-wrap .thumbnail img.landscape { width: auto; height: 100%; }


/* icon */
.icon-play:after {content: '';width: 55px;height: 55px;display: block;position: absolute;top: 50%;left: 50%;background: url(/samsbeauty_mo/inc/images/ico/m_btn_youtube.png) 0 0 no-repeat;background-size: 100% auto;transform: translate(-50%, -50%)}
.icon-insta:after {content: '';width: 55px;height: 55px;display: block;position: absolute;top: 50%;left: 50%;background: url(/samsbeauty_mo/inc/images/ico/m_btn_instagram.png) 0 0 no-repeat;background-size: 100% auto;transform: translate(-50%, -50%);}

/* select box */
.selectBox .select {padding-right: 25px;}

/* Button  */
button[disabled=disabled], 
button:disabled {background-color: #c0c0c0;color: #fff;border: 2px solid #c0c0c0;}
button[disabled=disabled]:hover, 
button:disabled:hover {background-color: #c0c0c0;color: #fff;}

/* product image */
.product-thumb-img {width:222px; height:222px;}

/* page 
-------------------------------*/

/* order result page > additional payment */
#additionalPaymentWrap {border: 1px solid;width: 100%;display: block;box-sizing: border-box;margin-top: 2px;}

/* order result page > totalSummary */
.totalSummary .tableTy02 span.shipping-saved {font-size: 12px; line-height:45px;}

/* layout > menu 
.headerMenuList .inner {width: 1270px;}
*/
/* layout */
#header .headerCodeArea {background-color: #e3e3e3;}
#header .headerCodeArea .notification {display: block;padding: 9px 0;box-sizing: border-box;background-color: #e3e3e3;font-size: 13px;text-align: center;color: #2c2c2c;}
#header #gnb .menu.on > a {color: #ff6699;}
#switchMobileMode {background-color: #000;opacity: .7;position: fixed;width:100%;bottom:0px;text-align: center;padding: 30px 0;font-size:3.5vw;}
#switchMobileMode p {color:#fff;margin-bottom: 5px;}
#switchMobileMode a {color:#fff; font-size:4vw;padding-left:7vw;margin-left:-7vw;text-decoration: underline;background:url(/samsbeauty/inc/images/ico/m_btn_switch.png) 0 center no-repeat;}

/* module > credit card popup */
#addPayment.cust-type1 .cardInfoInputList .cardInfoInput .infoInputList {display:block;position: relative; top:0;}
#addPayment.cust-type1 .cardInfoInput { min-height: auto;}
#addPayment.cust-type1 .tooltipBox {left:150px; top:35px;}

/* module > address popup */
#editAddress .con.hid { display: none; }
#editAddress .con.hid + .con { width: 100% }
#editAddress .con.hid + .con .radioBoxWrap { width:100%;}

/* header > searchBox */
.searchBox input[type="text"] {padding: 7px 42px 7px 22px;}
.layerTySearch .searchWord .word {margin-bottom:10px;}
.layerTySearch .searchWord .word > a {line-height: 1.33; max-width: 95%;}
.layerTySearch .searchWord .word > button { vertical-align: top; margin-top:5px;}

/* Address Validation Popup */
#validateAddress .inputBox:last-child > * {width:169px}

/* ADDTHIS */
.addthis_default_style {opacity: 0;}
.addthis_default_style > a {width: 50px; height: 50px;}

/* product combo */
.productCombo .product .swiper-container-option .swiper-slide-option {flex:none;-webkit-flex:none;cursor: pointer;}

/* quick view, product view */
.optionBox .colorList .color img.opt-s-img {width:75px; min-height:75px;max-height:90px;}
.productViewSection .productOptWrap .optionBox .optionTit .chose {vertical-align: middle;font-size:12px;color: #888;font-weight: normal;}


/* product view page */
.productDetailSection .productContent > .editorArea img,
.productDetailSection .productContent > .editorArea.product-info {overflow-x: hidden;}
.productDetailSection .productContent > .editorArea.product-info ul{width: auto !important;}
.productDetailSection .productImgContent img { max-width: 1230px;}
.countWrap input.count {width: 45px;text-align: center;}
.productViewSection .viewWrap .productImageDesc {height: 30px;display: block;box-sizing: border-box;position: absolute;bottom: 0;right: 0;background-color: rgba(0, 0, 0, .5);line-height: 30px;text-align: center;font-size:13px;font-weight:500;color:#fff;padding: 0 10px;}
.productViewSection .viewWrap .productImageDesc > span:nth-child(2) { padding-left: 10px}
.productViewSection .viewWrap .productImageDesc > span > em {font-size:13px;font-weight:200;color:#fff; padding-right:5px;}
.productViewSection .viewWrap .productImageDescQuick {height: 30px;display: block;box-sizing: border-box;position: absolute;bottom: 0;right: 0;background-color: rgba(0, 0, 0, .5);line-height: 30px;text-align: center;font-size:13px;font-weight:500;color:#fff;padding: 0 10px;}
.productViewSection .viewWrap .productImageDescQuick > span:nth-child(2) { padding-left: 10px}
.productViewSection .viewWrap .productImageDescQuick > span > em {font-size:13px;font-weight:200;color:#fff; padding-right:5px;}

.optionBox .colorList .color .bigImg > img {max-height: 300px;}
.optionBox .colorList .color .bigImg > .desc {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);font-size: 12px;color: #fff;white-space: nowrap;text-align: center;}
#productView01 .img-360vr-area.active {min-height: 500px}
.productViewSection .productOptWrap .review > a {color: #888;}
.productDetailSection .productContent > .editorArea.product-info > ul >li > ul {list-style-position: outside !important;padding-right:40px;}
.productDetailSection .productContent > .editorArea.product-info > ul >li > ul> li {list-style-position: inside;text-indent: -20px;padding-left: 20px;font-size:15px !important;}

small {font-size:15px !important;}

.productDetailSection .productContent > .editorArea.product-info > ul >li > ul> li::before {content: "•";padding-right: 15px;color: black;}
.productDetailSection .productContent > .editorArea.product-info > ul >li > div> ul> li {list-style-position: inside;text-indent: -20px;padding-left: 20px;}
.productDetailSection .productContent > .editorArea.product-info > ul >li > div > ul> li::before {content: "•";padding-right: 15px;color: black;}
.productDetailSection .productContent > .editorArea.product-info > ul >li > ol{list-style-position: outside;list-style-type: decimal;padding-left: 30px;}
.productDetailSection .productContent > .editorArea.product-info ul > li > p> span{font-size:16px;}

.productDetailSection .productContent > .editorArea.product-info li,
.productDetailSection .productContent > .editorArea.product-info p{word-break: keep-all;}
.productViewSection .view .videoWrap {position:relative; width: 300%; height: 0; padding-top:50%; padding-bottom:56.25%; margin-left: -100%;}
.productViewSection .view .videoWrap:after {content: "";display: block;padding-bottom: 100%;}
.productViewSection .view .videoWrap iframe {width:100%;height:100%;position:absolute;top:0;left:0;transform:none}

.editorArea.product-info * {word-break: keep-all; }
.cart-limit-info {font-weight: 500; color: #e52c2c;}

/* address book module > edit popup */
[class*="popTy"] .radioBoxWrap .detail,
[class*="popTy"] .radioBoxWrap .phoneNumber {padding-right: 18px;}

/* checkout page > payment method */
.cardInfoInputList.cust-ty2 .cardInfoInput .infoInputList .infoInput .tooltipBox {z-index:1}
.cardInfoInputList.cust-ty2 .cardInfoInput {min-height: auto;}
.paymethod-tab.cardInfoInputList {display: block;}
.paymethod-tab.cardInfoInputList .cardInfoInput .infoInputList {position: relative; display: block; top:0}
.paymethod-tab.cardInfoInputList .cardInfoInput .btnPaypal {display:block;position:relative; top: 0}
.paymethod-tab.cardInfoInputList .cardInfoInput .moneyOrderInfo {display:block;position: relative; top: 0;}
/* checkout page > promo code */
.codeInputWrap .notice {display: none; margin-top: 10px;font-size: 13px;color: #3399cc;}
.codeInputWrap.used .notice {display: block;}
.cardInfoInputList .cardInfoInput .infoInputList .infoInput .tooltipBox {z-index:1}
/* checkout page > item list */
.orderListWrap .quantity span.B1G1 {display: block; text-align:center; color:#4a4ac8; font-size: 13px}
.orderListWrap .quantity span.B1G1.v1 {display: inline-block; vertical-align: middle;}
.orderListWrap .quantity span.B2G1 {display: block; text-align:center; color:#c22acc; font-size: 13px}
.orderListWrap .quantity span.B2G1.v1 {display: inline-block; vertical-align: middle;}
/* checkout page > shipping method */
.checkoutWrap .shippingMethodArea p.sh-notice {line-height: 1.5;font-size: 13px;padding-left: 25px;color: #8b0000; display: none}
.checkoutWrap .shippingMethodArea p.sh-notice.on {display:block}
/* checkout page */
.checkoutWrap .totalSummary {padding-bottom: 100px}
.checkoutWrap .agree {font-size: 13px;margin-top:15px;text-align:center; color: #888}
.checkoutWrap .agree a {color: #3399cc;}


/* order.additional.change.layer page */
#ap_wrap { position: relative; }
#ap_wrap > ul {padding: 20px;}
#ap_wrap .info .tit + * {width: 100%;margin-top: 15px;}
#ap_wrap .cardInfoInputList {justify-content: flex-start;-webkit-justify-content: flex-start;}
#ap_wrap .info .btnBox > [class*="btn"] {width: auto;flex: none;-webkit-flex: none;padding: 3px 11px;font-size: 13px;}
#ap_wrap .info input[type="text"], #ap_wrap .info input[type="tel"], #ap_wrap .info .select { background-color: transparent; border: 1px solid #ccc; }
#ap_wrap .info .subTit {display: block;margin-top: 15px;font-size: 15px;font-weight: 700;}
#ap_wrap .info .subTit + * {margin-top: 15px;}
#ap_wrap .cardInfoInputList .cardInfoInput {min-height: auto}
#ap_wrap .requirement-submit {width: 100%;display: table;padding: 25px 30px;box-sizing: border-box;background-color: #efeffb;text-align: center;}
#ap_wrap .cardInfoInputList .cardInfoInput .infoInputList .infoInput .tooltipBox {top: 35px;left: -150px;}
#ap_wrap .icoPopClose {position: absolute;right: 10px; top: 10px;}
#ap_wrap .info .creditCheckBox .checkBox label > span {font-size: 16px;vertical-align: middle;}
#ap_wrap .info .creditCheckBox .checkBox label:before {vertical-align: middle}


/* Modification MH */
.productListView.viewTySM {justify-content: normal; -webkit-justify-content: normal;}
#header .depth02Menu .category dt > a {white-space: normal; word-break: keep-all;}
.totalSummary .tableTy02 tr > td {white-space: normal; word-break: keep-all;}
.categoryList .category dd > a {white-space: normal; word-break: keep-all;}
#footer .companyInfo > ul > li > p > a{color: #fff !important;} 
//.productListView.viewTySM .product .description {height: 52px;}
//.swiper-slide-product .description {min-height: 45px;}
.swiper-slide-product .priceWrap {margin-bottom:15px;}
.productListView.viewTySM .product .thumb {min-height: 222px;} 
.productListView.viewTyBG .product .thumb {height: auto;}
.section > figure > div > a > img {width:978px;} 


/* layout > cart layer */
[class^="layerTy"] .product {position: relative;}
[class^="layerTy"] .product .option {font-size: 11px;margin-top: 2px;}
[class^="layerTy"] .product .quantity {font-size: 11px;margin-top: 2px; position: absolute; right: 0; top: auto; padding-top: 5px;}
[class^="layerTy"] .product .icoWordDelete {position: absolute; top:0px;background-color: #f97878;}

/* cart list */
.cartTable [class*="t"] > .quantity {position: relative;}
.cartTable [class*="t"] > .quantity span.B1G1 {margin-left: -27px; margin-top:5px; font-size:13px; color:#4a4ac8;position:absolute;}
.cartTable [class*="t"] > .quantity span.B1G1.v1 {margin-left: -14px;}
.cartTable [class*="t"] > .quantity span.B2G1 {margin-left: -27px; margin-top:5px; font-size:13px; color:#c22acc;position:absolute;}
.cartTable [class*="t"] > .quantity span.B2G1.v1 {margin-left: -14px;}
.saveForLaterArea .cartTable [class*="t"] .quantity {position: relative;}
.saveForLaterArea .cartTable [class*="t"] .quantity span.B1G1 {margin: 0 0 0 38px; width:140px; left: 0; bottom: 2px; text-align: center}
.saveForLaterArea .cartTable [class*="t"] .quantity span.B1G1.v1{margin-left:34px;}
.saveForLaterArea .cartTable [class*="t"] .quantity span.B2G1 {margin: 0 0 0 38px; width:140px; left: 0; bottom: 2px; text-align: center}
.saveForLaterArea .cartTable [class*="t"] .quantity span.B2G1.v1{margin-left:34px;}
.cartArea .change-message {
	margin:5px 100px ;
	word-break:keep-all; 
	font-size: 11px;
    color: #E13F6E;
    text-align: left;
}
/* input style */
input[type="number"].nb::-webkit-outer-spin-button,
input[type="number"].nb::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}


/* products list > free shipping icon */
.icoFreeShipping {width:50px;height:50px;display:block;background:url(/samsbeauty/inc/images/ico/circle_logo_freeShipping_PC.png) 0 0 no-repeat; font-size: 0;}
.icoComingSoon {width:50px;height:50px;display:block;background:url(/samsbeauty/inc/images/ico/circle_logo_comingSoon.png) 0 0 no-repeat; font-size: 0;}
.thumb .saleThumbTopWrap{position:absolute;top:0;left:0;}
.productViewSection .saleThumbStaticWrap {margin-top:10px;}
.productListView > li.no-data {text-align: left; margin: 50px 0 200px 10px;}

/* Card Module Popup */
#editV2Payment .con {width:300px; min-height: 150px;}
#editV2Payment .radioBoxWrap {margin-top:10px; width: 100%;}

/* main page */
.mainLayout .section.ty2 {margin-top: 0px}
.mainLayout .section.ty2 .hotNowWrap {padding-left:272px; background-color: #fff;position: relative; margin: 50px 0;height: 400px; overflow: hidden;}
.mainLayout .section.ty2 .hotNowWrap .hotNowTitWrap {position: absolute;width: 222px;height: 358px;left: 0;top: 0;margin: 20px 30px 20px 20px;}
.mainLayout .section.ty2 .hotNowWrap .hotNowTitWrap .stit {padding: 20px 20px 10px 20px;font-size:180%; color:#fff; display: block;word-break:keep-all; font-weight: 500;}
.mainLayout .section.ty2 .hotNowWrap .hotNowTitWrap .desc {padding: 10px 20px;font-size: 13px; color:#eee; display: block;word-break:keep-all}
.mainLayout .section.ty2 .hotNowWrap .hotNowTitWrap .see-all {position:absolute; bottom: 0; padding: 20px 20px; font-size: 15px; font-weight: 500; color:#fff}
.mainLayout .section.ty2 .hotNowWrap .hotNowTitWrap .see-all:hover {text-decoration: underline;}
.mainLayout .section.ty2 .swiper-container-hotNow-product .swiper-util {top: 10px;}
.mainLayout .section.ty2 .swiper-container-hotNow-product {padding: 20px 0px 0;box-sizing: border-box;background-color: #fff;}
.mainLayout .section.ty2 .swiper-wrapper-product {margin-top:0}
.mainLayout .section.hasBG {background-size: 100% 370px !important;background-repeat: no-repeat !important;} /* 2020-09-07 background-size 변경 */
.mainLayout .section.hasBG.ty2 { margin-bottom: 200px;}
.mainLayout .section.hasBG.ty2 .hotNowWrap {top: 150px;}
.mainLayout .section.hasBorderTop.ty2 {border-top: 0;}
.mainLayout .section.hasBorderTop.ty2:before {content: '';display: block;height: 1px;border-top: 1px solid #ccc;width:1230px;margin: 0 auto;}
.mainLayout img.main-sns-img {width:222px;height:125px}

/* HotNowMain Page */
.hotNowMainLayout .hotNowWrap {padding-left:252px; background-color: #fff;position: relative; margin: 50px 0;height: 400px; overflow: hidden;}
.hotNowMainLayout .hotNowWrap .hotNowTitWrap {position: absolute;width: 222px;height: 358px;left: 0;top: 0;margin: 20px 30px 20px 0px;}
.hotNowMainLayout .hotNowWrap .hotNowTitWrap .stit {padding: 20px 20px 10px 20px;font-size:180%; color:#fff; display: block;word-break:keep-all; font-weight: 500;}
.hotNowMainLayout .hotNowWrap .hotNowTitWrap .desc {padding: 10px 20px;font-size: 13px; color:#eee; display: block;word-break:keep-all}
.hotNowMainLayout .hotNowWrap .hotNowTitWrap .see-all {position:absolute; bottom: 0; padding: 20px 20px; font-size: 15px; font-weight: 500; color:#fff}
.hotNowMainLayout .hotNowWrap .hotNowTitWrap .see-all:hover {text-decoration: underline;}
.hotNowMainLayout .hotNowWrap .swiper-container-hotNow-product .swiper-util {top: 10px;}
.hotNowMainLayout .hotNowWrap .swiper-container-hotNow-product {margin-top:0;padding: 20px 0px 0;box-sizing: border-box;background-color: #fff;}
.hotNowMainLayout .hotNowWrap .swiper-wrapper-product {margin-top:0}
.hotNowMainLayout .section:nth-of-type(n+2):before {content: '';display: block;height: 1px;border-top: 1px solid #ccc;width:1230px;margin: 0 auto;}



/* product combo-deal list page */
.productComboList li.swiper-slide-option > .desc {display: none;}
.productComboList li.swiper-slide-option.swiper-slide-active > .desc {display:block; position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);font-size: 12px;color: #fff;white-space: pre-line;text-align: center;width:80%}

/* error */
.error-wrap {text-align: center;margin:50px auto 0 auto;}

/* filter */
.filterWrap .filterWrapTit,
.filterWrap .filterTypeTit {position: relative;}
.filterWrap .filterWrapTit > .btnReset,
.filterWrap .filterTypeTit > .btnReset {display: block;position: absolute;top: 50%;right: 0;background-size: 100% auto;transform: translateY(-50%);cursor: pointer;}
.filterWrap .filterWrapTit > .btnReset {font-size: 12px;width: 100px;background-position-x: right;background-size: 18px 12px;text-align: right;padding-right: 21px;line-height: 12px;color: #4949c9;}
.filterWrap .checkBox input[type=checkbox] + label > span {white-space: nowrap;width: 160px;text-overflow: ellipsis;overflow: hidden;}

/* google autocomplete */
.pac-container { min-width: 400px;}

/* order result page > print page*/
.order-print-wrap > .inner {width:840px}
.order-print-wrap .orderInfoArea .orderInfoList {float: none;}
.order-print-wrap .orderInfoArea .totalSummaryWrap {width: auto;}
.order-print-wrap .orderInfoArea .totalSummary {float: none; border: 0; width: 800px; padding:0}
.order-print-wrap .orderInfoArea .totalSummary:before {content: "PAYMENT INFOMATION";display: block;border-top: 1px solid #000;margin-top: 25px;padding-top: 25px; padding-bottom: 10px; font-size: 20px;font-weight: 500;}
.order-print-wrap .orderInfoAreaTy02 .totalSummary .btnPrimary {display: none;}
.order-print-wrap .totalSummary .tableTy02 tr > td {line-height: 2;}
.order-print-wrap .totalSummary .tableTy02 span.shipping-saved {font-size: 12px; line-height:30px;}
.order-print-wrap .orderInfoAreaTy02 .orderInfoList {width: 800px;}

/* SamsUtil.showMsg */
#commonMsgPop p {word-break:keep-all;}
/*.swiper-container-visual.ty01 {position: relative;width: 100%;overflow: hidden;}*/
.swiper-container-visual.ty01 {width:100%;height:100%;position:relative;overflow: hidden;}
//.swiper-container-visual.ty01 .swiper-slide-visual { overflow: hidden; height:500px; position: relative; }
.swiper-container-visual.ty01 .swiper-slide-visual > a > img {width:100%}
//.swiper-container-visual.ty01 .swiper-slide-visual > a > img {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.swiper-container-visual.ty01 .mainUtilDiv {width: 100%;height: 30px;position: absolute;left: 50%;top: 0px;transform: translate(-50%, 0);} 
.swiper-container-visual.ty01 .swiper-util {position:absolute;top:10px;right:10px;font-size:0;}
.swiper-container-visual.ty01 .swiper-util > * {font-size:18px;}
.swiper-container-visual.ty01 .swiper-wrapper-visual {font-size:0;line-height:0;white-space:nowrap;}
.swiper-container-visual.ty01 .swiper-slide-visual {display:inline-block;}
.swiper-container-visual.ty01 .swiper-slide-visual > a {display:block;}

/* category main page */
.categoryMainVisual {width:100%;min-height: 370px;position:relative; display:none}
.contents .categoryMainVisual + .productMain {margin-top: 50px;}

/* sign up pag */
.signUpWrap .signUpArea {
	height: auto;
	padding-bottom:43px;
}


.errorProductThumbWrap {width:100%;}
.errorProductThumbWrap .inner {margin-left:-10px; padding:0px !important;}

.errorProductThumbWrap .productThumbList {width:100%;display:table;table-layout:fixed;}
.errorProductThumbWrap .thumb {display:table-cell;text-align:center;vertical-align:middle;}
.errorProductThumbWrap .thumb > a {display:block;padding:30px 0;box-sizing:border-box;}
.errorProductThumbWrap .thumb .mask {display:block;position:relative;}
.errorProductThumbWrap .thumb .mask > img {width:170px;  border-radius: 50%;}

/* .errorProductThumbWrap .thumb .mask:before {content:'';width:110px;height:110px;display:block;margin-left:-55px;position:absolute;top:-5px;left:50%;background:url(/samsbeauty/inc/images/temp/circle-mask.png) 0 0 no-repeat;overflow:hidden;} */
.errorProductThumbWrap .thumb .name {margin-top:12px;font-size:20px;}

.promotionDescription {font-size: 14px; color: #e1406c ; margin-top:15px; font-style: italic;}

/*
 * swiper custom base css
 */
.sams-swiper-v2.swiper-container {margin-left: auto;margin-right: auto;position: relative;overflow: hidden;list-style: none;padding: 0;z-index: 1;}
.sams-swiper-v2.swiper-container-pointer-events {touch-action: pan-y;}
.sams-swiper-v2 .swiper-wrapper {position: relative;width: 100%;height: 100%;z-index: 1;display: flex;transition-property: transform;box-sizing: content-box;}
.sams-swiper-v2 .swiper-slide {flex-shrink: 0;width: 100%;height: 100%;position: relative;transition-property: transform;}

/*
 * product view > color view swiper
 */

#colorViewWrap {position: absolute;top: 0;left: 0;width: 500px;height: 500px;background: #fff;z-index: 101;}
#colorViewWrap .swiper-container {width: 100%;height: 100%;margin-left: auto;margin-right: auto;}
#colorViewWrap .swiper-slide {background-size: cover;background-position: center;}
#colorViewWrap .gallery-top {height: 100%;width: 100%;}
#colorViewWrap .gallery-thumbs {height: 75px;box-sizing: border-box;padding: 10px 0;position: absolute;bottom: 0; background-color: rgba(0,0,0,0.4);}
#colorViewWrap .gallery-thumbs .swiper-slide {width: 54px;}
#colorViewWrap .gallery-thumbs .swiper-slide:first-of-type {margin-left: 10px;}
#colorViewWrap .gallery-thumbs .swiper-slide img {width:54px; height:54px;}
#colorViewWrap .gallery-thumbs .swiper-slide-thumb-active:before {content: '';width: 100%;height: 100%;display: block;position: absolute;top: 0;left: 0;border: 2px solid #fe5f94;box-sizing: border-box;transition: 550ms opacity ease-out;opacity: 1;}

/*
 * information page
 */
 .sams-info-content div, .sams-info-content span, .sams-info-content p {word-break: keep-all;}
 
 
/* product list > sale type icon */
.ribbon-wrapper-bottom {width:74px;height:74px;overflow:hidden;position:absolute;bottom:5px;right:5px;}
.ribbon-wrapper-bottom img {width: 100%;}
/* product detail > sale type icon */
.productViewSection .productOptWrap .priceWrap { position: relative;}
.ribbon-wrapper-bottom.detail {left: 160px; top: -15px; width:53px;height:53px;}
 

 /*
  * sign in page
  */
/* .signInFormWrap .memberBenefitArea.ty01 {height: 560px;} */
/* .signInFormWrap .memberBenefitArea.ty01 .btnSubmitTy02 {position: relative; left:inherit; bottom:inherit; transform: none; margin-top: 42px;} */
/* .signInFormWrap .memberBenefitArea.ty01 .guest-wrap {padding: 25px 0;} */
/* .signInFormWrap .btnSubmitTy03 {min-width:250px;display:inline-block;padding:19px 0;box-sizing:border-box;background-color:#64a5e5;font-size:15px;font-weight:700;color:#fff;text-align:center;} */

.signInFormWrap.guestWrap {border-bottom: 0;}
.signInFormWrap.guestWrap .signInArea { height: 560px; float: none;margin: 0 auto; }
.signInFormWrap.guestWrap .btnSubmitTy03 { min-width:250px;display:inline-block;padding:19px 0;box-sizing:border-box;background-color:#64a5e5;font-size:15px;font-weight:700;color:#fff;text-align:center;margin-top: 13px; margin-top: 15px;}
.signInFormWrap.guestWrap .btnSubmitTy01 { position: relative; left:inherit; bottom:inherit; transform: none; margin-top: 30px;}
.signInFormWrap.guestWrap .new-customer { border-top: 1px solid #f2f2f2; padding-top: 10px; width: 355px; margin: 20px auto;}
.signInFormWrap.guestWrap .new-customer a {text-decoration: underline;color:}
  
  
/*
 * Guest Checkout page
 */  
.checkoutWrap.guest-checkout:not(.old) .checkoutInfo .info {max-width: 250px;}
#addContactInfo .con {width: 528px;}
#addContactInfo .inputBoxWrap .btnBox > [class*="btn"] {margin: 0 0 0 auto;}