#main_layout #contents {overflow: initial;}
#product-detail {width: 100%;font-size: 0;}
#product-detail .xans-product-detail {width: 100%; padding:20px 0;}
#product-detail .xans-product-detail .supply {display:none;}
#product-detail .xans-product-detail .product-left {width:50%; display:inline-block;vertical-align: top; box-sizing:border-box; padding:0 0px 0 110px;}
#product-detail .xans-product-detail .product-left .xans-product-addimage {width:100%;}
#product-detail .xans-product-detail .product-left .xans-product-addimage ul {width:100%;font-size:0;display:block;}
#product-detail .xans-product-detail .product-left .xans-product-addimage ul li {display:inline-block; width:100%; padding:0 0 10px; box-sizing:border-box; height:auto;}
#product-detail .xans-product-detail .product-left .xans-product-addimage ul li img{width:100%;}
#product-detail .xans-product-detail .product-left .xans-product-addimage ul li:nth-child(3) {width:50%;padding:0 5px 10px 0;}
#product-detail .xans-product-detail .product-left .xans-product-addimage ul li:nth-child(4) {width:50%; padding:0 0 10px 5px;}

#product-detail .xans-product-detail .product-right {width:50%; display:inline-block;vertical-align: top; box-sizing:border-box; padding:0 110px;position: sticky;top: 140px;left: 0;}
#product-detail .xans-product-detail .product-right .infoArea {width:100%;}
#product-detail .xans-product-detail .product-right .infoArea .xans-product-detaildesign .ulli {width:100%;}
#product-detail .xans-product-detail .product-right .infoArea .xans-product-detaildesign .ulli li{width:100%;}
#product-detail .xans-product-detail .product-right .infoArea .xans-product-detaildesign .ulli li span {}
#product-detail .xans-product-detail .product-right .infoArea .xans-product-detaildesign .ulli li.prd_brand_css {}
#product-detail .xans-product-detail .product-right .infoArea .xans-product-detaildesign .ulli li.prd_brand_css span {font-size: var(--font-l) !IMPORTANT;font-weight: 500 !important;color: #000 !IMPORTANT;cursor: pointer;}
#product-detail .xans-product-detail .product-right .infoArea .xans-product-detaildesign .ulli li.product_name_css span {font-size: var(--font-m) !IMPORTANT;font-weight: 500 !important;color: #000 !IMPORTANT;}
#product-detail .xans-product-detail .product-right .infoArea .xans-product-detaildesign .ulli li.product_price_css span strong{font-size: var(--font-m) !IMPORTANT;font-weight: 500 !important;color: #000 !IMPORTANT;}
#product-detail .xans-product-detail .product-right .infoArea .xans-product-detaildesign .ulli li.simple_desc_css span {font-size: var(--font-s) !IMPORTANT;font-weight: 300 !important;color: #000 !IMPORTANT;padding: 20px 0;display: block;white-space: pre-line;}

#product-detail .xans-product-detail .product-right .infoArea .xans-product-relation {width:100%;margin: 0 0 10px;}
#product-detail .xans-product-detail .product-right .infoArea .xans-product-relation h2 {font-size:var(--font-m);display:inline-block; width:100px;vertical-align: middle;}
#product-detail .xans-product-detail .product-right .infoArea .xans-product-relationlist {display:inline-block; width:calc(100% - 100px);vertical-align: middle;}
#product-detail .xans-product-detail .product-right .infoArea .xans-product-relationlist ul {display:inline-block; width:100%;vertical-align: middle;}
#product-detail .xans-product-detail .product-right .infoArea .xans-product-relationlist ul li {display:inline-block;vertical-align: middle; width:20px; height:20px;    border-radius: 100%;overflow: hidden;margin: 0 10px 0 0;}
#product-detail .xans-product-detail .product-right .infoArea .xans-product-relationlist ul li.sese {    box-sizing: border-box;border: 2px solid #000;}
#product-detail .xans-product-detail .product-right .infoArea .xans-product-relationlist ul li.sese a {width:100%;height:100%;display:block;}
#product-detail .xans-product-detail .product-right .infoArea .xans-product-relationlist ul li img {width:100%; height:100%;    object-fit: cover;}

#product-detail .xans-product-detail .product-right .infoArea .custom-op {width:100%;}
#product-detail .xans-product-detail .product-right .infoArea .custom-op .xans-product-option {width:100%;}
#product-detail .xans-product-detail .product-right .infoArea .custom-op .xans-product-option li h2{font-size:var(--font-m);display:inline-block; width:100px;vertical-align: middle;}
#product-detail .xans-product-detail .product-right .infoArea .custom-op .xans-product-option li h2.kr {font-size:14px;}
#product-detail .xans-product-detail .product-right .infoArea .custom-op .xans-product-option li .op-list {display:inline-block; width:calc(100% - 100px);vertical-align: middle;}
#product-detail .xans-product-detail .product-right .infoArea .custom-op .xans-product-option li .op-list.op_select {width:300px; position: relative;}

#product-detail .xans-product-detail .product-right .infoArea .custom-op .xans-product-option li .op-list select {background: none;line-height: 1.5;padding: 0;width:100%;border-bottom: 1px solid #000;border-radius: 0;appearance: none;-webkit-appearance: none;-webkit-border-radius: 0;font-size:14px;}
#product-detail .xans-product-detail .product-right .infoArea .custom-op .xans-product-option li .op-list ul {width:100%;}
#product-detail .xans-product-detail .product-right .infoArea .custom-op .xans-product-option li .op-list ul li {display:inline-block; vertical-align: top;margin:0 20px 0 0;padding: 0;border: none;background: none;}
#product-detail .xans-product-detail .product-right .infoArea .custom-op .xans-product-option li .op-list ul li a {width: auto;min-width: auto;margin: 0;}
#product-detail .xans-product-detail .product-right .infoArea .custom-op .xans-product-option li .op-list ul li a span {padding: 0;font-size: var(--font-m); color:#bfbdb0;    line-height: 1;}
#product-detail .xans-product-detail .product-right .infoArea .custom-op .xans-product-option li .op-list ul li.ec-product-selected a span {color:#000;    line-height: 1;}
#product-detail .xans-product-detail .product-right .infoArea .custom-op .xans-product-option li .op-list .value{font-size:0;}
#product-detail .xans-product-detail .product-right .infoArea .custom-op .xans-product-option li.xans-product-quantity {width: 0;height: 0;overflow: hidden;border: none;}

#product-detail .xans-product-detail .product-right .infoArea .order-button {width:400px;border: none;padding: 40px 0;}
#product-detail .xans-product-detail .product-right .infoArea .order-button a {font-size: var(--font-m);text-align: center;display: inline-block;border: 1px solid #000;padding: 0;line-height: 1.5;border-radius: 100px;width: calc(50% - 5px);font-weight: bold;}
#product-detail .xans-product-detail .product-right .infoArea .order-button a:nth-child(2) {margin:0 0 0 10px;}
#product-detail .xans-product-detail .product-right .infoArea .order-button a:nth-child(3) {width:100%; margin:10px 0 0;    background: #5fbc60;}
#product-detail .xans-product-detail .product-right .infoArea .order-button a.naver:hover {color:#000;}
#product-detail .xans-product-detail .product-right .infoArea .order-button.soldout a.naver {display:none;}
#product-detail .xans-product-detail .product-right .infoArea .order-button a.naver.open {display:block;}
#product-detail .xans-product-detail .product-right .infoArea .order-button a.so {background: #000;color: #fff;pointer-events: none;}
#product-detail .xans-product-detail .product-right .infoArea .order-button span {cursor: no-drop;font-size: var(--font-m);text-align: center;display: inline-block;border: 1px solid #000;padding: 0;line-height: 1.5;border-radius: 100px;width: 100%;font-weight: bold; background: #000;color: #fff;}


#product-detail .xans-product-detail .product-right .infoArea #totalPrice{opacity: 0;width: 0;height: 0;padding: 0;margin: 0;overflow: hidden;}


#product-detail .xans-product-detail .product-right .xans-product-additional {width:400px;}
#product-detail .xans-product-detail .product-right .xans-product-additional .updown {width:100%;}
#product-detail .xans-product-detail .product-right .xans-product-additional .updown ul {width:100%;margin:0 0 10px;}
#product-detail .xans-product-detail .product-right .xans-product-additional .updown ul li{width:100%;}
#product-detail .xans-product-detail .product-right .xans-product-additional .updown ul li.top {font-size:var(--font-s);color: #bfbdb0;cursor: pointer;}
#product-detail .xans-product-detail .product-right .xans-product-additional .updown ul li.top i {font-size:var(--font-xs);padding:0 0 0 10px;}
#product-detail .xans-product-detail .product-right .xans-product-additional .updown ul li.open.top {color:#000;}
#product-detail .xans-product-detail .product-right .xans-product-additional .updown ul li.open i {transform: scale(1,-1);}
#product-detail .xans-product-detail .product-right .xans-product-additional .updown ul li.bottom {display:none; padding:20px 0 10px;overflow-x: auto;}
#product-detail .xans-product-detail .product-right .xans-product-additional .updown ul li.bottom span,
#product-detail .xans-product-detail .product-right .xans-product-additional .updown ul li.bottom p,
#product-detail .xans-product-detail .product-right .xans-product-additional .updown ul li.bottom h2,
#product-detail .xans-product-detail .product-right .xans-product-additional .updown ul li.bottom h1,
#product-detail .xans-product-detail .product-right .xans-product-additional .updown ul li.bottom h3, 
#product-detail .xans-product-detail .product-right .xans-product-additional .updown ul li.bottom div,
#product-detail .xans-product-detail .product-right .xans-product-additional .updown ul li.bottom li {font-size: var(--font-xs) !important;color: #000 !important;font-weight: normal !IMPORTANT;font-family: 'dia', Noto Sans KR, sans-serif !IMPORTANT;}
#product-detail .xans-product-detail .product-right .xans-product-additional .updown ul li.bottom table { table-layout: fixed;width: 100%;margin: 0;}
#product-detail .xans-product-detail .product-right .xans-product-additional .updown ul li.bottom table td,
#product-detail .xans-product-detail .product-right .xans-product-additional .updown ul li.bottom table th { padding:4px 0; border-bottom:1px solid #444;width: 100px;color: #000; }
#NaverChk_Button {display:none !IMPORTANT;}


@media screen and (max-width: 780px) {
    #product-detail .xans-product-detail {padding:20px;}
    #product-detail .xans-product-detail .product-left {width:100%;padding: 0;overflow: hidden;    position: relative;}
    #product-detail .xans-product-detail .product-left .xans-product-addimage ul {display:flex;}
    #product-detail .xans-product-detail .product-left .xans-product-addimage ul li,
    #product-detail .xans-product-detail .product-left .xans-product-addimage ul li:nth-child(3),
    #product-detail .xans-product-detail .product-left .xans-product-addimage ul li:nth-child(4){width:100%;padding:0;}
    #product-detail .xans-product-detail .product-left .swiper-pagination-progressbar {bottom: 0;top: auto;}
    #product-detail .xans-product-detail .product-left .swiper-pagination-progressbar span {background:#000;}
    #product-detail .xans-product-detail .product-right {padding:20px 0; width:100%;}
    #product-detail .xans-product-detail .product-right .infoArea .custom-op .xans-product-option li .op-list.op_select {    width: calc(100% - 100px);}
    #product-detail .xans-product-detail .product-right .infoArea .custom-op .xans-product-option li .op-list ul li {margin: 0 20px 10px 0;}
    
    #product-detail .xans-product-detail .product-right .infoArea .order-button {width:100%;}
    #product-detail .xans-product-detail .product-right .xans-product-additional {width:100%;}
    #nav {display: inline-block;position: relative;left: auto;bottom: auto;width: 100%;vertical-align: top;box-sizing: border-box;padding: 0 20px;} 
    


    
    
}
.xans-product-detail { position:relative; margin:0 auto; padding:30px 0 0 0; }
.xans-product-detail .detailArea { padding:0 0 0 540px; }
.xans-product-detail .detailArea:after { content:""; display:block; clear:both; }

/* headingArea */
.xans-product-detail .headingArea { position:relative; padding:0 0 10px; margin:0 0 15px; line-height:24px; border-bottom:1px solid #e8e8e8; }
.xans-product-detail .headingArea h2 { display:inline; font-size:14px; color:#2e2e2e; }
.xans-product-detail .headingArea .icon img { margin:0 -3px 0 0; vertical-align:middle; }
.xans-product-detail .headingArea .supply { overflow:hidden; float:right; }
.xans-product-detail .headingArea .supply span { padding:0 3px 0 0; font-size:16px; font-weight:bold; color:#555; }

/* imgArea */
.xans-product-detail .imgArea { float:left; width:546px; margin:0 0 0 -546px; }
.xans-product-detail .imgArea .keyImg { width:346px; margin:0 auto; }
.xans-product-detail .imgArea .keyImg .thumbnail { display:inline-block; position:relative; max-width:100%; }
.xans-product-detail .imgArea .keyImg .prdIcon { position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; }
.xans-product-detail .imgArea .keyImg img { max-width:344px; border:1px solid #ececec; cursor:pointer; }

.xans-product-detail .imgArea .listImg { overflow:hidden; width:346px; margin:30px auto 0; }
.xans-product-detail .imgArea .listImg ul { min-width:400px; height:77px; margin:0 0 0 2px; font-size:0; line-height:0; }
.xans-product-detail .imgArea .listImg li { display:inline-block; margin:0 1px; font-size:12px; line-height:14px; vertical-align:top; }
.xans-product-detail .imgArea .listImg li img { width:65px; height:75px; border:1px solid #ececec; cursor:pointer; }
.xans-product-detail .imgArea .listImg button { position:absolute; top:0; width:21px; height:77px; font-size:0; line-height:0; color:transparent; background:url("http://img.echosting.cafe24.com/skin/base/product/btn_product_detail_ctrl.png") no-repeat; }
.xans-product-detail .imgArea .listImg .prev { left:0; background-position:0 0; }
.xans-product-detail .imgArea .listImg .next { right:0; background-position:-31px 0; }
.xans-product-detail .imgArea .control { overflow:hidden; width:346px; margin:30px auto 0; border:1px solid #d7d5d5; text-align:center; background:#fbfafa; }
.xans-product-detail .imgArea .control .prev { float:left; border-right:1px solid #d7d5d5; }
.xans-product-detail .imgArea .control .next { float:right; border-left:1px solid #d7d5d5; }
.xans-product-detail .imgArea .color { overflow:hidden; width:346px; margin:5px auto; }
.xans-product-detail .imgArea .chips { float:left; width:28px; height:18px; margin:0 3px 3px 0; border:1px solid #e3e3e3; font-size:0; line-height:0; }
.xans-product-detail .imgArea .xans-product-action { margin:20px auto 0; padding-bottom:23px; }

.xans-product-detail .likeButton { display:table; margin:20px auto 10px; text-align:center; font-size:14px; }
.xans-product-detail .likeButton button { display:inline-block; padding:11px 20px; border:1px solid #b4b4b4; border-bottom-color:#969696; border-radius:2px; color:#737373; line-height:1em; text-align:right; background-color:#fff; }
.xans-product-detail .likeButton button span { display:inline-block; height:16px; line-height:18px; vertical-align:middle; font-family:Gulim, sans-serif; }
.xans-product-detail .likeButton button img { margin:0 2px 0 0; vertical-align:middle; }
.xans-product-detail .likeButton .title { padding:0 9px 0 0; margin:0 8px 0 0; min-width:0; text-align:left; background:url("http://img.echosting.cafe24.com/skin/base_ko_KR/product/bg_bar.gif") no-repeat 100% 3px; }
.xans-product-detail .likeButton.selected .title { color:#ef514c; }
.xans-product-detail .likeButton.selected .count { color:#353535; }

/* infoArea */
.xans-product-detail .infoArea p.delivery { padding:10px 0 20px; }
.xans-product-detail .infoArea .guideArea { position:relative; }
.xans-product-detail .infoArea .guideArea .info { margin:7px 0 0; padding:8px 0 0 11px; border-top:1px solid #e8e8e8; color:#757575; }
.xans-product-detail .infoArea .guideArea .sizeGuide { position:absolute; bottom:0; right:0; margin:8px 0 0; background:url("http://img.echosting.cafe24.com/skin/base_ko_KR/product/ico_sizeGuide.gif") no-repeat 0 3px; }
.xans-product-detail .infoArea .sizeGuide a { display:inline-block; padding:2px 15px 2px 24px; color:#353535; vertical-align:top; background:url("http://img.echosting.cafe24.com/skin/base_ko_KR/product/ico_sizeGuide_go.gif") no-repeat 100% 6px; }
.xans-product-detail .infoArea .sizeGuide a:hover { text-decoration:none; }

.xans-product-detail .infoArea table { border:0; font-size:12px; margin:10px 0 0; }
.xans-product-detail .infoArea th { font-weight:normal; color:#353535; width:115px; padding:7px 0 8px 9px; text-align:left; vertical-align:middle; }
.xans-product-detail .infoArea td { padding:7px 6px 8px 0; vertical-align:middle; }
.xans-product-detail .infoArea img { vertical-align:middle; }
.xans-product-detail .infoArea td input[type=text] { width:80%; }
.xans-product-detail .infoArea select { width:100%; height:24px; font-size:12px; color:#353535; }
.xans-product-detail .infoArea td #delivery_cost_prepaid { margin:0 0 5px; }
.xans-product-detail .infoArea td.social { padding:4px 0 0; }
.xans-product-detail .infoArea td.social img { cursor:pointer; }
.xans-product-detail .infoArea td .sale { text-decoration:line-through; }
.xans-product-detail .infoArea td .period { display:block; margin:7px 0 0; font-size:11px; color:#353535; }
.xans-product-detail .infoArea td .mileage li { line-height:1.7em; }
.xans-product-detail .infoArea td .delivery label { margin:0 30px 0 0; }
.xans-product-detail .infoArea td img.qrcode { border:1px solid #e1e1e1; }
.xans-product-detail .infoArea td #span_product_price_text { font-weight:normal; }
.xans-product-detail .infoArea td #span_product_coupon_dc_price { color:#070705; }
.xans-product-detail .infoArea td.fileInfo { color:#757575; }
.xans-product-detail .infoArea td.fileInfo input { width:288px; border:1px solid #c5c5c5; border-right:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; }
.xans-product-detail .infoArea td.fileInfo .infoDesc { margin:0 0 10px 0; }
.xans-product-detail .infoArea td.fileInfo li { margin:4px 0 0; color:#757575; font-size:11px; }
.xans-product-detail .infoArea td.fileInfo li img { vertical-align:bottom; }
.xans-product-detail .delv_price_B strong { font-weight:normal; }
.xans-product-detail .btnTooltip { display:inline-block; position:relative; z-index:10; vertical-align:middle; }

.xans-product-detail .infoArea .xans-product-option tr th { padding:7px 0 5px 4px; vertical-align:top; }
.xans-product-detail .infoArea .xans-product-option tr td { padding:4px 10px 4px 0; }
.xans-product-detail .infoArea .xans-product-option tr:first-child th,
.xans-product-detail .infoArea .xans-product-option .xans-product-fileoption th { padding-top:14px; border-top:1px solid #e8e8e8; }
.xans-product-detail .infoArea .xans-product-option tr:first-child td,
.xans-product-detail .infoArea .xans-product-option .xans-product-fileoption td { padding-top:10px; border-top:1px solid #e8e8e8; }
.xans-product-detail .infoArea .xans-product-option td.selectButton { text-align:right; }

.xans-product-detail .infoArea .xans-product-addoption .txtByte { font-size:11px; vertical-align:middle; letter-spacing:-1px; }
.xans-product-detail .infoArea .xans-product-addoption .txtByte strong { color:#008bcc; }

/* 상품 옵션 */
.xans-product-detail .infoArea .xans-product-option .value { color:#767479; word-break:break-all; }
.xans-product-detail .infoArea .xans-product-option .value .ec-product-value { color:#363437; }
.xans-product-detail .infoArea .xans-product-option .ec-product-button li { position:relative; overflow:hidden; display:inline-block; margin:0 5px 3px 0; vertical-align:top; border:1px solid #d7d7d7; background:#fff; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; *display:inline; *zoom:1; }
.xans-product-detail .infoArea .xans-product-option .ec-product-button li:last-child { margin-right:0; }
.xans-product-detail .infoArea .xans-product-option .ec-product-button li a { display:block; min-width:28px; text-align:center; text-decoration:none; word-break:break-all; }
.xans-product-detail .infoArea .xans-product-option .ec-product-button li a span { display:inline-block; padding:6px 5px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.xans-product-detail .infoArea .xans-product-option .ec-product-button.ec-product-preview li { padding:3px; }
.xans-product-detail .infoArea .xans-product-option .ec-product-button.ec-product-preview li a { min-width:22px; width:22px; height:22px; }
.xans-product-detail .infoArea .xans-product-option .ec-product-button.ec-product-preview li a img { max-width:100%; max-height:100%; }
.xans-product-detail .infoArea .xans-product-option .ec-product-button.ec-product-preview li a span { overflow:hidden; line-height:0; font-size:0; padding:0; text-indent:120%; white-space:nowrap; }
.xans-product-detail .infoArea .xans-product-option .ec-product-button.ec-product-preview .ec-product-soldout span,
.xans-product-detail .infoArea .xans-product-option .ec-product-button.ec-product-preview .ec-product-disabled span { position:absolute; left:0; top:0; z-index:1; }
.xans-product-detail .infoArea .xans-product-option .ec-product-button.ec-product-preview .ec-product-soldout span { background:url("http://img.echosting.cafe24.com/skin/base/product/soldout_bg.png") repeat; }
.xans-product-detail .infoArea .xans-product-option .ec-product-button .ec-product-soldout { border-style:dashed; }
.xans-product-detail .infoArea .xans-product-option .ec-product-button .ec-product-soldout a span { display:inline-block; width:100%; height:100%; cursor:not-allowed; color:#d7d7d7; }
.xans-product-detail .infoArea .xans-product-option .ec-product-button .ec-product-soldout.ec-product-selected { border-style:dashed; }
.xans-product-detail .infoArea .xans-product-option .ec-product-button .ec-product-disabled a { cursor:default; }
.xans-product-detail .infoArea .xans-product-option .ec-product-button .ec-product-disabled a span { display:inline-block; width:100%; height:100%; color:#000; background:#555; filter:alpha(opacity=30); opacity:0.3; }
.xans-product-detail .infoArea .xans-product-option .ec-product-button .ec-product-selected { border:2px solid #495164; }
.xans-product-detail .infoArea .xans-product-option .ec-product-button .ec-product-selected a { margin:-1px; }

/* xans-product-action */
.xans-product-detail .infoArea .xans-product-action { padding:30px 0 10px; border-top:1px solid #e8e8e8; }

/* eventArea */
.xans-product-detail .eventArea { color:#353535; }
.xans-product-detail .eventArea h3 { padding:0 0 0 9px; border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; font-size:12px; color:#008bcc; line-height:39px; }
.xans-product-detail .eventArea .event { padding:27px 10px 46px 9px; color:#353535; line-height:18px; }

/* xans-myshop-benefit */
.xans-myshop-asyncbenefit { margin:30px 0; }
.xans-myshop-asyncbenefit .member { margin:2px 0 19px; }
.xans-myshop-asyncbenefit .member em { font-style:normal; }

/* 상품 미리보기 이미지 */
#image_zoom_small { display:block; position:absolute; z-index:999; background:#fff; outline:2px solid #aaa; filter:alpha(opacity=50); opacity:0.5; }
#zoom_wrap { position:absolute; top:0; left:103%; z-index:100; display:block;}
.image_zoom_large { position:absolute; z-index:99; width:500px; height:500px; overflow:hidden; background:#fff; outline:1px solid #ececec; }
.image_zoom_large .image_zoom_large_relative { position:relative; display:block; }
.image_zoom_large .image_zoom_large_relative img#zoom_image { position:absolute; z-index:99; max-width:none; }

#NaverChk_Button { clear:both; margin:10px 0 0; float:right; }

#divNvPointInfo { display:none; position:absolute; z-index:99; width:245px; padding:10px; color:#777; background:#fff; border:1px solid #5B9761; }
#divNvPointInfo a { display:block; padding:5px 0 0; color:#1ec228; }
#divNvPointInfo a img { vertical-align:middle; }
#imgNaverMileageHelp { cursor:pointer; }

/* 세트상품 및 추가구성상품 */
.infoArea .productSet { margin:10px 0 0; border:1px solid #d7d5d5; }
.infoArea .productSet table { table-layout:fixed; margin:0; }
.infoArea .productSet th { width:100px; padding:5px 5px 5px 8px; color:#353535; }
.infoArea .productSet td { padding:5px 10px; color:#353535; }
.infoArea .productSet td.del { text-decoration:line-through; }
.infoArea .productSet td.price { font-weight:bold; color:#ff8a56; }
.infoArea .productSet td.sale { font-weight:bold; color:#f95959; }
.infoArea .productSet td.thumbnail img { width:78px; height:108px; margin:3px 0 7px; border:1px solid #ececec; }
.infoArea .productSet .product { padding:9px 0 4px; border-top:1px solid #e9e9e9; vertical-align:top; }
.infoArea .productSet .sizeGuide { padding:5px 10px; height:19px; border-top:1px solid #d7d5d5; text-align:right; }
.infoArea .productSet .sizeGuide a { margin:0; padding-left:0; position:static; }
.infoArea .productSet .sizeGuide a span { display:inline-block; padding:0 0 0 24px; background:url("http://img.echosting.cafe24.com/skin/base_ko_KR/product/ico_sizeGuide.gif") no-repeat 0 2px; }
.infoArea .productSet .seperate,
.infoArea .productSet .option { vertical-align:top; *zoom:1; }
.infoArea .productSet .option td { padding:4px 10px; }
.infoArea .productSet .info { padding:0 0 0 58px; color:#8f8f91; }
.infoArea .productSet .selectButton { text-align:right; }

.infoArea .productSet .recommend { position:relative; padding:0 0 0 8px; color:#757575; line-height:38px; background:#fbfafa; }
.infoArea .productSet .recommend strong { padding:0 7px 0 0; font-size:12px; color:#353535; }
.infoArea .productSet .recommend .toggle { position:absolute; right:10px; top:4px; }

.infoArea .productSet.normal { border:0; }
.infoArea .productSet.normal th { border-right:1px solid #d7d5d5; }
.infoArea .productSet.normal tr:first-child th,
.infoArea .productSet.normal tr:first-child td { padding-top:11px; padding-bottom:11px; border-bottom:1px solid #d7d5d5; background:#fbfafa; }
.infoArea .productSet.normal .option th { padding-top:0; }
.infoArea .productSet.normal .option td { padding:1px 10px 7px; }
.infoArea .productSet.normal .option tr:first-child th { padding-top:5px; padding-bottom:6px; border-bottom:0; background:none; }
.infoArea .productSet.normal .option tr:first-child td { padding-top:1px; padding-bottom:6px; border-bottom:0; background:none; }
.infoArea .productSet.normal .product { margin:1px 0 0; padding:0; border:1px solid #d7d5d5; }

.infoArea .productSet.hide .product { display:none; }

/* 총 상품 */
#totalProducts { margin:21px 0 0; }
#totalProducts table { margin:0; }
#totalProducts table .left { text-align:left; }
#totalProducts table .center { text-align:center; }
#totalProducts table .right { padding-right:9px; font-weight:bold; color:#008bcc; text-align:right; }
#totalProducts thead th { height:0; padding:0; font-size:0; line-height:0; }
#totalProducts tbody th { vertical-align:middle; }
#totalProducts tbody td { padding:9px 0; border-top:1px solid #ebebeb; color:#353535; line-height:18px; vertical-align:middle; word-wrap:break-word; word-break:break-all; }
#totalProducts tbody tr td:first-child { padding-left:4px; }
#totalProducts tbody tr:first-child td { border-top:1px solid #9a9ba0; }
#totalProducts tbody td p { padding:0 10px 0 0; font-weight:bold; line-height:21px; }
#totalProducts tbody td p.product span { font-weight:normal; color:#757575; line-height:18px; }
#totalProducts tbody td p.product span.soldOut { color:#008bcc; }
#totalProducts tbody td img { vertical-align:middle; }
#totalProducts tbody td .quantity { display:inline-block; position:relative; width:50px; vertical-align:top; }
#totalProducts tbody td .quantity input { width:22px; height:23px; padding:0 2px 0 3px; line-height:23px; border:1px solid #d4d8d9; border-radius:3px 0 0 3px; }
#totalProducts tbody td .quantity .up { position:absolute; left:28px; top:0; }
#totalProducts tbody td .quantity .down { position:absolute; left:28px; top:12px; }
    #totalProducts tbody.option_products tr td .quantity input,
    #totalProducts tbody.add_products tr td .quantity input { height:19px; line-height:19px; }
    #totalProducts tbody.option_products tr td .quantity .down,
    #totalProducts tbody.add_products tr td .quantity .down { bottom:0; top:auto; }
#totalProducts tbody td .mileage { display:block; white-space:nowrap; }
#totalProducts tbody td .mileage_price { }

#totalProducts tfoot td { padding:34px 9px 19px; border-top:1px solid #9a9ba0; color:#353535; vertical-align:middle; background:#fff; }
#totalProducts tfoot td .total { color:#008bcc; }
#totalProducts tfoot td .total em { font-style:normal; font-size:21px; }

#totalProducts + .xans-product-action { margin-top:0; }

/* 배송비 차등부과 레이어 */
.differentialShipping { display:none; overflow:hidden; position:absolute; left:50%; top:17px; z-index:100; width:350px; margin:0 0 0 -176px; }
.differentialShipping h3.title { height:35px; padding:0 35px 0 19px; border:0; color:#fff; font-size:14px; line-height:35px; background:#495164; }
.differentialShipping .content { padding:12px 18px 14px 18px; border:1px solid #757575; border-top:0; text-align:center; background:#fff; }
.differentialShipping .close { position:absolute; right:14px; top:12px; }
.differentialShipping .close img { cursor:pointer; }

.differentialShipping .content ul { color:#757575; line-height:25px; }
.differentialShipping .content li { overflow:hidden; }
.differentialShipping .content li strong { float:left; font-weight:normal; }
.differentialShipping .content li span { float:right; color:#2e2e2e; }
.differentialShipping .content .info { margin:7px 0 0; padding:7px 0 0; border-top:1px dotted #b0b1b3; color:#80aeef; text-align:right; }

/* SNS 상품 홍보 */
.xans-product-customsns,
.xans-product-customsns ul,
.xans-product-customsns li { display:inline; vertical-align:middle; }
.xans-product-customsns img { margin-bottom:2px; }

/* 회원등급별 할인가 적용 */
.xans-product-detail .infoArea  td > span > ul.discountMember > li { position:relative; float:left; }
.xans-product-detail .infoArea  td ul.discountMember li a { display:block; margin:0 4px 4px 0; }
.xans-product-detail .infoArea  td ul li .discount_layer h3 { margin:0 0 8px; padding:0 10px; font-size:12px; border-bottom:0; }
.xans-product-detail .infoArea  td ul li .discount_layer { display:block; left:-140px; min-width:300px;}
.xans-product-detail .infoArea  td ul li .discount_layer .content { overflow-x:hidden; overflow-y:auto; max-height:400px; }
.xans-product-detail .infoArea  td ul li .discount_layer thead th { padding:0; width:0; height:0; font-size:0; line-height:0; border-width:0 1px 0 1px; }
.xans-product-detail .infoArea  td ul li .discount_layer tbody th { width:auto; }
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700');

/* Reset */
* { border:0; margin:0; padding:0; box-sizing:border-box; list-style:none; }
a { text-decoration:none; outline:none; color:#000; display:inline-block; transition:ease 0.5s; }
a:hover { text-decoration:none; color:#A9A9A9; }
li { list-style:none; }
table { width:100%;
    border-spacing: 0;
    border-collapse: collapse;
}
table caption { display:none; }
table th { font-weight:400; text-align:left; padding:10px 0; }
table td { padding:10px 0; }

/* Image */
img { border:0; }

/* Cafe24 */
#modalContainer { display:none; }
.mobiledisplay { display:none; }





/* Typography */
.alignleft { text-align:left; }
.alignright { text-align:right; }
.aligncenter { text-align:center; }
        
h1, h2, h3, h4, h5, h6 { font-weight:400; }
h1 {  }
h2 {  }
h3 { margin:0 0 15px; }
h4 { margin:0 0 15px; }
h5 { }
h6 { }
p { font-size:12px; }

/* Setting */
.clearfix { height:0; clear:both; float:clear; }


/* Column */
.conbox { max-width:1080px; position:relative; margin:0 auto; }
.conbox2 { max-width:680px; position:relative; margin:0 auto; }
.section, .row { margin:0 auto; position:relative; }
.section-title { margin:100px 0 20px; }

.colpadding { padding:10px; }
.colpadding2 { padding:20px; }

.col90 { width:100%; }
.col80 { width:80%; }
.col75 { width:75%; }
.col70 { width:70%; }
.col60 { width:60%; }
.col50 { width:50%; }
.col40 { width:40%; }
.col33 { width:33.3333333336%; }
.col30 { width:30%; }
.col25 { width:25%; }
.col20 { width:20%; }
.col10 { width:10%; }

.floatleft { float:left; }
.floatright { float:right; }

.page-title { text-align:left; padding:20px 0; font-size:13px; }




/* Form */
.form-submit { font-size:12px; }
.form-submit li > label { display:block; margin:15px 0 5px; text-transform:; font-size:10px; }

.form-list { }
.form-list li.list-item { padding:10px 0; overflow:hidden; }

/* Input */
input[type=text], input[type=password] { width:100%; border:0; background:#F5F5F5; box-sizing:border-box; padding:10px; color:#9A9A9A; font-size:12px; font-family:inherit; border:0px solid #E1E1E1; }
select { width:100%; box-sizing:border-box; padding:7px; font-size:13px; font-family:inherit; border:0px solid #E1E1E1; background:transparent; background:#F5F5F5; }
textarea { background:transparent; width:100%; padding:7px; font-size:12px; font-family:inherit; border:0px solid #E1E1E1; min-height:100px; background:#F5F5F5; }

.radio-wrap label { margin-left:5px; }
.radio-value { font-size:12px; margin-left:5px; display:inline-block; }
.input-desc { font-size:11px; line-height:26px; }
.label-box { padding:0 0 20px; }
.label-box label { display:inline-block; font-size:11px; margin:0 10px 0 5px; }

/* Buttons */
.button-box { padding:20px 0 0; }

.button { background:transparent; color:inherit; border:0; font-family:inherit; font-weight:inherit; font-size:inherit; letter-spacing:inherit; cursor:pointer; }
.button:hover { color:#A9A9A9; }

.button-text-small { float:none !important; display:inline-block !important; font-size:9px; text-transform:uppercase; cursor:pointer; border:0; }
.button-text-small:hover { color:#A9A9A9; border:0; text-decoration:none; }



/* Login */
.login-wrap { max-width:400px; margin:0 auto; }
.form-login li { margin:0 0 15px; }

.login-wrap .login-button-login { height:42px; line-height:42px; display:block; border:1px solid #000; text-transform:uppercase; font-size:13px; text-align:center; background:#000; color:#FFF; float:left; }
.login-wrap .login-button-join { float:right; margin-top:0px; }

.forgotten { margin:10px 0 0; font-size:12px; float:left; opacity:0.45; }
.forgotten li { float:left; margin-right:5px; }

.guest-order { margin:100px 0 0; }
.guest-order h3 { display:none; }
.guest-order .button { height:42px; line-height:42px; display:block; border:1px solid #000; text-transform:uppercase; font-size:13px; text-align:center; }

.login-guest-wrap { margin-top:20px; }
.login-guest-wrap input#order_id1, .login-guest-wrap input#order_id2 { width:48%; max-width:100px; }
.login-guest-wrap input#order_id1 { margin-right:10px; }
.login-guest-wrap input#order_id2 { margin-left:10px; }


.login-guest-wrap input[type=submit] { height:42px; line-height:42px; display:block; border:1px solid #000; text-transform:uppercase; font-size:13px; text-align:center; background:#000; color:#FFF; width:100%; }


/* Find */
.form-search-account { }
.form-search-account select#searchType { max-width:100px; }
.form-search-account input#member_id { max-width:160px; }
.form-search-account .name input { max-width:120px; }
.form-search-account .mobile input { max-width:60px; }
.form-search-account .email input { max-width:320px; }

.find-wrap p.check { padding:40px 0 10px; }
.find-wrap p.check input[type=radio] { margin-right:5px; }

.find-wrap .button-box a { margin-right:20px; }

.find-wrap .form-submit label span { font-size:12px; }




/* Register */
.register-wrap { max-width:400px; margin:0 auto; }
.form-register-type { padding:0 0 40px; }
.form-register-type li { margin-right:20px; }
.form-register-type li label { display:inline-block; }
.form-register-type li input { margin-right:5px; }

.register-agreement { margin:50px 0 0; position:relative; }
.register-agreement .toggle-trigger { cursor:pointer; position:absolute; top:0; right:0; }
.register-agreement h3 { }
.register-agreement .content { font-size:11px; margin:10px; height:100px; overflow:scroll; }
.register-agreement input[type=checkbox] { margin:0 5px 0 10px; }
.register-button { margin:60px 0 20px; }
.register-button a { height:42px; line-height:42px; display:block; border:1px solid #000; text-transform:uppercase; font-size:13px; text-align:center; background:#000; color:#FFF; }

/* Register Input */
.form-submit-phone select { max-width:60px; margin-right:5px; }
.form-submit-phone input { max-width:50px; margin:0 5px; padding:7px 2px; text-align:center; }
.form-submit-zipcode input { max-width:100px; }

.form-submit-address input#raddr2 { margin:10px 0 0; }

/* .form-submit-email input#email1,*/ .form-submit-email input#oemail1 { width:30%; max-width:150px; margin-right:5px; }
.form-submit-email input#email2, .form-submit-email input#oemail2 { width:30%; max-width:200px; margin:0 5px; }
.form-submit-email select { width:28%; margin-left:5px; }


.register-wrap input#postcode1 { max-width:100px; }
.register-wrap input#addr1 { margin:0 0 10px; }



/* Cart */
.cart-wrap {  }
.cart-wrap .cart-list { width:50%; float:left; }
.cart-list ul { border-top:0px solid #000; border-bottom:0px solid rgba(0,0,0,0.25); }
.cart-list ul li { width:100%; font-size:13px; padding:20px 0; overflow:hidden; border-bottom:0px solid #000; position:relative;  border-top:0px solid rgba(0,0,0,0.25); }
.cart-list-thumb { width:20%;  font-size:0em; float:left; background:#F8F8F8; }
.cart-list-thumb a { display:block; }
.cart-list-thumb img { width:100%; mix-blend-mode:multiply; }
.cart-list-product { width:80%; padding-left:20px; box-sizing:border-box; float:right; }
.cart-list-product .cart-list-name { overflow:hidden; margin:0 0 25px; }
.cart-list-product .cart-list-name p { font-size:13px; }

.cart-list-product .cart-list-remove { margin:15px 0 0; font-size:11px; position:absolute; left:calc(20% + 20px); bottom:20px; opacity:0.35; text-transform:uppercase; }

.cart-list-quantity  { margin-top:20px; }
.cart-list-quantity input { width:30px; text-align:center; color:#000; font-size:12px; border:0; padding:0; background:transparent; }
.cart-list-quantity a { margin-left:10px; }

.cart-list-price { position:absolute; right:0; top:20px; }

.cart-list input[type=checkbox] { display:none; }

.cart-summary { padding:20px 0 20px; line-height:20px; float:right; width:30%; border-top:0px solid rgba(0,0,0,0.25); }
.cart-summary label { font-weight:400; display:inline-block; font-size:13px; margin:0 0 3px; width:120px; }
.cart-summary li { margin:0 0 10px; }
.cart-button { padding-top:0px; }
.cart-button a { height:42px; line-height:42px; display:block; border:0px solid #000; text-transform:uppercase; font-size:13px; text-align:center; background:#000; color:#FFF; }

/* Cart Individual */
span.cart-individual-shipping { display:block; color:#A9A9A9; font-size:11px; padding:3px 0 0; }




/* Order Sheet */
.order-sheet-wrap input#oname, .order-sheet-wrap input#rname { max-width:160px; }
.order-sheet-wrap input#order_password, .order-sheet-wrap input#order_password_confirm { max-width:200px; }

.order-payment-type span.ec-base-label label { display:inline-block !important; margin:5px 0 !important; }
.order-payment-type input[type=radio] { margin-right:5px; }
.order-pay-wrap .form-submit li { width:50%; float:left; }
.order-pay-wrap .form-submit input, .order-sheet-wrap input#input_mile { max-width:150px; }
.order-sheet-wrap input#input_mile { width:100% !important; max-width:100px !important; margin-right:10px !important }
.order-pay-wrap .form-submit select { width:80%; }

.order-pay-wrap input#total_price { text-align:left !important; }

.order-sheet-button { margin:60px 0 0; }
.order-sheet-button a { height:42px; line-height:42px; display:block; border:1px solid #000; text-transform:uppercase; font-size:13px; text-align:center; background:#000; color:#FFF; }


.order-wrap .cart-summary li { margin:0; }

/* Order - Result */
.order-result-wrap p { margin:0 0 30px; }
.order-result-wrap ul.form-submit { margin:0 0 30px; }
.order-result-wrap .button-box .floatleft a { margin-right:15px; }



/* Thumbnail */
.thumb-img { width:100%; }
.thumbnail { margin:0 -1px; }
.thumbnail > li { padding:1px; position:relative; }
.thumbnail li .thumbnail-image { position:relative; background:#F8F8F8; }
.thumbnail li .thumbnail-image a, .thumbnail li .thumbnail-image a:hover { border:0; display:block; }
.thumbnail li .thumbnail-image a img { mix-blend-mode:multiply; }

.thumbnail li:hover .thumbnail-image { background:#FFF; }
.thumbnail li .thumbnail-image { position:relative; }
.thumbnail li .thumbnail-image a, .thumbnail li .thumbnail-image a:hover { border:0; display:block; transition:none; }
.thumbnail li .thumbnail-image a img { opacity:1; transition:ease 0s; }
.thumbnail li .thumbnail-image a img.second-img { position:absolute; top:0; width:100%; z-index:4; opacity:0; left:0; }
.thumbnail li:hover > .thumbnail-image a img.second-img { opacity:1; }
.thumbnail li:hover > .thumbnail-image a img.first-img { opacity:0; }




.thumbnail li .thumbnail-soldout { color:#FF6600; text-transform:uppercase; font-size:14px; }
.thumbnail .thumbnail-info { position:absolute; left:0; bottom:0; padding:15px 20px; }
.thumbnail .thumbnail-info p { text-transform:uppercase; font-size:14px; line-height:1.4; }
.thumbnail .thumbnail-info p.name {  }
.thumbnail .thumbnail-info p.name span { font-size:14px !important; color:#000 !important; }


.thumbnail .thumbnail-info .price { font-size:14px; }
.thumbnail .thumbnail-info .price > div { display:inline-block; }
.thumbnail .thumbnail-info .price .before-sale { }

.thumbnail li:hover > .thumbnail-info p.name span { color:#A9A9A9 !important; }

/* Paging */
.paging { text-align:center; padding:60px 0 20px; }
.paging * { display:inline-block; }
.paging a { margin:0 10px; }
.paging ol li a.this { color:#A9A9A9; }



/* Product */
.product-wrap { }
.product-header { padding:0px 0; margin:30px -20px; }
.product-header .colpadding { padding:20px; }

.product-images { font-size:0em; text-align:center; }
.product-images img { width:100%; mix-blend-mode:multiply; max-width:800px; }

.product-info { padding:100px 40px; }
.product-info-box {  max-width:420px; margin:0 auto; }
.product-info .product-name { font-size:16px; text-transform:uppercase; font-weight:500; font-family:Helvetica; margin:0; }
.product-info .product-price { margin-left:0px; margin-top:6px; font-family:'DTP', Noto Sans KR, sans-serif;  font-weight:400; font-size:14px; }
.product-info .product-mileage { margin-left:20px; color:#A9A9A9; font-size:10px; display:none; }
.product-info .product-desc { padding:30px 0; font-size:14px; line-height:1.5; max-width:420px; text-indent:0px; }
.product-info .product-desc  * { font-size:14px !important; }

.product-option > ul > li { float:left; width:100%; clear:both; overflow:hidden; padding:10px 0; }
.product-option label { display:block; padding:5px 0; font-size:10px; }
.product-option .ec-product-button li { float:left; margin:5px 0 0 15px; }
.product-option .ec-product-button li.ec-product-selected a { border-bottom:1px solid #000; }
.product-option .ec-product-button li.ec-product-soldout a { text-decoration:line-through; color:#A9A9A9; }

.product-info .product-quantity {  font-weight:300; font-family:inherit; max-width:35px; color:#000; font-size:12px; text-align:center; margin-left:15px; margin-top:5px; }
.product-info .quantity-button { margin-left:10px; float:none !important; display:inline-block !important; font-size:9px; text-transform:uppercase; cursor:pointer; }
.product-info .quantity-button:hover { color:#A9A9A9; }

.product-info .product-button { margin:30px 0 0; }
.product-info .product-button a.add-to-bag { height:50px; line-height:50px; display:block; border:1px solid #000; text-transform:uppercase; font-size:13px; text-align:center; }

.product-info .product-soldout { margin:0 0 20px; color:#FF6600; text-transform:uppercase; font-size:11px; }

/* Product - Board */
.product-board-wrap { margin:0 0 100px; padding:20px; }
.product-board { margin:100px 0 0; }
.product-board-button a { margin-left:20px; }





/* Thumbnail Collection */
.thumbnail-collection { margin:0 -20px;  }
.thumbnail-collection li { position:relative; padding:0; }
.thumbnail-collection li .thumbnail-info { position:relative; top:0; left:0; padding:10px; }
.thumbnail-collection li .thumbnail-info p { font-size:16px; }
.thumbnail-collection li .thumbnail-info p.name span { font-size:16px !important; font-weight:400; color:#FFF !000; }


/* Collection Single */
.collection-wrap  .collection-images img { width:100%; }




/* My Account */
.myaccount-menu { padding:0 0 50px; }
.myaccount-menu li { display:inline-block; margin:0 30px 0 0; }

/* My Account - Dashboard */
.myaccount-dashboard { }
.myaccount-dashboard-button { margin:20px 0 0; }
.myaccount-dashboard-button a { margin-right:15px; }

/* My Account - Order Detail */
.order-detail-wrap .row { margin:0 0 80px; overflow:hidden; }

.order-detail-item { max-width:600px; }
.order-detail-item .col30 .col100 { max-width:120px; }


/* My Account - Mileage */
.myaccount-mileage-list ul li { margin:0 0 10px; }
.myaccount-mileage-list span { margin-right:15px; }
.myaccount-mileage-list span.myaccount-mileage-date { color:#A9A9A9; }

/* My Account - Addressbook */
.form-submit-addressbook { }
.form-submit-addressbook input#ma_rcv_title { max-width:160px; }
.form-submit-addressbook input#ma_rcv_name { max-width:100px; }
.form-submit-addressbook input#address_zip1 { max-width:80px; }
.form-submit-addressbook input#address_addr1 { max-width:420px; }
.form-submit-addressbook input#address_addr2 { max-width:420px; margin:10px 0 0; display:block; }



/* Board */
.form-list-board { }
.form-list-board .list-board-notice { font-weight:500; }


.board-button { margin:20px 0; }
.board-search { padding:10px 0; }
.board-search select { width:25%; max-width:80px; }
.board-search input { width:30%; max-width:200px; }

.board-admin { padding:10px 0; }
.board-admin select { width:25%; max-width:100px; }

.board-wrap .button-box .floatleft a { margin-right:15px; }
.board-wrap .button-box .floatright a { margin-left:15px; }



/* Board - Write * Modify */
.form-submit-board input#subject { max-width:500px; }
.form-submit-board input#writer, .form-submit-board input#captcha { max-width:150px; }
.form-submit-board input#password { max-width:100px; }


.board-wrap .secret .password input { max-width:160px; }



/* Agreement */
.agreement-wrap .agree { font-size:12px; line-height:22px; padding:0px; }



/* CS */
.cs-wrap { max-width:960px; margin:0 auto; }
.cs-wrap .button-wrap { margin:20px 0; text-align:center; }
.cs-wrap .button-wrap a { border:1px solid #000; font-size:14px; text-align:center; padding:0 60px; line-height:50px; height:50px; display:inline-block; }


@font-face {
	font-family: 'DTP';
	src: url("//dodetenewthings.com/fonts/DiatypePre-Light.eot");
	src: local('☺'), url("//dodetenewthings.com/fonts/DiatypePre-Light.woff") format('woff'), url("//dodetenewthings.com/fonts/DiatypePre-Light.ttf") format('truetype'), url("//dodetenewthings.com/fonts/DiatypePre-Light.svg") format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'dia';
    src: url("//dodetenewthings.com/e_up/font/Dia_Regular.woff") format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'dia';
    src: url("//dodetenewthings.com/e_up/font/Dia_Bold.woff") format('woff');
    font-weight: 600;
    font-style: normal;
}



body { font-family: 'dia', Noto Sans KR, sans-serif; font-weight:300; font-size:12px; line-height:1.35;  background:var(--brand-color); word-break:keep-all; }

/* Layout */
#container { }

.search-box { position:absolute; top:15px; left:-110px; width:120px; display:none; }
.search-box-box {  }
.search-box input { border:0; border-bottom:1px solid #000; padding:0 0 5px; font-size:14px; text-align:left; background:transparent; position:absolute; top:50%; transform:translate(-50%, -50%); left:50%; color:#000; width:90%; outline:none; }
.search-box.active { display:block !important; }
.search-close {display:none; }



#header .header-notice { background:#000; color:#FFF; text-align:center; height:30px; line-height:30px; overflow:hidden; }
#header .header-notice p { line-height:30px; font-weight:500; }
#header .header-notice .bx-controls { display:none; }
#header .header-box { padding:0px 20px 10px; text-transform:uppercase; }
#header .conbox {  background:#FFF; height:80px; padding:20px 0 0; }

#header .logo { position:absolute; top:10px; left:50%; transform:translateX(-50%); z-index:99; font-size:32px; }
#header .logo img { height:30px; }

.shoppingbag { float:right; text-align:right; padding-top:15px; position:relative; }
.shoppingbag ul li { float:right; margin-left:15px; }
.shoppingbag a {  }
.shoppingbag svg { height:18px; vertical-align:middle; position:relative; top:-2px; }

.lang-box { display:none; }
.lang-trigger { cursor:pointer; }

html.safari .shoppingbag svg > li:nth-child(2),
html.win.chrome .shoppingbag svg > li:nth-child(2) { top:4px; }

#header .category { position:fixed; left:20px; top:20px; }
#header .category > ul { }
#header .category > ul > li { position:relative; margin:0 0 0px; }
#header .category > ul > li > a { padding-right:60px; }

#header .category li a.sub-trigger { cursor:pointer; }
#header .category li.active a.sub-trigger { text-decoration:underline; }

.category-sub { display:none; padding:5px 0 25px 10px; overflow:hidden; position:relative; top:0px; left:0; }
.category-sub li { display:block; margin:0 0 0px; }
.category-sub a { clear:both; }
.category-sub a span { font-size:inherit !important; color:inherit !important; margin:0; }

.category-sub li.active a { color:#AFAFAF; }

/* .category ul li:hover > .category-sub { display:block; } */
#header .category li.active .category-sub { display:block !important;  }




.collection-archive { margin-top:15px; }
.collection-archive .archive-trigger { color:#A9A9A9; font-weight:300; }

.collection-archive .archive-list { font-weight:300; font-size:12px; margin:10px 0 0; display:none; }

#header:hover { }

#contents { margin:0 auto; overflow:hidden; padding:52px 20px 0px; }

.shop-category { text-align:center; padding:0 0 40px; }
.shop-category li { display:inline-block; margin:5px 10px; }

.designers-title { padding-left:20px; }
.list-designers li { display:block; font-size:28px; line-height:40px; margin:10px 0; }


#footer { padding:80px 20px 20px; text-transform:uppercase; position:relative; }

#footer .footer-box { float:left; margin-right:80px; font-size:13px; }
#footer .footer-box h3 { font-weight:500; margin:0 0 5px; }

#footer .footer-box ul li { float:left; margin-right:15px; }

#footer .footer-info { float:right; text-align:right; font-size:11px; position:absolute; bottom:20px; right:20px; }

/* Main */

.maincover img { width:100%; }

.mainslide { position:relative; }

.bx-pager { width:100%; text-align:right; z-index:99; padding:20px 0px; }
.bx-pager .bx-pager-item { width:13px; height:13px; display:inline-block; margin:0 0 0 20px; font-size:0em; }
.bx-pager .bx-pager-item a { display:block; width:100%; height:100%; border-radius:50%; background:transparent; border:2px solid #000; }
.bx-pager .bx-pager-item a.active { background:#000; }

.bx-prev, .bx-next { font-size:42px; z-index:999; display:none; }


.main-category { margin:100px 0; }
.main-category ul li { margin:0 0 25px; width:32%; margin-right:2%; }
.main-category ul li:nth-child(3n) { margin-right:0; }











/**
* Swiper 5.3.7
* Most modern mobile touch slider and framework with hardware accelerated transitions
* http://swiperjs.com
*
* Copyright 2014-2020 Vladimir Kharlampidi
*
* Released under the MIT License
*
* Released on: April 10, 2020
*/

@font-face{font-family:swiper-icons;src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}
.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}
.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}
.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}
.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}
.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}
.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}
.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}
.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}
.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}
.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}
.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}
.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}
.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}
.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}
.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}:root{--swiper-navigation-size:44px}
.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(-1 * var(--swiper-navigation-size)/ 2);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial}
.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}
.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'}.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white{--swiper-pagination-color:#ffffff}.swiper-pagination-black{--swiper-pagination-color:#000000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}
.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}

@media only screen and (device-width: 1180px),
    only screen and (max-width: 1180px),
    screen and (max-device-width: 1180px) {
        


        .product-related { position:relative; right:0; top:0; width:100%; max-width:100%; padding:5px; margin-top:0px; }
        .product-related .thumbnail li { padding:5px; width:50%; max-width:220px; }
        .product-related .thumbnail li .thumbnail-info p { font-size:11px; }
        .product-related .thumbnail li .thumbnail-info p.name { padding-right:0; }
        .product-related .thumbnail li .thumbnail-info p.name a { color:#A9A9A9; }
        .product-related .thumbnail li .thumbnail-info span.price { color:#A9A9A9; }



        .myaccount-wrap  { padding-top:80px; margin:0; }
        
}        


@media only screen and (device-width: 980px),
    only screen and (max-width: 980px),
    screen and (max-device-width: 980px) {


        #contents {  }

        .thumbnail > li.col33 { width:50%; }
        .thumbnail > li:nth-child(3n+1) { clear:none; }
        .thumbnail > li:nth-child(2n+1) { clear:both; }
        

        .thumbnail-collection li .thumbnail-info p.name span { font-size:28px !important; line-height:34px !important; }

        .collection-images.colpadding { padding:0; }
        .collection-images li { width:50%; padding:0 0 20px; font-size:0em; }
        .collection-images li:nth-child(even) { padding-right:10px; }
        .collection-images li:nth-child(odd) { padding-left:10px; }

        .product-related .thumbnail li { width:50%; }


}        


@media only screen and (device-width: 780px),
    only screen and (max-width: 780px),
    screen and (max-device-width: 780px) {
        
        html, body { overflow-x:hidden; }
        
        .conbox60 { width:100%; }
        .poscenter { position:relative; top:0; left:0; transform:translate(0,0); }
        
/*        .button { font-size:13px; padding:7px 15px;  } */
        #wrapper { padding:0; position:relative; left:0; transition:ease 0.5s; }

        input[type=password], input[type=text], select { -webkit-appearance: none; -webkit-border-radius:0; border-radius:0; }

        .mobiledisplaynone { display:none; }
        .mobiledisplay { display:block; }
        
        .mobile-search input { padding:0; background:transparent; text-align:right; outline:none; }

        .burger { position:fixed; top:17px; left:15px; width:20px; height:25px; cursor:pointer; z-index:99; transition:ease 0.5s; }
        .burger span, .burger span::after, .burger span::before { display:block; content:""; position:absolute; width:100%; height:0.05em; background:#000; }
        .burger span::after { top:7px; }
        .burger span::before { top:14px; }

        .shoppingbag { padding-top:4px; }
        .shoppingbag ul li { font-size:18px; margin-left:6px; }
        
        
        
        #contents { padding:50px 15px 70px; position:relative; left:0; transition:ease 0.5s; }
        
        
       


        #footer { padding:20px 20px 50px; position:relative; border-top:0px solid #000;  margin-top:80px; border-top:0px solid #000; }
        #footer .footer-logo { text-align:center; font-size:0em; }
        #footer .footer-logo img { height:30px; }
        
        #footer .footer-box { float:none; text-align:center; width:100%; margin:40px 0 0; }
        #footer .footer-box h3 { font-size:12px; margin:0px; }
        #footer .footer-box ul { text-align:center; }
        #footer .footer-box ul li { display:inline-block; font-size:11px; margin:0 5px; float:none; }
        
        #footer .footer-info { position:relative; bottom:0; right:0; margin-top:40px; font-size:10px; text-align:center; float:none; }
        
        
        body.nav-up #header { top:-35px; }
        body.nav-active #header { top:0 !important; }
        
                
        
        /* Category Mobile */
        body.nav-active #header .category { left:0; }
        body.nav-active #header { left:80%; }
        body.nav-active #header .burger { left:calc(80% + 15px); }
        body.nav-active #header .category-back { width:100%; height:100%; background:rgba(0,0,0,0.15); position:fixed; left:0; top:0; z-index:5; }
        
        
        body.nav-active #contents { left:80%; }
        
        
        
        
        .shop-wrap .thumbnail { margin:0px; width:100%; padding:0; }
        .shop-wrap .thumbnail > li { width:50%; margin:0 0 2px; }
        .shop-wrap .thumbnail > li.col:nth-child(odd) { padding:0; padding-right:1px; }
        .shop-wrap .thumbnail > li.col:nth-child(even) { padding:0; padding-left:1px; }
        
        .thumbnail > li:hover .thumbnail-image { background:#F8F8F8; }

        .shop-wrap .thumbnail .thumbnail-info * ,
        .thumbnail .thumbnail-info p.name span { font-size:12px !important; line-height:15px !important; }
        
        
        .thumbnail-collection li { width:50%; }
        .thumbnail-collection li .thumbnail-info { min-height:100px; }
        .thumbnail-collection li .thumbnail-info p,
        .thumbnail-collection li .thumbnail-info p.name, .thumbnail-collection li .thumbnail-info p.name span { font-size:12px !important; line-height:16px !important; }

        .product-wrap { margin:0; z-index:5; }
        .product-header { margin:0 0px 0; }
        .product-info { width:100%; padding:5px 0px; margin-top:15px; top:0; }
        .product-info .product-addtext { position:relative; top:0; right:0; width:auto; text-transform:uppercase; }
        .product-option .ec-product-button li { float:none; margin-right:30px; padding-left:20px; position:relative; margin-bottom:7px; }
        
        .product-addinfo { padding-left:0; position:relative; margin:60px 0 0; }
        .product-addinfo label { position:absolute; left:0; text-transform:uppercase;  font-size:10px; display:none; }
        .product-addinfo .product-addinfo-wrap { font-size:12px; }


        .product-images { padding:0; width:100%; }
        .product-images ul li { padding:0; margin:0;  font-size:0em; }
        .product-images img { padding:0; }
        
        .product-slide .slide-img { width:100%; }
        .product-slide .slide-img img { height:auto !important; width:100%; }
        
        .product-slide .slide-img .zoom-trigger { position:absolute; right:12px; bottom:10px; font-size:12px; display:none; }


        .product-board-wrap { padding:20px 0; }

        
        
        
        
        .collection-images.colpadding { padding:0; }
        .collection-images li:nth-child(even), .collection-images li:nth-child(odd) { padding:0 0 20px; width:100%; }

        
        /* Login */ 
        .login-wrap { max-width:400px; width:100%; position:relative; left:0; top:0; transform:translate(0,0); padding:0 0px; margin-top:80px; }

        /* Cart */
        .cart-wrap { width:100%; }
        .cart-wrap .cart-list, .cart-summary { width:100%; }
        .cart-wrap .cart-list li { padding:15px 0; position:relative; }
        
        .cart-list-col { display:block; }
        .cart-list-thumb { float:left; width:30%; font-size:0em; }
        .cart-list-thumb img { width:100%; max-width:100%; mix-blend-mode:multiply;  }
        .cart-list-product { width: 70%; padding-left:15px; float:left; }
        .cart-list-quantity { width:70%; float:left; padding-left:0px; margin-top:0px; }
        .cart-list-quantity input { display:block; float:left; clear:both; }
        .cart-list-quantity a { display:block; float:left; clear:both; margin:0 0 0 10px; }
        .cart-list-price {  width:70%; float:left; padding-left:0px; margin-top:15px; text-align:left; position:relative; top:0; }

/*        .cart-list li .cart-checkbox { position:absolute; top:0; right:0; display:block; } */
        .cart-list-product .cart-list-remove { margin:15px 0 0; font-size:11px; position:absolute; left:calc(30% + 20px); bottom:20px; opacity:0.35; text-transform:uppercase; }

        

        /* Board - List */
        .form-list-board li.list-item { border-top:1px solid #EEE; }
        .form-list-board li div > div.col { width:100% !important; padding:2px 0; }
        

        .guide-wrap { position:relative; padding-left:0; padding-top:20px; margin-top:0px; }
        .guide-wrap .page-title { position:relative; left:0; top:0; }
        .guide-wrap .row  {  margin:0 0 120px; }
        .guide-wrap .row h3 { font-size:12px; }
        .guide-wrap .row p { font-size:12px; }
        
        
        
        
        /* ACCOUNT - ORDER */
        .xans-myshop-orderhistorylistitem ul.form-list li.form-list-head { display:none; }
        .xans-myshop-orderhistorylistitem ul.form-list li { border-bottom:1px solid #CCC; padding:10px 0; }
        .xans-myshop-orderhistorylistitem ul.form-list li > .col40 { width:60%; }
        .xans-myshop-orderhistorylistitem ul.form-list li > .col40 > .col { width:100%; text-align:left; }
        .xans-myshop-orderhistorylistitem ul.form-list li > .col40 > .col a { color:#A9A9A9; text-decoration:underline; }
        
        .xans-myshop-orderhistorylistitem ul.form-list li > .col60 { width:40%; }
        .xans-myshop-orderhistorylistitem ul.form-list li > .col60 > .col { width:100%; }

        
        .contact-wrap .col50 {width:100%;}

}        
:root {
    --font-xs:11px;
    --font-s:13.5px;
    --font-m:18px;
    --font-l:24px;
    --font-xl:32px;
    --font-title:75px;
    --font-title-s:42px;
    --brand-color:#f7f5e4;
}
#main_layout {}
#main_layout #contents {padding: 0;}

#main_page {width:100%; }
#main_page ul {width:100%; font-size:0;letter-spacing:0;}
#main_page ul li {display:inline-block; width:33.333%;    position: relative; vertical-align: top}
#main_page ul li img {width:100%;position: relative; z-index:2;}
#main_page ul li h2 {position: absolute; top:20px; left:20px; z-index:3; font-size:var(--font-l); color:#000;}
#main_page #main_swiper {width:100%; height:100vh;}
#main_page #main_swiper .swiper-wrapper {width:100%;height:100%;}
#main_page #main_swiper .swiper-wrapper .swiper-slide {width:100%;height:100%;}
#main_page #main_swiper .swiper-wrapper .swiper-slide img{width:100%;height:100%;object-fit: cover;}
#main_page #main_swiper .swiper-pagination {bottom: 20px;}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {background: #fff;    opacity: 0.6;}
#main_page #main_swiper .swiper-pagination-bullet-active {background: #fff;opacity: 1;}
#main_page #main_swiper .pc{display:block;}
#main_page #main_swiper .mo{display:none;}




.nav {width:100%; box-sizing:border-box; padding:0 40px;position: absolute;left: 0;bottom: 3px;display:none; z-index:2;}
.nav.active {display:block;}
.nav ul {font-size:0;}
.nav ul li {display:inline-block;vertical-align: middle;}
.nav ul li i {font-size:var(--font-xs);padding: 0 10px;display: inline-block;vertical-align: middle;color:#bfbdb0;}
.nav ul li a{font-size:var(--font-s);display:inline-block;vertical-align: middle; color:#bfbdb0;}


.paginate {width:100%; font-size:0; display:block;text-align: center; padding:40px 0;}
.paginate a {display:inline-block;vertical-align: middle; font-size:var(--font-s); padding:0 10px;}
.paginate a.this {    text-decoration: underline; text-underline-offset: 2px;}
.paginate ul {display:inline-block;vertical-align: middle;}
.paginate ul li {display:inline-block;vertical-align: middle;}


#custom-footer {width: 100%;padding: 40px 40px 20px; font-size:0;    border-top: 1px solid #000;}
#custom-footer .flex-box {display: flex; justify-content: space-between;padding: 0 0 20px;}
#custom-footer .left {}
#custom-footer .left #stb_subscribe {background: none;padding: 0;border: none;    font-family: 'dia', Noto Sans KR, sans-serif;}
#custom-footer .left #stb_subscribe * {font-size:0;}
#custom-footer .left #stb_subscribe .stb_form_set {padding: 0; display: inline-block;vertical-align: bottom;overflow: unset;}
#custom-footer .left #stb_subscribe .stb_form_set .stb_form_set_input {font-size: var(--font-s);line-height: 1.5;height: 25px;background: none;border: none;border-bottom: 1px solid #000;padding: 0;appearance: none;width: 170px;font-family: 'dia', Noto Sans KR, sans-serif;}
#custom-footer .left #stb_subscribe .stb_form_msg_error {position: absolute;left: 0; bottom: -100%; font-size: var(--font-xs); color: red;}
#custom-footer .left #stb_subscribe .stb_form_set_submit {display: inline-block;width: 100px;padding: 0;margin: 0 0 0 20px;}
#custom-footer .left #stb_subscribe .stb_form_submit_button {background: none !IMPORTANT;border: 1px solid #000 !important;height: auto;font-size: var(--font-s);text-align: center;color: #000 !IMPORTANT;line-height: 25px;padding: 0;width: 100px;    font-family: 'dia', Noto Sans KR, sans-serif;}
#custom-footer .left #stb_subscribe .stb_form_result {padding: 10px 0 0;}
#custom-footer .left #stb_subscribe .stb_form_result p {font-size: var(--font-s);color: #000;}
#custom-footer .left #stb_subscribe .stb_form_result:after {content:"구독완료";}
#custom-footer .left span {font-size:var(--font-s);color:#666666;}

#custom-footer .right {}
#custom-footer .right a {display:inline-block; margin:0 0 0 20px; font-size:var(--font-s);}
@media screen and (max-width: 780px) {
    .nav {padding:0 20px;}
    #main_page ul li {width:50%;}
    #main_page ul li:nth-child(1),
    #main_page ul li:nth-child(4),
    #main_page ul li:nth-child(5) {width:100%;}
    #main_page ul li h2 {top: 10px;left: 10px;font-size: var(--font-s);}

    #main_page #main_swiper .mo{display:block;}
    #main_page #main_swiper .pc{display:none;}
    
    
    
    #custom-footer {padding:40px 20px 10px;}
    #custom-footer .flex-box {display:block;    text-align: center;}
    #custom-footer .left {margin: 0 0 20px;}
    #custom-footer .left #stb_subscribe .stb_form_set {width:100%;}
    #custom-footer .left #stb_subscribe .stb_form_set .stb_form_set_input {width:100%;}
    #custom-footer .left #stb_subscribe .stb_form_set_submit {    margin: 20px auto 0;display: block;}
    #custom-footer .right {    text-align: center;}
    #custom-footer .right a {display: block;margin: 0 auto;line-height: 2;}
    

}
body.close {width: 100%; height: 100%; overflow: hidden;}
#opop {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background:#fff;z-index: 99999;display: none;}
#opop h2 {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);white-space: nowrap;font-size: 6vw;}
.close #opop {display:block;}
#header {position: fixed;top: 0;left: 0;width: 100%;box-sizing:border-box; padding:19px 40px 12px;display: flex;justify-content: space-between;    align-items: stretch;z-index:99; background:var(--brand-color);}
#header .left{flex: 1;    display: flex;align-items: center;}
#header .left span {display:none;}
#header .left img {height:28px;}
#header .center {text-align: center; flex: 1; position: relative;z-index: 3;}
#header .center img{height:28px;}
#header .center .menu {display:block; margin:17px auto 0;}
#header .center .menu a{font-size:var(--font-s); margin:0 40px 0 0; line-height:1;}
#header .center .menu a:last-child {margin:0;}
#header .center .menu a.active {border-bottom:1px solid #000;}
#header .right { flex: 1;text-align: right;}
#header .right .search-boxbox {width:100px;display: inline-block;    margin: 0 20px 0 0;}
#header .right .xans-layout-searchheader {width:100%; box-sizing:border-box;border-bottom:0px solid #000; font-size:0; margin:0 0 20px;position: relative;}
#header .right .search-boxbox:hover .xans-layout-searchheader {border-bottom:1px solid #000;}
#header .right .xans-layout-searchheader #keyword {background: none;font-size: var(--font-s);color: #000;    height: 18px;line-height: 18px; padding:0;    outline: none;}
#header .right .xans-layout-searchheader #icon-s {display:none;}
#header .right .xans-layout-searchheader svg {position: absolute;top: 0px;right: 0px;width: 15px;cursor: pointer;}
#header .right a {font-size:var(--font-s); margin:0 20px 0 0;}
#header .right a:last-child {margin:0;}
#header a {transition: none;}
#header a:hover {color:#000;}
#header-mo-tab,
#header-mo-close{display:none;}

@media screen and (max-width: 780px) {
    #header {padding:10px 20px;}
    #header .left img {height:20px; display:none;}
    #header .left span {display:block;font-size: var(--font-s);}
    #header .center img {height:20px;margin: 2.5px 0;}
    #header .center .menu {display:none;}
    #header .right {display: flex;align-items: center;justify-content: end;}
    #header .right a {display:none;}
    #header .right a:last-child {display:inline-block;}
    #header .right .search-boxbox {display:none;}
    
    
    #header-mo-tab {display: block;position: fixed;top: 0;left: 0;width: 70%;height: 100%;z-index: 999;transform: translate(-100%,0);transition: ease 0.5s;border-right: 1px solid #000;}
    #header-mo-tab.open {transform: translate(0%,0);}
    #header-mo-tab .header-mo-menu {width: 100%;height: 100%;background: var(--brand-color);position: absolute;top: 0;left: 0;box-sizing: border-box;padding: 20px;z-index: 2;}
    #header-mo-tab .header-mo-menu .xans-layout-searchheader {width:100%; box-sizing:border-box;border:1px solid #000; font-size:0; margin:0 0 20px;position: relative;}
    #header-mo-tab .header-mo-menu .xans-layout-searchheader #keyword {background: none;font-size: var(--font-xs);color: #000;}
    #header-mo-tab .header-mo-menu .xans-layout-searchheader #icon-s {display:none;}
    #header-mo-tab .header-mo-menu .xans-layout-searchheader svg {position: absolute;top: 5px;right: 5px;width: 25px;}
    #header-mo-tab .header-mo-menu ul {width: 100%;}
    #header-mo-tab .header-mo-menu ul li {width: 100%; padding:0 0 10px;}
    #header-mo-tab .header-mo-menu ul li a {font-size: var(--font-m);}
    #header-mo-tab .header-mo-menu .bottom-menu {width: calc(100% - 40px);box-sizing: border-box;font-size: 0;position: absolute;bottom: 20px;left: 20px;}
    #header-mo-tab .header-mo-menu .bottom-menu a{font-size: var(--font-s);}
    
    #header-mo-close {position: fixed;width: 100%;height: 100%;opacity: 0;visibility: hidden;z-index: 99;top: 0;left: 0;display: block;transition:all ease 0.5s;backdrop-filter:blur(5px)}
    #header-mo-close.open {opacity: 1;visibility: visible;}
    

}