/* BASIC css start */
#related { margin: 20px 0 0 0; }
#nhn_btn { margin: 10px 0 0 0; }
.dgg { text-align: center; padding-top: 10px; }
.dgg img { max-width: 200px; }

#totalProducts li { border-top: 1px solid #e2e2e2; padding: 14px; }
#totalProducts li:after { clear: both; display: block; content:''; }
#totalProducts .MK_qty-ctrl { float: left; padding: 0; position: relative; }
#totalProducts .MK_price { float: right; padding: 0; vertical-align: middle; }
#totalProducts .MK_p-name { display: block; }
#totalProducts .btn-type-02 { text-align: center; display: inline-block; position: relative; width: 33px; height: 33px; margin-left: 4px;border: 1px solid #cacaca;border-radius: 2px; background: #f0f0f0; box-sizing: border-box; }
#totalProducts .btn-type-02 span { line-height: 33px; }
#totalProducts .MK_btn-del { line-height: 33px; display: inline-block; }
#totalProducts .MK_btn-del img { width: 20px; vertical-align: middle; padding-left: 5px; }

.xans-product-detail .imgArea-wrap { font-size: 0; line-height: 0; }
.xans-product-detail .imgArea .keyImg { margin: 0 auto; text-align: center; }
.xans-product-detail .imgArea .keyImg .thumbnail { display: inline-block; position: relative; max-width: 100%; }
.xans-product-detail .imgArea .keyImg img { cursor: pointer; image-rendering: -webkit-optimize-contrast; }
.xans-product-detail .imgArea .detail-image > img, .xans-product-detail .imgArea .df-slider img { width: 100%; } 
.xans-product-detail .prdTitle { padding: 10px 0; }
.xans-product-detail .prdTitle .summary_desc { margin: 10px 0 0; padding: 14px 14px 4px; border-top: 1px solid #e2e2e2; color: #707070; }
.xans-product-detail .prdTitle .name { text-overflow: ellipsis; padding: 4px 14px; font-size: 15px; line-height: 1.3; font-weight: normal; color: #222; }
.xans-product-detail .prdTitle .name b { font-size: 0px !important; color: #fff; }
.xans-product-detail .likeButton { position: absolute; bottom: 9px; left: 9px; z-index: 91; vertical-align: top; display: inline-block; padding: 0 10px; height: 32px; min-width: 32px; border-radius: 32px; border: 1px solid #ddd; text-align: center; background: rgba(255,255,255,0.94); }
.xans-product-detail .likeButton button { border: 0; font-size: 13px; color: #4f4f4f; background: none; letter-spacing: 0.5px; line-height: 31px; }
.xans-product-detail p.prdIcon { padding: 0; }
.xans-product-detail .prdInfo { padding: 9px; border-top: 1px solid #ececec; } 
.xans-product-detail .prdInfo table th, 
.xans-product-detail .prdInfo table td { padding: 5px; font-weight: normal; text-align: left; vertical-align: middle; line-height: 1.6; }
.xans-product-detail .prdInfo table th { width: 100px; color: #444; }
.xans-product-detail .prdOption {padding: 9px; border-top: 1px solid #e2e2e2; }
.xans-product-detail .prdOption table th, 
.xans-product-detail .prdOption table td { padding: 5px; font-weight: normal; text-align: left; vertical-align: top; line-height: 1.6; }
.xans-product-detail .prdOption table th { width: 100px; }
.xans-product-detail .prdOption table th, 
.xans-product-detail .prdOption table td { color: #444; text-transform: uppercase; }
.xans-product-detail .prdOption table td select { width: 100%; }

.totalPrice { padding: 14px; font-size: 13px; line-height: 15px; vertical-align: middle; border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; background: transparent } 
.totalPrice > strong { color: #444 } 
.totalPrice .total { float: right; font-family: Tahoma; color: #444 }
.totalPrice .total strong { font-size: 17px }

.xans-product-additional #prdDetail img { width: auto !important; height: auto !important; max-width: 100% !important; margin: 0; }
.xans-product-additional .df-guide { margin: 7px; border: 1px solid #e6e6e6; border-radius: 7px; box-sizing: border-box; }
.xans-product-additional .df-guide .inner-wrap { margin: 4% auto; width: 91%; text-align: left; }
.xans-product-additional .df-guide h3 { position: relative; font-size: 12px; font-weight: bold; color: #2f2f2f; border-bottom: 1px solid #e8e8e8; height: 35px; line-height: 35px; padding: 0 2px; }
.xans-product-additional .df-guide .section .df-cont { font-size: 12px; padding: 14px 2px 15px; color: #656565; line-height: 1.5; letter-spacing: -.59px; }

.xans-product-qna .contentView { display: none; margin: 0; padding: 0; min-height: 0; background: #f9f9f9; color: #757575; font-size: 13px; line-height: 1.6em; text-align: left; word-wrap: break-word; }
.xans-product-qna > ul > li:first-child { border-top: 1px solid #d5d5d5; }
.xans-product-qna > ul > li { overflow: hidden; position: relative; padding: 14px 0; min-height: 43px; color: #757575; border-bottom: 1px solid #d5d5d5; } 
.xans-product-qna .descriptions { position: relative; margin: 0 0 0 7px; padding: 0 7px; }
.xans-product-qna .descriptions a { display: block; color: #757575; font-size: 0; }
.xans-product-qna .descriptions a .summary { display: block; padding: 0 7px 10px 0; color: #1b1b1b; font-size: 14px; line-height: 1.3em; font-weight: normal; }
.xans-product-qna .descriptions a .id { padding: 0 7px 0 0; }
.xans-product-qna .descriptions a span { position: relative; display: inline-block; padding: 0 7px 0 8px; font-size: 11px; }


#prdQnA .nodata { padding: 50px 0; font-weight: bold; color: #888; text-align: center; border: 1px solid #e7e7e7; margin: 0 7px; border-radius: 6px; }
#prdReview .btnSubmit, #prdQnA .btnSubmit { border-color: #333333; background: #353535; }
#prdReview  .lang-sec-ko { display: block; }

.df-prdbrd-tit { padding: 30px 0 10px; text-align: center } 
.df-prdbrd-name { font-size: 18px; letter-spacing: .25px } 
.df-prdbrd-info { margin-top: 7px; font-size: 13px; line-height: 1.6; color: #888 }

#sns { text-align: center; margin: 15px 0 20px 0; padding: 0; }
#sns img { width: 24px; vertical-align: top; margin: 0 10px; }
#sns > a > p { line-height: 23px; display: inline-block; }

#orderFixArea { position: relative; display: none; z-index: 120; left: 0; bottom: 0; right: 0; width: 100%; box-sizing: border-box; margin: 0; background-color: rgba(255,255,255,0.95); border-top: 1px solid #ddd; padding-bottom: constant(safe-area-inset-bottom) ; padding-bottom: env(safe-area-inset-bottom) } 
#orderFixArea ul { display: flex; padding: 0 6px } 
#orderFixArea li { flex: auto; width: 20%; text-align: center } 
#orderFixArea li a { position: relative; display: block; margin: 0 auto; max-width: 58px; height: 100%; padding: 12px 0 } 
#orderFixArea li a .count { display: inline-block; position: absolute; top: 7px; right: -10px; background: #222; color: #fff; padding: 0 7px; height: 20px; min-width: 20px; line-height: 20px; border-radius: 20px; font-size: 11px; text-align: center; box-sizing: border-box } 
#orderFixArea li #actionBuy { font-weight: bold } 
#orderFixArea li i { display: block; font-size: 24px; color: #444 } 
#orderFixArea li span { font-size: 11px; color: #444; margin-top: 3px; display: block } 

#fixedActionButton { padding: 1px 4px 0 } 
#fixedActionButton .width50 { width: 50%; padding: 0 3px } 
#fixedActionButton .width100 { width: 100%; padding: 0 3px } 
#fixedActionButton > ul:not(.displaynone) { display: block !important; margin: 0 !important; text-align: center; font-size: 0; line-height: 0 } 
#fixedActionButton > ul > li { display: inline-block; margin-top: 6px; box-sizing: border-box } 
#fixedActionButton > ul > li > * { margin: 0 !important; width: 100%; height: 42px; line-height: 40px } 
#fixedActionButton > ul > li > .btnStrong { height: 48px; line-height: 46px; font-weight: bold; letter-spacing: 2px; border-color: #333; background: #353535 } 
#fixedActionButton > ul > li .df-lang-prd-action-cart,
#fixedActionButton > ul > li .df-lang-prd-action-wish,
#fixedActionButton > ul > li > a .df-lang-prd-action-buy { font-size: 17px; }
#fixedActionButton > ul.soldout > li > .btnStrong { height: 42px; line-height: 42px } 

#tabProduct { margin: 20px 0 0 } 
#tabProduct ul { border-bottom: 0 } 
#tabProduct li { position: relative; border-top: 1px solid #737373; border-bottom: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5; border-left: 1px solid #f5f5f5; background-color: #f5f5f5 } 
#tabProduct li .count { display: inline-block; position: absolute; top: 7px; right: 3px; background: #111; color: #fff; padding: 0 7px; height: 20px; min-width: 20px; line-height: 20px; border-radius: 20px; font-size: 11px; text-align: center; box-sizing: border-box } 
#tabProduct li:first-child { border-left: 0 } 
#tabProduct li a { color: #333; } 
#tabProduct li a:after { display: none } 
#tabProduct li.selected { border-bottom: 0; background: #fff; border-top: 1px solid #737373; } 
#tabProduct li.selected a { color: #444; background: #fff } 
    
#sp-payment.open { z-index: 900; position: fixed !important; width: 100%; left: 0; bottom: 0; background: #fff; -webkit-transform: translateY(100%); -khtml-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); }
#sp-payment .sp-payment-toggle-close button { background: none; } 
#sp-payment.fixed #orderFixArea { display: block; position: fixed; }
#sp-payment .sp-payment-toggle-close { display: none; z-index: 11; position: absolute; bottom: 100%; margin-bottom: -5px } 
#sp-payment .sp-payment-toggle-close button img { width: 100%; }
#sp-payment.open.open.ready .sp-payment-option { z-index: 1; overflow-y: scroll; } 
#sp-payment.open.open.ready .prdInfo { border-top: none; display: none; }
#sp-payment.open.open.ready .sp-payment-toggle-close { display: block; }
#sp-payment.open.open.ready { -webkit-transition: transform 500ms ease; -khtml-transition: transform 500ms ease; -moz-transition: transform 500ms ease; -ms-transition: transform 500ms ease; -o-transition: transform 500ms ease; transition: transform 500ms ease; -webkit-transform: translateY(0); -khtml-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 
#sp-payment.open #orderFixArea { -webkit-transform: translateY(100%) !important; -khtml-transform: translateY(100%) !important; -moz-transform: translateY(100%) !important; -ms-transform: translateY(100%) !important; -o-transform: translateY(100%) !important; transform: translateY(100%) !important; } 
#sp-payment-background { visibility: hidden; opacity: 0; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0); -webkit-transition: opacity 500ms ease; -khtml-transition: opacity 500ms ease; -moz-transition: opacity 500ms ease; -ms-transition: opacity 500ms ease; -o-transition: opacity 500ms ease; transition: opacity 500ms ease; }
#sp-payment.open + div + #sp-payment-background { visibility: visible; opacity: 1; filter: alpha(opacity=100); -ms-filter: alpha(opacity=100); cursor: pointer; z-index: 98; position: fixed; background: rgba(0,0,0,0.6); width: 100%; height: 100%; top: 0; left: 0; }
#sp-payment.open .prdTitle, 
#sp-payment.open .dgg,
#sp-payment.open #nhn_btn,
#sp-payment.open .prdIcon { display: none; }

@media all and (min-width: 569px) {
    #fixedActionButton { padding: 0; margin: 0 -3px } 
    .xans-product-detail { } 
    .xans-product-detail:after { display: block; clear: both; content: "" } 
    .xans-product-detail .imgArea-wrap { float: left; width: 50%; padding: 12px 0 0 12px; box-sizing: border-box } 
    .xans-product-detail .prdDesc { float: right; width: 50%; padding: 0 12px; box-sizing: border-box } 
    .xans-product-detail .prdInfo { margin-top: 0 } 
    .xans-product-detail p.ec-base-help,ul.ec-base-help li { margin: 8px 4px 0 } 
    .xans-coupon-productdetailajax.toggle.selected > ul.contents { text-align: center } 
    .xans-coupon-productdetailajax .contents li { width: 100% }
    .xans-product-detail: { display: block; clear: both; content: ""; }
} 
@media all and (min-width: 667px) {
    .xans-coupon-productdetailajax .contents li { width:50% }
}
 
/* 구매가이드 */
#tab-guide { margin: 0; text-align: center; }


/* 애즈마마 상품정보 */
.ec-base-table2 {width: 90%; margin: 0 auto; font-size: 12px;}
.ec-base-table2 h4 {font-weight: bold; font-size: 30px; text-align: left;}
.ec-base-table2 table {border-top: 3px solid #333; border-bottom: 3px solid #333; position: relative; margin: 10px 0 0; color: #fff; line-height: 1.5;}
.ec-base-table2 thead th {padding: 11px 0 10px; color: #353535; vertical-align: middle; font-weight: bold; background: #fbfafa;}
.ec-base-table2 tbody th {padding: 11px 0 10px 18px; color: #353535; text-align: left; font-weight: bold; background-color: #fbfafa;}
.ec-base-table2 th {font-weight: bold; word-break: break-all; word-wrap: break-word;}
.ec-base-table2 th:first-child {border-left: 0;}
.ec-base-table2 td {padding: 11px 10px 10px; color: #353535; vertical-align: middle; word-break: break-all; word-wrap: break-word;}
.ec-base-table2 td.clear {padding: 0 !important; border: 0 !important;}
.ec-base-table2.typeWrite td {padding: 8px 10px 7px;}
.ec-base-table2 .desc {font-weight: bold; text-align: center; padding: 15px 0;}
.ec-base-table table {position: relative; margin: 10px 0 0; color: #fff; line-height: 1;}
.ec-base-table.gLayoutFixed table {table-layout: fixed;}

#goodsInfo {position: relative; margin: 0 5px; max-width: 100%; border: 2px solid #333; padding: 50px 0px; box-sizing: border-box}
#goodsInfo .title {font-size: 14px; font-weight: bold; padding: 0 0 20px 0}
#goodsInfo .table-thead {width: 100%; font-size: 0}
#goodsInfo .table-thead .title-thead {position: relative; text-align: center; font-size: 17px; line-height: 20px; color: #000; margin-bottom: 20px}
#goodsInfo .table-thead .size-thumb,
#goodsInfo .table-thead .text {display: block; width: 100%; height: 100%; vertical-align: top}
#goodsInfo .table-thead .size-thumb {box-sizing: border-box}
#goodsInfo .table-thead .size-thumb img {margin: 0 auto; text-align: center; max-width: 100%}
#goodsInfo .table-thead .text ul {margin: 0 20px; border-top: 1px solid #e1e7ec; padding: 20px 0; border-bottom: 1px solid #e1e7ec}
#goodsInfo .table-thead .text li {text-align: left; font-size: 11px; line-height: 24px}
#goodsInfo .table-thead .text li.name {font-weight: bold; margin-bottom: 10px}
#goodsInfo .table-thead .text li.subname {color: #999; margin: 0 50px 20px 0}
#goodsInfo .table-thead .text li.subject {margin-top: 0px; font-weight: bold}
#goodsInfo .table-thead:after {clear: both; display: block; content: "";}
#goodsInfo .check-wrap {font-size: 0; margin: 20px 20px}
#goodsInfo .check-wrap .first,
#goodsInfo .check-wrap .second {width: 100%}
#goodsInfo .check-wrap table {width: auto !important}
#goodsInfo .check-wrap table td {padding: 0; text-align: left; font-size: 11px; padding: 3px 5px 3px 0}
#goodsInfo .check-wrap table td:first-child {width: 70px; text-align: left; font-size: 11px}
#goodsInfo .check-wrap table .box span {vertical-align: middle; color: #ddd}
#goodsInfo .check-wrap table .box.checked span {color: #333}
#goodsInfo .check-wrap table .box:before {content: "\e92d"; margin-right: 2px; font-size: 12px; vertical-align: middle; color: #ddd}
#goodsInfo .check-wrap table .box.checked:before {content: "\e92d"; margin-right: 2px; color: #e397b3}
#goodsInfo .caution-wrap {position: relative; margin: 0 20px; font-size: 0; border-top: 1px solid #e1e7ec}
#goodsInfo .caution-wrap .tip {padding: 20px 0; margin: 0px; display: block; width: 100%; text-align: left; box-sizing: border-box}
#goodsInfo .caution-wrap .tip:first-child {border-bottom: 1px solid #e1e7ec}
#goodsInfo .caution-wrap .tip p {position: relative; font-size: 11px; margin: 0; padding-left: 20px; padding-right: 10px; color: #333}
#goodsInfo .caution-wrap .tip i {position: absolute; top: 5px; left: 0; font-size: 11px; color: #000}
#goodsInfo .caution-wrap .tip i:before {content: "\e92a"}
#goodsInfo i {font-family: 'xeicon' !important; display: inline-block; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
#sp-detail-additional .detailtext {margin: 0 20px;}
#sp-detail-additional .detailtext p font {font-size: 14px !important;}

/* 파워 리뷰 */
.xans-product-detail .review_score h1 { font-size: 12px; font-weight: bold; padding: 0 0 0 5px; line-height: 27px; }
.xans-product-detail .review_score { margin: 10px 0 0 0; display: block; }
.xans-product-detail .review_score:after { clear: both; display: block; content: ''; }

#photoReview .PR15N01-info { background: none !important; overflow: visible !important; height:auto !important; border: none !important; }
#photoReview .PR15N01-info .slider { padding:5px !important; border:1px solid #e4e4e4; }
#photoReview .PR15N01-info .slider.none { padding:10px !important; line-height:15px !important; font-size:12px !important; color:#333; }
#photoReview .PR15N01-info .slider li { height:100% !important; width:20% !important; }
#photoReview .PR15N01-info .slider li a { text-align:center; padding:5px; }
#photoReview .PR15N01-info .slider li a img { width:100% !important; height:100% !important; }
#photoReview .PR15N01-info .slider button { background: none !important; line-height:32px !important; height:32px; font-size:0 !important; font-family: xeicon !important; }
#photoReview .PR15N01-info .slider button.prev { left:100% !important; margin-left: -72px; border:1px solid #e4e4e4; top:-35px !important; }
#photoReview .PR15N01-info .slider button.next { border:1px solid #e4e4e4; top:-35px !important; right: 5px !important; }
#photoReview .PR15N01-info .slider button.next:before { content:"\e93f"; font-size:18px; color:#000; display:block; font-weight: 400; font-variant: normal; }
#photoReview .PR15N01-info .slider button.prev:before { content:"\e93c"; font-size:18px; color:#000; display:block; font-weight: 400; font-variant: normal; }

#mPowerreview .review-wrap { font-size: 0; }
#mPowerreview .review-wrap > li { padding: 0; width: calc(50% - 10px); display: inline-block; margin:10px 10px 0 0; vertical-align: top; border: 1px solid #ddd; box-sizing: border-box; }
#mPowerreview .review-wrap .pr-content-simple { min-height: 137px; }
#mPowerreview .review-wrap > li { border-bottom: 1px solid #ddd !important; }
#mPowerreview .item { border: none !important; }
#mPowerreview .survey, #mPowerreview .pr-tab li.now a { border: none !important; font-size: 15px !important; font-weight: bold; }
#mPowerreview .survey li a { font-size: 12px; }
#mPowerreview .survey p { font-size: 11px; font-weight: normal; }
#mPowerreview .survey ul { top: -30px !important; }
#mPowerreview .review-wrap { margin: 10px 0 !important; }
#mPowerreview .best-photo { border: 1px solid #dfdfdf; margin: 10px; padding: 10px 0; }
#mPowerreview .roll { margin: 0 !important; }
#mPowerreview .photo-odr { position: relative; }
#mPowerreview .photo-odr .odr { float: none !important; width: 40%; position: absolute; right: 10px; top: -50px; }


/* BASIC css end */