/* headingArea */
.xans-product-detail .headingArea { position:relative; }
.xans-product-detail .headingArea h1 { display:inline; font-size:20px; line-height:30px; vertical-align:middle; }
.xans-product-detail .headingArea .icon_img { max-height:23px; }
.xans-product-detail .headingArea .icon img { margin:0 4px 0 0; vertical-align:middle; }
/* imgArea */
.xans-product-detail .imgArea .prdImg .thumbnail { display:block; position:relative; max-width:100%; }
.xans-product-detail .imgArea .prdImg .prdIcon { position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; }
.xans-product-detail .imgArea .prdImg img { cursor:pointer; }
.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; }
/* infoArea */
.xans-product-detail .infoArea p.delivery { padding:10px 0 20px; }
.xans-product-detail .infoArea .guideArea { overflow:hidden; margin:10px 0 0; }
.xans-product-detail .infoArea .guideArea .info { float:left; }
.xans-product-detail .infoArea .guideArea .sizeGuide { float:right; }
.xans-product-detail .infoArea .sizeGuide a { display:inline-block; padding:2px 15px 2px 24px; vertical-align:top; }
.xans-product-detail .infoArea .sizeGuide a:hover { text-decoration:none; }
.xans-product-detaildesign > table > tbody > tr:first-child { display:none; }
.xans-product-detail .infoArea table { border:0; margin:10px 0 0; font-size:13px; line-height:18px; }
.xans-product-detail .infoArea th { font-weight:normal; width:106px; padding:7px 5px 6px 0; text-align:left; vertical-align:top; }
.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%; }
.xans-product-detail .infoArea td #delivery_cost_prepaid { margin:0 0 10px; }
.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 img.qrcode { border:1px solid #e1e1e1; }
.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; }
.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; z-index:10; vertical-align:middle; }
/* option */
.xans-product-detail .xans-product-option { display:block; }
.xans-product-detail .xans-product-option th { display:block; vertical-align:top; }
.xans-product-detail .xans-product-option tr,
.xans-product-detail .xans-product-option td { display:block; }
.xans-product-detail .xans-product-option tr:first-child th,
.xans-product-detail .xans-product-option .xans-product-fileoption th { padding-top:14px; }
.xans-product-detail .xans-product-option tr:first-child td,
.xans-product-detail .xans-product-option .xans-product-fileoption td { padding-top:10px; }
.xans-product-detail .xans-product-option td.selectButton { text-align:right; }
.xans-product-detail .xans-product-addoption .txtByte { margin:0 0 0 20px; vertical-align:middle; letter-spacing:-1px; }
.xans-product-detail .xans-product-addoption .txtByte strong { color:#000; }
.xans-product-detail .xans-product-option .value { margin:10px 0 0; color:#868686; word-break:break-all; }
.xans-product-detail .xans-product-option .value .ec-product-value { color:#868686; }
.xans-product-detail .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 #e0e0e0; background:#fff; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.xans-product-detail .xans-product-option .ec-product-button li:last-child { margin-right:0; }
.xans-product-detail .xans-product-option .ec-product-button li a { display:block; min-width:50px; height:50px; text-align:center; text-decoration:none; word-break:break-all; }
.xans-product-detail .xans-product-option .ec-product-button li a span { display:inline-block; padding:9px 5px; line-height: 32px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.xans-product-detail .xans-product-option .ec-product-button.ec-product-preview li a { min-width:30px; width:48px; height:48px; }
.xans-product-detail .xans-product-option .ec-product-button.ec-product-preview li a img { max-width:100%; max-height:100%; }
.xans-product-detail .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 .xans-product-option .ec-product-button.ec-product-preview .ec-product-soldout span,
.xans-product-detail .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 .xans-product-option .ec-product-button .ec-product-soldout a span { display:inline-block; width:100%; height:100%; cursor:not-allowed; color:#a9a9a9; }
.xans-product-detail .xans-product-option .ec-product-button .ec-product-soldout a span:before { content:""; display:block; position:absolute; top:0; left:50%; width:100px; height:1px; margin:25px 0px 0 -50px; background:#e0e0e0; -webkit-transform: rotate(-45deg); -transform: rotate(-45deg-); }
.xans-product-detail .xans-product-option .ec-product-button .ec-product-disabled a { cursor:default; }
.xans-product-detail .xans-product-option .ec-product-button .ec-product-disabled a span { display:inline-block; width:100%; height:100%; color:#a9a9a9; }
.xans-product-detail .xans-product-option .ec-product-button .ec-product-disabled a span:before { content:""; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.25); }
.xans-product-detail .xans-product-option .ec-product-button .ec-product-selected { border:1px solid #000; }
.xans-product-detail .xans-product-option .ec-product-radio > li { display:inline-block; margin:0 0 3px; }
.xans-product-detail .xans-product-option .ec-product-radio label { margin:0 7px 0 0; }
.xans-product-detail .xans-product-option .ec-product-radio label input { margin:0 2px 0 0; }
.xans-product-detail .xans-product-option .ec-product-radio .ec-product-disabled,
.xans-product-detail .xans-product-option .ec-product-radio .ec-product-soldout { color:#d7d7d7; }
.xans-product-detail .xans-product-option .ec-base-qty input[type=text].single-quantity-input { width:45px; }
.xans-product-detail .eventArea h3 { padding:0 0 0 9px; border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; font-size:12px; line-height:39px; }
.xans-product-detail .eventArea .event { padding:27px 10px 46px 9px; color:#353535; line-height:18px; }
/* ìƒí’ˆ 미리보기 ì´ë¯¸ì§€ */
#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 { margin:10px 0 0; }
#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; }
.xans-product-detail .productSet { margin:20px 0 0; border-top:1px solid #e5e5e5; }
.xans-product-detail .productSet > .title { position:relative; padding:25px 0 10px; box-sizing:border-box; }
.xans-product-detail .productSet > .title h3 { font-size:13px; font-weight:normal; }
.xans-product-detail .productSet .product > li { position:relative; margin:-1px 0 0; border:1px solid #e5e5e5; }
.xans-product-detail .productSet .thumbnail { position:absolute; top:19px; left:19px; z-index:1; width:83px; }
.xans-product-detail .productSet .thumbnail img { max-width:100%; border:1px solid #ededed; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.xans-product-detail .productSet .information { position:relative; padding:20px 20px 0 123px; }
.xans-product-detail .productSet .information > p { margin:0 0 10px; }
.xans-product-detail .productSet .information .name { padding-right:60px; line-height:20px; }
.xans-product-detail .productSet .information .name .info { display:inline-block; font-size:12px; color:#7d7d7d; }
.xans-product-detail .productSet .information .price .del { font-weight:normal; }
.xans-product-detail .productSet .information .salePrice { color:#939393; }
.xans-product-detail .productSet .information .btnInfo { position:absolute; top:19px; right:19px; z-index:1; }
.xans-product-detail .productSet .option { padding:10px 20px 10px 123px; }
.xans-product-detail .productSet .option > li { margin:0 0 12px; }
.xans-product-detail .productSet .option .name { display:block; margin:0 0 6px; font-weight:normal; }
.xans-product-detail .productSet .option input[type=text] { width:80%; }
.xans-product-detail .productSet .option .ec-base-qty { margin:7px 0 0; }
.xans-product-detail .productSet .option .selectButton { margin:0 0 6px; text-align:right; }
.xans-product-detail .productSet .guide { overflow:hidden; position:relative; margin:0 19px; }
.xans-product-detail .productSet .guide:after { content:""; display:block; clear:both; }
.xans-product-detail .productSet .guide .qty { float:left; display:inline-block; padding:12px 0; color:#757575; }
.xans-product-detail .productSet .guide .qty:before { content:""; position:absolute; top:0; left:0; display:inline-block; width:100%; border-top:1px solid #e8e8e8; }
.xans-product-detail .productSet .guide .sizeGuide { float:right; height:15px; margin:12px 0; }
.xans-product-detail .productSet .guide .sizeGuide:before { content:""; position:absolute; top:0; left:0; display:inline-block; width:100%; border-top:1px solid #e8e8e8; }
.xans-product-detail .productSet .guide .sizeGuide a { display:inline-block; padding:0 15px 0 24px; }
.xans-product-detail .productSet.additional .toggle { position:absolute; top:24px; right:8px; display:block; width:20px; height:20px; overflow:hidden; white-space:nowrap; text-indent:150%; font-size:1px; color:transparent; line-height:1px; }
.xans-product-detail .productSet.additional .toggle .icon { display:block; margin:3px 0 0 5px; }
.xans-product-detail .productSet.hide .product { display:none; }
.xans-product-detail .productSet .ec-base-desc { padding:0 0 10px; border-top:0; border-bottom:1px solid #ddd; }
.xans-product-detail .productSet .ec-base-desc dt { width:135px; padding:0 0 0 20px; }
/* quantity */
.ec-base-desc.quantity { margin:10px 0 0; padding:10px 0 0; border-top:1px solid #ddd; }
.ec-base-desc.quantity dt { width:125px; padding:0 0 0 8px; }
#totalProducts table p:not(.product) { position:relative; display:inline-block; width:103px; margin:10px 0 0; padding:0 30px; vertical-align:top; box-sizing:border-box; }
#totalProducts table p:not(.product) .quantity_opt { width:45px; height:30px; padding:0; line-height:28px; margin-left:-1px; border:1px solid #e5e5e5; text-align:center; }
#totalProducts table p:not(.product) .quantity_opt:focus,
#totalProducts table p:not(.product) .quantity_opt:hover { border:1px solid #e5e5e5; }
#totalProducts table p:not(.product) img { position:absolute; top:0; left:0; opacity:.00001; width:100%; height:100%; z-index:10; }
#totalProducts table p:not(.product) .up { position:absolute; right:0; top:0; }
#totalProducts table p:not(.product) .down { position:absolute; left:0; top:0; }
#totalProducts table p:not(.product) a { width:30px; height:30px; border:1px solid #e5e5e5; box-sizing:border-box; overflow: hidden; white-space: nowrap; text-indent: 150%; color: transparent; font-size: 1px; line-height:1px; }
#totalProducts table p:not(.product) a:before { content: ''; position: absolute;left:10px; top: 50%; width: 9px; height: 1px; background: #000; }
#totalProducts table p:not(.product) .up:after {content: ''; position: absolute;left: 50%; top: 50%;width: 1px;height: 9px; margin: -4px 0 0 0; background: #000;}
#totalProducts { margin:21px 0 0; }
#totalProducts table { margin:0; }
#totalProducts table .left { text-align:left; }
#totalProducts table .center { text-align:center; }
#totalProducts table .right {font-weight:bold; text-align:right; }
#totalProducts thead th { height:0; padding:0; font-size:0; line-height:0; }
#totalProducts tbody th { vertical-align:middle; }
#totalProducts tbody th strong { font-weight:normal; }
#totalProducts tbody td { padding:30px 0; line-height:18px; vertical-align:middle; word-wrap:break-word; word-break:break-all; }
#totalProducts tbody td .product + .product { padding:7px 10px 0 0; }
#totalProducts tbody td .product span { font-weight:normal; color:#7d7d7d; line-height:18px; }
#totalProducts tbody td .product span.soldOut { display:inline-block; color:#000; }
#totalProducts tbody td img { vertical-align:middle; }
#totalProducts .quantity { display:inline-block; position:relative; width:103px !important; padding:0 30px;vertical-align:top; box-sizing:border-box; }
#totalProducts .quantity input { width:45px; height:30px; line-height:28px; margin-left:-1px; padding:0; border:1px solid #e5e5e5; text-align:center; }
#totalProducts .quantity input:focus,
#totalProducts .quantity input:hover { border:1px solid #e5e5e5; }
#totalProducts .quantity img { position: absolute;top: 0;left: 0;opacity: .00001;width: 100%;height: 100%; z-index: 10; }
#totalProducts .quantity .up { position:absolute; right:0; top:0; }
#totalProducts .quantity .down { position:absolute; left:0; top:0; }
#totalProducts .quantity a { width:30px; height:30px; border:1px solid #e5e5e5; box-sizing:border-box; overflow: hidden; white-space: nowrap; text-indent: 150%; color: transparent; font-size: 1px; line-height:1px; }
#totalProducts .quantity a:before { content: ''; position: absolute;left:10px; top: 50%; width: 9px; height: 1px; background: #000; }
#totalProducts .quantity .up:after {content: ''; position: absolute;left: 50%; top: 50%;width: 1px;height: 9px; margin: -4px 0 0 0; background: #000;}
#totalProducts .delete { display:inline-block; width:12px; height:12px; margin:10px 0 0 5px; vertical-align: middle; background: url(//img.echosting.cafe24.com/skin/skin/product/ico_product_delete.svg) no-repeat 0 0; }
#totalProducts .delete img { opacity: .00001; }
#totalProducts tbody td .mileage { display:block; white-space:nowrap; }
#totalProducts .xans-product-fileoption {border-top:1px solid #e5e5e5;}
#totalProducts > table > tbody > tr:first-child > td { border-top:1px solid #e5e5e5; }
#totalProducts > table > tbody > tr > td:first-child { padding-right:10px; }
#totalProducts tr.option_product > td > table { margin:-30px 0; }
#totalProducts tr.option_product > td > table tr:first-child td:nth-child(2),
#totalProducts tr.option_product > td > table tr:first-child td:nth-child(3) { white-space:nowrap; }
#totalProducts tr.option_product > td > table tr:first-child td.right { white-space:normal; }
#totalProducts tr.option_product > td > table tr:first-child th,
#totalProducts tr.option_product > td > table tr:first-child td { border-top:0; }
#totalProducts tr.option_product > td > table tr.option > td { border-top:1px solid #e5e5e5; padding:9px 0; }
#totalProducts tr.option_product > td > table tr.option > td:first-child{ padding:0; }
#totalProducts tr.option_product th[colspan="3"] { padding:25px 0 0; }
#totalProducts tr.option_product + tr.option_product > td {border-top: 1px solid #e5e5e5;}
#totalProducts .xans-product-option,
#totalProducts .xans-product-option tr,
#totalProducts tr.xans-product-addoption {display:table-row;}
#totalProducts .xans-product-option th,
#totalProducts .xans-product-option td { display:table-cell; }
#totalProducts tbody tr.xans-product-addoption th,
#totalProducts tbody tr.xans-product-addoption td { border-top:0; }
#totalProducts > table > tbody > tr#totalProductsOption > td:first-child {border-top: 0;padding:0;}
#totalProducts tr.add_product { border-top:1px solid #e5e5e5; }
#totalProducts tr.add_product > td { padding-right:0; }
#totalProducts tr.add_product > td > table { margin:-30px 0; }
#totalProducts tr.add_product > td > table tr.option > td:first-child { padding:0; }
#totalProducts tr.add_product > td > table tr:first-child th,
#totalProducts tr.add_product > td > table tr:first-child td { border-top:0; }
#totalProducts tr.add_product .product { padding:0; }
#totalPrice { display:flex; justify-content:space-between; font-size:15px; border-top:1px solid #e5e5e5; vertical-align:middle; background:#fff; }
#totalPrice .title { font-weight:normal; }
#totalPrice .qty { color:#7d7d7d; }
#totalPrice .total { color:#7d7d7d; font-size:13px; }
#totalPrice .total strong { color:#000; color:var(--font-color-primary); font-size:15px; }
#totalPrice .total em {font-style:normal;}
/* 배송비 차등부과 ë ˆì´ì–´ */
.differentialShipping { display:none; overflow:hidden; position:absolute; z-index:100; border:1px solid #000; background:#fff; }
.differentialShipping h3.title { height:60px; margin:0 20px; padding:20px 0; font-size:16px; color:#000; box-sizing:border-box; border-bottom:1px solid #e5e5e5; }
.differentialShipping .content { padding:12px 18px 14px 18px; border-top:0; text-align:center; background:#fff; }
.differentialShipping .close { position:absolute; right:14px; top:16px; width:20px; height:20px; -webkit-transform:rotate(45deg); transform:rotate(45deg); }
.differentialShipping .close a { position:relative; z-index:1; display:block; width:100%; height:100%; }
.differentialShipping .close:before { content:""; position:absolute; top:0; right:10px; width:1px; height:21px; background:#000; }
.differentialShipping .close:after { content:""; position:absolute; top:10px; right:0; width:21px; height:1px; background:#000; }
.differentialShipping .close img { display:none; }
.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; }
/* 회ì›ë“±ê¸‰ë³„ í• ì¸ê°€ ì ìš© */
.xans-product-detail .discountMember > li { position:relative; float:left; }
.xans-product-detail .discountMember li a { display:block; margin:0 4px 4px 0; }
.xans-product-detail .discount_layer h3 { margin:0 0 8px; font-size:12px; border-bottom:0; }
.xans-product-detail .discount_layer { display:block; left:-140px; min-width:300px; box-sizing:border-box; }
.xans-product-detail .discount_layer .content { overflow-x:hidden; overflow-y:auto; max-height:400px; }
.xans-product-detail .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 .discount_layer tbody th { width:auto; padding:7px 0 8px 6px; }
.xans-product-detail .discount_layer .edge { display:none; }
.xans-product-detail .discount_layer .btnStrong { display:inline-block; padding:12px 20px; height:40px; font-size:13px; box-sizing:border-box; border:1px solid transparent; line-height:1; text-decoration:none; vertical-align:middle; word-spacing:-0.5px; letter-spacing:0; text-align:center; color:#fff; background-color:#000; }
.xans-product-detail .discount_layer .ec-base-button { text-align:center; }
/* 세트ìƒí’ˆ ì¶”ê°€ì •ë³´ ë ˆì´ì–´ */
.xans-product-detail .productSet .product { position:relative; }
.xans-product-detail .productSet .description { z-index:10; position:absolute; top:25px; right:0; padding:7px 0 0; }
.xans-product-detail .productSet .description .xans-product-detail { position:relative; padding:15px; background:#fff; }
.xans-product-detail .productSet .description > h3 { margin:0 0 8px; padding:0 10px; font-size:12px; border-bottom:0; }
.xans-product-detail .productSet .description p strong { color:#0088d4; }
.xans-product-detail .productSet .description thead th { padding:0; height:0; font-size:0; line-height:0; }
.xans-product-detail .productSet .description tbody { border:1px solid #d7d5d6; }
.xans-product-detail .productSet .description th,
.xans-product-detail .productSet .description tr:first-child th,
.xans-product-detail .productSet .description tr:first-child td { background:#fbf9fa; border-right:1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; color:#363636; }
.xans-product-detail .productSet .description th,
.xans-product-detail .productSet .description td { height:15px; border-bottom:1px solid #e8e8e8; }
.xans-product-detail .productSet .description td,
.xans-product-detail .productSet .description tr:first-child td { padding:5px 8px; text-align:left; background:#fff; }
.xans-product-detail .productSet .description tr:last-of-type th,
.xans-product-detail .productSet .description tr:last-of-type td { border-bottom:0; }
.xans-product-detail .productSet .description .color td { font-size:0; line-height:0; }
.xans-product-detail .productSet .description .chips { display:inline-block; width:28px; height:18px; margin:0 2px 3px 0; border:1px solid #e3e3e3; }
.xans-product-detail .productSet .description > .ec-base-tooltip { display:block; top:0; }
.xans-product-detail .productSet .description > .ec-base-tooltip > .edge { z-index:20; position:absolute; left:auto; right:40px; display:block; margin:0 0 0 -5px; }
/* regularDelivery */
.xans-product-detail .regularDelivery { margin:20px 0; border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; }
.xans-product-detail .regularDelivery th { vertical-align:top; }
.xans-product-detail .regularDelivery .gLabel { position:relative; margin:0 35px 0 0; }
.xans-product-detail .regularDelivery .badge { display:inline-block; position:relative; top:-1px; height:18px; margin:0 0 0 5px; padding:0 8px; border-radius:10px; line-height:18px; font-size:12px; font-family:"ë‹ì›€","Dotum"; color:#fff; background-color:#009ffa; }
.xans-product-detail .regularDelivery .badge .icoDown { display:inline-block; position:relative; top:1px; overflow:hidden; width:8px; height:12px; border-radius:50%; line-height:10px; text-indent:-9999px; }
.xans-product-detail .regularDelivery .badge .icoDown:before { content:""; display:inline-block; position:absolute; top:3px; left:2px; width:4px; height:4px; background-color:#fff; }
.xans-product-detail .regularDelivery .badge .icoDown:after { content:""; display:inline-block; position:absolute; bottom:1px; left:0; width:0; height:0; border-left:4px solid transparent; border-right:4px solid transparent; border-top:4px solid #fff; }
.xans-product-detail .regularDelivery .info { margin:14px 0 0; }
.xans-product-detail .regularDelivery .info ul { margin:6px 0 0; }
.xans-product-detail .regularDelivery .info ul > li { margin:4px 0; letter-spacing:-.8px; }
.xans-product-detail .regularDelivery .info .icoSave { display:inline-block; height:12px; padding:0 2px; border:1px solid #ff5454; border-radius:3px; line-height:12px; color:#ff5454; }
.xans-product-detail .regularDelivery .info .icoDown { display:inline-block; position:relative; overflow:hidden; width:5px; height:10px; margin:0 0 0 2px; line-height:10px; text-indent:-9999px; }
.xans-product-detail .regularDelivery .info .icoDown:before { content:""; display:inline-block; position:absolute; top:0; left:2px; width:1px; height:10px; background-color:#ff5454; }
.xans-product-detail .regularDelivery .info .icoDown:after { content:""; display:inline-block; position:absolute; bottom:2px; left:-2px; padding:4px; border:solid #ff5454; border-width:0 1px 1px 0; transform:rotate(45deg); -webkit-transform:rotate(45deg); }
/********************* Mobile / Tablet *********************/
@media all and (max-width:1024px) {
.xans-product-detail .imgArea { margin:0 0 28px; }
.xans-product-detail .imgArea .prdImg img { width:100%; }
.xans-product-detail .imgArea .listImg { display:none; }
.xans-product-detail .imgArea .xans-product-action { display:none; }
.xans-product-detail .infoArea { margin:0 16px; }
.xans-product-detail .xans-product-action .gActionButtonColumn { display:flex; }
.xans-product-detail .xans-product-action .gActionButtonColumn [class*="btn"] { flex:1; margin:10px 0 0; }
#NaverChk_Button { margin:0 0 10px; }
#totalPrice { padding:40px 0 26px; }
.xans-product-detail .discountMember > li { position:static; }
.xans-product-detail .btnTooltip { position:static; }
.differentialShipping { left:0; right:0; width:88%; margin:10px auto 0; }
}
/********************* PC *********************/
@media all and (min-width:1025px) {
.xans-product-detail { padding:30px 0 0 0; }
.xans-product-detail .detailArea { font-size:0; line-height:0; }
.xans-product-detail .imgArea { display:inline-block; width:calc(100% - 620px); }
.xans-product-detail .imgArea .prdImg { width:100%; margin:0 auto; }
.xans-product-detail .imgArea .prdImg img { width:100%; }
.xans-product-detail .imgArea .listImg { position:relative; overflow:hidden; width:100%; height:94px; margin:24px 0 0; padding:0 40px; box-sizing:border-box; }
.xans-product-detail .imgArea .listImg .inner { position:relative; overflow:hidden; width:100%; height:94px; }
.xans-product-detail .imgArea .listImg ul { margin:0 -6px; }
.xans-product-detail .imgArea .listImg li { display:inline-block; width:80px; margin:0 6px; font-size:12px; line-height:14px; vertical-align:top; }
.xans-product-detail .imgArea .listImg li img { max-width:100%; cursor:pointer; }
.xans-product-detail .imgArea .listImg button { position:absolute; top:0; width:30px; height:94px; font-size:0; line-height:0; color:transparent; border:1px solid #e3e3e3; box-sizing:border-box; }
.xans-product-detail .imgArea .listImg .icon { border-color:#6d6d6d; }
.xans-product-detail .imgArea .listImg .prev { left:0; background-position:0 0; }
.xans-product-detail .imgArea .listImg .prev .icon { margin-left:3px; }
.xans-product-detail .imgArea .listImg .next { right:0; background-position:-31px 0; }
.xans-product-detail .imgArea .listImg .next .icon { margin-left:-3px; }
.xans-product-detail .infoArea { display:inline-block; top:100px; width:483px; margin:0 69px 0 68px; font-size:13px; line-height:1; vertical-align:top; }
#totalPrice { padding:27px 0 26px; }
#orderFixArea { display:none !important; }
.xans-product-detail .xans-product-action .gActionButtonColumn { display:flex; margin:0 -5px; }
.xans-product-detail .xans-product-action .gActionButtonColumn [class*="btn"] { flex:1; margin:10px 5px; }
.xans-product-detail .btnTooltip { position:relative; }
.differentialShipping { left:50%; top:17px; width:350px; margin:0 0 0 -176px; }
}
/** ì»¤ë¨¼ì…€ë ‰íŠ¸_style 210909 **/
/* ìƒì„¸íŽ˜ì´ì§€ */
.xans-element-.xans-product.xans-product-headcategory.path{display:none;}
.xans-product-detail{padding-top:130px;max-width:1280px !important;}
.xans-product-detail .productSet .product{display:none;}
.xans-product-detail .imgArea {width:calc(100% - 700px);}
.xans-product-detail .imgArea .prdImg{position:relative;}
.xans-product-detail .imgArea .listImg{height:120px;}
.xans-product-detail .imgArea .listImg li {width:94px;}
.xans-product-detail .imgArea .listImg .inner{height:120px;}
.xans-product-detail .imgArea .listImg button{height:120px;}
.xans-product-detail .headingArea {padding-bottom:25px;}
.xans-product-detail .headingArea .icon {margin-bottom:15px;}
.xans-product-detail .headingArea .icon img {margin:0 5px 0 0;}
.xans-product-detail .headingArea h1 {font-size:28px;font-weight:400;}
.xans-product-detail .infoArea table {margin-top:20px;table-layout:fixed;}
.xans-product-detail .sale_box {position: absolute;top: 4%;right: 4%;width: 50px;height: 50px;font-size: 20px;font-weight: 500;text-align: center;color: #000;background-color: transparent;line-height: 1;border: 1px solid #000;border-radius: 50%;display: flex;align-content: center;justify-content: center;align-items: center;}
.xans-product-detail .xans-product-option .ec-product-button.ec-product-preview li {border-radius:0%;}
.xans-product-detail .xans-product-option .ec-product-button.ec-product-preview li a {width:40px;height:20px;min-width:auto;}
.xans-product-detail .xans-product-option .ec-product-button li{margin:0 15px 3px 0;}
.xans-product-detail .xans-product-option .ec-product-button li a {height:30px;line-height:30px;}
.xans-product-detail .xans-product-option .ec-product-button li a span {line-height:1;padding:3px 5px;font-size:11px;}
.xans-product-detail .infoArea {width:600px;margin:0 0 0 100px;}
.xans-product-detail .infoArea table.xans-product-option {border-top:0;}
.xans-product-detail .infoArea .xans-product-option {display:flex; flex-direction:column;}
.xans-product-detail .xans-product-option tr,
.xans-product-detail .xans-product-option td {display:revert;width:100%;}
.xans-product-detail .xans-product-option tr:first-child td,
.xans-product-detail .xans-product-option .xans-product-fileoption td {padding:20px 0;}
.xans-product-detail .xans-product-option tr:first-child th,
.xans-product-detail .xans-product-option .xans-product-fileoption th {padding-top:0;}
.xans-product-detail .xans-product-option td .xans-product-addoption th,
.xans-product-detail .xans-product-option td .xans-product-fileoption th {padding-top:0 !important;}
.xans-product-detail .xans-product-option tr.xans-product-addoption th {padding-top:28px;}
.xans-product-detail .xans-product-option tr.xans-product-fileoption th {padding-top:30px;}
.xans-product-detail .infoArea .guideArea .info {color:#868686;}
.xans-product-detail .infoArea p.ec-base-help,
.xans-product-detail .infoArea div.ec-base-help,
.xans-product-detail .infoArea ul.ec-base-help li,
.xans-product-detail .infoArea ol.ec-base-help li {color:#5a5a5a !important;background:url('//img.echosting.cafe24.com/skin/base/common/ico_info.gif') no-repeat 0 2px !important;}
.xans-product-detail .infoArea .guideArea {margin:10px 0;}
.xans-product-detail .xans-product-option .ec-product-button .ec-product-soldout a span:before {margin:25px 0px 0 -63px;}
/* ìž¬ìž…ê³ ì•Œë¦¼ 버튼 */
.xans-product-detail .infoArea td #span_product_price_text {margin-right:5px;}
.xans-product-detail .infoArea td #btn_restock img {display:none;}
.xans-product-detail .infoArea td #btn_restock:after {content:'ìž¬ìž…ê³ ì•Œë¦¼ SMS';font-size:11px;color:#111;font-weight:400;border:1px solid #d6d6d6;display:inline-block;padding:2px 5px;}
.xans-product-detail .infoArea td #btn_restock:hover:after {border:1px solid #999;}
/* 구매버튼 */
.xans-product-action .action_button {display:flex;}
.xans-product-action .action_button .btnNormal {flex:1;height:66px;padding:23px 0;}
.xans-product-action .action_button .btnSubmit {flex:2;height:66px;padding:23px 0;}
.xans-product-action .action_button [class^='btn'] + [class^='btn'] {font-size:16px;margin-left:12px;}
.xans-product-action .action_button .sub_sold {flex:1;background-color:#000;color:#fff;font-size:16px;line-height:66px;font-weight:700;text-align:center;}
.mrt10 {margin-top:10px;}
/* ìƒì„¸íŽ˜ì´ì§€ íƒ */
.xans-product-additional {margin:0 auto !important;max-width:1280px !important;}
.xans-product-additional .pdt150 {padding-top:150px;}
.xans-product-additional .productDetail {margin:0;}
.detail_tab {display:block; height:64px; margin:0 auto 40px; font-size:0;}
.detail_tab li {display:inline-block; width:25%; vertical-align:top; border-top:1px solid #f8f8f8; border-bottom:1px solid #000; border-left:1px solid #f8f8f8; box-sizing:border-box;}
.detail_tab li:last-child {border-right:1px solid #f8f8f8 !important;}
.detail_tab li:first-child {border-left:1px solid #f8f8f8 !important;}
.detail_tab li.tab_open:last-child {border-right:1px solid #000 !important;}
.detail_tab li.tab_open:first-child {border-left:1px solid #000 !important;}
.detail_tab li a {display:block; height:60px; color:#9a9a9a; font-size:16px; line-height:60px; text-align:center;}
.detail_tab li a span {position:relative; top:-1.5px; display:inline-block; width:16px; height:16px; margin-left:5px; color:#fff; font-size:11px; line-height:16px; background-color:#9f9f9f; border-radius:3px;}
.detail_tab li.tab_open a span {background-color:#fff; color: #000;}
.detail_tab li.tab_open {border:1px solid #111; background-color:#000; border-bottom:1px solid #000;}
.detail_tab li.tab_open a {color:#fff;}
.detail_tab li.tab_open span {background-color:#1a1a1a;}
/* ìƒì„¸íŽ˜ì´ì§€ ëª¨ë°”ì¼ íƒ */
.tabProduct {margin:30px -4.2% 20px -4.2%;}
.tabProduct ul {margin:0;display:flex;}
.tabProduct li {border:0;flex:1;text-align:center;}
.tabProduct li a {position:relative;display:block;color:#555;background-color:#fff; border:1px solid #e8e8e8; border-left:0; box-sizing:border-box;line-height:48px;}
.tabProduct li:last-child a {border-right:0;}
.tabProduct li.selected {border:0;}
.tabProduct li.selected a {color:#fff;background-color:#000;border-top:1px solid #1a1a1a; border-bottom:0;}
.tabProduct li a span {position:absolute;top:-4px;right:10px;display:block;width:15px;height:15px;color:#fff;font-size:12px;text-align:center;line-height:15px; background-color:#9a9a9a;border-radius:50%;}
/* ê´€ë ¨ìƒí’ˆ */
.relation {position:relative;}
.relation .relation_title {padding:150px 0 28px;font-size:32px;font-weight:700;line-height:1;color:#1a1a1a;}
.relation .swiper-container.relation_slide {padding:0 0 50px 0;}
.relation .swiper-container.relation_slide .swiper-scrollbar {height:2px;left:0;width:100%;transition:all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;}
.relation .swiper-container.relation_slide .swiper-scrollbar:hover {height:5px;}
.relation .swiper-container.relation_slide .swiper-scrollbar .swiper-scrollbar-drag {background:#1a1a1a;cursor:pointer;border-radius:0;}
.relation .swiper-container.relation_slide ul {display:flex;padding:0;margin:0;height:auto;}
.relation .swiper-container.relation_slide ul .thumbnail {margin:0;}
.relation .swiper-container.relation_slide ul > li {width:340px;vertical-align:top;overflow:hidden;margin:0;}
.relation .swiper-container.relation_slide ul > li .prdList__item {margin:0;}
.relation .swiper-container.relation_slide ul > li .description {margin:0 auto;padding:20px 0 10px;position:relative;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
.relation .swiper-container.relation_slide ul > li .description .name a {font-size:20px;color:#1a1a1a;line-height:1.2;}
.relation .swiper-container.relation_slide ul > li .description .price {font-size:18px;margin-top:10px;color:#1a1a1a;}
.relation .swiper-prev-relation,
.relation .swiper-next-relation {width:50px;height:50px;top:52%;position:absolute;z-index:2;margin:0;cursor:pointer;}
.relation .swiper-prev-relation {background:url("//freakynine.co.kr/SkinImg/img/slide_ar_l.svg") no-repeat center; background-size:50px;left:-70px;}
.relation .swiper-next-relation {background:url("//freakynine.co.kr/SkinImg/img/slide_ar_r.svg") no-repeat center; background-size:50px;right:-70px;}
.section_full .relation .swiper-prev-relation {left:1%;}
.section_full .relation .swiper-next-relation {right:1%;}
/* ê²Œì‹œíŒ */
.ec-base-table.typeList > table > thead{display: none;}
.board_title {display:flex;justify-content:space-between;align-items:center;margin:0 0 40px 0;}
.board_title h2 {font-size:16px;font-weight:700;}
.board_title h2 span{margin-left:10px;padding-left:10px;color: #898989;font-weight:400;}
.board_title h2 span{background-image: url("//freakynine.co.kr/SkinImg/img/bt_line.png"); background-repeat: no-repeat; background-position: left center;}
.ec-base-table tr:first-child{border-top:1px solid #e5e5e5;}
.board_title .ec-base-button {margin:0;}
.board_title .ec-base-button a {width:110px;}
.xans-product-additional .subject img{height:auto !important;}
/* 안내 */
.detail_guide {display:flex;flex-wrap:wrap;}
.detail_guide .ec-base-fold.theme1 {width:50%;}
.detail_guide .ec-base-fold.theme1 .title {border:0;cursor:default;font-size:20px;}
.detail_guide .ec-base-fold.theme1 .title:after {display:none;}
/* ì¿ í° */
.xans-coupon-productdetailajax {max-width:1280px !important;margin-left:auto !important;margin-right:auto !important;}
.xans-coupon-productdetailajax.section > .title h2 {font-size:16px;font-weight:400;line-height:60px;height:60px;text-align:center;color:#111;border-bottom:1px solid #000;}
.xans-coupon-productdetailajax.section > .title .button {top:12px;}
.xans-coupon-productdetailajax.section .couponSkinArea ul.grid3 {width:auto;}
.xans-coupon-productdetailajax.section .couponSkinArea ul li {display:inline-block;float:none;}
@media all and (max-width:1680px) {
/* ê´€ë ¨ìƒí’ˆ */
.relation .swiper-prev-relation {left:-50px;}
.relation .swiper-next-relation {right:-50px;}
}
@media all and (max-width:1024px) {
/* ìƒì„¸íŽ˜ì´ì§€ */
#footer .bt_util {padding-bottom:50px !important;}
#contents .xans-layout-mobileaction {top:0 !important;}
.xans-product-detail {padding-top:0px;}
.xans-product-detail .headingArea{margin-top:0;padding:0;}
.xans-product-detail .headingArea h1{font-size:17px;}
.xans-product-detail .imgArea {width:100%;}
.xans-product-detail .xans-product-option tr,
.xans-product-detail .xans-product-option td {display:block;}
.xans-product-detail .prdImg,
.xans-product-detail .xans-product-mobileimage {width:108%;margin-left:-4%;}
.xans-product-detail .infoArea #totalProducts > table > tbody > tr > td:first-child {width:50%;}
.xans-product-detail .infoArea {width:100%;margin:0;}
#totalProducts tbody td {padding:15px 0;}
#totalProducts .delete {margin-top:0;}
.xans-product-detail .xans-product-option tr:first-child td,
.xans-product-detail .xans-product-option .xans-product-fileoption td{padding:10px 0;}
.xans-product-detail .sale_box{width:50px;height:50px;font-size:20px;}
#totalProducts .eAddProductQuantityUpClass {position:absolute;top:0;right:0;}
#totalProducts .eAddProductQuantityDownClass {position:absolute;top:0;left:0;}
#totalProducts .eAddProductQuantityUpClass:after {content: '';position: absolute;left: 50%;top: 50%;width: 1px;height: 9px;margin: -4px 0 0 0;background: #000;}
#totalProducts tr.option_product > td > table,
#totalProducts tr.add_product > td > table {margin:-15px 0;}
#totalProducts tr.option_product > td > table > colgroup > col:first-child {width:auto !important;}
.xans-product-detail .infoArea td input[type=text] {width:100%;}
.xans-product-detail .xans-product-addoption .txtByte {margin:10px 0 0 0;display:block;}
#totalProducts table p input[type=number] {width:45px;height:30px;padding:0;line-height:28px;margin-left:-1px;border:1px solid #e5e5e5;text-align:center;}
/* 구매버튼 */
.xans-product-additional .pdt150 {padding-top:0;}
.xans-product-additional .productDetail {margin:0 0 40px;}
.xans-product-action .action_button {flex-wrap: wrap;}
.xans-product-action .action_button .btnNormal {flex:1;height:66px;padding:23px 0;}
.xans-product-action .action_button .btnSubmit {flex:none;width:100%;margin-bottom:12px;}
.xans-product-action .action_button [class^='btn'] + [class^='btn'] {margin-left:0;}
.xans-product-action .action_button .actionWish {margin-left:12px !important;}
.xans-product-action .soldout {margin:0;}
/* ê´€ë ¨ìƒí’ˆ */
.relation .relation_title {padding:30px 0 20px 0;font-size:16px;}
.relation .relation_title span {font-size:13px;}
.relation .swiper-container.relation_slide ul > li .description {border:0 !important;padding:10px 0 0 0;min-height:auto;}
.relation .swiper-container.relation_slide ul > li .description .name a {font-size:13px;}
.relation .swiper-container.relation_slide ul > li .description .price {font-size:13px;}
.relation .swiper-prev-relation, .relation .swiper-next-relation {display:none;}
.relation .swiper-container.relation_slide{margin-left:-1%;}
.ec-base-paginate.typeSwipe [id*='swipe-button'] button{margin:0 4px !important;}
/* 안내 */
.detail_guide .ec-base-fold.theme1 {width:100%;}
.detail_guide .ec-base-fold.theme1 .title {border-top:1px solid #1a1a1a;}
.detail_guide .ec-base-fold.theme1 .title:after {display:inline-block;}
/* ìƒì„¸íŽ˜ì´ì§€ íƒ */
.detail_tab {display:none;}
#prdInfo,
#prdQnA,
#prdReview {display:none;}
/* ê²Œì‹œíŒ */
.board_title {margin:0 0 20px 0;}
.board_title h2 span{margin-left:5px;padding-left:5px;}
.ec-base-table.typeList td{padding: 3px 0 !important;}
.xans-product-additional .typeList .boardComment li {padding:25px 25px 25px 36px;}
/* ì¿ í° */
.xans-coupon-productdetailajax.section {margin:50px 0;}
.xans-coupon-productdetailajax.section > .title h2 {font-size:13px;line-height:50px;height:50px;text-align:left;}
.xans-coupon-productdetailajax.section > .title .button {top:9px;}
.xans-coupon-productdetailajax.section .couponSkinArea ul li {display:block;}
}
.xans-product-mobileimage { position:relative; margin:0; }
.xans-product-mobileimage li { position:relative; vertical-align:middle; }
.xans-product-mobileimage .thumbnail { width:100%; display:inline-block; position:relative; }
.xans-product-mobileimage img { width:100%; max-width:100%; max-height:100%; }
/********************* Mobile / Tablet *********************/
@media all and (max-width:1024px) {
/* typeSwipe */
.ec-base-paginate.typeSwipe { font-size:0; line-height:0; }
.ec-base-paginate.typeSwipe button.circle { overflow:hidden; margin:0 3px 0 4px; width:7px; height:7px; border:0; border-radius:13px; cursor:pointer; background-color:#fff; opacity:0.5; }
.ec-base-paginate.typeSwipe button.circle.selected { opacity:1; }
.ec-base-paginate.typeSwipe span { overflow:hidden; font-size:1px; line-height:0; color:transparent; text-indent:-150%; }
.ec-base-paginate.typeSwipe button.prev,
.ec-base-paginate.typeSwipe button.next { width:31px; font-size:15px; line-height:1.2em; border:0; cursor:pointer; background:url("//img.echosting.cafe24.com/skin/mobile/layout/btn_prev.png") no-repeat 50% 50%; background-size:7px auto; }
.ec-base-paginate.typeSwipe button.next { background:url("//img.echosting.cafe24.com/skin/mobile/layout/btn_next.png") no-repeat 50% 50%; background-size:7px auto; }
.ec-base-paginate.typeSwipe .prev,
.ec-base-paginate.typeSwipe .next { display:none; }
.xans-product-mobileimage .ec-base-paginate.typeSwipe { position:absolute; bottom:20px; left:0; right:0; text-align:center; }
}
.productDetail { margin:0 0 100px; }
.productDetail img { max-width:100% !important; height:auto !important; }
.ec-base-fold .info { color:#6d6d6d; line-height:22px; }
.ec-base-fold .content { padding:0 0 60px; }
/* board */
.xans-product-additional .subject img { width: auto;height: 21px; margin: 0px 5px 1px 0;vertical-align:middle; }
.xans-product-additional .comment { display:inline-block; margin:0 5px 0 0; vertical-align:middle; color:#ef441f; }
.xans-product-additional .noAccess,
.xans-product-additional .nodata { padding:56px 0; color:#6d6d6d; text-align:center; }
.xans-product-additional .minor { padding:56px 0; color:#6d6d6d; line-height:14px; text-align:center; }
.xans-product-additional .minor p:first-child img { margin:-11px 8px 0 0; vertical-align:top; }
.xans-product-additional .minor .button { margin:-7px 0 0; }
.xans-product-additional .view { position:relative; z-index:1; overflow:hidden; margin-top:-1px; line-height:22px; text-align:left; color:#000; background:#f9f9f9; }
.xans-product-additional .view .alert { margin:0 0 10px; }
#product-review-read .btnNormal,
#product-qna-read .btnNormal { color:#000; vertical-align:middle; }
#product-review-read,
#product-qna-read,
#product-review-read td,
#product-qna-read td { padding:0; }
.xans-product-additional .btnNormal em { font-style:normal; }
.xans-product-additional .btnNormal .icon.icoArrowBottom { vertical-align:top; margin:-2px 0 0 15px; }
.xans-product-additional .boardComment { background:#f6f6f6; }
.xans-product-additional .boardComment li { position:relative; overflow:hidden; border-top:1px solid #e0e0e0; text-align:left; line-height:14px; }
.xans-product-additional .boardComment li:before { content:""; position:absolute; display:inline-block; overflow:hidden; width:9px; height:11px; border-left:1px solid #a7a7a7; border-bottom:1px solid #a7a7a7; }
.xans-product-additional .boardComment .commentInfo .name { color:#000; }
.xans-product-additional .boardComment .commentInfo .date { margin:0 20px; line-height:17px; vertical-align:top; color:#6d6d6d; }
.xans-product-additional .boardComment .comment { margin:17px 0 0; line-height:18px; color:#545454; word-break:break-all; }
.xans-product-additional .boardComment .replyArea { margin:-1px 0 0; border-top:1px solid #e0e0e0; background:#f6f6f6; }
.xans-product-additional .boardComment .replyArea .commentSecret { margin-right:30px; }
.xans-product-additional .memoCont { text-align:left; border-top:1px solid #e5e5e5; background:#f6f6f6; }
.xans-product-additional .writeForm { position:relative; border:1px solid #a7a7a7; background:#fff; }
.xans-product-additional .writeForm:before { content:""; position:absolute; display:inline-block; overflow:hidden; width:9px; height:11px; border-left:1px solid #a7a7a7; border-bottom:1px solid #a7a7a7; }
.xans-product-additional .writeForm textarea { width:100%; height:148px; border-bottom:1px solid #e0e0e0; }
.xans-product-additional .writeForm .name { display:inline-block; }
.xans-product-additional .writeForm .password { display:inline-block; }
.xans-product-additional .writeForm .ctrl:after { content:""; display:block; clear:both; }
.xans-product-additional .writeForm .ctrl .button { float:right; }
.xans-product-additional .writeForm .ctrl .secret label { margin:0; }
.xans-product-additional .memoCont .byteRating { display:flex; justify-content:space-between; margin:20px 0 0; }
.xans-product-additional .memoCont .byteRating em { font-style:normal; }
.xans-product-additional .memoCont .captcha { border-top:1px solid #e0e0e0; }
.xans-product-additional .memoCont .captcha img { vertical-align:middle; }
.xans-product-additional .memoCont .captcha input { margin:0 10px 0 20px; font-size:12px; }
.xans-product-additional .commentSecret { margin:20px 0 0; }
/********************* Mobile / Tablet *********************/
@media all and (max-width:1024px) {
.xans-product-additional { margin:60px 0 0; }
.ec-base-fold .info { margin:0 16px; }
#product-review-read td,
#product-qna-read td { width:100%; }
.xans-product-additional .view { padding:25px 16px 0; }
.xans-product-additional .view.secret { padding-bottom:25px; }
.xans-product-additional .view .ec-base-button { margin:20px 0; }
.xans-product-additional .boardComment li { padding:25px 25px 0 36px; }
.xans-product-additional .boardComment li:before { top:24px; left:17px; }
.xans-product-additional .boardComment .ec-base-button { margin:20px 0; }
.xans-product-additional .boardComment .replyArea { padding:26px 26px 30px 58px; }
.xans-product-additional .boardComment .replyArea:before { left:36px; }
.xans-product-additional .memoCont { margin:20px -16px 0; padding:25px 0 0; }
.xans-product-additional .writeForm { position:relative; margin:0 16px 55px 36px; }
.xans-product-additional .writeForm:before { top:-2px; left:-20px; }
.xans-product-additional .writeForm .infoForm { display:flex; padding:10px 5px; }
.xans-product-additional .writeForm .infoForm p { flex:1; margin:0 5px; }
.xans-product-additional .writeForm .infoForm .label { display:block; margin:0 0 7px; color:#a7a7a7; }
.xans-product-additional .writeForm .infoForm input { width:100%; }
.xans-product-additional .writeForm .ctrl { position:absolute; bottom:-55px; left:-20px; right:0; line-height:45px; }
.xans-product-additional .writeForm .ctrl a { color:#fff; }
.xans-product-additional .memoCont .byteRating {padding:16px;}
.xans-product-additional .memoCont .captcha { padding:16px; }
.xans-product-additional .memoCont.reply { margin-left:-36px; }
}
/********************* PC *********************/
@media all and (min-width:1025px) {
.xans-product-additional { margin:100px 0 0; }
.ec-base-fold .info { padding-right:45px; }
.xans-product-additional .view { padding:25px 25px 0; }
.xans-product-additional .view.secret { padding-bottom:25px; }
.xans-product-additional .boardComment li { padding:25px 25px 25px 50px; }
.xans-product-additional .boardComment li:before { top:24px; left:25px; }
.xans-product-additional .boardComment .ec-base-button { margin:20px 0 0; }
.xans-product-additional .boardComment .replyArea { padding:26px 26px 30px 75px; }
.xans-product-additional .boardComment .replyArea:before { left:50px; }
.xans-product-additional .memoCont { margin:20px -25px 0; padding:25px 25px 25px 50px; }
.xans-product-additional .memoCont.reply { margin-left:-50px; padding-bottom:0; }
.xans-product-additional .writeForm { display:flex; flex-wrap:wrap; }
.xans-product-additional .writeForm:before { top:-2px; left:-26px; }
.xans-product-additional .writeForm .commentForm { width:100%; }
.xans-product-additional .writeForm .infoForm { padding:13px 0 13px 19px; }
.xans-product-additional .writeForm .infoForm input { width:200px; margin:0 20px 0 10px; }
.xans-product-additional .writeForm .ctrl { flex:1; padding:14px 20px 0 0; line-height:40px; }
.xans-product-additional .memoCont .captcha { margin:20px 0 0; padding:20px 0 0; }
.xans-product-additional .memoCont .captcha .ec-base-help { display:inline; }
}
@charset "utf-8";
/* **************************** //필수 CSS ìˆ˜ì • ë° ì‚ì œ 불가 **************************** */
/* tag reset */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,img { margin:0; padding:0; }
html { width:100%; height:100%; }
body,code { font-size:13px; font-family:Arial,"Apple SD Gothic Neo","Noto Sans Regular","ë§‘ì€ ê³ ë”•","malgun gothic","ë‹ì›€","dotum",sans-serif; color:#000; color:var(--font-color-base); background:#fff; }
body { min-width:360px; max-width:1920px; }
body#popup { min-width:0; }
li { list-style:none; }
img,fieldset { border:none; vertical-align:top; }
table { width:100%; border:0; border-spacing:0; border-collapse:collapse; }
caption { display:none; }
th,td { border:0; vertical-align:top; }
input,select,textarea { font-size:100%; font-family:Arial,"Apple SD Gothic Neo","Noto Sans Regular","ë§‘ì€ ê³ ë”•","malgun gothic","ë‹ì›€","dotum",sans-serif; color:#000; color:var(--font-color-base); vertical-align:middle; border-radius:0; box-sizing:border-box; }
button { font-family:Arial,"Apple SD Gothic Neo","Noto Sans Regular","ë§‘ì€ ê³ ë”•","malgun gothic","ë‹ì›€","dotum",sans-serif; overflow:visible; padding:0; margin:0; border:0; cursor:pointer; background:none; }
hr.layout { display:none; }
a { text-decoration:none; color:#000; color:var(--font-color-base); }
a:hover { text-decoration:underline; }
a:active { text-decoration:none; }
.objHidden { visibility:hidden; position:absolute; left:-1000px; top:-1000px; height:0; width:0; }
#content_CONTAINER table, #bi_inquire_content_CONTAINER table { border:0; margin:0 0 -1px; }
#content_CONTAINER table:before, #bi_inquire_content_CONTAINER table:before { display:none; }
#content_CONTAINER td, #bi_inquire_content_CONTAINER td { width:auto !important; padding:0; }
#progressPaybarBackground { position:absolute; z-index:99; left:0; top:0; width:100%; height:100%; filter:alpha(opacity=40); opacity:0.3; background-color:#000; }
#progressPaybarView { position:fixed; z-index:100; top:50%; left:0; right:0; transform:translateY(-50%); }
#progressPaybarView h3 { font-size:32px; color:#444b59; }
#progressPaybarView .box { width:586px; margin:0 auto; padding:67px 0; text-align:center; background:#fff; }
#progressPaybarView .box .txt { margin:8px 0 36px; font-size:15px; line-height:26px; color:#667084; }
/* contents */
#skipNavigation {position:absolute; top:0; left:0; z-index:100; width:100%; height:0;}
#skipNavigation p, #skipNavigation ul, #skipNavigation ul li {height:0;}
#skipNavigation p a {position:absolute; left:0; top:0; display:block; overflow:hidden; width:1px; height:1px; margin-left:-1px; margin-bottom:-1px; text-align:center; color:#000; white-space:nowrap;}
#skipNavigation p a:focus, #skipNavigation p a:hover, #skipNavigation p a:active {width:100%; height:auto; padding:10px 0; background:#c4122f; color:#fff; z-index:100;}
.displaynone { display:none; }
.dimmed { position:fixed; top:0; left:0; z-index:99; width:100%; height:100%; background:#fff; opacity:0.8; filter:alpha(opacity=80); }
.blind { display: block; overflow: hidden; position: absolute; font-size: 1px; line-height: 0; color: transparent; text-indent: -150%; white-space: nowrap;}
/* IE Not Supoorted */
:root {
--font-color-base:#000;
--font-color-heading:#000;
--font-color-primary:#000;
--font-color-secondary:#ef441f;
--font-color-warn:#ec2a1d;
--font-color-success:#0985df;
}
/* **************************** 필수 CSS ìˆ˜ì • ë° ì‚ì œ 불가 **************************** */
/* morenvy.com 210907 ìœ¤ì •í™˜ */
@charset "utf-8";
html { -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; }
#wrap { position:relative;width:100%;margin:0 auto;min-height:550px;overflow:hidden;}
body {min-width:100%;padding:0;margin:0;max-width:1680px;}
#container {width:100%;zoom:1;position:relative;margin:0 auto;}
#container #contents {margin:0 auto;float:none;padding:0;}
.cboth {clear:both;*zoom:1}
.cboth:after {content:" ";display:block;clear:both;}
audio, canvas, img, svg, video {max-width:100%;height:auto;box-sizing:border-box;}
button {border:0;outline:none;}
img { -webkit-perspective: 1; }
input, select, textarea, body, code, button {font-family:"Poppins", "Noto Sans KR", Arial, sans-serif !important;}
a:hover {text-decoration:none;}
.display_mobile_only {display:none;}
.display_tablet_only {display:none;}
.display_pc_only {display:block;}
.not_scroll {height:100%; min-height:100%; overflow:hidden !important; touch-action:none;}
/* 최ìƒë‹¨ 배너 */
.main_top_banner {position:relative;z-index:997;background-color:#000;overflow:hidden;width:100%;height:60px;display:none;}
.main_top_banner .top_banner_box_inner {max-width:1680px;width:92%;height:100%;margin:0 auto;display:flex;justify-content:space-between;align-items:center;position:relative;}
.main_top_banner .top_banner_box_inner .top_banner_text {flex:1;}
.main_top_banner.ez-align-left .top_banner_box_inner .top_banner_text {text-align:left;}
.main_top_banner.ez-align-center .top_banner_box_inner .top_banner_text {text-align:center;}
.main_top_banner.ez-align-right .top_banner_box_inner .top_banner_text {text-align:right;}
.main_top_banner.ez-align-center .top_banner_box_inner .top_banner_close {position:absolute;top:0;right:0;bottom:0;}
.main_top_banner .top_banner_box_inner .top_banner_text a {font-size:15px;font-weight:300;color:#fff;}
.main_top_banner .top_banner_box_inner .top_banner_close {font-size:12px;font-weight:300;color:#fff;line-height:1;display:flex;align-items:center;margin-left:30px;}
.main_top_banner .top_banner_box_inner .top_banner_close input[type="checkbox"] {width:15px;height:15px;background-size:15px;}
.main_top_banner .top_banner_box_inner .top_banner_close label {margin-left:5px;cursor:pointer;}
.main_top_banner .top_banner_box_inner .top_banner_close .icon {cursor:pointer;}
/* ìƒë‹¨ */
#header {width:100%;margin:0 auto;padding:0;background:#fff;position:relative; z-index:998;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;border-bottom:1px solid #e8e8e8;}
#header .inner {max-width:1680px;width:92%;margin:0 auto;padding:0;display:flex;align-items:center;flex-direction:column;flex-grow:1;position:relative;}
#header .inner .toparea {width:100%;height:50px;margin-top:10px;display:flex;justify-content:space-between;align-items:center;transform: translateY(0);position:relative;z-index:11;}
#header .inner .toparea .toparea_shoppinginfo {display:flex;align-items:center;}
#header .inner .toparea .toparea_shoppinginfo .xans-layout-multishoplist {position:relative;z-index:10;height:50px;margin-right:30px;}
#header .inner .toparea .toparea_shoppinginfo .xans-layout-multishoplist .toggle {display:flex;align-items:center;height:50px;padding:0;color:#666;line-height:1;font-size:13px;}
#header .inner .toparea .toparea_shoppinginfo .xans-layout-multishoplist .toggle .icon {border-color:#666;width:5px;height:5px;margin-left:10px;}
#header .inner .toparea .toparea_shoppinginfo .xans-layout-multishoplist > ul {visibility:hidden;height:0;padding:0 10px;border:1px solid #999;background:#fff;margin-top:-5px;}
#header .inner .toparea .toparea_shoppinginfo .xans-layout-multishoplist > ul li {position:relative; margin:9px 0; }
#header .inner .toparea .toparea_shoppinginfo .xans-layout-multishoplist > ul li a {display:block; overflow:hidden; font-size:12px; white-space:nowrap; text-decoration:none; text-overflow:ellipsis; }
#header .inner .toparea .toparea_shoppinginfo .xans-layout-multishoplist.show > ul {visibility:visible;height:auto;}
#header .inner .toparea .toparea_shoppinginfo .xans-layout-shoppinginfo {display:flex;flex-shrink:0;}
#header .inner .toparea .toparea_shoppinginfo .xans-layout-shoppinginfo li {margin:0 10px 0 0;}
#header .inner .toparea .toparea_shoppinginfo .xans-layout-shoppinginfo li a {color:#6a6a6a;font-size:12px;font-weight:400;}
#header .inner .toparea .toparea_shoppinginfo .xans-layout-shoppinginfo li,
#header .inner .toparea .toparea_shoppinginfo .xans-layout-shoppinginfo li strong {color:#6a6a6a;font-size:12px;font-weight:400;}
#header .inner .toparea .toparea_shoppinginfo .xans-layout-shoppinginfo li a strong {color:#6a6a6a;font-size:12px;font-weight:400;}
#header .inner .toparea .toparea_shoppinginfo .xans-layout-shoppinginfo li a:hover,
#header .inner .toparea .toparea_shoppinginfo .xans-layout-shoppinginfo li a:hover strong {color:#000;}
#header .inner .toparea .toparea_state {display:flex;}
#header .inner .toparea .toparea_state a {font-size:12px;line-height:1;color:#6a6a6a;display:flex;align-items:center;margin:0 0 0 10px;}
#header .inner .toparea .toparea_state a:hover {color:#000;}
#header .inner .toparea .toparea_state .toparea_state_board {position:relative;}
#header .inner .toparea .toparea_state .toparea_state_board > a {display:flex;align-items:center;}
#header .inner .toparea .toparea_state .toparea_state_board > a .icon {width:5px;height:5px;margin-left:10px;margin-top:-3px;}
#header .inner .toparea .toparea_state .toparea_state_board > ul {display:none;position:absolute;top:25px;right:0px;z-index:1;padding:5px 10px;border:1px solid #999;background:#fff;}
#header .inner .toparea .toparea_state .toparea_state_board.on > ul {display:block;}
#header .inner .toparea .toparea_state .toparea_state_board > ul li {position:relative;padding:7px 0;}
#header .inner .toparea .toparea_state .toparea_state_board > ul li a {display:block;overflow:hidden;font-size:12px;line-height:1;color:#666;white-space:nowrap; text-decoration:none; text-overflow:ellipsis;padding:0;margin:0;}
#header .inner .toparea .toparea_state .toparea_state_board > ul li a:hover {color:#000;}
/* ìƒë‹¨ 메뉴 */
#header .inner .top_nav_box {width:100%;display:flex;align-items:flex-start;background-color:#fff;}
#header .inner .top_nav_box .top_logo {display:flex;justify-content:center;align-items:center;flex-shrink:0;height:80px;}
#header .inner .top_nav_box .top_logo a {font-size:40px;line-height:1;}
#header .inner .top_nav_box .top_logo img {max-width:400px;max-height:60px;}
#header .inner .top_nav_box .top_category {margin:0 150px 0 50px;display:flex;flex-wrap:wrap;}
#header .inner .top_nav_box .top_category > ul {display:flex;align-items:center;flex-wrap:wrap;width:100%;}
#header .inner .top_nav_box .top_category > ul > li {height:80px;display:flex;align-items:center;padding:0 25px;position:relative;}
#header .inner .top_nav_box .top_category > ul > li > a {font-size:16px;font-weight:400;display:block;line-height:78px;color:#1a1a1a;white-space:nowrap;}
#header .inner .top_nav_box .top_category > ul > li > a:after {content: "";position:relative;display: block;bottom:0px;width: 100%; height:2px; background-color: #000;-webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0);-webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0;-webkit-transition: -webkit-transform .3s cubic-bezier(.45,.46,.05,.96);-o-transition: transform .3s cubic-bezier(.45,.46,.05,.96);transition: transform .3s cubic-bezier(.45,.46,.05,.96);transition: transform .3s cubic-bezier(.45,.46,.05,.96),-webkit-transform .3s cubic-bezier(.45,.46,.05,.96);}
#header .inner .top_nav_box .top_category > ul > li:hover > a:after {-webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1);-webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0;-webkit-transition: -webkit-transform .5s cubic-bezier(.45,.46,.05,.96);-o-transition: transform .5s cubic-bezier(.45,.46,.05,.96);transition: transform .5s cubic-bezier(.45,.46,.05,.96);transition: transform .5s cubic-bezier(.45,.46,.05,.96),-webkit-transform .5s cubic-bezier(.45,.46,.05,.96);}
#header .inner .top_nav_box .top_category .sub_cate01 {display: none;}
#header .inner .top_nav_box .top_category li.on .sub_cate01,
#header .inner .top_nav_box .top_category .sub-category {position:absolute;top:80px;left:0;z-index:10;margin:0;width:auto;min-width:120px;padding:10px 0;background-color:#fff;border:1px solid #e8e8e8;}
#header .inner .top_nav_box .top_category .sub_cate01 ul,
#header .inner .top_nav_box .top_category .sub-category ul {display:none;position:absolute;top:-11px;left:100%;z-index:11;margin:0;width:auto;min-width:120px;padding:10px 0;background-color:#fff;border:1px solid #e8e8e8;}
#header .inner .top_nav_box .top_category li.on .sub_cate01,
#header .inner .top_nav_box .top_category .sub_cate01 li.on > ul,
#header .inner .top_nav_box .top_category .sub-category li.on > ul {display:block;}
#header .inner .top_nav_box .top_category .sub_cate01 li,
#header .inner .top_nav_box .top_category .sub-category li {position:relative;padding:0 10px 0 10px;}
#header .inner .top_nav_box .top_category .sub_cate01 li:after,
#header .inner .top_nav_box .top_category .sub-category li:after {content:"";position:absolute;top:50%;right:15px;margin-top:-3px;background:url("//freakynine.co.kr/SkinImg/img/arrow.png") no-repeat;z-index:10;width:4px;height:7px;}
#header .inner .top_nav_box .top_category .sub_cate01 li.noChild:after,
#header .inner .top_nav_box .top_category .sub-category li.noChild:after {display:none;}
#header .inner .top_nav_box .top_category .sub_cate01 li a,
#header .inner .top_nav_box .top_category .sub-category li a {font-size:14px;color:#333;line-height:1;font-weight:400;display:block;padding:10px 20px 10px 10px;white-space:nowrap;}
#header .inner .top_nav_box .top_category .sub_cate01 li:hover > a,
#header .inner .top_nav_box .top_category .sub-category li:hover > a {background-color:#e8e8e8;color:#000;}
#header .inner .top_nav_box .top_category .top_community .sub-category {display:none !important;}
#header .inner .top_nav_box .top_mypage {height:80px;display:flex;flex-shrink:0;align-items: center;position:absolute;top:60px;right:0;}
#header .inner .top_nav_box .top_mypage a {font-size:14px;font-weight:500;line-height:1;color:#1a1a1a;margin-left:27px;padding:0;border:0;height:24px;display:flex;align-items:center;position:relative;}
#header .inner .top_nav_box .top_mypage a.xans-layout-orderbasketcount .count {position:absolute;top:11px;right:-8px;width:18px;height:18px;border-radius:50%;background-color:#000;color:#fff;text-align:center;line-height:1;font-size:12px;display:flex;align-items:center;justify-content:center;margin-left:5px;}
#header .inner .top_nav_box .top_sidebar {display:none;}
#header.fixed {position:fixed;top:0;left:0;right:0;z-index:998;margin:0 auto;border-bottom:1px solid #e8e8e8 !important;-webkist-transform:translateY(-60px);-ms-transform:translateY(-60px);transform:translateY(-60px);}
/* morenvy.com ì¹´í…Œê³ ë¦¬ê°€ 대량ì¼ë•Œ //ì£¼ì„ 22.06.17
#header .inner .top_nav_box .top_category > ul > li {display:none;}
#header .inner .top_nav_box .top_category .cate_more {position:absolute;bottom:20px;right:20px;background:url("//freakynine.co.kr/SkinImg/img/cate_more_on.png") no-repeat;width:25px;height:29px;cursor:pointer;opacity:0.3;-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
#header .inner .top_nav_box .top_category .cate_more:hover {opacity:0.8;}
#header .inner .top_nav_box .top_category .cate_more.on {background:url("//freakynine.co.kr/SkinImg/img/cate_more_off.png") no-repeat;}
*/
/* ìƒë‹¨ê²€ìƒ‰ ë ˆì´ì–´ */
#quick_search {display:none;}
#quick_search .quick_searchClose {display:none;}
#quick_search .xans-layout-searchheader {position:absolute;left:0;right:0;z-index:1001;width:100%;height:60px;}
#quick_search .xans-layout-searchheader fieldset {max-width:1680px;width:98%;height:100%;display:flex;justify-content:center;align-items:center;}
#quick_search .xans-layout-searchheader {margin:0 auto; position:relative; border-bottom:2px solid #000; overflow:hidden;}
#quick_search .xans-layout-searchheader input{width:800px; background:transparent; border:0; height:60px; color:#1a1a1a; font-size:36px; float:left;}
#quick_search .xans-layout-searchheader input::-ms-input-placeholder, {color:#aaa;}
#quick_search .xans-layout-searchheader input::-webkit-input-placeholder {color:#aaa;}
#quick_search .xans-layout-searchheader input::-moz-placeholder {color:#aaa;}
#quick_search .xans-layout-searchheader .search_btn {float:right;width: 40px;cursor:pointer;}
#quick_search .xans-layout-searchheader fieldset .btnDelete {display:none;cursor:pointer;font-size:0;width:30px;height:60px;background: url('//img.echosting.cafe24.com/skin/mobile_ko_KR/layout/btn_delete.png') no-repeat 0 center;background-size:25px;margin:0 10px;}
/* 하단 */
.footer_margin {margin-top:100px;}
#footer {width:100%;margin:0 auto;padding:0;border-top:1px solid #eaeaea; background:#fff;overflow:hidden;}
#footer .inner {max-width:1680px;width:92%;margin:0 auto;padding:60px 0;color:#b3b3b3;}
#footer .inner > div {flex-basis:50%;}
#footer .inner .pdr10 {padding-right:10px;}
#footer .inner .bt_top {width:100%;display:flex;flex-direction:row;justify-content:space-between;}
#footer .inner .bt_top_right {display:flex;flex-direction:row;margin-left:50px;}
#footer .inner .bt_top_right li {line-height:1.8;}
#footer .inner .bt_top_right li a {font-size:13px;color:#b3b3b3;}
#footer .inner .bt_top_right li:hover a {color:#1a1a1a;}
#footer .inner .bt_top_right .bt_sns {margin:50px 0 0 0;}
#footer .inner .bt_top_right .bt_sns a {line-height:1.8;font-size:13px;color:#b3b3b3;display:block;}
#footer .inner .bt_top_right .bt_sns .bt_title {font-size:16px;color:#000;margin-bottom:10px;font-weight:500;}
#footer .inner .bt_bottom {display:flex;width:100%;justify-content:space-between;margin-top:40px;}
#footer .inner .bt_bottom .bt_bottom_left {margin-right:50px;}
/* 하단 ë¡œê³ */
#footer .inner .bt_logo {margin-bottom:30px;font-size:40px;}
#footer .inner .bt_logo img {max-width:400px;max-height:60px;}
/* 하단 ê³ ê°ì„¼í„° */
#footer .inner .bt_cs {margin:50px 80px 0 0;}
#footer .inner .bt_cs .bt_title {font-size:16px;color:#000;margin-bottom:10px;font-weight:500;}
#footer .inner .bt_cs .bt_txt01 {margin-bottom:10px;font-size:13px;color:#b3b3b3;line-height:1.6;}
#footer .inner .bt_cs .bt_txt02 {margin-bottom:10px;font-size:13px;color:#b3b3b3;line-height:1.6;}
#footer .inner .bt_cs .bt_txt03 {margin-bottom:10px;font-size:13px;color:#b3b3b3;line-height:1.6;}
#footer .inner .bt_cs .bt_txt02 > strong {font-weight:600;display:block;}
#footer .inner .bt_cs .bt_txt01 > strong {font-weight:600;}
/* 하단 ê²°ì œì •ë³´ */
#footer .inner .bt_bank {margin:50px 80px 0 0;}
#footer .inner .bt_bank .bt_title {font-size:16px;color:#000;margin-bottom:10px;font-weight:500;}
#footer .inner .bt_bank .bt_txt01 {margin-bottom:10px;font-size:13px;color:#b3b3b3;line-height:1.6;}
#footer .inner .bt_bank .bt_txt02 {margin-bottom:10px;font-size:13px;color:#b3b3b3;line-height:1.6;}
#footer .inner .bt_bank .bt_txt03 {margin-bottom:10px;font-size:13px;color:#b3b3b3;line-height:1.6;}
#footer .inner .bt_bank .bt_txt03 .bt_title_sub > strong {font-weight:600;}
/* 하단 ì‡¼í•‘ëª°ì •ë³´ */
#footer .inner .bt_info {margin-bottom:22px;}
#footer .inner .bt_info .bt_title {font-size:16px;font-weight:500;color:#000;margin-bottom:10px;}
#footer .inner .bt_info .bt_info_list {display:flex;flex-wrap:wrap;justify-content:flex-start;max-width:500px;font-size:13px;font-weight:300;color:#aaa;line-height:1.6;}
#footer .inner .bt_info .bt_info_list a {font-size:13px;font-weight:300;color:#aaa;line-height:1.6;}
#footer .inner .bt_info .bt_info_list > div {margin:0 10px 0 0;}
#footer .inner .bt_info .bt_info_list > div span:first-child {font-weight:600;}
/* 하단 카피ë¼ì´íŠ¸ */
#footer .inner .bt_copyright {font-size:12px;font-weight:400;color:#b3b3b3;line-height:1.6;text-align:left;}
/* 하단 ì—스í¬ë¡œ */
#footer .inner .bt_escrow a {font-size:0;display:flex;}
#footer .inner .bt_escrow a span {font-size:12px;font-weight:300;color:#a8a8a8;line-height:1.6;max-width:350px;word-break: keep-all;}
#footer .inner .bt_escrow a img {margin-right:10px;display:none;}
#footer .inner .bt_escrow a img.on {display:block;}
/* 하단 메뉴 */
#footer .bt_util {height: 70px; background-color:#000;}
#footer .bt_util ul {width:92%;margin:0 auto;padding:27px 0;display:block;max-width:1680px;}
#footer .bt_util ul li {margin-right:20px; display:inline-block;}
#footer .bt_util ul li a {display:block;font-size:16px;font-weight:300;color:#999;line-height:1;white-space:nowrap;}
#footer .bt_util ul li a strong {font-weight:400;color:#fff;}
/* ìƒí’ˆ ë”보기 */
.more {text-align:center;margin:0 auto;position:relative;width:100%;}
.more .btnMore {background-color:#fff;display:inline-block;min-width:auto;padding:15px 92px;border:1px solid #dadada;text-align:center;transition:all 400ms;font-weight: 700;font-size:20px;color:#aaa;}
.more .btnMore > div {display:inline-block;font-size:14px;color:#b7b7b7;padding-left:5px;transition:all 400ms;}
.more .btnMore:hover {color:#1a1a1a;background-color:#fff;border:1px solid #1a1a1a;}
.more .btnMore:hover > div {color:#1a1a1a;}
@media all and (max-width:1680px) {
/* 최ìƒë‹¨ 배너 */
.main_top_banner .top_banner_box_inner .top_banner_text a {font-size:calc(13px + (15 - 13) * ((100vw - 370px) / (1680 - 370)));}
}
@media all and (max-width:1500px) {
/* ìƒë‹¨ 메뉴 */
#header .inner .top_nav_box .top_category > ul > li {padding:0 15px;}
/* 하단 ê³ ê°ì„¼í„° */
#footer .inner .bt_cs {margin:50px 40px 0 0;}
/* 하단 ê²°ì œì •ë³´ */
#footer .inner .bt_bank {margin:50px 40px 0 0;}
}
/********************* Tablet *********************/
@media all and (max-width:1024px) {
/* responsive class */
.RW { display:none !important; }
.RTMB { display:block !important; }
.RTMI { display:inline-block !important; }
#capp-shop-new-product-optionselect-layer { position:fixed !important; top:0 !important; right:0 !important; left:auto !important; width:100% !important; height:100% !important; margin:0 !important; }
.bottom-nav { z-index:901; position:fixed; bottom:0; width:100%; height:52px; -webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);-webkit-transition: -webkit-transform .3s linear,padding-bottom .3s linear;transition: transform .3s linear,padding-bottom .3s linear; }
.bottom-nav--hide { -webkit-transform: translate3d(0,60px,0); transform: translate3d(0,60px,0); }
.bottom-nav__tabBar { display:flex;justify-content: space-between; height:52px; padding:14px 26px 0; box-sizing:border-box; background:#fff; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-transition: -webkit-transform .3s linear,padding-bottom .3s linear; transition: transform .3s linear,padding-bottom .3s linear; }
.bottom-nav__tabBar li a,
.bottom-nav__tabBar li button { position:relative; display:block; white-space:nowrap; width:24px; height:24px; font-size:1px; line-height:1px; color:transparent; text-indent:150%; vertical-align:top; background:none; }
.bottom-nav__tabBar li button:focus { outline:0; }
.bottom-nav__tabBar .count { display:block; position:absolute; top:12px; right:-5px; width:16px; height:16px; font-size:11px; color:#fff; text-align:center; text-indent:0; line-height:15px; border-radius:50%; background:#000; }
.bottom-nav__top { opacity:0; visibility:hidden; position:absolute;top: -72px; right:16px;padding:0;box-sizing:border-box; text-align:center; text-transform: uppercase; transition:.5s; }
.bottom-nav__top a { display:block;background-color:#fff;border:1px solid #dadada;box-sizing:border-box;border-radius:50%;width:40px;height:40px;display:flex;justify-content:center;align-items:center;margin-top:5px;}
.bottom-nav__top a.quick_search svg {width:20px;}
.bottom-nav__top--show { opacity:1; visibility:visible; }
.bottom-nav__top span { display:block; margin:4px 0 0; }
.button--fixed .bottom-nav__tabBar { display:none; }
.button--fixed #header.fixed .navigation { position:absolute; top:0; left:0; right:0; background:#fff; }
.xans-layout-mobileaction { position:absolute; left:16px; width: 30px;height: 30px;left: 4% !important;border: 1px solid #e8e8e8}
.xans-layout-mobileaction a {width:18px !important;height:auto !important;padding:6px !important;overflow:hidden; display:block; text-indent:-150%; color:transparent; font-size:1px; line-height:1px; white-space:nowrap;no-repeat center !important;}
.display_tablet_only {display:block !important;}
.display_mobile_only {display:none !important;}
.display_pc_only {display:none !important;}
#container #contents {width:92%;margin:0 auto;}
/* 최ìƒë‹¨ 배너 */
.main_top_banner {height:70px;}
.main_top_banner.close_none {height:50px;}
.main_top_banner .top_banner_box_inner {height:100%;flex-wrap:wrap;justify-content:flex-end;}
.main_top_banner .top_banner_box_inner .top_banner_text {width:100%;flex:none;}
.main_top_banner.ez-align-center .top_banner_box_inner .top_banner_close {position:static;}
/* ìƒë‹¨ 메뉴 */
#header .inner .top_nav_box {display:flex;align-items:center;justify-content:center;height:60px;}
#header .inner .top_nav_box .top_logo {display:flex;align-items:center;height:60px;flex-basis:80%;overflow:hidden;}
#header .inner .top_nav_box .top_logo a {font-size:25px;white-space:nowrap;text-overflow:ellipsis;width:100%;overflow:hidden;text-align:center;}
#header .inner .top_nav_box .top_logo img {max-width:200px;max-height:30px;}
#header .inner .top_nav_box .top_category {display:none;}
#header .inner .top_nav_box .top_mypage {display:flex;align-items:center;margin:0;top:0;right:0;background-color:transparent;height:60px;}
#header .inner .top_nav_box .top_mypage .xans-layout-multishoplist {display:none;}
#header .inner .top_nav_box .top_mypage a {display:none;font-size:0;margin:0;padding:0;}
#header .inner .top_nav_box .top_mypage a.xans-layout-orderbasketcount {display:flex;position:relative;height:100%;}
#header .inner .top_nav_box .top_mypage a.xans-layout-orderbasketcount .count {top:30px;}
#header .inner .top_nav_box .top_sidebar {display:flex;align-items:center;height:60px;position:absolute;top:0;left:0;width:24px;font-size:0;}
#header .inner .top_nav_box .top_sidebar a {display:flex;align-items:center;height:100%;}
#header.fixed {-webkist-transform:translateY(0px);-ms-transform:translateY(0px);transform:translateY(0px);}
/* ìƒë‹¨ê²€ìƒ‰ ë ˆì´ì–´ */
#quick_search {width: 90%;}
#quick_search .quick_searchClose {position:fixed;display:block;width:33px;top:3%;right:3.2%;cursor:pointer;}
#quick_search .quick_searchClose img.rotate {border-radius: 50em;-we.tab_cate.onfixed #totalProducts tbody tr td:first-childbkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out; }
#quick_search .quick_searchClose img.rotate:hover {-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
#quick_search .xans-layout-searchheader .search_btn {width:30px;}
#quick_search .xans-layout-searchheader input {width:100%;background:transparent;border:0;height:60px;color:#aaa;font-size:24px;float:left;padding:0;}
#quick_search .xans-layout-searchheader fieldset .btnDelete {display:block;width:33px;}
/* 하단 */
.footer_margin {margin-top:50px;}
#footer .inner {margin:0 auto;padding:40px 0 0 0;color:#b3b3b3;display:flex;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap;flex-direction:column;position:relative;}
#footer .inner > div {flex-basis:100%;}
#footer .inner .bt_top {width:100%;display:flex;flex-direction:column;}
#footer .inner .bt_bottom {flex-direction:column;margin:0;}
#footer .inner .bt_logo {font-size:25px;flex-shrink:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:100%;}
#footer .inner .bt_logo img {max-width:200px;max-height:30px;}
/* 하단 ê³ ê°ì„¼í„° */
#footer .inner .bt_cs {margin:0 0 20px 0;}
/* 하단 ê²°ì œì •ë³´ */
#footer .inner .bt_bank {margin:0 0 20px 0;}
/* 하단 SNS*/
#footer .inner .bt_top_right {margin:0;flex-direction:column;text-align:left;}
#footer .inner .bt_top_right .bt_sns {margin:0 0 30px 0;}
#footer .inner .bt_top_right .bt_sns a {padding-right:10px;margin-bottom:0px;font-size:13px;display:inline-block;}
/* 하단 ì—스í¬ë¡œ */
#footer .inner .bt_escrow {margin: 30px 0;}
#footer .inner .bt_escrow a {align-items:flex-end;}
#footer .inner .bt_escrow a span{font-size:10px;width:auto;}
/* 하단 카피ë¼ì´íŠ¸ */
#footer .inner .bt_copyright {font-size:10px;text-align:left;margin:10px 0 0 0;}
/* 하단 메뉴 */
#footer .bt_util {height:70px;padding-bottom:32px;}
#footer .bt_util ul {margin:0 auto;padding:15px 0 20px 0;}
#footer .bt_util ul li {margin-right:15px;}
#footer .bt_util ul li a {font-size:12px;}
/* ìƒí’ˆ ë”보기 */
.more .btnMore {background-color:#fff;display:inline-block;min-width:auto;padding:13px 40px;border:1px solid #dadada;text-align:center;transition:all 400ms;font-size:16px;color:#aaa;}
}
/********************* Mobile *********************/
@media all and (max-width:767px) {
/* responsive class */
.RTB { display:none !important; }
.RMB { display:block !important; }
.RMI { display:inline-block !important; }
.display_mobile_only {display:block !important;}
.display_pc_only {display:none !important;}
/* ìƒí’ˆ ë”보기 */
.more .btnMore {padding:13px 35px;font-size:13px;}
.more .btnMore > div {font-size:12px;}
}
/********************* Tablet *********************/
@media all and (min-width:768px) and (max-width:1024px) {
/* responsive class */
.RMB { display:none !important; }
.RMI { display:none !important; }
.RTB { display:block !important; }
}
/********************* PC *********************/
@media all and (min-width:1025px) {
/* responsive class */
.RMB { display:none !important; }
.RMI { display:none !important; }
.RTB { display:none !important; }
.RTMI { display:none !important; }
.RTMB { display:none !important; }
}
/********************* PC *********************/
@media all and (max-width:1553px) {
#quick { display:none; }
}
.dimmed { display:none; z-index:1000; position:fixed; top:0; left:0; bottom:0; right:0; width:100%; height:100%; background:rgba(0,0,0,0.3); }
#modalBackpanel { display:none; position:absolute; top:0; left:0; z-index:10000; width:100%; height:100%; background:#000; }
#modalContainer { display:none; position:absolute; top:100px; left:100px; z-index:10001; width:975px; height:720px; border:1px solid #333; background:#fff; }
#modalContainer #modalContent { width:100%; height:100%; }
/* Font */
.txtInfo { color:#868686; font-size:12px; line-height:22px; }
p.txtInfo,
ul.txtInfo { margin:10px 0 0; }
span.txtInfo { margin-left:10px; }
p.txtInfo.typeDot,
.txtInfo.typeDot li { position:relative; padding:0 0 0 14px; }
p.txtInfo.typeDot:before,
.txtInfo.typeDot li:before { content:""; position:absolute; top:8px; left:0; display:inline-block; width:4px; height:4px; border-radius:50%; background:#868686; }
.txtList { color:#868686; font-size:13px; line-height:20px; }
p.txtList,
ul.txtList { margin:10px 0 0; }
.txtWarn { color:var(--font-color-warn); }
.txtEm { color:var(--font-color-primary); }
.txtSecondary { color:var(--font-color-secondary); }
.txtSuccess { color:var(--font-color-success); }
.txtDel, .strike, .discount { text-decoration:line-through; font-weight:normal; }
.strike strong, .discount strong { font-weight:normal; }
.txtNormal { font-weight:normal; font-style:normal; }
.txtNum { display:inline-block; font-size:11px; color:#939393; word-break:normal; }
.txt11 { font-size:11px; }
.txt12 { font-size:12px; }
.txt13 { font-size:13px; }
.txt14 { font-size:14px; }
.txt16 { font-size:16px; }
.txt18 { font-size:18px; letter-spacing:-1px; }
.txtIcon { font-size:12px; font-style:normal; }
.txtBreak { word-break:break-all; word-wrap:break-word; }
/* JP, TW, CN */
html:lang(ja) .txt11,
html:lang(zh) .txt11,
html:lang(zh-tw) .txt11 { font-size:12px; }
.titleArea h2 {font-weight: normal;}
/* grid */
.gBlank5 { display:block; margin-top:5px; }
.gBlank10 { display:block; margin-top:10px; }
.gBlank15 { display:block; margin-top:15px; }
.gBlank20 { display:block; margin-top:20px; }
.gBlank30 { display:block; margin-top:30px; }
.gIndent10 { margin-left:10px; }
.gIndent20 { margin-left:20px; }
.gSpace10 { margin-right:10px; }
.gSpace20 { margin-right:20px; }
.gMerge { position:relative; z-index:1; margin-top:-1px; }
/* svg icon */
svg.icon { display:block; }
/* css icon */
.icon.icoClose { display:block; position:relative; overflow:hidden; width:15px; height:15px; margin:0 auto; font-size:1px; line-height:0; color:transparent; white-space:nowrap; -webkit-transform:rotate(45deg); transform:rotate(45deg); }
.icon.icoClose:before { content:""; position:absolute; top:0; right:7px; width:1px; height:15px; background:#000; -webkit-transition:.3s ease-out; transition:.3s ease-out; }
.icon.icoClose:after { content:""; position:absolute; top:7px; right:0; width:15px; height:1px; background:#000; -webkit-transition:.3s ease-out; transition:.3s ease-out; }
.icon.icoClose.white:before,
.icon.icoClose.white:after { background:#fff; }
.icon[class*="icoArrow"] { display:inline-block; overflow:hidden; width:8px; height:8px; text-indent:120%; white-space:nowrap; border-left:1px solid #000; border-bottom:1px solid #000; -webkit-transition:.3s ease-out; transition:.3s ease-out; }
.icon.icoArrowRight { -webkit-transform:rotate(-135deg); transform:rotate(-135deg); }
.icon.icoArrowLeft { -webkit-transform:rotate(45deg); transform:rotate(45deg); }
.icon.icoArrowTop { -webkit-transform:rotate(135deg); transform:rotate(135deg); }
.icon.icoArrowBottom { -webkit-transform:rotate(-45deg); transform:rotate(-45deg); }
.icon[class*="icoArrow"].white { border-color:#fff; }
.icon.icoNav { display:block; width:20px; height:2px; color:#000; background: currentColor; box-shadow: 0 14px 0; margin:-8px auto 0; position: relative; }
.icon.icoNav:before { content: ""; position: absolute; top: 7px; left: 0; width:20px; height:2px; background: currentColor; }
.icon.icoUser { overflow:hidden; display:inline-block; width:22px; height:22px; border-bottom:2px solid #000; box-sizing:border-box; }
.icon.icoUser:before { content:""; display:block; width:6px; height:6px; margin:0 auto 1px; border-radius:50%; border:2px solid #000; }
.icon.icoUser:after { content:""; display:block; width:18px; height:16px; border-radius:50%; border:2px solid #000; }
/* Form */
input[type=text],
input[type=password] { height:40px; line-height:40px; padding:2px 4px 2px 15px; border:1px solid #e0e0e0; color:var(--font-color-base); font-size:13px; box-sizing:border-box; outline:1px; }
input[type="button"], input[type="text"], input[type="password"], input[type="tel"], input[type="image"], textarea, select { -moz-appearance:none; -webkit-appearance:none; appearance:none; }
input[type=text]:not(:disabled):focus,
input[type=password]:not(:disabled):focus,
input[type=text]:not(:disabled):hover,
input[type=password]:not(:disabled):hover { border-color:#000; transition:.3s; }
input[type=text]:disabled { background:#f9f9f9; }
input[type=text][readonly] { background:#f9f9f9; }
textarea { padding:10px 15px; border:1px solid #e0e0e0; line-height:1.5; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color:#c1c1c1; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color:#c1c1c1; }
input::-moz-placeholder, textarea::-moz-placeholder { color:#c1c1c1; opacity:1; }
input.gFull { width:100%; }
/* file */
input[type="file"] { height:40px; line-height:40px; font-size:13px; color:#7d7d7d; }
input[type="file"]::file-selector-button,
input[type="file"]::-webkit-file-upload-button { height:40px; padding:0 20px; font-size:13px; color:#1c1c1c; border:1px solid #bcbcbc; border-radius:0; background:#fff; box-sizing:border-box; -webkit-appearance:none; }
/* select */
select { max-width:100%; height:40px; padding:0 30px 0 15px; font-size:13px; border:1px solid #e0e0e0; box-sizing:border-box; background:#fff url("//img.echosting.cafe24.com/skin/skin/common/ico_select.png") no-repeat right 10px center; background-size:14px 8px; }
select::-ms-expand { display:none; }
/* radio */
input[type="radio"] { position:relative; opacity:1; width:18px; height:18px; cursor:pointer; appearance:none; -webkit-appearance:none; -moz-appearance:none; border:0;
background:url("//img.echosting.cafe24.com/skin/skin/common/bg_radio.png") no-repeat 0 0; background-size:18px 18px; outline:0; }
input[type="radio"]:checked { background-image:url("//img.echosting.cafe24.com/skin/skin/common/bg_radio_checked.png"); -webkit-transition:.2s ease-out; transition:.2s ease-out; }
input[type="radio"]::-ms-check { border:1px solid #000; background-color:#fff; }
/* checkbox */
input[type="checkbox"] { position:relative; opacity:1; cursor:pointer; width:15px; height:15px; vertical-align: text-top; appearance:none; -webkit-appearance:none; -moz-appearance:none; border:1px solid #000; background:#fff; outline:0; }
input[type="checkbox"]:checked { border:0; background-image:url("//img.echosting.cafe24.com/skin/skin/common/bg_checkbox_checked.png"); background-size:15px 15px; -webkit-transition:.2s ease-out; transition:.2s ease-out; }
/* ie support */
input[type="checkbox"]::-ms-check { border:1px solid #ababab; background-color:#fff; }
input[type="checkbox"]:checked::-ms-check { color:transparent; border:0; background-image:url("//img.echosting.cafe24.com/skin/skin/common/bg_checkbox_checked.png"); background-size:15px 15px; background-repeat:no-repeat; }
label > input[type=radio], label > input[type=checkbox] { margin:0 10px 0 0; vertical-align:middle; }
label + label { margin-left:15px; }
input[type=radio] + label, input[type=checkbox] + label { margin:0 15px 0 10px; vertical-align:middle; }
legend { visibility:hidden; position:absolute; left:-9999px; top:-9999px; width:0; height:0; line-height:0; }
table tr.radioType input,
span.noBorder input { border:none !important; width:auto !important; height:auto !important; margin:0 3px 0 0 !important; vertical-align:middle !important; background:none !important; }
.gLabel { display:inline-block; }
.gLabel label { margin-right:20px; line-height:22px; }
.fWidthFull input[type=text] { width:100%; height:24px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.fWidthFull textarea { width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.fWidthFull select { width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.fList.typeHor .gLabel { margin-right:20px; }
.fList.typeVer .gLabel { display:block; }
/* ec-base-chk */
.ec-base-chk { display:inline-block; position:relative; margin:0 8px 0 0; vertical-align:top; cursor:pointer; }
/* path */
.path { overflow:hidden; margin:20px 0 0; height:30px; line-height:30px; }
.path span { overflow:hidden; position:absolute; width:0; height:0; white-space:nowrap; text-indent:100%; }
.path ol { float:right; }
.path li { display:inline-block; }
.path li:not(:first-child):before { content:"/"; display:inline-block; margin: 0 4px 0 2px; color:#7d7d7d; vertical-align: top; }
.path li:first-child { background:none; }
.path li a { font-size:12px; color:#7d7d7d; text-decoration:none; }
.path li:last-child a,
.path li strong,
.path li strong a { color:#000; }
/* ec-base-field */
.ec-base-field { display:-webkit-flex; display:-ms-flex; display:flex; }
.ec-base-field input[type="text"],
.ec-base-field input[type="password"] { -webkit-flex:1; -ms-flex:1; flex:1; }
.ec-base-field input ~ [class*='btn'] { margin-left:5px; }
.ec-base-field.code { margin:0 -9px; align-items:center; }
.ec-base-field.code input[type="text"],
.ec-base-field.code input[type="password"] { margin:0 9px; }
/* ec-base-radio */
.ec-base-radio.typeDelivery .ec-base-label{display:block;}
/* ec-base-qty */
.ec-base-qty { position:relative; display:inline-block; width:103px; padding:0 30px; vertical-align:top; box-sizing:border-box; }
.ec-base-qty input[type="text"] { width:45px; height:30px; padding:0; line-height:28px; margin-left:-1px; border:1px solid #e5e5e5; text-align:center; }
.ec-base-qty input[type="text"]:focus,
.ec-base-qty input[type="text"]:hover { border:1px solid #e5e5e5; }
.ec-base-qty img { position:absolute; top:0; left:0; opacity:.00001; width:100%; height:100%; z-index:10; }
.ec-base-qty .up { position:absolute; right:0; top:0; }
.ec-base-qty .down { position:absolute; left:0; top:0; }
.ec-base-qty a { width:30px; height:30px; border:1px solid #e5e5e5; box-sizing:border-box; overflow: hidden; white-space: nowrap; text-indent: 150%; color: transparent; font-size: 1px; line-height:1px; }
.ec-base-qty a:before { content: ''; position: absolute;left:10px; top: 50%; width: 9px; height: 1px; background: #000; }
.ec-base-qty .up:after {content: ''; position: absolute;left: 50%; top: 50%;width: 1px;height: 9px; margin: -4px 0 0 0; background: #000;}
.ec-base-qty .qtyUp {position:absolute; right:0; top:0;}
.ec-base-qty .qtyDown { position:absolute; left:0; top:0;}
.ec-base-qty .qtyUp .up { position:static; left:auto; top:auto; }
.ec-base-qty .qtyDown .down { position:static; left:auto; top:auto; }
/* ec-base-step */
.ec-base-step { margin:40px 0 50px; text-align:center; }
.ec-base-step li { display:inline-block; font-size:14px; color:#939393; }
.ec-base-step li:not(:last-child):after { content:""; display:inline-block; width:8px; height:8px; vertical-align:middle; border-left: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); }
.ec-base-step .selected { color:#000; }
/********************* Mobile *********************/
@media all and (max-width:767px) {
.gInnerMargin { margin:0 16px; }
.titleArea { margin:40px 16px 30px; }
}
/********************* Mobile / Tablet *********************/
@media all and (max-width:1024px) {
/* titleArea */
.titleArea { text-align:center; }
.titleArea h2 { display:inline-block; color:var(--font-color-heading); font-size:22px; }
.titleArea h3 { display:inline-block; color:var(--font-color-heading); font-size:16px; }
.titleArea--middle { margin:0; padding:27px 16px 12px; text-align:left; background:#f6f6f6; }
.titleArea--middle h2 { display:inline-block; color:var(--font-color-heading); font-size:16px; }
.titleArea .desc { font-size:12px; color:#6d6d6d; }
/* path */
.path { margin:0; opacity:0; overflow:hidden; width:1px; height:1px; font-size:1px; line-height:1px; white-space:nowrap; color:transparent; text-indent:150%; }
.ec-base-step li:not(:last-child):after { margin:-2px 15px 0; }
}
/********************* Tablet *********************/
@media all and (min-width:768px) and (max-width:1024px) {
.gInnerMargin { margin:0 24px; }
.titleArea { margin:40px 24px 30px; }
.titleArea--middle { margin:0; }
.path { margin:0 24px; }
}
/********************* PC *********************/
@media all and (min-width:1025px) {
.titleArea { margin:45px 0 40px; text-align:center; }
.titleArea h2 { display:inline-block; color:#000; color:var(--font-color-heading); font-size:30px; }
.titleArea h3 { color:#000; color:var(--font-color-heading); font-size:16px; font-weight:normal; }
.titleArea--middle { margin:50px 0 20px; text-align:left; }
.titleArea--middle h2 { color:#000; color:var(--font-color-heading); font-size:16px; font-weight:normal; }
.titleArea.titleArea--myshop { margin:50px 0 20px; text-align:left; }
.titleArea.titleArea--myshop h2 { color:#000; color:var(--font-color-heading); font-size:16px; font-weight:normal; }
.titleArea .desc { font-size:13px; color:#6d6d6d; }
.titleArea ul { padding:5px 0; color:#939393; line-height:18px; }
.titleArea ul li { position:relative; padding:0 0 0 9px; }
.titleArea ul li:before { display:block; position: absolute; top:50%; left:0; content:""; width:2px; height:2px; margin:-2px 0 0 0; background:#939393; }
.path + .titleArea { margin-top:55px; }
.ec-base-step li:not(:last-child):after { margin:-2px 30px 0; }
/* memberArea */
.memberArea { max-width:898px; margin:0 auto; }
#capp-shop-new-product-optionselect-layer { position:fixed !important; top:0 !important; right:0 !important; left:auto !important; width:458px !important; height:100% !important; margin:0 !important; }
#capp-shop-new-product-optionselect-layer > iframe { z-index:1111; position:relative; }
#capp-shop-new-product-optionselect-layer:after { content:""; display:block; position:fixed; top:0; bottom:0; right:0; left:0; z-index:1; background:#00000040; }
#capp-shop-new-product-optionselect-backlayer { width:100% !important; background: #000; }
#capp-shop-new-product-optionselect-backlayer + #capp-shop-new-product-optionselect-layer:after { display:none; }
}
/* button */
[class^='btnNormal'], a[class^='btnNormal'] { display:inline-block; padding:12px 20px; height:40px; font-size:13px; box-sizing:border-box; border:1px solid #bcbcbc; line-height:1; font-weight:normal; text-decoration:none; vertical-align:middle; word-spacing:-0.5px; letter-spacing:0; text-align:center; white-space:nowrap; color:#000; background-color:#fff; }
[class^='btnSubmit'], a[class^='btnSubmit'] { display:inline-block; padding:12px 20px; height:40px; font-size:13px; box-sizing:border-box; border:1px solid transparent; line-height:1; font-weight:bold; text-decoration:none; vertical-align:middle; word-spacing:-0.5px; letter-spacing:0; text-align:center; white-space:nowrap; color:#fff; background-color:#000; }
[class^='btnEm'], a[class^='btnEm'] { display:inline-block; box-sizing:border-box; padding:2px 8px; border:1px solid transparent; font-size:12px; line-height:18px; font-weight:normal; text-decoration:none; vertical-align:middle; word-spacing:-0.5px; letter-spacing:0; text-align:center; white-space:nowrap; color:#fff; background-color:#737373; }
[class^='btnBasic'], a[class^='btnBasic'] { display:inline-block; box-sizing:border-box; padding:2px 8px; border:1px solid #d1d1d1; font-size:12px; line-height:18px; font-weight:normal; text-decoration:none; vertical-align:middle; word-spacing:-0.5px; letter-spacing:0; text-align:center; white-space:nowrap; color:#222; background-color:#f0f0f0; }
[class^='btnNormal']:not(.disabled):hover,
[class^='btnNormal']:not(.disabled).selected { border-color:#000; }
[class^='btnEm']:not(.disabled):hover { background-color:#77797d; }
[class^='btnBasic']:not(.disabled):hover { background-color:#e5e5e5; }
[class^='btnNormal'].disabled { border-color:#e3e3e3; color:#999; }
[class^='btnSubmit'].disabled { background-color:#9297a2; color:#f0f0f0; }
[class^='btnEm'].disabled { background-color:#b5b6b9; color:#f0f0f0; }
[class^='btnBasic'].disabled { color:#999; }
[class^='btn'] + [class^='btn'] { margin-left:6px; }
/* sizeQty */
[class^='btn'].sizeQty { padding:9px 20px; height:30px; margin-left:6px; font-size:12px; line-height:12px; }
/* btnText */
.btnText { display:inline-block; font-size:13px; line-height:18px; text-decoration:underline; }
/* width full */
[class^='btn'].gFull { width:100%; }
[class^='btn'].gFull + [class^='btn'].gFull { margin:10px 0 0; }
/* btnMore */
.xans-product-listmore { text-align:center; }
.btnMore { display:inline-block; min-width: 220px; padding: 15px 0; border:1px solid #222; text-align:center; transition: all 400ms;}
.btnMore:hover{background: #222; border-color: #222; color: #fff; text-decoration: none;}
.btnMore .icon{ margin: -8px 0 0 10px; vertical-align: middle;}
.btnMore:hover .icon{border-color: #fff;}
/* ec-base-button */
.ec-base-button { margin:20px 0; text-align:center; }
.ec-base-button.justify { position:relative; }
.ec-base-button:after { display:block; content:""; clear:both; }
.ec-base-button .gLeft { float:left; text-align:left; }
.ec-base-button .gRight { float:right; text-align:right; }
.ec-base-button.justify .gLeft { position:absolute; left:0; }
.ec-base-button.justify .gRight { position:absolute; right:0; }
.ec-base-button .text { margin:0 6px 0 10px; color:#353535; line-height:24px; }
/* type */
.ec-base-button.typeBorder { margin-top:-1px; padding:10px 20px; border:1px solid #d7d5d5; }
/* gBottom */
.ec-base-button.gBottom { margin:50px 0 0; }
.ec-base-button.gBottom [class^='btn'] + [class^='btn'] { margin-left:10px; }
/* gColumn */
.ec-base-button[class*="gColumn"] { margin:0 auto; display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:flex; -webkit-justify-content:center; -moz-justify-content:center; -ms-justify-content:center; justify-content:center; }
.ec-base-button[class*="gColumn"]:after { display:none; }
.ec-base-button[class*="gColumn"] [class^='btn'] { margin:0 5px; padding-left:8px; padding-right:8px; word-break:keep-all; word-wrap:break-word; white-space:normal; -webkit-flex:1; -moz-flex:1; -ms-flex:1; flex:1; display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:flex; -webkit-align-items:center; -moz-align-items:center; -ms-align-items:center; align-items:center; -webkit-justify-content:center; -moz-justify-content:center; -ms-justify-content:center; justify-content:center; }
/* gFlex */
.ec-base-button[class*="gColumn"] .gFlex2 { -webkit-flex:2; -moz-flex:2; -ms-flex:2; flex:2; }
.ec-base-button[class*="gColumn"] .gFlex3 { -webkit-flex:3; -moz-flex:3; -ms-flex:3; flex:3; }
.ec-base-button[class*="gColumn"] .gFlex4 { -webkit-flex:4; -moz-flex:4; -ms-flex:4; flex:4; }
/* gFixed */
.ec-base-button.gFixed { position:fixed; z-index:990; left:0; bottom:0; max-width:100%; width:100%; margin:0; box-sizing:border-box; background:#fff; }
.ec-base-button.gFixed > .ec-base-button,
.ec-base-button.gFixed > .ec-base-button[class*="gColumn"] { margin:10px 11px; }
/********************* Mobile *********************/
@media all and (max-width:767px) {
.btnMore {display: block; }
}
/********************* Mobile / Tablet *********************/
@media all and (max-width:1024px) {
/* size */
[class^='btn'].sizeS { padding:10px 20px; height:32px; font-size:12px; }
[class^='btn'].sizeM { padding:14px 20px; height:45px; font-size:13px; line-height:18px; }
[class^='btn'].sizeL { padding:14px 26px; height:50px; min-width:80px; font-size:14px; line-height:18px; font-weight:bold; }
/* width Fix */
[class^='btn'][class*='Fix'] { min-width:72px; word-break:keep-all; word-wrap:break-word; }
[class^='btn'][class*='Fix'].sizeS { min-width:96px; }
[class^='btn'][class*='Fix'].sizeM { min-width:135px; padding-left:15px; padding-right:15px; }
[class^='btn'][class*='Fix'].sizeL { min-width:160px; padding-left:8px; padding-right:8px; }
/* ec-base-button */
.ec-base-button { margin-left:16px; margin-right:16px; }
.ec-base-button [class^='btn'] + [class^='btn'] { margin-left:6px; }
/* gBottom */
.ec-base-button.gBottom { display:flex; margin-left:16px; margin-right:16px; }
.ec-base-button.gBottom .gLeft,
.ec-base-button.gBottom .gRight { display:flex; flex:1; }
.ec-base-button.gBottom [class^='btn'] { flex:1; }
.ec-base-button.gBottom [class^='btn'] + [class^='btn'] { margin-left:10px; }
/* gBreak */
.ec-base-button.gBreak { flex-direction:column; }
.ec-base-button.gBreak .gLeft + .gRight { margin:10px 0 0; }
.ec-base-button.gBreak .gBreak { flex-direction:column; }
.ec-base-button.gBreak > [class^='btn'] + [class^='btn'],
.ec-base-button.gBreak .gBreak [class^='btn'] + [class^='btn'] { margin:10px 0 0; }
.ec-base-button .ec-base-button[class*="gColumn"] { margin:0 -5px; }
/* gColumnM (mobile only flex) */
.ec-base-button[class*="gMColumn"] { display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:flex; -webkit-justify-content:center; -moz-justify-content:center; -ms-justify-content:center; justify-content:center; margin-left:11px; margin-right:11px; }
.ec-base-button[class*="gMColumn"]:after { display:none; }
.ec-base-button[class*="gMColumn"] [class^='btn'] { margin:0 5px; padding-left:8px; padding-right:8px; word-break:keep-all; word-wrap:break-word; white-space:normal; -webkit-flex:1; -moz-flex:1; -ms-flex:1; flex:1; display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:flex; -webkit-align-items:center; -moz-align-items:center; -ms-align-items:center; align-items:center; -webkit-justify-content:center; -moz-justify-content:center; -ms-justify-content:center; justify-content:center; }
.ec-base-button[class*="gMColumn"] .gLeft,
.ec-base-button[class*="gMColumn"] .gRight { float:none; display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:flex; width:100%; }
/* reset */
.gInnerMargin .ec-base-button,
.gInnerMargin .ec-base-button.gBottom,
.gInnerMargin.ec-base-button.gBottom { margin-left:0; margin-right:0; }
}
/********************* PC *********************/
@media all and (min-width:1025px) {
/* size */
[class^='btn'].sizeS { padding:10px 20px; height:32px; font-size:12px; }
[class^='btn'].sizeM { padding:13px 20px; height:40px; font-size:13px; }
[class^='btn'].sizeL { padding:14px 26px; height:50px; min-width:80px; font-size:14px; line-height:18px; font-weight:bold; }
/* width Fix */
[class^='btn'][class*='Fix'] { min-width:72px; word-break:keep-all; word-wrap:break-word; }
[class^='btn'][class*='Fix'].sizeS { min-width:96px; }
[class^='btn'][class*='Fix'].sizeM { min-width:135px; padding-left:15px; padding-right:15px; }
[class^='btn'][class*='Fix'].sizeL { min-width:160px; padding-left:8px; padding-right:8px; }
}
.ec-base-tab { position:relative; }
.ec-base-tab .menu { box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.ec-base-tab .menu:after { content:""; display:block; clear:both; }
.ec-base-tab .menu li a { display:inline-block; color:#6d6d6d; text-decoration:none; outline:0; text-align:center; }
.ec-base-tab .menu li.selected a { position:relative; }
.ec-base-tab > .right { position:absolute; top:8px; right:10px; line-height:24px; color:#909090; }
/* typeNav */
.ec-base-tab.typeNav .menu { margin:0 0 20px; border-bottom:1px solid #868686; background:#fff; }
.ec-base-tab.typeNav .menu li { background:#f6f6f6; }
.ec-base-tab.typeNav .menu li a { border:1px solid #e5e5e5; border-bottom:0; color:#545454; background:#f6f6f6; }
.ec-base-tab.typeNav .menu li.selected a { position:relative; border-color:#868686; color:#000; font-weight:bold; background:#fff; }
.ec-base-tab.typeNav .menu li.selected a:after { content:""; display:block; position:absolute; bottom:-1px; left:0; right:0; width:100%; height:1px; background:#fff; }
/* typeMenu */
.ec-base-tab.typeMenu { display: flex; margin: 10px 0;}
.ec-base-tab.typeMenu ul { display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 0 auto;}
.ec-base-tab.typeMenu li { height:30px; white-space: nowrap; float: none; }
.ec-base-tab.typeMenu li a { line-height:30px; color:#6d6d6d; }
.ec-base-tab.typeMenu .button { display:inline-block; margin:0 30px 0 10px; padding-bottom:5px; }
.ec-base-tab.typeMenu .button.active { position: relative; font-weight:bold; color:#000; }
.ec-base-tab.typeMenu .button.active::after{content: ''; position: absolute; right: 0; left: 0; bottom: 0; height: 1px; background: #000; }
.ec-base-tab.typeMenu ul > li { position:relative; }
.ec-base-tab.typeMenu ul > li .iconWrap { display:block; position: relative; }
.ec-base-tab.typeMenu ul > li .iconWrap:after{ content:""; position:absolute; top:-24px; right:15px; display: inline-block; width:7px; height:7px; border: 1px solid #6d6d6d; border-left:0; border-bottom:0; transform: rotate(45deg) }
.ec-base-tab.typeMenu ul > li > ul,
.ec-base-tab.typeMenu ul > li > ul > li ul { position:absolute; top:35px; left:0; display:inline-block; border:1px solid #e5e5e5; padding:15px 0 15px 20px; background-color:#fff; }
.ec-base-tab.typeMenu ul > li > ul > li { position:static; padding-right:50px; }
.ec-base-tab.typeMenu ul > li > ul > li .button { margin:0; }
.ec-base-tab.typeMenu ul > li > ul > li .iconWrap:after{ top:-19px; right:-30px; }
.ec-base-tab.typeMenu ul > li > ul > li ul { top:-1px; left:100%;}
.ec-base-tab.typeMenu ul > li > ul > li ul > li { padding-right:50px; }
.ec-base-tab.typeMenu ul > li > ul { display:none; }
.ec-base-tab.typeMenu ul > li > ul > li ul { display:none; }
.ec-base-tab.typeMenu ul > li > ul.active { display:inline-block; }
.ec-base-tab.typeMenu ul > li > ul > li ul.active { display:inline-block; }
.ec-base-tab.typeMenu .icoOpen { display:none; }
/* gScroll */
.ec-base-tab.gScroll{ overflow-x: auto; overflow-y: hidden; box-sizing: border-box; }
/********************* Mobile / Tablet *********************/
@media all and (max-width:1024px) {
/* typeNav */
.ec-base-tab.typeNav .menu { display:flex; border-bottom: 1px solid #868686; }
.ec-base-tab.typeNav .menu li { flex:1; }
.ec-base-tab.typeNav .menu li a { height: 100%; padding:16px 8px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; }
.ec-base-tab.typeNav .menu li a .count { align-self: flex-end; padding-left:3px; }
.ec-base-tab.typeMenu { position:relative; height:40px; z-index:1; }
.ec-base-tab.typeMenu .menu { position:absolute; top:0; width:100%; height:100%; overflow-x:auto; overflow-y:hidden; }
}
/********************* PC *********************/
@media all and (min-width:1025px) {
/* typeNav */
.ec-base-tab.typeNav .menu { margin:0 0 20px; }
.ec-base-tab.typeNav .menu li { float:left; margin-left:-1px; }
.ec-base-tab.typeNav .menu li a { min-width:218px; padding:16px 20px; }
}
/* gFlex */
.ec-base-tab.gFlex .menu { display:flex; }
.ec-base-tab.gFlex .menu > li { display:flex; align-items: center; float:none; flex:1; position:relative; margin-left:0; }
.ec-base-tab.gFlex .menu > li a { width:100%; min-width:0; word-break:break-all; }
/* Align */
.ec-base-table th[scope*="row"] { text-align:left; }
.ec-base-table .left { text-align:left; }
.ec-base-table .center { text-align:center; }
.ec-base-table .right { text-align:right; }
.ec-base-table td.left { text-align:left; }
.ec-base-table td.center { text-align:center; }
.ec-base-table td.right { text-align:right; }
.ec-base-table .top th,
.ec-base-table .top td,
.ec-base-table th.top,
.ec-base-table td.top { vertical-align:top; }
.ec-base-table .middle th,
.ec-base-table .middle td,
.ec-base-table th.middle,
.ec-base-table td.middle { vertical-align:middle; }
.ec-base-table .bottom th,
.ec-base-table .bottom td,
.ec-base-table th.bottom,
.ec-base-table td.bottom { vertical-align:bottom; }
/* Table */
.ec-base-table { border-top:1px solid #000; }
.ec-base-table th,
.ec-base-table td { height:29px; padding:14px 20px; line-height:22px; vertical-align:middle; }
.ec-base-table th { border-bottom:1px solid #e5e5e5; background-color:#f6f6f6; }
.ec-base-table td { border-bottom:1px solid #e5e5e5; }
.ec-base-table th img.icon,
.ec-base-table td img.icon { display:inline-block; max-width:100%; max-height:100%; vertical-align:middle; }
.ec-base-table td [class^="btn"],
.ec-base-table td a[class^="btn"]{ vertical-align:baseline; }
/* gBorderClear */
.ec-base-table.gBorderClear { border-top:0; }
.ec-base-table td.gBorderClear { border-bottom:0; }
/* Table - Empty */
.ec-base-table .message { padding:56px 0; border-bottom:1px solid #e5e5e5; text-align:center; color:#6d6d6d; }
/* Table - typeWrite */
.ec-base-table.typeWrite th,
.ec-base-table.typeWrite td { height:auto; }
.ec-base-table.typeWrite td [class^="btn"],
.ec-base-table.typeWrite td a[class^="btn"] { vertical-align:middle; }
/* formMultiple */
.ec-base-table.typeWrite .formMultiple dl,
.ec-base-table.typeWrite .formMultiple ul { width:100%; }
.ec-base-table.typeWrite .formMultiple dt { margin:0 0 2px 0; }
.ec-base-table.typeWrite .formMultiple li,
.ec-base-table.typeWrite .formMultiple dd { margin:0 0 10px 0; }
.ec-base-table.typeWrite .formMultiple li:last-of-type,
.ec-base-table.typeWrite .formMultiple dd:last-of-type { margin-bottom:0; }
/* formGroup */
.ec-base-table.typeWrite .formGroup input[type="text"],
.ec-base-table.typeWrite .formGroup input[type="password"],
.ec-base-table.typeWrite .formGroup select,
.ec-base-table.typeWrite .formGroup [class^="btn"] { min-width:0; margin:0 5px; }
.ec-base-table.typeWrite .formGroup input[type="text"] + [class^="btn"] { margin-left:5px; }
.ec-base-table.typeWrite .formGroup:not(td) { width:auto; margin-left:-5px; margin-right:-5px; }
.ec-base-table.typeWrite .formGroup.code { font-size:20px; color:#7f7f7f; }
/* txtInfo */
.ec-base-table.typeWrite td p.txtInfo,
.ec-base-table.typeWrite td ul.txtInfo { width:100%; }
/* form */
.ec-base-table.typeWrite td input[type="text"] + [class^='btn'],
.ec-base-table.typeWrite td input[type="password"] + [class^='btn'],
.ec-base-table.typeWrite td input[type="text"] + a[class^='btn'],
.ec-base-table.typeWrite td input[type="password"] + a[class^='btn'] { margin-left:10px; }
.ec-base-table.typeWrite td label { line-height:32px; }
/* address */
.ec-base-table.typeWrite .ec-address { width:100%; }
.ec-base-table.typeWrite .ec-address .btnBasic { display:inline-block; padding:12px 20px; height:40px; font-size:13px; box-sizing:border-box; border:1px solid #bcbcbc; line-height:1; font-weight:normal; text-decoration:none; vertical-align:middle; word-spacing:-0.5px; letter-spacing:0; text-align:center; white-space:nowrap; color:#000; background-color:#fff; }
.ec-base-table.typeWrite .ec-address-area select { display:block; margin:10px 0 0; }
.ec-base-table.typeWrite .ec-address-area select:first-of-type { margin-top:0; }
/********************* Mobile / Tablet *********************/
@media all and (max-width:1024px) {
/* gFlow */
.ec-base-table .gFlow { display:inline-block; width:100%; margin-top:5px; }
/* gBorderClear */
.ec-base-table tr.gBorderClear td { border-bottom:0; }
.ec-base-table.typeList tr.gBorderClear { border-bottom:0; }
/* Table - typeWrite */
.ec-base-table.typeWrite { padding:10px 0; }
.ec-base-table.typeWrite tr { display:block; }
.ec-base-table.typeWrite th { display:block; padding:6px 15px 0; border-bottom:0; text-align:left; background-color:transparent; }
.ec-base-table.typeWrite td { display:block; padding:2px 15px 10px; border-bottom:0; align-items:center; }
/* formMultiple */
.ec-base-table.typeWrite .formMultiple { padding-top:10px; }
/* formGroup */
.ec-base-table.typeWrite td.formGroup { padding-left:10px; padding-right:10px; }
.ec-base-table.typeWrite td.formGroup.date { padding-left:10px; padding-right:15px; }
.ec-base-table.typeWrite .formGroup { display:flex; flex-flow:wrap; box-sizing:border-box; align-items:center; }
.ec-base-table.typeWrite .formGroup input[type="text"],
.ec-base-table.typeWrite .formGroup input[type="password"],
.ec-base-table.typeWrite .formGroup select { flex:1; }
/* txtInfo */
.ec-base-table.typeWrite span.txtInfo { display:block; width:100%; margin:10px 0 0; }
/* form */
.ec-base-table.typeWrite td input[type="text"],
.ec-base-table.typeWrite td input[type="password"],
.ec-base-table.typeWrite td select { width:100%; }
/* address */
.ec-address .ec-address-zipcode { display:flex; flex-flow:wrap; }
.ec-base-table.typeWrite .ec-address .ec-address-zipcode input[type="text"] { flex:1; }
.ec-base-table.typeWrite .ec-address .ec-address-zipcode .ec-base-label { display:block; width:100%; margin:5px 0 0; }
/* Table - typeList */
.ec-base-table.typeList thead { display:none; }
.ec-base-table.typeList table,
.ec-base-table.typeList tbody { display:block; }.ec-base-table.typeList tr { display:block; position:relative; padding:20px 8px 19px; border-bottom:1px solid #e5e5e5; text-align:left; }
.ec-base-table.typeList tr:after { content:""; display:block; clear:both; }
.ec-base-table.typeList td { height:auto; display:block; float:left; padding:3px 8px; border-bottom:0; text-align:left; color:#6d6d6d; }.ec-base-table.typeList td a { color:#6d6d6d; }
.ec-base-table.typeList td.chk { box-sizing:border-box; padding:0; }
.ec-base-table.typeList td.chk .boardChk { margin:5px 8px 0 8px; }
.ec-base-table.typeList td.chk:not(.no) .boardChk { margin:5px 8px 0px 8px }
.ec-base-table.typeList td.subject { float:none; box-sizing:border-box; }
.ec-base-table.typeList td.subject a { color:#000; }
.ec-base-table.typeList.gThumb td.thumb { overflow:hidden; position:absolute; top:24px; left:16px; width:65px; height:calc(100% - 45px); padding:0; }
.ec-base-table.typeList.gThumb td.thumb a { display:block; height:100%; text-align:center; }
.ec-base-table.typeList.gThumb td.thumb img { max-width:100%; max-height:100%; }
.ec-base-table.typeList.gThumb tr { padding-left:90px; padding-right:20px; }
.ec-base-table.typeList.gThumb td.chk { z-index:1; position:absolute; top:16px; right:16px; padding:0; }
.ec-base-table.typeList.gThumb td.chk .boardChk { margin:0; }
}
/********************* PC *********************/
@media all and (min-width:1025px) {
/* gFlow */
.ec-base-table .gFlow { width:100%; margin-left:20px; }
/* gBorderClear */
.ec-base-table tr.gBorderClear td { border-bottom:0; }
/* Table */
.ec-base-table th { padding:14px 30px; }
/* Table - typeWrite */
.ec-base-table.typeWrite th { padding:10px 30px; }
.ec-base-table.typeWrite th[scope*="row"] { padding-right:15px; }
.ec-base-table.typeWrite td { padding:10px 20px; }
/* formMultiple */
.ec-base-table.typeWrite .formMultiple { padding-top:22px; padding-bottom:22px; }
/* formGroup */
.ec-base-table.typeWrite td.formGroup { padding-left:15px; padding-right:15px; }
.ec-base-table.typeWrite .formGroup input[type="text"],
.ec-base-table.typeWrite .formGroup select { width:190px; }
/* form */
.ec-base-table.typeWrite td input[type="text"],
.ec-base-table.typeWrite td input[type="password"],
.ec-base-table.typeWrite td select { width:290px; }
.ec-base-table.typeWrite td .ec-base-qty input[type="text"] { width:45px; }
/* address */
.ec-base-table.typeWrite .ec-address input[type="text"],
.ec-base-table.typeWrite .ec-address select { width:450px; }
.ec-base-table.typeWrite .ec-address .ec-address-zipcode input[type="text"] { width:200px; }
.ec-base-table.typeWrite .ec-address .ec-address-zipcode .ec-base-label { margin:0 0 0 15px; line-height:40px; }
/* Table - typeList */
.ec-base-table.typeList { border-top:0; }
.ec-base-table.typeList th,
.ec-base-table.typeList td { padding:15px 10px 16px; }
.ec-base-table.typeList th { border-bottom:0; }
.ec-base-table.typeList td.subject { padding-left:20px; padding-right:20px; }
}
.ec-base-tooltip { display:none; z-index:999; position:absolute; top:inherit !important; left:0 !important; right:0 !important; padding:14px 28px 14px 14px; text-align:left; border:1px solid #ccc; border-radius:2px; letter-spacing:normal; box-sizing:border-box; background-color:#fff;
-webkit-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.15);
-moz-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.15);
box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.15);
}
.ec-base-tooltip .title { display:block; padding:0 20px 0 0; font-size:15px; color:#000; line-height:43px; background:#fff; }
.ec-base-tooltip ul { color:#757575; }
.ec-base-tooltip ul li { font-size:13px; }
.ec-base-tooltip .content table + .title { margin-top:14px; }
.ec-base-tooltip p { float:none; font-size:12px; text-align:left; }
.ec-base-tooltip p strong { font-weight:normal; font-size:13px; }
.ec-base-tooltip h3 { margin:0 0 8px; font-size:13px; border-bottom:0; }
.ec-base-tooltip h3 + p { margin:0 5px 10px; }
.ec-base-tooltip h4 { margin:15px 10px 8px 5px; font-size:12px; }
.ec-base-tooltip h4:before { display:inline-block; content:""; margin:0 5px 0 0; width:3px; height:3px; background:#666; vertical-align:middle; }
.ec-base-tooltip table th,
.ec-base-tooltip table td { padding:8px 10px 7px 10px; border:1px solid #e8e8e8; line-height:1.5em; }
.ec-base-tooltip table th { padding-right:0; background:#fbf9fa; }
.ec-base-tooltip table thead th { text-align:center; }
.ec-base-tooltip table tbody th { text-align:left; }
.ec-base-tooltip table .left { text-align:left; }
.ec-base-tooltip table .center { text-align:center; }
.ec-base-tooltip table .right { text-align:right; }
.ec-base-tooltip table .info { padding:0; color:#757575; }
.ec-base-tooltip table p.info:before,
.ec-base-tooltip table ul.info li:before { display:inline-block; content:""; margin:0 3px 0 0; width:4px; height:1px; background:#757575; vertical-align:middle; }
.ec-base-tooltip .info { padding:10px 10px 0; margin:5px 0 0; }
.ec-base-tooltip p.bullet,
.ec-base-tooltip ul.bullet { margin:8px 10px; }
.ec-base-tooltip p.bullet:before,
.ec-base-tooltip ul.bullet li:before { display:inline-block; content:""; margin:-3px 3px 0 0; width:0; height:0; border:solid transparent; border-left-color:#333; border-width:2px 0 2px 2px; vertical-align:middle; }
.ec-base-tooltip ul.bullet li { line-height:1.5em; }
.ec-base-tooltip .btnClose { position:absolute; right:14px; top:14px; padding:10px; cursor:pointer; display:block; overflow:hidden; width:17px; height:17px; box-sizing:border-box; font-size:1px; line-height:0; text-indent:150%; color:transparent; white-space:nowrap; -webkit-transform:rotate(45deg); transform:rotate(45deg); }
.ec-base-tooltip .btnClose:before { content:""; position:absolute; top:0; right:8px; width:1px; height:17px; background:#000; -webkit-transition:.3s ease-out; transition:.3s ease-out; }
.ec-base-tooltip .btnClose:after { content:""; position:absolute; top:8px; right:0; width:17px; height:1px; background:#000; -webkit-transition:.3s ease-out; transition:.3s ease-out; }
.ec-base-tooltip .btnClose img { opacity:0; }
.ec-base-tooltip .edge { z-index:20; position:absolute; left:50%; top:-6px; display:block; margin:0 0 0 -5px; width:10px; height:6px; }
.ec-base-tooltip .edge:before,
.ec-base-tooltip .edge:after { display:inline-block; content:""; position:absolute; top:0; width:0; height:0; border:solid transparent; }
.ec-base-tooltip .edge:before { margin:1px 0 0; border-bottom-color:#565960; border-width:0 5px 5px 5px; }
.ec-base-tooltip .edge:after { left:1px; margin:2px 0 0; border-bottom-color:#fff; border-width:0 4px 4px 4px; }
/* typeUpper */
.ec-base-tooltip.typeUpper { position:absolute; left:-90px !important; bottom:33px !important; width:200px; margin:0; padding:14px 28px 14px 14px; border:1px solid #ccc; border-radius:2px;
-webkit-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.15);
-moz-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.15);
box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.15);
}
.ec-base-tooltip.typeUpper:before { content:""; position:absolute; left:40%; bottom:-5px; display:inline-block; width:0; height:0; margin:-3px 0 0; border-left:5px solid transparent; border-top:5px solid #ccc; border-right:5px solid transparent; }
.ec-base-tooltip.typeUpper:after { content:""; position:absolute; left:40%; bottom:-4px; display:inline-block; width:0; height:0; margin:-3px 0 0; border-left:5px solid transparent; border-top:5px solid #fff; border-right:5px solid transparent; }
.ec-base-tooltip.typeUpper .edge { top:auto; bottom:-6px; }
.ec-base-tooltip.typeUpper .edge:before { margin:0 0 -5px; border-top-color:#ccc; border-width:5px 5px 0 5px; }
.ec-base-tooltip.typeUpper .edge:after { left:1px; margin:0 0 -4px; border-top-color:#fff; border-width:4px 4px 0 4px; }
/* shippingFee */
.shippingFee { display:inline-block; vertical-align:middle; color:#000; margin-left:10px; }
.shippingFee > a.btnNormal { margin:-3px 0 0 5px; }
.shippingFee .wrap h3 { line-height:36px; }
.shippingFee .wrap h4 { position:relative; margin:0 7px 7px; }
.shippingFee .wrap h4:before { display:inline-block; content:""; margin:0 5px 0 0; width:3px; height:3px; background:#666; vertical-align:middle; }
.shippingFee .wrap table + h4 { margin-top:14px; }
.shippingFee .wrap p strong { font-weight:normal; font-size:13px; }
.shippingFee .wrap table { background:#fff; }
.shippingFee .wrap th,
.shippingFee .wrap td { padding:7px; border:1px solid #d5d5d5; }
.shippingFee .wrap th { width:80px; border-right-width:0; }
.shippingFee .wrap td { white-space:normal; }
.shippingFee .wrap .info { margin:0; color:#7d7d7d; }
/********************* Mobile / Tablet *********************/
@media all and (max-width:1024px) {
.ec-base-tooltip { width:88%; margin:5px auto 0; }
.ec-base-tooltip .edge { display:none; }
.shippingFee { position:static; }
.shippingFee .ec-base-button { text-align:center; }
.shippingFee .btnStrong { display:inline-block; padding:12px 20px; height:40px; font-size:13px; box-sizing:border-box; border:1px solid transparent; line-height:1; font-weight:normal; text-decoration:none; vertical-align:middle; word-spacing:-0.5px; letter-spacing:0; text-align:center; white-space:nowrap; color:#fff; background-color:#000; }
}
/********************* PC *********************/
@media all and (min-width:1025px) {
.shippingFee { position:relative; }
.shippingFee .ec-base-tooltip { margin:10px 0 0 -150px; width:360px; }
}
span.ec-base-help,
p.ec-base-help,
ul.ec-base-help li { margin:2px 0; padding:1px 0 1px 22px; font-size:12px; line-height:19px; color:#6d6d6d; background:url('//img.echosting.cafe24.com/skin/skin/common/ico_info.svg') no-repeat 0 0; }
div.ec-base-help { margin:50px 0 20px; line-height:18px; }
div.ec-base-help > h2,
div.ec-base-help > h3 { display:block; margin:0 0 20px; font-size:16px; color:#000;}
div.ec-base-help .inner { padding:20px; border:1px solid #e5e5e5; border-top:1px solid #000; }
div.ec-base-help h4 { margin:22px 0 -4px; color:#000; font-size:12px; font-weight:normal; }
div.ec-base-help h4:first-child { margin-top:0; }
div.ec-base-help p,
div.ec-base-help ul,
div.ec-base-help ol { margin:15px 0 0 0; }
div.ec-base-help p,
div.ec-base-help li { color:#6d6d6d; font-size:12px; line-height:21px; }
div.ec-base-help p,
div.ec-base-help ul li { padding:0 0 0 12px; }
div.ec-base-help p:before,
div.ec-base-help ul li:before { content:""; display:inline-block; width:3px; height:3px; margin:7px 9px 0 -12px; vertical-align:top; border-radius:50%; background:#6d6d6d; }
/********************* Mobile / Tablet *********************/
@media all and (max-width:1024px) {
span.ec-base-help,
p.ec-base-help,
ul.ec-base-help li { margin:10px 0; }
div.ec-base-help > h2,
div.ec-base-help > h3 { padding:0 15px; }
}
.ec-base-fold { position:relative; }
.ec-base-fold > .title { position:relative; z-index:1; overflow:hidden; cursor:pointer; font-size:13px; line-height:1.3; -webkit-tap-highlight-color:rgba(255,255,255,0);
display:-webkit-flex; display:-ms-flex; display:-moz-flex; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; -moz-flex-wrap:wrap; flex-wrap:wrap; -webkit-justify-content:space-between; -ms-justify-content:space-between; -moz-justify-content:space-between; justify-content:space-between; }
.ec-base-fold > .title h2,
.ec-base-fold > .title h3 { display:inline-block; font-size:13px; line-height:1.3; }
.ec-base-fold > .title:after { content:""; position:absolute; top:0; right:0; width:40px; height:100%; -webkit-transition:.3s ease-out; transition:.3s ease-out; }
.ec-base-fold > .contents { display:none; background:#fff; }
.ec-base-fold .ec-base-fold { border-width:1px 0 0; }
.ec-base-fold .ec-base-fold + .ec-base-fold { margin-top:0; }
.ec-base-fold.selected > .title:after { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform:rotate(180deg); }
.ec-base-fold.selected > .contents { display:block; }
/* theme1 */
.ec-base-fold.theme1 { position:relative; }
.ec-base-fold.theme1 > .title { border-top:1px solid #000; }
.ec-base-fold.theme1 > .title h2 { padding:25px 0; font-weight:normal; }
.ec-base-fold.theme1 > .title h3 { padding:20px 0; font-size:13px; }
.ec-base-fold.theme1 > .title:after { content:""; position:absolute; top:20px; right:5px; overflow:hidden; display:inline-block; width:10px; height:10px; border-left:1px solid #000; border-bottom:1px solid #000; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); }
.ec-base-fold.theme1.selected > .title:after { top:25px; -webkit-transform:rotate(135deg); transform:rotate(135deg); }
.ec-base-fold.theme1.gBottomLine > .title { border-top:0; border-bottom:1px solid #000; }
.ec-base-fold.theme1.gClearLine > .title { border-top:0; border-bottom:1px solid transparent; }
.ec-base-fold.theme1 + .ec-base-fold.theme1 { margin-top:30px; }
/* ec-base-table */
.ec-base-fold.theme1.gBottomLine > .contents .ec-base-table,
.ec-base-fold.theme1.gBottomLine .ec-base-fold > .contents .ec-base-table { border:0; }
/********************* Mobile / Tablet *********************/
@media all and (max-width:1024px) {
.ec-base-fold.theme1.gMargin { margin-left:16px; margin-right:16px; }
.ec-base-fold.theme1 > .title { padding:0 16px; }
.ec-base-fold.theme1 > .title h2 { font-size:16px; }
.ec-base-fold.theme1 > .title:after { right:21px; }
.ec-base-fold.theme1.selected > .title:after { top:32px; }
/* ec-base-table */
.ec-base-fold.theme1 .ec-base-table.typeList { border-color:#e5e5e5 }
}
/********************* PC *********************/
@media all and (min-width:1025px) {
.ec-base-fold.theme1 .title > h2 { font-size:18px; }
}
/* base */
.ec-base-box { padding:20px; margin-left:auto; margin-right:auto; border:5px solid #e5e5e5; }
.ec-base-box.gHalf { position:relative; padding:20px 0; }
.ec-base-box.gHalf:before { position:absolute; top:0; left:50%; display:block; content:""; width:1px; height:100%; background-color:#e6e6e6; }
.ec-base-box.typeBg { background-color:#fbfafa; }
.ec-base-box.typeThin { border-width:1px; border-color:#e5e5e5; }
.ec-base-box.typeThin h3.boxTitle { margin:0 0 20px; font-size:16px; font-weight:normal; text-align:center; }
.ec-base-box.typeThinBg { border-width:1px; border-color:#d7d5d5; background-color:#fbfafa; }
.ec-base-box.center { text-align:center; }
.ec-base-box .headDesc { margin:0 0 40px; font-size:16px; line-height:22px; color:var(--font-color-heading); }
.ec-base-box.typeThin > .agree { color:#6d6d6d; font-size:12px; line-height:20px; background:#fff; }
.ec-base-box.typeThin > .agree p { padding:0 0 30px; }
/* typeMember */
.ec-base-box.typeMember { border-width:1px; border-color:#e5e5e5; }
.ec-base-box.typeMember h3.boxTitle { margin:0 0 20px; font-size:16px; font-weight:normal; text-align:center; }
.ec-base-box.typeMember .content { margin:0 auto; text-align:center; }
.ec-base-box.typeMember input[type="text"],
.ec-base-box.typeMember input[type="password"],
.ec-base-box.typeMember select { width:100%; }
.ec-base-box.typeMember .info { font-size:13px; line-height:20px; color:#6d6d6d; }
.ec-base-box.typeMember .information { display:table; table-layout:fixed; padding:10px 0; width:100%; box-sizing:border-box; }
.ec-base-box.typeMember .information > .title, .ec-base-box.typeMember .information > .thumbnail { display:table-cell; padding:0 15px; width:70px; text-align:center; vertical-align:middle; }
.ec-base-box.typeMember .information > .title { vertical-align:middle; }
.ec-base-box.typeMember .information > .thumbnail img { max-width:70px; }
.ec-base-box.typeMember .information .description { display:table-cell; padding:0 10px; width:auto; line-height:1.5em; border-left:1px solid #e8e8e8; vertical-align:middle; }
.ec-base-box.typeMember.gMessage { border-width:1px; border-color:#d7d5d5; }
/* typeProduct */
.ec-base-box.typeProduct { display:table; table-layout:fixed; padding:10px; width:100%; box-sizing:border-box; border:10px solid #f6f6f6; }
.ec-base-box.typeProduct .thumbnail, .ec-base-box.typeProduct .information { display:table-cell; vertical-align:top; position:relative; }
.ec-base-box.typeProduct .thumbnail { width:85px; }
.ec-base-box.typeProduct .thumbnail img { max-width:65px; }
/********************* Mobile / Tablet *********************/
@media all and (max-width:1024px) {
.ec-base-box.gPadding { padding:50px 18px 40px; }
/* typeMember */
.ec-base-box.typeMember { padding:50px 18px 40px; }
}
/********************* Tablet *********************/
@media all and (min-width:768px) and (max-width:1024px) {
.additionalInfo { margin:0 24px; }
}
/********************* PC *********************/
@media all and (min-width:1025px) {
.ec-base-box.gPadding { padding:74px 0; }
/* typeMember */
.ec-base-box.typeMember { padding:74px 0; }
.ec-base-box.typeMember .content { width:421px; }
}
.ec-base-desc { overflow:hidden; text-align:left; }
.ec-base-desc:after { content:""; display:block; clear:both; }
.ec-base-desc dt, .ec-base-desc .term { float:left; width:100px; margin:0 0 2px; padding:0 4px 0 0; line-height:22px;-webkit-box-sizing:border-box; -moz-webkit-box:border-box; box-sizing:border-box; font-weight:normal; }
.ec-base-desc dd, .ec-base-desc .desc { display:block; margin:0 0 2px; padding:0 5px 0 100px; min-height:22px; line-height:22px; word-wrap:break-word; word-break:break-all; }
.ec-base-desc dd:after, .ec-base-desc .desc:after { content:""; display:block; clear:left; }
/* size */
.ec-base-desc.gSmall dt, .ec-base-desc.gSmall .term { width:30%; }
.ec-base-desc.gSmall dd, .ec-base-desc.gSmall .desc { padding-left:30%; }
.ec-base-desc.gMedium dt, .ec-base-desc.gMedium .term { width:40%; }
.ec-base-desc.gMedium dd, .ec-base-desc.gMedium .desc { padding-left:40%; }
.ec-base-desc.gLarge dt, .ec-base-desc.gLarge .term { width:50%; }
.ec-base-desc.gLarge dd, .ec-base-desc.gLarge .desc { padding:0 0 0 50%; }
/* gVer */
.ec-base-desc.gVer dt,
.ec-base-desc.gVer dd,
.ec-base-desc.gVer .term,
.ec-base-desc.gVer .desc { display:block; float:none; width:100%; }
.ec-base-desc.gVer dd,
.ec-base-desc.gVer .desc { margin:10px 0 20px; padding:0; }
/* align */
.ec-base-desc.centerDT dt, .ec-base-desc.centerDD dd, .ec-base-desc.centerDT .term, .ec-base-desc.centerDD .desc,
.ec-base-desc.center, .ec-base-desc .center { text-align:center; }
.ec-base-desc.rightDT dt, .ec-base-desc.rightDD dd, .ec-base-desc.rightDT .term, .ec-base-desc.rightDD .desc,
.ec-base-desc.right, .ec-base-desc .right { text-align:right; }
.ec-base-desc.rightDD dd, .ec-base-desc.rightDD .desc { padding-right:0; }
/* typeDot */
.ec-base-desc.typeDot dt,
.ec-base-desc.typeDot .term { position:relative; padding:0 4px 0 10px; }
.ec-base-desc.typeDot dt:before,
.ec-base-desc.typeDot .term:before { position:absolute; top:50%; left:0; content:""; display:block; width:2px; height:2px; margin:-2px 0 0 0; background:#383838; }
.ec-base-product { margin:22px 0 0; }
.ec-base-product .title { margin:0 0 17px; }
.ec-base-product .title h2 { font-weight:normal; font-size:30px; color:#2e2e2e; text-align:center; }
.ec-base-product .title h3 { font-weight:normal; color:#2e2e2e; text-align:center; }
.ec-base-product img { vertical-align:middle; }
.ec-base-product a[href^='/product/detail.html'] > img { border:1px solid #ececec; }
.ec-base-product .prdList { margin:0 -10px 0; text-align: left; font-size:0; line-height:0; }
.ec-base-product .prdList > li { display:inline-block; margin:0 0 18px; color:#757575; vertical-align:top; }
.ec-base-product .prdList .prdList__item{margin: 0 10px;}
.ec-base-product .prdList .chk { position:absolute; top:-10px; left:0; right:0; display:block; margin:0 0 10px; }
.ec-base-product .prdList .thumb,
.ec-base-product .prdList .thumbnail{ position: relative; text-align: center; width: auto; white-space:normal; }
.ec-base-product .prdList .thumb{ position:relative; margin:0 0 10px; }
.ec-base-product .prdList .thumb .img img{ width: 100%; height: 100%;}
.ec-base-product .prdList .thumbnail { position:relative; margin:0 0 10px; }
.ec-base-product .prdList .thumbnail a img { width: 100%; max-width:100%; box-sizing:border-box; }
.ec-base-product .prdList .icon__box{position: absolute; top: 12px; right: 12px; display: flex; flex-direction: column; }
.ec-base-product .prdList .icon__box span + span{ margin: 12px 0 0;}
.ec-base-product .prdList .wish { z-index:1; display: block; width:30px; cursor:pointer; }
.ec-base-product .prdList .wish img{ max-width: 100%; }
.ec-base-product .prdList .cart { z-index:1; display: block; width:30px; cursor:pointer; }
.ec-base-product .prdList .cart img{ max-width: 100%; }
.ec-base-product .prdList .thumbnail .prdIcon { position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; }
.ec-base-product .prdList .thumbnail .icon { vertical-align:middle; }
.ec-base-product .prdList .thumbnail .icon:after { content:""; display:block; clear:both; }
.ec-base-product .prdList .thumbnail .benefit{position: absolute; left: 0; bottom: 0;}
.ec-base-product .prdList .icon { margin:14px 0 0; text-align:left; }
.ec-base-product .prdList .icon img { margin:0 4px 0 0; max-height: 23px; }
.ec-base-product .prdList .description { margin:20px 20px 0 0; padding: 0; font-size:12px; line-height:18px; text-align:left; white-space:normal; }
.ec-base-product .prdList .description .name { display:block; text-align:left; font-weight:normal; }
.ec-base-product .prdList .description .name a { color:#000; font-size:13px; }
.ec-base-product .prdList .description span.grid { display:block; }
/* grid */
.ec-base-product ul.grid2 > li { width:50%; }
.ec-base-product ul.grid3 > li { width:33.33%; }
.ec-base-product ul.grid4 > li { width:25%; }
.ec-base-product ul.grid5 > li { width:20%; }
.ec-base-product ul.grid3 .color { max-width:230px; }
.ec-base-product ul.grid4 .color { max-width:190px; }
.ec-base-product ul.grid5 .color { max-width:130px; }
/* right display */
.ec-base-product ul.grid2 li:after { content:""; display:block; clear:both; }
.ec-base-product ul.grid2 li .thumbnail { text-align:left; margin:0; }
.ec-base-product ul.grid2 li .description { padding:0; }
.ec-base-product ul.grid2 li .description .chk { position:static; text-align:left; }
/* module="product_ListItem" */
.ec-base-product .spec { margin:12px 0 0; }
.ec-base-product .spec > li { margin: 0 0 14px; text-align:left; line-height:19px; }
.ec-base-product .spec > li.price {margin-bottom: 14px; color: #000; font-size: 16px; }
.ec-base-product .spec > li.price.sale{text-decoration: line-through; }
.ec-base-product .spec > li.price ~ .sale{margin-bottom: 14px; color: #000; font-size: 16px; }
.ec-base-product .spec .summary { color:#6d6d6d; font-size:12px; }
.ec-base-product .spec .color { overflow:hidden; display:inline-block; margin:3px 0 0 0; line-height:1; }
.ec-base-product .spec .chips { display: inline-block; width:10px; height:10px; margin:0 2px 2px 0; border:1px solid #e3e3e3; font-size:0; line-height:0; }
.ec-base-product .discountPeriod { display:inline-block; z-index:10; position:relative; width:55px; height:19px; vertical-align:middle; }
.ec-base-product .layerDiscountPeriod strong.title { display:block; margin:0 0 12px; padding:0 35px 0 0; font-weight:bold; color:#2e2e2e; }
.ec-base-product .layerDiscountPeriod .content p { margin:2px 0 0; font-size:11px; line-height:16px; color:#757575; letter-spacing:-1px; }
.ec-base-product .layerDiscountPeriod .content p strong { font-weight:normal; font-size:12px; color:#2e2e2e; }
.ec-base-product .layerDiscountPeriod .content p strong span { font-size:11px; }
.ec-base-product .prdList .shippingFee { position:relative; display:inline-block; }
.ec-base-product .prdList .shippingFee .button { display:inline-block; float:none; }
.ec-base-product .prdList .shippingFee .ec-base-tooltip { z-index:11; display:block; margin:0 0 0 -170px; width:360px; }
.ec-base-product .prdList .shippingFee .ec-base-tooltip table th { width:40px; }
.ec-base-product .prdList .shippingFee .ec-base-tooltip table th,
.ec-base-product .prdList .shippingFee .ec-base-tooltip table td { padding:7px 10px 8px 10px; }
.ec-base-product .btnTooltip { display:inline-block; }
.differentialShipping { display:none; overflow:hidden; position:absolute; z-index:100; border:1px solid #000; background:#fff; }
.differentialShipping h3.title { height:60px; margin:0 20px; padding:20px 0; font-size:16px; color:#000; box-sizing:border-box; border-bottom:1px solid #e5e5e5; }
.differentialShipping .content { padding:12px 18px 14px 18px; border-top:0; text-align:center; background:#fff; }
.differentialShipping .close { position:absolute; right:14px; top:16px; width:20px; height:20px; -webkit-transform:rotate(45deg); transform:rotate(45deg); }
.differentialShipping .close a { position:relative; z-index:1; display:block; width:100%; height:100%; }
.differentialShipping .close:before { content:""; position:absolute; top:0; right:10px; width:1px; height:21px; background:#000; }
.differentialShipping .close:after { content:""; position:absolute; top:10px; right:0; width:21px; height:1px; background:#000; }
.differentialShipping .close img { display:none; }
.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; }
/* Thumbnail icon position */
.ec-product-bgLT { background-position:left top; }
.ec-product-bgLC { background-position:left center; }
.ec-product-bgLB { background-position:left bottom; }
.ec-product-bgRT { background-position:right top; }
.ec-product-bgRC { background-position:right center; }
.ec-product-bgRB { background-position:right bottom; }
.ec-product-bgCT { background-position:center top; }
.ec-product-bgCC { background-position:center center; }
.ec-product-bgCB { background-position:center bottom; }
/********************* Mobile *********************/
@media all and (max-width:767px) {
.ec-base-product ul.grid5 > li{width: 50%;}
.ec-base-product .prdList{margin: 0 -5px 0;}
.ec-base-product .prdList .wish{width: 22px;}
.ec-base-product .prdList .prdList__item{margin: 0 5px; }
}
/********************* Mobile / Tablet *********************/
@media all and (max-width:1024px) {
.ec-base-product .title h3 { margin:40px 0 20px; font-size:16px; }
.ec-base-product ul.grid4 > li{width: 50%; }
.ec-base-product .discountPeriod { position:static; }
.ec-base-product .btnTooltip { position:static; }
.differentialShipping { left:0; right:0; width:88%; margin:10px auto 0; }
}
/********************* Tablet *********************/
@media all and (min-width:768px) and (max-width:1024px) {
.ec-base-product ul.grid5 > li{width: 33.33%;}
.ec-base-product ul.grid4 > li{width: 33.33%; }
.ec-base-product .prdList{margin: 0 -8px 0;}
.ec-base-product .prdList .prdList__item{margin: 0 8px; }
}
/********************* PC *********************/
@media all and (min-width:1025px) {
.ec-base-product .title h3 { margin:50px 0 25px; font-size:20px; }
.ec-base-product .layerDiscountPeriod { left:50%; top:26px; width:247px; margin:0 0 0 -124px; }
.ec-base-product .btnTooltip { position:relative; }
.differentialShipping { left:50%; top:17px; width:350px; margin:0 0 0 -176px; }
}
.ec-base-prdInfo { position:relative; border-bottom:1px solid #ddd; box-sizing:border-box; background:#fff; }
.ec-base-prdInfo .prdBox { display:-webkit-flex; display:-ms-flex; display:flex; flex:1; flex-wrap:wrap; }
.ec-base-prdInfo .check { display:inline-block; margin:0 10px 0 0; }
.ec-base-prdInfo .check label { margin:0; }
.ec-base-prdInfo .thumbnail { overflow:hidden; width:83px; height:83px; margin:0 15px 0 0; border:1px solid #d5d5d5; box-sizing:border-box; }
.ec-base-prdInfo .thumbnail img { width:100%; }
.ec-base-prdInfo .description { -webkit-flex:1; -ms-flex:1; flex:1; line-height:18px; }
.ec-base-prdInfo .description .prdName { display:block; margin:0 0 3px; font-weight:normal; }
.ec-base-prdInfo .description .prdName a { color:#000; }
.ec-base-prdInfo .description .prdName .ec-set-product-name { display:block; margin:0 0 3px; }
.ec-base-prdInfo .description .prdName img { margin:0 1px; vertical-align:middle; }
.ec-base-prdInfo .description .price,
.ec-base-prdInfo .description .price li { font-size:13px; color:#000; line-height:20px; }
.ec-base-prdInfo .description .price strong { font-weight:normal; }
.ec-base-prdInfo .description .price .refer { font-weight:normal; font-size:11px; }
.ec-base-prdInfo .description .price .discount { font-weight:normal; text-decoration:line-through; }
.ec-base-prdInfo .description .price .strike { font-weight:normal; text-decoration:line-through; }
.ec-base-prdInfo .description .price .strike strong { font-weight:normal; }
.ec-base-prdInfo .description .info { margin:5px 0 0; }
.ec-base-prdInfo .description .info li { margin:0 0 3px; font-size:12px; color:#7d7d7d; }
.ec-base-prdInfo .description .info a { color:#7d7d7d; }
.ec-base-prdInfo .description .info .mileage { display:inline-block; }
.ec-base-prdInfo .description .info .mileage img { vertical-align: text-top;}
.ec-base-prdInfo .description input[type="number"] { max-width:51px; }
.ec-base-prdInfo .description .info .amount button { margin:0; padding:0; border:0; }
.ec-base-prdInfo .description .info .amount { width:50px; }
.ec-base-prdInfo .description .info input.amount { text-align:right; }
.ec-base-prdInfo .description input[type="tel"] { text-align:right; }
.ec-base-prdInfo .description .quantity input[type="tel"] { width:51px; }
.ec-base-prdInfo .sumPrice strong { font-size:16px; }
.ec-base-prdInfo .quantity { margin:20px 0 0; padding:0 0 0 98px;box-sizing:border-box; width:100%; }
.ec-base-prdInfo.gCheck .quantity { padding:0 0 0 125px; }
.ec-base-prdInfo .btnDelete { display:block; position:absolute; top:20px; right:-5px; overflow:hidden; width:30px; height:30px; margin:0 auto; font-size:1px; line-height:0; color:transparent; white-space:nowrap; -webkit-transform:rotate(45deg); transform:rotate(45deg); }
.ec-base-prdInfo .btnDelete:before { content:""; position:absolute; top:4px; right:14px; width:1px; height:21px; background:#b5b5b5; -webkit-transition:.3s ease-out; transition:.3s ease-out; }
.ec-base-prdInfo .btnDelete:after { content:""; position:absolute; top:14px; right:4px; width:21px; height:1px; background:#b5b5b5; -webkit-transition:.3s ease-out; transition:.3s ease-out; }
.ec-base-prdInfo .optionGroup { margin:15px 0 0; }
.ec-base-prdInfo .optionGroup:empty { margin-top:0; }
.ec-base-prdInfo .optionGroup li { margin:5px 0 0; line-height:20px; color:#7d7d7d; }
.ec-base-prdInfo .optionGroup .optionName { line-height:18px; word-break:break-all; }
.ec-base-prdInfo .optionGroup li .product { display:block; margin:8px 0 0; color:#000; }
.ec-base-prdInfo .optionGroup li .change { margin:0 0 0 5px; white-space:nowrap; }
.ec-base-prdInfo .optionGroup .product.displaynone + .optionStr { display:inline-block; margin-right:10px; color:#000; }
.ec-base-prdInfo .optionGroup .product.displaynone + .optionStr:empty { margin-right:0; }
.ec-base-prdInfo .optionGroup li br { display:none; }
.ec-base-prdInfo .optionGroup .file a { color:#07a4fd; text-decoration:underline; word-break:break-all; }
.ec-base-prdInfo .optionSelect { padding:10px 20px 20px; background:#f6f6f6; }
.ec-base-prdInfo .optionSelect li { margin:10px 0 0; }
.ec-base-prdInfo .optionSelect select,
.ec-base-prdInfo .optionSelect input { width:calc(100% - 258px); }
.ec-base-prdInfo .optionSelect + .optionSelect { margin-top:-34px; padding-top:0; }
.ec-base-prdInfo .optionDesc { display:inline-block; width:254px; color:#545454; }
.ec-base-prdInfo .prdFoot { line-height:26px; border-top:1px solid #e5e5e5; }
.ec-base-prdInfo .prdFoot:after { content:''; display:block; clear:both; }
.ec-base-prdInfo .prdFoot .gLeft { float:left; text-align:left; line-height:32px; }
.ec-base-prdInfo .prdFoot .gRight { float:right; text-align:right; }
.ec-base-prdInfo .prdFoot .txtStatus { display:inline-block; margin-right:10px; font-size:16px; font-weight:bold; }
.ec-base-prdInfo .prdFoot .store { color:#000; font-weight:normal; }
.ec-base-prdInfo .prdFoot span span.discount { text-decoration:line-through; }
.ec-base-prdInfo .prdFoot span span.discount strong {font-weight:normal; }
.ec-base-prdInfo .optionModifyLayer { display:none; }
.ec-base-prdInfo .optionModifyLayer .dimmed {position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.3); }
.ec-base-prdInfo .optionModifyLayer .title { display:block; margin:0 0 6px; font-size:13px; }
.ec-base-prdInfo .optionModifyLayer .prdInfo { font-size:13px; }
.ec-base-prdInfo .optionModifyLayer .prdInfo li { margin:0 0 20px; }
.ec-base-prdInfo .optionModifyLayer .prdInfo li:empty { margin:0; }
.ec-base-prdInfo .optionModifyLayer .prdModify li { display:flex; margin:10px 0 0; }
.ec-base-prdInfo .optionModifyLayer .prdModify li:first-child { margin-top:0; }
.ec-base-prdInfo .optionModifyLayer .prdModify .optionDesc { display:inline-block; width:89px; padding:11px 0 0; font-size:13px; color:#545454; }
.ec-base-prdInfo .optionModifyLayer .prdModify li select { flex:1; width:100%; }
.ec-base-prdInfo .optionModifyLayer .prdModify li input[type=text] { flex:1; width:100%; }
/* order_result.html > orderArea > ec-base-prdInfo */
.orderArea .ec-base-fold .ec-base-prdInfo { border-bottom:1px solid #d5d5d5; }
.orderConfirmLayer .orderArea .ec-base-prdInfo { border-bottom:0; }
.orderArea .ec-base-prdInfo + .ec-base-prdInfo { border-top:1px solid #d5d5d5; }
/* ec-base-prdEmpty */
.ec-base-prdEmpty { text-align:center; color:#6d6d6d; border-top:1px solid #000; border-bottom:1px solid #e5e5e5; }
/********************* Mobile / Tablet *********************/
@media all and (max-width:1024px) {
.ec-base-prdInfo .prdBox { padding:24px 16px; }
.ec-base-prdInfo .description { padding:0 40px 0 0; }
.ec-base-prdInfo .sumPrice { margin:20px 0 0; padding:0 0 0 98px; box-sizing:border-box; width:100%; }
.ec-base-prdInfo .buttonGroup { margin:20px 0 0; padding:0 0 0 98px; box-sizing:border-box; width:100%; }
/* gCheck */
.ec-base-prdInfo.gCheck .sumPrice,
.ec-base-prdInfo.gCheck .quantity,
.ec-base-prdInfo.gCheck .buttonGroup { padding:0 0 0 125px; }
.ec-base-prdInfo .btnDelete { right:12px; }
.ec-base-prdInfo .optionSelect { margin:0 16px 24px; padding:10px 20px 20px; }
.ec-base-prdInfo .optionSelect li { margin:10px 0 0; }
.ec-base-prdInfo .optionSelect select,
.ec-base-prdInfo .optionSelect input { width:100%; }
.ec-base-prdInfo .optionSelect + .optionSelect { margin-top:-34px; padding-top:0; }
.ec-base-prdInfo .optionDesc { display:block; margin:0 0 10px; color:#545454; }
.ec-base-prdInfo .prdFoot { padding:18px 16px; }
.optionModifyLayer .ec-base-button { display: flex; }
.optionModifyLayer .ec-base-button [class*='Fix'] {flex: 1; min-width: auto; }
/* ec-base-prdEmpty */
.ec-base-prdEmpty { padding:40px 0; }
}
/********************* PC *********************/
@media all and (min-width:1025px) {
.ec-base-prdInfo .prdBox { position:relative; padding:25px 0; }
.ec-base-prdInfo .description { margin:0 250px 0 0; }
.ec-base-prdInfo .sumPrice { text-align:right; padding:0 42px 0 0; }
.ec-base-prdInfo .buttonGroup { position:absolute; bottom:25px; right:0; width:300px; text-align:right; }
.ec-base-prdInfo .btnDelete { right:-5px; }
.ec-base-prdInfo .optionSelect { margin:0 0 24px 98px; padding:10px 20px 20px; }
.ec-base-prdInfo .optionSelect li { margin:10px 0 0; }
.ec-base-prdInfo .optionSelect select,
.ec-base-prdInfo .optionSelect input { width:calc(100% - 258px); }
.ec-base-prdInfo .optionSelect + .optionSelect { margin-top:-34px; padding-top:0; }
.ec-base-prdInfo .optionDesc { width:254px; }
.ec-base-prdInfo .prdFoot { padding:18px 0; }
.optionModifyLayer .ec-base-layer { width:485px; }
/* ec-base-prdEmpty */
.ec-base-prdEmpty { padding:56px 0; }
}
/* typeList */
.ec-base-paginate.typeList { margin:60px 0; text-align:center; font-size:0; line-height:0; }
.ec-base-paginate.typeList > a {display: inline-block; width:40px; line-height: 40px; text-align: center; background:#fff; box-sizing:border-box;}
.ec-base-paginate.typeList > a::after,
.ec-base-paginate.typeList > a:first-child::before,
.ec-base-paginate.typeList > a:last-child::before {content: ''; display: inline-block; width: 7px; height: 7px; border-width: 1px 1px 0 0; border-style: solid; border-color: #000; vertical-align: middle; transform: rotate(45deg); }
.ec-base-paginate.typeList > a:first-child::before,
.ec-base-paginate.typeList > a:last-child::before {margin: 0 -3px;}
.ec-base-paginate.typeList > a:first-child::after,
.ec-base-paginate.typeList > a:first-child::before,
.ec-base-paginate.typeList > a:first-child + a::after {transform: rotate(-135deg);}
.ec-base-paginate.typeList ol { display:inline-block; font-size:0; line-height:0; vertical-align:middle; }
.ec-base-paginate.typeList li { display:inline-block; margin:0 0 0 -1px; vertical-align:top; }
.ec-base-paginate.typeList li:first-child { margin-left:0; }
.ec-base-paginate.typeList img { vertical-align:top; }
.ec-base-paginate.typeList li a { display:block; width:40px; padding:12px 0; font-size:12px; color:#6d6d6d; border:1px solid #e5e5e5; line-height:14px; background:#fff; box-sizing:border-box; }
.ec-base-paginate.typeList a:hover { text-decoration:none; }
.ec-base-paginate.typeList a.this { position:relative; z-index:1; color:#000; border-color:#000; }
.ec-base-paginate.typeList a.nolink { cursor:default; }
/* typeSwipe */
.ec-base-paginate.typeSwipe { text-align: center; }
.ec-base-paginate.typeSwipe .prev, .ec-base-paginate.typeSwipe .next{ display: none; }
.ec-base-paginate.typeSwipe [id*='swipe-button'] button { display: inline-block; margin: 0 7px; width: 8px; height: 8px; overflow: hidden; font-size: 1px; line-height: 0; text-indent: -9999px; border-radius: 100%; background: #000; opacity: .2; }
.ec-base-paginate.typeSwipe [id*='swipe-button'] button.selected { opacity: 1; }
/**
* Swiper 4.5.1
* Most modern mobile touch slider and framework with hardware accelerated transitions
* http://www.idangero.us/swiper/
*
* Copyright 2014-2019 Vladimir Kharlampidi
*
* Released under the MIT License
*
* Released on: September 13, 2019
*/
.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;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{-webkit-transform-style:preserve-3d;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:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));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:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));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:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));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:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);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{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);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;-webkit-box-shadow:none;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:#007aff}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-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%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;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-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.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:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align: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%;-o-object-fit:contain;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;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);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{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;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;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;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{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;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:0;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}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}
/* reset */
li { list-style:none; }
table { width:100%; border:0; border-spacing:0; border-collapse:collapse; }
caption { display:none; }
h1, h3 { margin:0; }
.ec-base-layer-area { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.3); z-index: 1000; }
.ec-base-layer { z-index:1001; border:1px solid #000; background:#fff; box-sizing:border-box; }
.ec-base-layer .header { margin:0 20px; padding:20px 0; color:#000; border-bottom:1px solid #e5e5e5; }
.ec-base-layer > .header > h1,
.ec-base-layer > .header > h3,
.ec-base-layer > .header > h5 { font-size:16px; font-weight: normal; }
.ec-base-layer > .content { padding: 20px; font-size:13px; line-height: 22px; min-height: 90px; box-sizing:border-box; }
.ec-base-layer div.ec-base-help { margin-top:0; }
.ec-base-layer .btnClose { position:absolute; right:7px; top:7px; padding:10px; cursor:pointer; display:block; overflow:hidden; width:20px; height:20px; font-size:1px; line-height:0; color:transparent; white-space:nowrap; -webkit-transform:rotate(45deg); transform:rotate(45deg); }
.ec-base-layer .btnClose:before { content:""; position:absolute; top:0; right:10px; width:1px; height:21px; margin:10px 10px 0 0; background:#000; -webkit-transition:.3s ease-out; transition:.3s ease-out; }
.ec-base-layer .btnClose:after { content:""; position:absolute; top:10px; right:0; width:21px; height:1px; margin:10px 10px 0 0; background:#000; -webkit-transition:.3s ease-out; transition:.3s ease-out; }
/* typeModal */
.ec-base-layer.typeModal { position:fixed; top:50%; left:0; right:0; margin:0 auto; transform:translateY(calc(-50% + 0.5px)); }
/* typeLayer */
.ec-base-layer.typeLayer { position:absolute; margin-top:10px; }
/* typeSide */
.ec-base-layer.typeSide { position:fixed; display: flex; flex-direction: column; height:100%; border: 0; }
.ec-base-layer.typeSide .header { padding: 74px 16px 10px; margin: 0; border: 0; }
.ec-base-layer.typeSide .header h2 { font-size: 18px; font-weight:normal; }
.ec-base-layer.typeSide .content { position: relative; padding: 0; flex: 1; overflow: auto; height:100%; }
.ec-base-layer.typeSide .ec-base-button[class*="gColumn"] {margin: 25px 16px; }
.ec-base-layer.typeSide .btnClose { top:5px; width:24px; height:24px; padding: 20px 17px; }
.ec-base-layer.typeSide .btnClose:before {right:12px; height:25px; }
.ec-base-layer.typeSide .btnClose:after {top:12px; width:25px;}
/* gAlert */
.ec-base-layer.gAlert > .header { display: block; overflow: hidden; position: absolute; font-size: 1px; line-height: 0; color: transparent; text-indent: -150%; white-space: nowrap; padding: 0; color: transparent; border: 0; }
.ec-base-layer.gAlert > .content { padding:45px 0 25px; text-align:center; }
/* gScroll */
.ec-base-layer.gScroll { height:auto; }
.ec-base-layer.gScroll > .content { overflow:auto; height:auto; max-height:70vh; }
/* popup */
#popup { padding:0 0 30px; }
#popup .ec-base-layer { border:0; }
#popup .ec-base-layer .btnClose { top:5px; }
/********************* Mobile / Tablet *********************/
@media all and (max-width:1024px) {
.ec-base-layer { position:fixed; top:50%; left:0; right:0; min-width:320px; width:calc(100% - 32px); margin:0 auto; transform:translateY(calc(-50% + 0.5px)); }
.ec-base-layer.typeSide {top: 0; left: 0; bottom: 0; width: 100%; transform: initial; }
#popup .ec-base-layer { position:relative; top:auto; left:auto; width:100%; border:0; transform: initial; }
}
/********************* PC *********************/
@media all and (min-width:1025px) {
.ec-base-layer { min-width:308px; }
.ec-base-layer.typeSide { top: 0; right: 0; left: auto; bottom: 0; width: 458px; }
.ec-base-layer.gAlert { width:360px; }
}
.xans-layout-multishopshipping { display:none; }
.xans-layout-multishopshipping .worldshipLayer { width:448px; }
.xans-layout-multishopshipping .worldshipLayer .content .desc { display:block; margin:4px 0 14px; }
.xans-layout-multishopshipping .worldshipLayer select { width:100%; margin:10px 0 0; }
/** subpage_style **/
/* ìƒí’ˆì§„ì—´ */
.ec-base-product .prdList .description {margin:20px 0 0 0;}
.ec-base-product .prdList > li {margin:0 0 60px 0;}
.ec-base-product .prdList .spec {margin:10px 0 0 0;}
.ec-base-product .prdList .spec > li {margin:0 0 5px;}
/* ìƒí’ˆì§„ì—´ 5단 슬ë¼ì´ë“œ */
.ec-base-product ul.grid5_slide {display:flex;padding:0;margin:0;height:auto;}
.ec-base-product ul.grid5_slide .thumbnail {margin:0;}
.ec-base-product ul.grid5_slide > li {width:320px;vertical-align:top;overflow:hidden;margin:0;}
.ec-base-product ul.grid5_slide > li .prdList__item {margin:0;}
/* ìƒí’ˆì§„ì—´ 4단 슬ë¼ì´ë“œ */
.ec-base-product ul.grid4_slide {display:flex;padding:0;margin:0;height:auto;}
.ec-base-product ul.grid4_slide .thumbnail {margin:0;}
.ec-base-product ul.grid4_slide > li {width:405px;vertical-align:top;overflow:hidden;margin:0;}
.ec-base-product ul.grid4_slide > li .prdList__item {margin:0;}
/* ìƒí’ˆì§„ì—´ 3단 슬ë¼ì´ë“œ */
.ec-base-product ul.grid3_slide {display:flex;padding:0;margin:0;height:auto;}
.ec-base-product ul.grid3_slide .thumbnail {margin:0;}
.ec-base-product ul.grid3_slide > li {width:540px;vertical-align:top;overflow:hidden;margin:0;}
.ec-base-product ul.grid3_slide > li .prdList__item {margin:0;}
/* ìƒí’ˆì§„ì—´ 2단 슬ë¼ì´ë“œ */
.ec-base-product ul.grid2_slide {display:flex;padding:0;margin:0;height:auto;}
.ec-base-product ul.grid2_slide .thumbnail {margin:0;}
.ec-base-product ul.grid2_slide > li {width:830px;vertical-align:top;overflow:hidden;margin:0;}
.ec-base-product ul.grid2_slide > li .prdList__item {margin:0;}
/* ìƒí’ˆì§„ì—´ 뱃지(ëª©ë¡ ì¶”ì²œìƒí’ˆ) */
.ec-base-product .prdList .thumbnail .badge {position:absolute;top:4%;left:5%;z-index:3;padding:0px;color:#333;font-size:16px;font-weight:400; letter-spacing: 0.15em; text-align:center;line-height:1.3;display:none;flex-direction:row;align-content:center;justify-content:flex-start;align-items:flex-end;font-style: italic;}
.ec-base-product .prdList .thumbnail .badge span {display:block;font-weight:400;}
/* ìƒí’ˆì§„ì—´ 좋아요 */
.ec-base-product .prdList .thumbnail .likeButton {position:absolute;top:5%;left:4%;z-index:4;padding:0px;background:transparent;cursor:pointer;text-align:center;width:40px;height:40px;display:flex;flex-direction:column;align-content:center;justify-content:center;align-items:center;}
.ec-base-product .prdList .thumbnail .likeButton button {background:transparent;height:23px;outline:none;}
.ec-base-product .prdList .thumbnail .likeButton::before {font-size:12px;content:'LIKE';color:#1a1a1a;display:block;}
.ec-base-product .prdList .thumbnail .likeButton img {display:none;}
.ec-base-product .prdList .thumbnail .likeButton strong {font-weight:400;padding:4px 0 0;font-size:12px;display:block;}
.ec-base-product .prdList .thumbnail .likeButton.selected {font-weight:500;}
/* ìƒí’ˆì§„ì—´ í• ì¸ìœ¨ */
.ec-base-product .prdList .thumbnail .sale_box {position:absolute;top:4%;right:4%;width:50px;height:50px;font-size:20px;font-weight:500;text-align:center;color:#000;background-color:transparent;line-height:1;border:1px solid #000;border-radius:50%;display:flex;align-content:center;justify-content:center;align-items:center;}
/* ìƒí’ˆì§„ì—´ ì•„ì´ì½˜ */
.ec-base-product .prdList .thumbnail .icon {position:absolute;left:0;bottom:0;font-size:0;}
.ec-base-product .prdList .thumbnail .icon img {margin:0;}
/* ìƒí’ˆì§„ì—´ 퀵바아ì´ì½˜ */
.ec-base-product .prdList .icon__box {opacity:0;position:absolute;top:45%;right:0;left:0;z-index:3;display:flex;flex-direction:row;align-content:center;justify-content:center;align-items:center;transition:all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;}
.ec-base-product .prdList > li:hover .icon__box {opacity:1;}
.ec-base-product .prdList .prdList__item .icon__box > span {display:block;position:relative;font-size:11px;font-weight:500;color:#000;background-color:transparent;border:1px solid #999; border-radius:10px;box-sizing:border-box;cursor:pointer;margin:0 3px;min-width:72px;height:auto;line-height:1;padding:10px 15px;background-color:rgba(255, 255, 255, 0.7); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B3FFFFFF,endColorstr=#B3FFFFFF);}
.ec-base-product .prdList .prdList__item .icon__box > span:hover,
.ec-base-product .prdList .prdList__item .icon__box > span.on {background-color:#000;border:1px solid #000;color:#fff;}
.ec-base-product .prdList .prdList__item .icon__box > span img {position:absolute;width:100%;height:100%;top:0;left:0;opacity:0;}
.ec-base-product ul.list_gallery .prdList__item .icon__box {display:none;}
/* ìƒí’ˆì§„ì—´ 옵션미리보기
.xans-product-optionpreview .prdOption {top:105% !important;left:0 !important;right:0 !important;margin:0 !important;width:100% !important;height:300%;}
*/
.xans-product-optionpreview .prdOption .ico {display:none !important;}
.xans-product-optionpreview .prdOption .inner {padding:14px 24px !important;height:100%;overflow-y:auto;}
.xans-product-optionpreview .prdOption .close {width:11px;height:11px;right:25px !important;}
.xans-product-optionpreview .prdOption .close a {display:block;width:11px;height:11px;background:url("//img.echosting.cafe24.com/skin/base_ko_KR/product/ico_option_close.gif") no-repeat 0 center}
.xans-product-optionpreview .prdOption li {margin:0;}
/* ìƒí’ˆì§„ì—´ 강조형 */
.ec-base-product ul.list_gallery > li {margin:0 0 20px 0;}
.ec-base-product ul.list_gallery .prdList__item {position:relative;overflow:hidden;}
.ec-base-product ul.list_gallery .thumbnail {margin:0;}
.ec-base-product ul.list_gallery .thumbnail .icon {position:absolute;left:0;top:0;bottom:auto;font-size:0;margin:0;}
.ec-base-product ul.list_gallery .description {position:absolute;left:0;right:0;bottom:-20%;z-index:1;opacity:0;padding:5% 5% 3% 5%;background-color:rgba(255, 255, 255, 0.8); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF,endColorstr=#CCFFFFFF);transition:all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;}
.ec-base-product ul.list_gallery .description .spec li span,
.ec-base-product ul.list_gallery .description .name span {display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ec-base-product ul.list_gallery .description .spec .color span {display:inline-block;}
.ec-base-product ul.list_gallery > li:hover .description {bottom:0;opacity:1;}
/* 목ë¡íŽ˜ì´ì§€ 중분류 */
.ec-base-tab.typeMenu {margin: 0 auto;max-width:1680px !important;width:92%;padding:0;}
.ec-base-tab.typeMenu.section_full {max-width:100% !important;}
.ec-base-tab.typeMenu .menu {flex-wrap:wrap;}
.ec-base-tab.typeMenu li a.button {font-size:20px;color:#1a1a1a;background-color:#e8e8e8;border:1px solid #f4f4f4;line-height:1;padding:17px 30px 17px 16px;margin:0 5px;box-sizing: border-box;}
.ec-base-tab.typeMenu li:hover a.button{background-color: #fff;border:1px solid #1a1a1a;}
.ec-base-tab.typeMenu li:first-child a.button{margin-left:0;}
.ec-base-tab.typeMenu li.selected a.button {color:#1a1a1a;background-color:#fff;border:1px solid #1a1a1a;}
.ec-base-tab.typeMenu ul{margin:0;}
.ec-base-tab.typeMenu ul > li {height:auto;margin-bottom:10px;}
.ec-base-tab.typeMenu ul > li .iconWrap:after{position:absolute;top:-31px;right:19px;}
.ec-base-tab.typeMenu ul > li > ul {padding:10px 0 10px 20px;top:55px;left:0px;z-index:9; border:1px solid #1a1a1a;}
.ec-base-tab.typeMenu ul > li > ul > li ul {padding:10px 20px; border:1px solid #1a1a1a;}
.ec-base-tab.typeMenu ul > li > ul > li {position:relative;padding:0 20px 0 0;margin:0;height:30px;}
.ec-base-tab.typeMenu ul > li > ul > li a:hover {color:#1a1a1a;}
.ec-base-tab.typeMenu ul > li > ul > li .iconWrap:after{ top:-20px; right:-10px; }
.ec-base-tab.typeMenu ul > li > ul > li ul.active {z-index:10;top:-11px;}
.ec-base-tab.typeMenu ul > li > ul > li ul.active li {margin:0;padding:0;height:30px;}
/* ë¡œê·¸ì¸ */
.xans-member-login {margin-left:auto;margin-right:auto;text-align:center;}
.xans-member-login .login {max-width:400px;}
.xans-member-login .login input[type=text], .login input[type=password] {height:48px;margin-bottom:8px;border:1px solid #e3e3e3;}
.xans-member-login .wrap_security {max-width:400px;margin-left:auto;margin-right:auto;display:flex;justify-content:flex-end;}
.xans-member-login .wrap_find {display:flex;justify-content:center}
.xans-member-login .wrap_find div {margin:20px 0 0;padding:0 10px;font-size:14px;}
.xans-member-login .wrap_find div:nth-child(2) {padding: 0 0 0 11px;background:url("//freakynine.co.kr/SkinImg/img/line2.png") no-repeat left;}
.xans-member-login .login__button {max-width:400px;margin:0 auto;}
.xans-member-login .login__button div {margin:16px 0 0;font-size:14px;color:#8a8a8a;text-align:center;}
.xans-member-login .login__button [class^='btn'].sizeL {font-size:16px;height:56px;padding:19px 26px;}
.xans-member-login [class^='btn'].gFull + [class^='btn'].gFull {margin:40px 0 0;border:1px solid #1a1a1a;}
.xans-member-login .login__util {display:flex;flex-direction:column;justify-content:center;margin:20px 0 0 0;width:100%;max-width:400px;height:232px;border:1px solid #e3e3e3; box-sizing:border-box;margin-left:auto;margin-right:auto;}
.xans-member-login .login__util div:nth-child(1) {font-size:18px; font-weight:700; color:#1a1a1a;}
.xans-member-login .login__util div:nth-child(2) {margin:8px 0 23px 0;font-size:14px; color:#8a8a8a;}
.xans-member-login .login__util div:nth-child(3) {width:152px;height:56px;margin:0 auto;border:1px solid #d6d6d6; box-sizing:border-box;}
.xans-member-login .login__util div:nth-child(3) a {display:block;width:100%;height:100%;font-size:16px;font-weight:700;color:#1a1a1a;line-height:56px;}
.xans-member-login .login__sns {max-width:400px;margin:40px auto 0 auto;display:none;}
.xans-member-login .login__sns .sns_h {margin:0 0 24px;font-size:16px;font-weight:700;text-align:center;}
.xans-member-login .login__sns .wrap_sns_log {display:flex;justify-content: space-between;flex-wrap:wrap;width:100%;}
.xans-member-login .login__sns .wrap_sns_log a {width:calc(50% - 4px);height:56px;padding:0 24px;margin:0 0 8px 0 !important;font-size:14px;font-weight:400;color:#1a1a1a;background-color:#fff;text-align:right;border:1px solid #e3e3e3;box-sizing:border-box;line-height:56px;}
.xans-member-login .login__sns .btnKakao {background:url("//freakynine.co.kr/SkinImg/img/icon_sns_kakao.svg") no-repeat center left 24px;}
.xans-member-login .login__sns .btnNaver {background:url("//freakynine.co.kr/SkinImg/img/icon_sns_naver.svg") no-repeat center left 24px;}
.xans-member-login .login__sns .btnFacebook {background:url("//freakynine.co.kr/SkinImg/img/icon_sns_facebook.svg") no-repeat center left 24px;}
.xans-member-login .login__sns .btnLine {background:url("//freakynine.co.kr/SkinImg/img/icon_sns_line.svg") no-repeat center left 24px;}
.xans-member-login .login__sns .btnGoogle {background:url("//freakynine.co.kr/SkinImg/img/icon_sns_google.svg") no-repeat center left 24px;}
.xans-member-login .login__sns .btnApple {background:url("//freakynine.co.kr/SkinImg/img/icon_sns_apple.svg") no-repeat center left 24px;}
.xans-member-login .login__security {display:flex;align-items:flex-end;margin:10px 0 20px;}
.xans-member-login .login__security .secret {height:24px;padding:0;background:none;}
/* ë¹„íšŒì› ì£¼ë¬¸ì¡°íšŒ */
.xans-myshop-orderhistorynologin {max-width:400px;margin-left:auto;margin-right:auto;text-align:center;}
.xans-myshop-orderhistorynologin .login {width:100%;}
.xans-myshop-orderhistorynologin .login input[type=text], .login input[type=password] {height:48px;margin-bottom:8px;border:1px solid #e3e3e3;}
.xans-myshop-orderhistorynologin .txt_nonmem_check {margin:40px 0 8px;font-size:16px;font-weight:700;color:#1a1a1a;}
.xans-myshop-orderhistorynologin .txtInfo {margin:0px 0 24px;font-size:14px;;color:#8a8a8a;}
.xans-myshop-orderhistorynologin .login__button {margin:0;}
.xans-myshop-orderhistorynologin .btnSubmit {margin:24px 0 0px;}
/* ì•„ì´ë””찾기 */
.xans-member-findid {max-width:400px;}
.xans-member-findid .ec-base-help p:before,
.xans-member-findid .ec-base-help ul li:before {display:none;}
.xans-member-findid .ec-base-help {text-align:center;}
.xans-member-findid .ec-base-help ul li {padding:0;font-size:14px;margin-bottom:5px;}
.xans-member-findid .ec-base-box.typeMember {padding:0;border:0;}
.xans-member-findid .ec-base-box.typeMember .content {width:100%;}
.xans-member-findid .ec-base-desc.gVer .desc {margin:5px 0 20px;}
/* ì•„ì´ë””찾기 완료 */
.xans-member-findidresult {max-width:400px;}
.xans-member-findidresult .ec-base-box.typeMember {padding:0;border:0;}
.xans-member-findidresult .complete {width:100%;}
.xans-member-findidresult .ec-base-button.gBottom {display:flex;}
.xans-member-findidresult .ec-base-button.gBottom a {flex:1;}
/* 비밀번호찾기 */
.xans-member-findpasswd {max-width:400px;}
.xans-member-findpasswd .ec-base-box.typeMember {padding:0;border:0;}
.xans-member-findpasswd .ec-base-box.typeMember .content {width:100%;}
.xans-member-findpasswd .ec-base-desc.gVer .desc {margin:5px 0 20px;}
/* 비밀번호찾기 2단계 */
.xans-member-findpasswdmethod {max-width:400px;}
.xans-member-findpasswdmethod .ec-base-box.typeMember {padding:0;border:0;}
.xans-member-findpasswdmethod .ec-base-button.gBottom {display:flex;}
.xans-member-findpasswdmethod .ec-base-button.gBottom a {flex:1;}
/* 비밀번호찾기 2단계 힌트 */
.xans-member-findPasswdQuestion {max-width:400px;}
.xans-member-findPasswdQuestion .ec-base-box.typeMember {padding:0;border:0;}
.xans-member-findPasswdQuestion .ec-base-box.typeMember .content {width:100%;}
.xans-member-findPasswdQuestion .ec-base-desc.gVer .desc {margin:5px 0 20px;}
/* 비밀번호찾기 ìž¬ì„¤ì • */
.xans-member-passwordreset {max-width:400px;}
.xans-member-passwordreset .ec-base-box.typeMember {padding:0;border:0;}
.xans-member-passwordreset .ec-base-box.typeMember .content {width:100%;}
.xans-member-passwordreset .ec-base-button.gBottom {display:flex;}
.xans-member-passwordreset .ec-base-button.gBottom a {flex:1;}
/* 비밀번호찾기 본ì¸í™•ì¸ */
.xans-member-passwordverification {max-width:400px;}
.xans-member-passwordverification .ec-base-box.typeMember {padding:0;border:0;}
.xans-member-passwordverification .ec-base-box.typeMember .content {width:100%;}
.xans-member-passwordverification .ec-base-desc.gVer .desc {margin:5px 0 20px;}
.xans-member-passwordverification .ec-base-button.gBottom {display:flex;}
.xans-member-passwordverification .ec-base-button.gBottom a {flex:1;}
/* 비밀번호찾기 완료 */
.xans-member-findpasswdresult {max-width:400px;}
.xans-member-findpasswdresult .ec-base-box.typeMember {padding:0;border:0;}
.xans-member-findpasswdresult .complete {width:100%;}
/* 버튼 */
.ec-base-button [class^='btn'].sizeL {height:56px;padding:0;line-height:56px;font-size:16px;}
.ec-base-button [class^='btn'].sizeM {height:50px;padding:0;line-height:50px;font-size:14px;}
.ec-base-button [class^='btn'].sizeS {height:50px;padding:17px 20px;line-height:1;font-size:14px;}
.ec-base-button.gBottom {margin:12px 0 0 0;}
.ec-base-button.gBottom .gRight [class^='btn'] + [class^='btn'] {margin-left:8px;}
.ec-base-button.gBottom .gLeft [class^='btn'] + [class^='btn'] {margin-right:8px;}
/* 회ì›ê°€ìž… 약관 */
.xans-member-join {max-width:720px;margin:0 auto;}
.xans-member-join .agreeInner {display:block;}
.xans-member-join .left {display:block;margin:0;}
.xans-member-join .agreeAll {margin:0 0 24px;padding:0 0 24px;border-bottom:1px solid #e8e8e8;}
.xans-member-join .agreeAll h3 {margin:0 0 24px;padding:0 0 16px;color:#1a1a1a;border-bottom:3px solid #1a1a1a;}
.xans-member-join .agreeAll label {font-weight:700;color:#1a1a1a;}
.xans-member-join label.check {color:#1a1a1a;}
.xans-member-join .additional {margin:24px 0 0;padding:24px 0 0;border-top:1px solid #e8e8e8;}
.xans-member-join .additional li {font-size:14px;}
.xans-member-join .ec-base-chk {margin:0 10px 0 0;}
.xans-member-join .ec-base-button.gBottom {display:flex;margin-top:40px;}
.xans-member-join .ec-base-button.gBottom button,
.xans-member-join .ec-base-button.gBottom a {flex:1;height:56px;padding:0;line-height:56px;font-size:16px;}
/* 회ì›ê°€ìž… */
.xans-member-join .required {font-size:14px;color:#1a1a1a;}
.xans-member-join .icoRequired {margin-right:12px;}
.xans-member-join .ec-base-table {border-top:2px solid #1a1a1a;}
.xans-member-join .ec-base-table.typeWrite th[scope*="row"] {padding-left:16px;font-weight:400;font-size:14px;color:#1a1a1a;}
.xans-member-join .ec-base-table.typeWrite td input[type="text"],
.xans-member-join .ec-base-table.typeWrite td input[type="password"],
.xans-member-join .ec-base-table.typeWrite td select,
.xans-member-join .ec-base-table.typeWrite .ec-address input[type="text"],
.xans-member-join .ec-base-table.typeWrite .ec-address select {width:410px;}
.xans-member-join .ec-base-table.typeWrite .ec-address .ec-address-zipcode input[type="text"] {width:160px;}
.xans-member-join .ec-base-table .gFlow {display:block;margin:10px 0 0;}
.xans-member-join #mobile1,
.xans-member-join #mobile2,
.xans-member-join #mobile3,
.xans-member-join #phone1,
.xans-member-join #phone2,
.xans-member-join #phone3,
.xans-member-join #birth_year,
.xans-member-join #marry_year,
.xans-member-join #partner_year,
.xans-member-join #birth_month,
.xans-member-join #marry_month,
.xans-member-join #partner_month,
.xans-member-join #birth_day,
.xans-member-join #marry_day,
.xans-member-join #partner_day {width:110px;}
.xans-member-join .ec-base-table.typeWrite .formGroup {padding-left:20px;}
.xans-member-join .ec-base-table.typeWrite .formGroup input[type="text"],
.xans-member-join .ec-base-table.typeWrite .formGroup input[type="password"],
.xans-member-join .ec-base-table.typeWrite .formGroup select,
.xans-member-join .ec-base-table.typeWrite .formGroup [class^="btn"] {margin:0 14px;}
.xans-member-join .eTooltip {display:block;}
.xans-member-join #phone1,
.xans-member-join #mobile1,
.xans-member-join #birth_year,
.xans-member-join #marry_year,
.xans-member-join #partner_year {margin-left:0;}
.xans-member-join #birth_year,
.xans-member-join #birth_month,
.xans-member-join #birth_day,
.xans-member-join #marry_year,
.xans-member-join #marry_month,
.xans-member-join #marry_day,
.xans-member-join #partner_year,
.xans-member-join #partner_month,
.xans-member-join #partner_day {width:106px !important;margin-right:3px !important;}
.xans-member-join #cssn {margin:0;}
.xans-member-join .ec-base-table.typeWrite .formMultiple .formGroup {padding-left:0;margin:0;}
.xans-member-join .ec-base-table.typeWrite .formMultiple .formGroup input[type="text"] {flex:1;width:30%;}
.xans-member-join .ec-base-table.typeWrite .formMultiple .formGroup input[type="password"] {flex:1;width:30%;}
.xans-member-join .ec-base-table.typeWrite .formMultiple .formGroup input:first-child {margin-left:0;}
.xans-member-join .ec-base-table.typeWrite .formMultiple .formGroup .btnNormal {margin:0;}
.xans-member-join .ec-base-table.typeWrite table .interest {margin:10px 0 0 0;word-break:keep-all;}
.xans-member-join .ec-base-table.typeWrite table .interest input {margin:-2px 0 10px 0;}
.xans-member-join .ec-base-table.typeWrite table .interest label {font-size:14px;margin:0 24px 0 10px;}
.xans-member-join .ec-base-table.typeWrite table .interest label:nth-child(6n)::after {content:'\a';white-space:pre;}
/* 회ì›ê°€ìž… 완료 */
.xans-member-joincomplete {max-width:720px;}
.xans-member-joincomplete .joinComplete {width:auto;padding:40px 100px;border:1px solid #e3e3e3;}
.xans-member-joincomplete .member_icon {margin: 0 0 16px;}
.xans-member-joincomplete .joinComplete .desc {font-size:20px;font-weight:700;color:#1a1a1a;}
.xans-member-joincomplete .joinComplete .memberSpecial strong {font-size:14px;color:#1a1a1a;}
.xans-member-joincomplete .joinComplete .memberSpecial p strong {font-weight:400;}
.xans-member-joincomplete .ec-base-box.typeMember.gMessage {border-color:#e8e8e8;}
.xans-member-joincomplete .joinComplete .ec-base-box .ec-base-desc dt {font-size:14px;color:#1a1a1a;}
.xans-member-joincomplete .joinComplete .ec-base-box .ec-base-desc dt,
.xans-member-joincomplete .joinComplete .ec-base-box .ec-base-desc dd {min-height:auto;line-height:22px;}
.xans-member-joincomplete .joinComplete .ec-base-box .ec-base-desc span {font-size:14px;color:#1a1a1a;}
.xans-member-joincomplete .joinComplete .memberEmail {margin-top:24px;}
.xans-member-joincomplete .ec-base-button.gBottom {display:flex;margin-top:40px;}
.xans-member-joincomplete .ec-base-button.gBottom button,
.xans-member-joincomplete .ec-base-button.gBottom a {flex:1;height:56px;padding:0;line-height:56px;font-size:16px;}
/* 회ì›ì •ë³´ìˆ˜ì • */
.xans-myshop-asyncbenefit {max-width:720px !important;margin:0 auto;}
.xans-myshop-asyncbenefit .benefit {width:100%;max-width:100%;display:block;border:1px solid #e3e3e3;text-align:center;}
.xans-myshop-asyncbenefit .benefit .user,
.xans-myshop-asyncbenefit .benefit .description {display:block;padding:24px 0;}
.xans-myshop-asyncbenefit .benefit .user {padding:40px 0;border-bottom:1px solid #e3e3e3;}
.xans-myshop-asyncbenefit .benefit .user .user__thumbnail {display:block;width:60px;margin:0 auto;}
.xans-myshop-asyncbenefit .benefit .user .user__info {display:block;margin:0;}
.xans-myshop-asyncbenefit .benefit .user .user__info .title {display:block;margin:16px 0 8px;font-size:20px;font-weight:700;color:#1a1a1a;}
.xans-myshop-asyncbenefit .benefit .user .user__info p strong {color:#1a1a1a;}
.xans-member-edit {max-width:720px;margin:0 auto;}
.xans-member-edit .required {font-size:14px;color:#1a1a1a;margin:-19px 0 0 0;}
.xans-member-edit .icoRequired {margin-right:12px;}
.xans-member-edit .txtInfo {display:block;margin:10px 0 0 0;}
.xans-member-edit .ec-base-table {border-top:2px solid #1a1a1a;}
.xans-member-edit .ec-base-table.typeWrite th[scope*="row"] {padding:10px 16px;font-size:14px;font-weight:400;}
.xans-member-edit .ec-base-table.typeWrite .ec-address input[type="text"],
.xans-member-edit .ec-base-table.typeWrite .ec-address select,
.xans-member-edit .ec-base-table.typeWrite td input[type="text"],
.xans-member-edit .ec-base-table.typeWrite td input[type="password"],
.xans-member-edit .ec-base-table.typeWrite td select {width:410px;}
.xans-member-edit .ec-base-table.typeWrite .ec-address .ec-address-zipcode input[type="text"] {width:160px;}
.xans-member-edit .ec-base-table .gFlow {display:block;margin:10px 0 0;}
.xans-member-edit #mobile1,
.xans-member-edit #mobile2,
.xans-member-edit #mobile3,
.xans-member-edit #phone1,
.xans-member-edit #phone2,
.xans-member-edit #phone3,
.xans-member-edit #birth_year,
.xans-member-edit #marry_year,
.xans-member-edit #partner_year,
.xans-member-edit #birth_month,
.xans-member-edit #marry_month,
.xans-member-edit #partner_month,
.xans-member-edit #birth_day,
.xans-member-edit #marry_day,
.xans-member-edit #partner_day {width:110px;}
.xans-member-edit .ec-base-table.typeWrite .formGroup {padding-left:20px;}
.xans-member-edit .ec-base-table.typeWrite .formGroup input[type="text"],
.xans-member-edit .ec-base-table.typeWrite .formGroup input[type="password"],
.xans-member-edit .ec-base-table.typeWrite .formGroup select,
.xans-member-edit .ec-base-table.typeWrite .formGroup [class^="btn"] {margin:0 14px;}
.xans-member-edit .eTooltip {display:block;}
.xans-member-edit #phone1,
.xans-member-edit #mobile1,
.xans-member-edit #birth_year,
.xans-member-edit #marry_year,
.xans-member-edit #partner_year {margin-left:0;}
.xans-member-edit #birth_year,
.xans-member-edit #birth_month,
.xans-member-edit #birth_day,
.xans-member-edit #marry_year,
.xans-member-edit #marry_month,
.xans-member-edit #marry_day,
.xans-member-edit #partner_year,
.xans-member-edit #partner_month,
.xans-member-edit #partner_day {width:106px !important;margin-right:3px !important;}
.xans-member-edit [class^='btn'].sizeS {width:90px;height:48px;padding:0;line-height:48px;border:1px solid #d6d6d6;font-size:14px;color:#1a1a1a;}
.xans-member-edit .ec-base-button.gBottom {display:flex;margin-top:40px;}
.xans-member-edit .ec-base-button.gBottom button,
.xans-member-edit .ec-base-button.gBottom a {flex:1;height:56px;padding:0;line-height:56px;font-size:16px;}
.xans-member-edit .ec-base-table.typeWrite table .interest {margin:10px 0 0 0;word-break:keep-all;}
.xans-member-edit .ec-base-table.typeWrite table .interest input {margin:-2px 0 10px 0;}
.xans-member-edit .ec-base-table.typeWrite table .interest label {font-size:14px;margin:0 24px 0 10px;}
.xans-member-edit .ec-base-table.typeWrite table .interest label:nth-child(6n)::after {content:'\a';white-space:pre;}
/* 비밀번호 ìˆ˜ì • */
.xans-member-changepasswd {max-width:400px;margin:0 auto;}
.xans-member-changepasswd .ec-base-help {text-align:center;}
.xans-member-changepasswd .ec-base-help p:before {display:none;}
.xans-member-changepasswd .ec-base-help p {padding:0;font-size:14px;margin:0;}
.xans-member-changepasswd .ec-base-box.typeMember {padding:0;border:0;}
.xans-member-changepasswd .ec-base-box.typeMember .content {width:100%;}
.xans-member-changepasswd .ec-base-button.gBottom {display:flex;}
.xans-member-changepasswd .ec-base-button.gBottom a {flex:1;}
/* 마ì´íŽ˜ì´ì§€ 회ì›ê°„íŽ¸ì •ë³´ */
.xans-myshop-asyncbankbook {border:1px solid #e3e3e3;max-width:1420px;margin:0 auto;box-sizing:border-box;}
.xans-myshop-asyncbankbook .xans-myshop-asyncbenefit {flex:2;}
.xans-myshop-asyncbankbook .xans-myshop-asyncbenefit .user {display:flex;justify-content:center;padding:0;}
.xans-myshop-asyncbankbook .xans-myshop-asyncbenefit .group {display:none;}
.xans-myshop-asyncbankbook .xans-myshop-asyncbenefit .user img {width:60px;max-width:none;border-radius:50%;}
.xans-myshop-asyncbankbook .xans-myshop-asyncbenefit .user .user__info {display:flex;flex-direction:column;justify-content:center;margin-left:16px;text-align:left;}
.xans-myshop-asyncbankbook .xans-myshop-asyncbenefit .user .user__info .txtEm {font-size:20px;font-weight:700;color:#1a1a1a;}
.xans-myshop-asyncbankbook .xans-myshop-asyncbenefit .user .user__info .user__data {font-size:14px;color:#6a6a6a;white-space:nowrap;}
.xans-myshop-asyncbankbook .xans-myshop-asyncbenefit .user .user__info .user__data span {color:#1a1a1a;}
.xans-myshop-asyncbankbook li {display:flex !important;align-items:center;justify-content:center;padding:50px 0;}
.xans-myshop-asyncbankbook li:not(:last-child):after {top:0;height:100%;margin:0;background:#e3e3e3;}
.xans-myshop-asyncbankbook .thumb {width:32px;height:32px;}
/* 마ì´íŽ˜ì´ì§€ 공통 */
.myshopArea {width:calc(92% - 220px);max-width:calc(1420px - 220px) !important;padding:0 0 0 220px !important;margin:0 auto !important;min-height:630px;}
.myshopArea.section_full {width:calc(100% - 220px) !important;}
.myshopArea .titleArea--middle {margin:64px 0 16px 0;}
.myshopArea .ec-base-prdEmpty {border-top:2px solid #1a1a1a;border-bottom:1px solid #e6e6e6;font-size:16px;color:#9a9a9a;padding:64px 0;display:flex;flex-direction:column;align-items:center;}
.myshopArea .ec-base-prdEmpty svg {margin-bottom:16px;}
.myshopArea .titleArea--myshop h2 {font-weight:700;}
div.ec-base-help .inner,
.xans-myshop-couponserial .couponSerial,
.xans-myshop-summary.ec-base-box.gHalf {border-top:2px solid #1a1a1a;}
div.ec-base-help ul {margin:0;}
/* 마ì´íŽ˜ì´ì§€ 좌측메뉴 */
.myshopArea .xans-myshop-main > .subTitle {padding-bottom:6px;}
.myshopArea .xans-myshop-main > .subTitle:first-child {margin:0;}
.myshopArea .xans-myshop-main h3 {font-size:16px;}
.myshopArea .xans-myshop-main .menu li {margin:10px 0 0 0;}
.myshopArea .xans-myshop-main .consult a {font-size:14px;}
/* 마ì´íŽ˜ì´ì§€ 나ì˜ì£¼ë¬¸ì²˜ë¦¬ 현황 */
.xans-myshop-orderstate .state__cs li {font-size:14px;}
.xans-myshop-orderstate .state__cs li strong {font-weight:400;}
/* 마ì´íŽ˜ì´ì§€ ë°°ì†¡ì£¼ì†Œë¡ ê´€ë¦¬ */
.xans-myshop-addrlist .ec-base-table .message {font-size:16px;color:#9a9a9a;padding:64px 0;float:none;text-align:center;}
.xans-myshop-addrlist .ec-base-table .message svg {margin:0 auto 16px auto;}
.xans-myshop-addrlist .ec-base-table.typeList th {white-space:nowrap;}
.xans-myshop-addrlist a[class^='btnEm'] {margin:0;line-height:1;background-color:#77797d;padding:5px 10px;height:auto;}
.xans-myshop-addrlist a[class^='btnEm']:not(.disabled):hover {background-color:#1a1a1a;}
.xans-myshop-addrlist a[class^='btnNormal'] {padding:5px 10px;height:auto;}
.xans-myshop-addrregister .ec-base-table.typeWrite {border-top:2px solid #1a1a1a;}
.xans-myshop-addrregister .icoRequired {margin-right:12px;}
.xans-myshop-addrregister .ec-base-table.typeWrite .ec-address li {margin-bottom:10px;}
.xans-myshop-addrregister .ec-base-table.typeWrite .ec-address li#shippingRegist_detailAddr_wrap {margin:0;}
.xans-myshop-addrregister .ec-base-table.typeWrite #ma_main_flag0 {margin-top:-3px;}
.xans-myshop-addrmodify .ec-base-table.typeWrite {border-top:2px solid #1a1a1a;}
.xans-myshop-addrmodify .icoRequired {margin-right:12px;}
.xans-myshop-addrmodify .ec-base-table.typeWrite .ec-address li {margin-bottom:10px;}
.xans-myshop-addrmodify .ec-base-table.typeWrite .ec-address li#shippingUpdate_detailAddr_wrap {margin:0;}
.xans-myshop-addrmodify .ec-base-table.typeWrite #ma_main_flag0 {margin-top:-3px;}
/* 마ì´íŽ˜ì´ì§€ ì •ê¸°ë°°ì†¡ 관리 */
.xans-myshop-orderregularmanagelist .message {border-bottom:1px solid #e6e6e6;font-size:16px;color:#9a9a9a;padding:64px 0;}
.xans-myshop-orderregularmanagelist .message svg {margin:0 auto 16px auto;}
.xans-myshop-orderregularmanagelist.typeList th {white-space:nowrap;}
.regularDeliveryPayInfo .ec-base-box .information .status {color:#1a1a1a;}
.xans-myshop-orderregularpg .ec-base-box {border:1px solid #e5e5e5;border-top:2px solid #1a1a1a;}
/* 마ì´íŽ˜ì´ì§€ 최근본ìƒí’ˆ */
.xans-product-recentlist .ec-base-prdInfo .thumbnail {width:120px;height:auto;border:0;}
.xans-product-recentlist .ec-base-prdInfo .optionSelect {margin:0 0 24px 0px;}
.xans-product-recentlist .xans-product-listitem {border-top:2px solid #1a1a1a;}
/* 마ì´íŽ˜ì´ì§€ 위시리스트 */
.xans-myshop-wishlist .ec-base-prdInfo .thumbnail {width:120px;height:auto;border:0;}
.xans-myshop-wishlist .xans-myshop-wishlistitem {border-top:2px solid #1a1a1a;}
/* 마ì´íŽ˜ì´ì§€ 주문조회 */
.xans-myshop-orderhistorylistitem .order .order__number {border-top:2px solid #1a1a1a;}
.xans-myshop-orderhistorylistitem .ec-base-prdInfo .thumbnail {width:120px;height:auto;border:0;}
/* 마ì´íŽ˜ì´ì§€ 주문ìƒì„¸ì¡°íšŒ */
.xans-myshop-orderhistorydetailbasic .ec-base-prdInfo .thumbnail {width:120px;height:auto;border:0;}
.xans-myshop-orderhistorydetail .ec-base-fold.theme1.gBottomLine > .title {border-bottom:2px solid #1a1a1a;}
/* 마ì´íŽ˜ì´ì§€ 최근본 ìƒí’ˆ */
.recently {position:absolute;top:140px;right:0;z-index:1001;width:240px;height:100vh;background-color:#fff;border-top:1px solid #e8e8e8;display:none;}
/* 장바구니 */
.xans-order-basketpackage .ec-base-fold.theme1 > .title {border-top:0;}
.xans-order-basketpackage .ec-base-fold.theme1 > .title h3 {font-size:16px;}
.xans-order-basketpackage .title.subTitle h4 {background-color:#f9f9f9;font-size:16px;}
.xans-order-basketpackage .ec-base-prdInfo {border-bottom:1px solid #e8e8e8;}
.xans-order-basketpackage .ec-base-prdInfo .btnDelete {top:33px;}
.xans-order-basketpackage .ec-base-prdInfo .prdBox {padding:35px 0;}
.xans-order-basketpackage .ec-base-prdInfo .thumbnail {width:120px;height:auto;border:0;}
.xans-order-basketpackage .ec-base-prdInfo .description .prdName img {max-height:30px;}
.xans-order-basketpackage .ec-base-prdInfo .optionGroup {margin:35px 0 0 37px;padding:10px 16px 13px;width:100%;background-color:#f9f9f9;font-size:14px;}
.xans-order-basketpackage .ec-base-prdInfo .optionGroup .name {position:relative;padding: 0 0 0 15px;}
.xans-order-basketpackage .ec-base-prdInfo .optionGroup .name:before { content:''; position:absolute; width:6px; height:6px; top:7px; left:0; background:url("//freakynine.co.kr/SkinImg/img/ico_option_modify.svg") no-repeat 0 0;}
.xans-order-basketpackage .ec-base-prdInfo.gCheck .quantity {padding:0 0 0 37px;display:flex;align-items:center;width:100%;margin:24px 0;}
.xans-order-basketpackage .ec-base-prdInfo.gCheck .quantity .label {flex:1;font-size:14px;color:#7a7a7a;}
.xans-order-basketpackage .ec-base-prdInfo.gCheck .quantity .ec-base-qty {width:123px;padding:0 40px;}
.xans-order-basketpackage .ec-base-prdInfo.gCheck .quantity .ec-base-qty input[type="text"] {height:40px;line-height:38px;}
.xans-order-basketpackage .ec-base-prdInfo.gCheck .quantity .ec-base-qty a {width:40px;height:40px;}
.xans-order-basketpackage .ec-base-prdInfo.gCheck .quantity .ec-base-qty a:before {width:11px;left:14px;}
.xans-order-basketpackage .ec-base-prdInfo.gCheck .quantity .ec-base-qty .up:after {height:11px;margin:-5px 0 0 0;}
.xans-order-basketpackage .ec-base-prdInfo.gCheck .quantity [class^='btn'].sizeQty {height:40px;font-size:14px;padding:13px 20px;}
.xans-order-basketpackage .ec-base-prdInfo.gCheck .sumPrice {padding:24px 0 0 0;display:flex;align-items:center;width:100%;margin:0 0 24px 37px;border-top:1px solid #e8e8e8;}
.xans-order-basketpackage .ec-base-prdInfo.gCheck .sumPrice .label {flex:1;font-size:14px;color:#1a1a1a;text-align:left;}
.xans-order-basketpackage .ec-base-prdInfo .buttonGroup {position:static;width:100%;display:flex;margin:0 0 0 37px;;}
.xans-order-basketpackage .ec-base-prdInfo .buttonGroup a {flex:1;height:50px;padding:16px 20px;font-weight:400;}
.xans-order-basketpackage .ec-base-prdInfo .buttonGroup [class^='btn'] + [class^='btn'] {margin-left:8px;}
.xans-order-basketpackage .summary {margin:0 0 40px 0;font-size:14px;padding:24px;border-bottom:1px solid #e8e8e8;}
.xans-order-basketpackage .summary .title h5 {font-size:14px;}
.xans-order-basketpackage .summary strong {font-weight:400;}
.xans-order-basketpackage .ec-base-button a {height:50px;padding:17px 20px;font-weight:400;font-size:14px;}
.xans-order-basketpackage .cart-total {width:360px;}
.xans-order-basketpackage .cart-total .sticky {top:100px;}
.xans-order-basketpackage .cart-total .ec-base-help li {line-height:16px;}
.xans-order-basketpackage .totalSummary {padding:30px 24px;}
.xans-order-basketpackage .totalSummary__item {margin-bottom:16px;}
.xans-order-basketpackage .totalSummary__item .title {font-size:16px;color:#1a1a1a;}
.xans-order-basketpackage .totalSummary__item .data {font-size:14px;color:#1a1a1a;}
.xans-order-basketpackage .totalSummary__item .data strong {font-size:16px;font-weight:400;color:#1a1a1a;}
.xans-order-basketpackage .totalSummary .total {margin-top:30px;padding-top:30px;border-top:1px solid #e8e8e8;}
.xans-order-basketpackage .totalSummary .total .title {font-size:16px;color:#1a1a1a;}
.xans-order-basketpackage .totalSummary .paymentPrice {color:#1a1a1a;}
.xans-order-basketpackage .ec-base-prdEmpty {border-top:0;border-bottom:1px solid #e6e6e6;font-size:16px;color:#9a9a9a;padding:14px 0 64px;display:flex;flex-direction:column;align-items:center;}
.xans-order-basketpackage .ec-base-prdEmpty svg {margin-bottom:16px;}
.xans-order-basketguide .inner ul {margin-top:15px;}
/* ì 립금 */
.xans-myshop-historylist h3 {font-weight:500;}
/* 예치금 */
.xans-myshop-historylist h3 {font-weight:500;}
.xans-myshop-deposithistorylist .ec-base-table .message {border-bottom:1px solid #e6e6e6;font-size:16px;color:#9a9a9a;padding:64px 0;}
.xans-myshop-deposithistorylist .ec-base-table .message svg {margin:0 auto 16px auto;}
.xans-myshop-depositsummary.ec-base-box.gHalf {border-top:2px solid #1a1a1a;}
/* 좋아요 */
.xans-myshop-likeproductlist .ec-base-table td {padding:25px 20px;}
.xans-myshop-likeproductlist .ec-base-table td strong {font-weight:500;}
.xans-myshop-likeproductlist .ec-base-table td .icon {display:none;}
.xans-myshop-likeproductlist .ec-base-table td .button {display:none;}
.xans-myshop-likeproductlist .ec-base-table td.thumb img {width:120px !important;}
.xans-myshop-likeproductlist .ec-base-table .message {border-bottom:1px solid #e6e6e6;font-size:16px;color:#9a9a9a;padding:64px 0;}
.xans-myshop-likeproductlist .ec-base-table .message svg {margin:0 auto 16px auto;}
.xans-myshop-likecategorylist .ec-base-table .message {border-bottom:1px solid #e6e6e6;font-size:16px;color:#9a9a9a;padding:64px 0;}
.xans-myshop-likecategorylist .ec-base-table .message svg {margin:0 auto 16px auto;}
/* 커뮤니티 */
.xans-board-listpackage .ec-base-tab.typeMenu {display:none;}
.xans-myshop-boardpackage .ec-base-table table td.subject img,
.xans-board-listpackage .ec-base-table table td.subject img {height:auto;}
.xans-board-listpackage-8 .boardListEmpty {margin:56px 0 0;}
.xans-board-search {margin-left:auto;margin-right:auto;max-width:1420px;}
.xans-board-function {max-width: 1420px;width: 92%;margin-left: auto;margin-right: auto;}
.xans-board-read .ec-base-button.gBottom {margin-bottom:12px;}
.xans-board-commentform input[type=checkbox] + label,
.xans-board-commentwrite input[type=checkbox] + label {margin:0;}
.xans-board-product .information h3 {padding:0;}
.myshop_boardlist_empty {text-align:center;padding:64px 0;flex-direction:column;align-items:center;border-bottom:1px solid #e6e6e6;font-size:16px;color:#9a9a9a;display:none;}
.myshop_boardlist_empty svg {margin-bottom:16px;}
/* 검색페ì´ì§€ */
.xans-product-searchdata .searchField .keywordArea {max-width:100% !important;}
/* ìƒí’ˆ 옵션변경 íŒì—… */
.ec-base-layer.typeModal {transform:translateY(-50%);}
/* ëª¨ë°”ì¼ ìš°íŽ¸ë²ˆí˜¸ ì´ë¯¸ì§€ ì•„ì´ì½˜ */
.mCafe24Post.gMobile .addressList .address > a > img {height:13px;}
/* ëŒ€ëŸ‰êµ¬ë§¤ë¬¸ì˜ */
.xans-board-inquiryform .ec-base-table.typeWrite .ec-address > li {margin-top:10px;}
.xans-board-inquiryform .ec-base-table.typeWrite .ec-address > li:first-child {margin-top:0;}
.xans-board-inquirymodify .ec-base-table.typeWrite .ec-address > li {margin-top:10px;}
.xans-board-inquirymodify .ec-base-table.typeWrite .ec-address > li:first-child {margin-top:0;}
.xans-board-inquiryhead .information h3 {margin:0 0 5px 0;}
.xans-board-inquiryhead .information .price {font-weight:400;color:#111;}
.xans-board-inquiryview .ec-base-table th {padding:14px 27px;}
@media all and (max-width:1680px) {
/* ìƒí’ˆì§„ì—´ í• ì¸ìœ¨ */
.ec-base-product .prdList .thumbnail .sale_box {width:calc(40px + (50 - 40) * ((100vw - 370px) / (1680 - 370)));height:calc(40px + (50 - 40) * ((100vw - 370px) / (1680 - 370)));font-size:calc(12px + (20 - 12) * ((100vw - 370px) / (1680 - 370)));}
}
@media screen and (max-width:1024px) {
/* ìƒí’ˆì§„ì—´ 퀵바아ì´ì½˜ */
.ec-base-product .prdList .thumbnail .likeButton {display:none;}
/* ìƒí’ˆì§„ì—´ 퀵바아ì´ì½˜ */
.ec-base-product .prdList .icon__box {display:none;}
/* ìƒí’ˆì§„ì—´ ì¼ë°˜í˜•3단 */
.ec-base-product .prdList > li {margin:0 0 35px 0;}
.ec-base-product ul.grid3 > li {width:100%;box-sizing:border-box;}
.ec-base-product ul.grid3 > li:last-child {margin-bottom:35px;}
.ec-base-product ul.grid3 > li:after {display:block;content:"";clear:both;}
/* ìƒí’ˆì§„ì—´ ì¼ë°˜í˜•4단 */
.ec-base-product ul.grid4 > li{width:49%; margin-right:2%;}
.ec-base-product ul.grid4 > li:nth-child(2n){margin-right:0%;}
.ec-base-product ul.grid4 > li:nth-child(4n){margin-right:unset;}
.ec-base-product ul.grid4 .description .name span {font-size:16px !important;}
.ec-base-product ul.grid4 .description {margin:10px 0 0 0;}
/* ìƒí’ˆì§„ì—´ ì¼ë°˜í˜•5단 */
.ec-base-product ul.grid5 .description .name span {font-size:16px !important;}
.ec-base-product ul.grid5 .description {margin:10px 0 0 0;}
/* ìƒí’ˆì§„ì—´ 강조형 */
.ec-base-product ul.list_gallery > li {margin:0 0 35px 0;}
.ec-base-product ul.list_gallery .prdList__item {overflow:visible;}
.ec-base-product ul.list_gallery .thumbnail {margin:0 0 10px;}
.ec-base-product ul.list_gallery .thumbnail .icon {position:absolute;left:0;top:auto;bottom:0;font-size:0;margin:0;}
.ec-base-product ul.list_gallery .description {position:static;opacity:1;padding:0;background-color:transparent;}
/* ìƒí’ˆì§„ì—´ 강조형 3단 */
.ec-base-product ul.grid3.list_gallery > li{width:100%;margin-right:0;}
/* ìƒí’ˆì§„ì—´ 강조형 4단 */
.ec-base-product ul.grid4.list_gallery > li{width:49%; margin-right:2%;}
.ec-base-product ul.grid4.list_gallery > li:nth-child(2n){margin-right:0%;}
/* ìƒí’ˆì§„ì—´ 강조형 5단 */
.ec-base-product ul.grid5.list_gallery > li{width:49%;}
.ec-base-product ul.grid5.list_gallery > li:nth-child(1n){margin-left:0% !important; margin-right:1% !important;}
.ec-base-product ul.grid5.list_gallery > li:nth-child(2n){margin-right:0% !important; margin-left:1% !important;}
/* 목ë¡íŽ˜ì´ì§€ 중분류 */
.ec-base-tab.typeMenu {width:100%;height:45px;}
.ec-base-tab.typeMenu .menu {flex-wrap:nowrap;}
.ec-base-tab.typeMenu ul > li {margin-bottom:0;text-align:center;}
.ec-base-tab.typeMenu li a.button {font-size:12px;padding:15px 20px;}
.ec-base-tab.typeMenu ul > li .iconWrap {display:none;}
/* ë¡œê·¸ì¸ */
.xans-member-login .login {width:100%;max-width:100%;margin:0 auto;}
.xans-member-login .login__sns,
.xans-member-login .login__util,
.xans-member-login .wrap_security {max-width:100%;}
.xans-member-login .login__button {width:100%;max-width:100%;}
.xans-member-login .login__sns .wrap_sns_log a {padding: 0 16px;}
.xans-member-login .login__sns .btnKakao {background:url("//freakynine.co.kr/SkinImg/img/icon_sns_kakao.svg") no-repeat center left 16px;}
.xans-member-login .login__sns .btnNaver {background:url("//freakynine.co.kr/SkinImg/img/icon_sns_naver.svg") no-repeat center left 16px;}
.xans-member-login .login__sns .btnFacebook {background:url("//freakynine.co.kr/SkinImg/img/icon_sns_facebook.svg") no-repeat center left 16px;}
.xans-member-login .login__sns .btnLine {background:url("//freakynine.co.kr/SkinImg/img/icon_sns_line.svg") no-repeat center left 16px;}
.xans-member-login .login__sns .btnGoogle {background:url("//freakynine.co.kr/SkinImg/img/icon_sns_google.svg") no-repeat center left 16px;}
.xans-member-login .login__sns .btnApple {background:url("//freakynine.co.kr/SkinImg/img/icon_sns_apple.svg") no-repeat center left 16px;}
.xans-member-login .login__security {font-size:12px;}
.xans-member-login .login .wrap_security .wrap_find div {font-size:12px;}
.xans-member-login .login__security .secret {height:18px;}
.xans-member-login input[type="checkbox"] {width:18px;height:18px;}
.xans-member-login input[type=checkbox] + label {margin:0 15px 0 5px;}
/* ë¹„íšŒì› ì£¼ë¬¸ì¡°íšŒ */
.xans-myshop-orderhistorynologin {max-width:100%;}
.xans-myshop-orderhistorynologin .login .txt_nonmem_check {margin:40px 0 24px;}
.xans-myshop-orderhistorynologin .login .txtInfo {display:none;}
/* ì•„ì´ë””찾기 */
.xans-member-findid {max-width:100%;}
.xans-member-findid .ec-base-box.typeMember .content {width:100%;}
/* ì•„ì´ë””찾기 완료 */
.xans-member-findidresult {max-width:100%;}
.xans-member-findidresult .complete {width:100%;}
/* 비밀번호찾기 */
.xans-member-findpasswd {max-width:100%;}
.xans-member-findpasswd .ec-base-box.typeMember .content {width:100%;}
/* 비밀번호찾기 2단계 */
.xans-member-findpasswdmethod {max-width:100%;}
/* 비밀번호찾기 2단계 힌트 */
.xans-member-findPasswdQuestion {max-width:100%;}
.xans-member-findPasswdQuestion .ec-base-box.typeMember .content {width:100%;}
/* 비밀번호찾기 ìž¬ì„¤ì • */
.xans-member-passwordreset {max-width:100%;}
.xans-member-passwordreset .ec-base-box.typeMember .content {width:100%;}
/* 비밀번호찾기 본ì¸í™•ì¸ */
.xans-member-passwordverification {max-width:100%;}
.xans-member-passwordverification .ec-base-box.typeMember .content {width:100%;}
/* 비밀번호찾기 완료 */
.xans-member-findpasswdresult {max-width:100%;}
.xans-member-findpasswdresult .complete {width:100%;}
/* 회ì›ê°€ìž… 약관 */
.xans-member-join {max-width:100%;}
/* 회ì›ê°€ìž… */
.xans-member-join .titleArea--middle {display:flex;justify-content: space-between;align-items: baseline;padding:0 0 16px;background:none;margin:0;}
.xans-member-join .ec-base-table.typeWrite th[scope*="row"] {padding-left:0;margin:0 0 8px;}
.xans-member-join .icoRequired {margin-right:10px;}
.xans-member-join .ec-base-table.typeWrite td {padding:0;}
.xans-member-join .ec-base-table.typeWrite td input[type="text"],
.xans-member-join .ec-base-table.typeWrite td input[type="password"],
.xans-member-join .ec-base-table.typeWrite td select {width:100%;}
.xans-member-join .ec-base-table.typeWrite td.formGroup {padding-left:0 !important;}
.xans-member-join .ec-base-table.typeWrite .ec-address input[type="text"],
.xans-member-join .ec-base-table.typeWrite .ec-address select {width:100%;}
.xans-member-join .ec-base-table.typeWrite tr {margin:0 0 24px;}
/* 회ì›ê°€ìž… 완료 */
.xans-member-joincomplete .joinComplete {padding:40px 0;}
.xans-member-joincomplete .joinComplete .memberSpecial ul li {text-align:center;}
.xans-member-joincomplete .joinComplete .ec-base-box .information .description {display:flex;justify-content: center;}
/* 회ì›ì •ë³´ìˆ˜ì • */
.xans-myshop-asyncbenefit {max-width:100%;}
.xans-myshop-asyncbenefit .benefit {padding:0;}
.xans-myshop-asyncbenefit .benefit .description,
.xans-myshop-asyncbenefit .benefit .user {padding:24px 16px;}
.xans-member-edit .titleArea--middle {background:none;padding:0;margin:40px 0 16px 0;}
.xans-member-edit .ec-base-table.typeWrite th[scope*="row"] {padding:0;margin:0 0 8px;}
.xans-member-edit .ec-base-table.typeWrite th.member_id {margin:10px 0 8px;}
.xans-member-edit .icoRequired {margin-right:10px;}
.xans-member-edit .ec-base-table.typeWrite td {padding:0;}
.xans-member-edit .ec-base-table.typeWrite td input[type="text"],
.xans-member-edit .ec-base-table.typeWrite td input[type="password"],
.xans-member-edit .ec-base-table.typeWrite td select {width:100%;}
.xans-member-edit .ec-base-table.typeWrite td.formGroup {padding-left:0 !important;}
.xans-member-edit .ec-base-table.typeWrite .ec-address input[type="text"],
.xans-member-edit .ec-base-table.typeWrite .ec-address select {width:100%;}
.xans-member-edit .ec-base-table.typeWrite tr {margin:0 0 24px;}
.xans-member-edit #phone3,
.xans-member-edit #mobile3 {margin-right:0;}
.xans-member-edit .func_del {margin-left:0;}
/* 마ì´íŽ˜ì´ì§€ 회ì›ê°„íŽ¸ì •ë³´ */
.xans-myshop-asyncbankbook {border:0;border-top:1px solid #e3e3e3;border-bottom:1px solid #e3e3e3;width:108%;margin-left:-4%;box-sizing:border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.xans-myshop-asyncbankbook .xans-myshop-asyncbenefit {flex:auto;}
.xans-myshop-asyncbankbook .xans-myshop-asyncbenefit .user {flex-direction:column;align-items:center;padding:40px 0;}
.xans-myshop-asyncbankbook .user__thumb {width:60px;height:60px;margin:0;}
.xans-myshop-asyncbankbook .xans-myshop-asyncbenefit .user .user__info {text-align:center;margin:16px auto 0;}
.xans-myshop-asyncbankbook li {padding:25px 0;}
.xans-myshop-asyncbankbook li:first-child::after {display:none;}
/* 마ì´íŽ˜ì´ì§€ 공통 */
.myshopArea {width:100%;max-width:calc(1420px - 220px) !important;padding:0 !important;margin:0 auto !important;min-height:auto;}
.myshopArea.section_full {width:100% !important;}
.myshopArea .titleArea--middle {background:none;padding:0;margin:40px 0 16px 0;}
div.ec-base-help > h2,
div.ec-base-help > h3 {padding-left:0;}
/* 마ì´íŽ˜ì´ì§€ 나ì˜ì£¼ë¬¸ì²˜ë¦¬ 현황 */
.xans-myshop-orderstate .state__cs li {font-size:14px;}
.xans-myshop-orderstate .state__cs li strong {font-weight:400;font-size:14px;}
/* 마ì´íŽ˜ì´ì§€ 좌측메뉴 */
.myshopArea .xans-myshop-main .subTitle {display:block;margin:0;background:none;padding:40px 0 16px 0;}
.myshopArea .xans-myshop-main .menu {border-top:2px solid #1a1a1a;padding-top:6px;}
.myshopArea .xans-myshop-main .menu li {margin:12px 0 0 0;border:0;}
.myshopArea .xans-myshop-main .menu li a {font-size:14px;color:#6a6a6a;padding:0;}
.myshopArea .xans-myshop-main .menu li a:after {display:none;}
.myshopArea .xans-myshop-main .consult {margin:40px 0 0;}
/* 마ì´íŽ˜ì´ì§€ ì£¼ë¬¸ë‚´ì— ì¡°íšŒ */
.xans-myshop-orderhistoryhead {padding:0;}
.xans-myshop-orderhistoryhead fieldset {width:auto;min-width:0;max-width:none;}
.xans-myshop-orderhistoryhead .fText {min-width:110px;}
/* 마ì´íŽ˜ì´ì§€ ì¿ í°ë‚´ì— */
.xans-myshop-couponserial .couponSerial {padding:16px;}
/* 마ì´íŽ˜ì´ì§€ ë°°ì†¡ì£¼ì†Œë¡ ê´€ë¦¬ */
.xans-myshop-addrlist a[class^='btnEm'] {color:#fff !important;}
.xans-myshop-addrlist .ec-base-table {border-top:2px solid #1a1a1a;}
.xans-myshop-addrlist .ec-base-table.typeList tr {padding:20px 0 19px;}
.xans-myshop-addrlist .ec-base-table.typeList td {line-height:31px;}
.xans-myshop-addrlist .ec-base-table table tr td:nth-child(8) {width:100%;text-align:right;padding:0;}
.xans-myshop-addrregister .ec-base-table.typeWrite th {padding:24px 0 8px;}
.xans-myshop-addrregister .ec-base-table.typeWrite td {padding:0 0 0;}
.xans-myshop-addrregister .icoRequired {margin-right:10px;}
.xans-myshop-addrregister #ma_rcv_phone1,
.xans-myshop-addrregister #ma_rcv_mobile_no1 {margin-left:0;}
.xans-myshop-addrregister .ec-base-table tr.right {margin-top:10px;}
.xans-myshop-addrregister .ec-base-table tr.right label {margin-right:5px;}
.xans-myshop-addrmodify .ec-base-table.typeWrite th {padding:24px 0 8px;}
.xans-myshop-addrmodify .ec-base-table.typeWrite td {padding:0 0 0;}
.xans-myshop-addrmodify .icoRequired {margin-right:10px;}
.xans-myshop-addrmodify #ma_rcv_phone1,
.xans-myshop-addrmodify #ma_rcv_mobile_no1 {margin-left:0;}
.xans-myshop-addrmodify .ec-base-table tr.right {margin-top:10px;}
.xans-myshop-addrmodify .ec-base-table tr.right label {margin-right:5px;}
/* 마ì´íŽ˜ì´ì§€ ì •ê¸°ë°°ì†¡ 관리 */
.regularDeliveryPayInfo .ec-base-box .information .title {display:none;}
.regularDeliveryPayInfo .ec-base-box .information .status {padding:0;}
.regularDeliveryPayInfo .ec-base-box .information .info {padding:13px 0 0;}
.regularDeliveryPayInfo ul li {background:none;padding:0;}
/* 마ì´íŽ˜ì´ì§€ 최근본ìƒí’ˆ */
.xans-product-recentlist .ec-base-prdInfo .prdBox {padding:24px 0;}
.xans-product-recentlist .ec-base-prdInfo .btnDelete {right:0;}
.xans-product-recentlist .ec-base-prdInfo .thumbnail {width:80px;height:auto;border:0;}
.xans-product-recentlist .ec-base-prdInfo .optionSelect {margin:0 0 24px 0;}
/* 마ì´íŽ˜ì´ì§€ 위시리스트 */
.xans-myshop-wishlist .ec-base-prdInfo .thumbnail {width:80px;height:auto;border:0;}
.xans-myshop-wishlist .ec-base-prdInfo .prdBox {padding:24px 0;}
.xans-myshop-wishlist .ec-base-prdInfo .btnDelete {right:0;}
/* 마ì´íŽ˜ì´ì§€ 주문조회 */
.xans-myshop-orderhistorylistitem .ec-base-prdInfo .thumbnail {width:80px;height:auto;border:0;}
.xans-myshop-orderhistorylistitem .ec-base-prdInfo .prdBox {padding:24px 0;}
/* 마ì´íŽ˜ì´ì§€ 주문ìƒì„¸ì¡°íšŒ */
.xans-myshop-orderhistorydetailbasic .ec-base-prdInfo .thumbnail {width:80px;height:auto;border:0;}
/* 마ì´íŽ˜ì´ì§€ 취소 */
.xans-myshop-orderhistoryapplycancel .ec-base-prdInfo .prdBox,
.xans-myshop-orderhistoryapplycancel .ec-base-table.typeWrite td,
.xans-myshop-orderhistoryapplycancel .ec-base-table.typeWrite th {padding-left:0;padding-right:0;}
/* 마ì´íŽ˜ì´ì§€ êµí™˜ */
.xans-myshop-orderhistoryapplyexchange .ec-base-prdInfo .prdBox,
.xans-myshop-orderhistoryapplyexchange .ec-base-table.typeWrite td,
.xans-myshop-orderhistoryapplyexchange .ec-base-table.typeWrite th {padding-left:0;padding-right:0;}
/* 마ì´íŽ˜ì´ì§€ 반품 */
.xans-myshop-orderhistoryapplyreturn .ec-base-prdInfo .prdBox,
.xans-myshop-orderhistoryapplyreturn .ec-base-table.typeWrite td,
.xans-myshop-orderhistoryapplyreturn .ec-base-table.typeWrite th {padding-left:0;padding-right:0;}
.xans-myshop-orderhistoryapplyreturn .question {display:block;}
/* 장바구니 */
.xans-order-basketpackage .ec-base-prdInfo .thumbnail {width:80px;height:auto;border:0;}
.xans-order-basketpackage .ec-base-prdInfo .description .prdName img {height:20px;}
.xans-order-basketpackage .ec-base-prdInfo .optionGroup {margin:35px 0 0 0;}
.xans-order-basketpackage .ec-base-prdInfo.gCheck .quantity {padding:0;}
.xans-order-basketpackage .ec-base-prdInfo.gCheck .sumPrice {margin:0 0 24px 0;}
.xans-order-basketpackage .ec-base-prdInfo .buttonGroup {padding:0;margin:0;}
.xans-order-basketpackage .ec-base-button {margin:0;}
.xans-order-basketpackage .ec-base-button > div {display:flex;width:100%;}
.xans-order-basketpackage .ec-base-button a {flex:1;margin-bottom:10px;}
.xans-order-basketpackage .cart-total {width:100%;margin-top:30px;}
.xans-order-basketpackage .totalSummary {margin:0 0 24px 0;}
.xans-order-basketpackage .typeModal .ec-base-button {margin:0 20px 10px;}
.xans-order-basketpackage .ec-base-button.gFixed > div {width:auto;}
/* 검색페ì´ì§€ */
.xans-product-searchdata .searchResult {padding:40px 0 0 !important;}
.xans-product-searchdata .searchField {margin:0 !important;padding:0 0 24px !important;}
/* 좋아요 */
.xans-myshop-likeproductlist .ec-base-table colgroup {display:none;}
.xans-myshop-likeproductlist .ec-base-table td {padding:25px 5px;}
.xans-myshop-likeproductlist .ec-base-table td.thumb {width:80px}
.xans-myshop-likeproductlist .ec-base-table td.thumb img {width:80px !important;}
/* 예치금 */
.xans-myshop-depositsummary {margin-bottom:20px;}
.xans-myshop-deposithistorylist h3 {padding:19px 15px;line-height: 1.5;background: #f6f6f6;font-weight:500;}
.xans-myshop-deposithistorylist .item {margin-top:25px;}
.xans-myshop-deposithistorylist .ec-base-table {border:0;}
.xans-myshop-deposithistorylist .ec-base-table th {background:#fff;color:#6d6d6d;}
.xans-myshop-deposithistorylist .message {border-bottom:1px solid #e6e6e6;font-size:16px;color:#9a9a9a;padding:64px 0;text-align:center;}
.xans-myshop-deposithistorylist .message svg {margin:0 auto 16px auto;}
/* 버튼 */
.ec-base-button.gBottom [class^='btn'] {margin-bottom:8px;}
.ec-base-button.gBottom .gLeft,
.ec-base-button.gBottom .gRight {flex-wrap:wrap;}
.ec-base-button.gBreak > [class^='btn'],
.ec-base-button.gBreak .gBreak [class^='btn'] {margin-left:0;margin-right:0;}
/* 커뮤니티 */
.xans-board-function {width:100%;padding-left:0;padding-right:0;}
.xans-board-movement li,
.xans-board-read .ec-base-table .detail,
.xans-board-read .ec-base-table .head {padding-left:0;padding-right:0;}
.xans-board-commentlist .boardComment li .name {float:none;display:block;margin-bottom:5px;}
.xans-board-commentlist .boardComment li .date {margin-left:0;}
.xans-board-read .ec-base-table .description .name {display:block;}
.xans-board-read .ec-base-table .etcArea li {padding:0 8px 0 0;}
.xans-board-commentlist .ec-base-button,
.xans-board-commentlist .boardComment li .formGroup button,
.xans-board-commentlist .boardComment li .formGroup .button,
.xans-board-commentlist .boardComment li .comment,
.xans-board-commentlist .boardComment li div.commentTop {margin-left:0;margin-right:0;}
/* 커뮤니티 글쓰기 */
.xans-board-reply .ec-base-table.typeWrite td,
.xans-board-reply .ec-base-table.typeWrite th,
.xans-board-modify .ec-base-table.typeWrite td,
.xans-board-modify .ec-base-table.typeWrite th,
.xans-board-write .ec-base-table.typeWrite td,
.xans-board-write .ec-base-table.typeWrite th {padding-left:0;padding-right:0;}
.xans-board-modify .ec-base-table.typeWrite td #email2,
.xans-board-write .ec-base-table.typeWrite td #email2 {width:45%;}
[class^='btn'][class*='Fix'].sizeM {min-width:110px;}
.xans-board-commentwrite .outside {flex-wrap:wrap;}
.xans-board-commentwrite .outside .secret {width:60%;}
.xans-board-commentwrite .input .ec-base-help {width:60%;}
/* ëŒ€ëŸ‰êµ¬ë§¤ë¬¸ì˜ */
.xans-board-inquiryview .ec-base-table th {padding:14px 14px;}
.xans-board-inquiryhead .information h3 {padding:0;}
.xans-board-inquirymodify .required {margin:10px 0;}
.xans-board-inquirymodify .ec-base-table.typeWrite th,
.xans-board-inquirymodify .ec-base-table.typeWrite td {padding-left:0;padding-right:0;}
.xans-board-inquirymodify select {margin-left:0 !important;}
.xans-board-inquirysearch {margin:10px 0 0px -10px;}
.xans-board-inquiryform .ec-base-table.typeWrite th,
.xans-board-inquiryform .ec-base-table.typeWrite td {padding-left:0;padding-right:0;}
.xans-board-inquiryform select {margin-left:0 !important;}
.xans-board-inquiryform .titleArea--middle {background:#fff;padding:27px 0 0;}
}
@media all and (max-width:767px) {
/* 회ì›ê°€ìž… */
.xans-member-join .ec-base-table.typeWrite table .interest label:nth-child(6n)::after {content:' ';white-space:pre;}
.xans-member-join .ec-base-table.typeWrite table .interest label:nth-child(4n)::after {content:'\a';white-space:pre;}
/* 회ì›ì •ë³´ìˆ˜ì • */
.xans-member-edit .ec-base-table.typeWrite table .interest label:nth-child(6n)::after {content:' ';white-space:pre;}
.xans-member-edit .ec-base-table.typeWrite table .interest label:nth-child(4n)::after {content:'\a';white-space:pre;}
/* 배송 ì£¼ì†Œë¡ ê´€ë¦¬ */
.xans-myshop-addrlist .ec-base-table table tr td:nth-child(2) {width:100%;}
.xans-myshop-addrlist .ec-base-table.typeList td {line-height:1.3;}
/* ìƒí’ˆì§„ì—´ 뱃지(ëª©ë¡ ì¶”ì²œìƒí’ˆ) */
.ec-base-product .prdList .thumbnail .badge {font-size:13px;}
}
/** subpage_theme01 (button_color - black) **/
/* 공통 타ì´í‹€ */
.titleArea h2 {font-weight:700;font-size:32px;color:#1a1a1a;}
.titleArea h3 {font-weight:500;}
.titleArea .desc {font-weight:400;}
.xans-project-package .title {margin:45px 0 0;}
.xans-project-package .title h2 {font-weight:700;font-size:30px;color:#1a1a1a;}
/* checkbox */
input[type="checkbox"] {width:24px; height:24px; border:1px solid #d9d9d9;background:url("//freakynine.co.kr/SkinImg/img/checkbox_off.svg") no-repeat center;transition:none;}
input[type="checkbox"]:checked {background:url("//freakynine.co.kr/SkinImg/img/checkbox_on.svg") no-repeat center;transition:none;border:1px solid #d9d9d9;}
/* ie support */
input[type="checkbox"]::-ms-check {border:1px solid #d9d9d9;background:url("//freakynine.co.kr/SkinImg/img/checkbox_off.svg") no-repeat center;transition:none;}
input[type="checkbox"]:checked::-ms-check {background:url("//freakynine.co.kr/SkinImg/img/checkbox_on.svg") no-repeat center;transition:none;border:1px solid #d9d9d9;}
/* ec-base-step */
.ec-base-step li {color:#8A8A8A;}
.ec-base-step .selected {color:#1a1a1a;}
/* button */
[class^='btnNormal'], a[class^='btnNormal'] {border:1px solid #D6D6D6;}
[class^='btnSubmit'], a[class^='btnSubmit'] {background:#1a1a1a;color:#fff;}
/* Table */
.ec-base-table {border-top:2px solid #1a1a1a;}
.ec-base-table th {font-weight:400;}
.ec-base-paginate.typeList li a {font-size:14px;}
/* tab */
.ec-base-tab.typeNav .menu {border-bottom:1px solid #1a1a1a;}
.ec-base-tab.typeNav .menu li a {background:#fff;border:0;color:#8a8a8a;min-width:170px;}
.ec-base-tab.typeNav .menu li.selected a {border:1px solid #1a1a1a;font-weight:400;}
.ec-base-tab.typeNav .menu li.selected a:after {bottom:-2px;height:2px;}
@media screen and (max-width:1024px) {
/* 공통 타ì´í‹€ */
.titleArea {margin:25px 0;}
.titleArea h2 {font-size:22px;}
.xans-project-package .title {margin:25px -4% 23px;padding-bottom:25px;border-bottom:1px solid #e8e8e8;}
.xans-project-package .title h2 {font-size:22px;margin:0;}
/* ëª¨ë°”ì¼ ë’¤ë¡œê°€ê¸° ì•„ì´ì½˜ */
.xans-layout-mobileaction {top:27px;left:4%;z-index:20;}
/* Table */
.ec-base-table.typeList tr {padding:20px 0 19px;}
.xans-board-search,
.xans-myshop-boardlistsearch {margin:10px 0 0px -10px;}
.xans-board-listpackage .ec-base-button.gBottom {margin:20px 0 0;}
/* tab */
.ec-base-tab.typeNav .menu li a {min-width:auto;}
}
/** subpage_theme02 (button_color - black),(Webfont - Nanum Gothic) **/
.theme02,
.theme02 input,
.theme02 select,
.theme02 textarea,
.theme02 code,
.theme02 button {font-family:"Poppins", "Nanum Gothic", Arial, sans-serif !important;}
/* 버튼 */
.theme02 .xans-product-action .action_button .sub_sold,
.theme02 [class^='btnSubmit'],
.theme02 a[class^='btnSubmit'] {background:#000;color:#fff;}
.theme02 [class^='btnNormal']:not(.disabled):hover,
.theme02 [class^='btnNormal']:not(.disabled).selected {border-color:#000;}
/* 최ìƒë‹¨ 배너 */
.theme02 .main_top_banner {background-color:#000;color:#fff;}
/* ìƒë‹¨ 메뉴 */
.theme02 #header .inner .top_nav_box .top_category > ul > li > a:after {background-color:#000;}
/* 슬ë¼ì´ë“œë°” */
.theme02 .swiper-container .swiper-scrollbar .swiper-scrollbar-drag {background:#000;}
/* ìƒí’ˆë”보기 */
.theme02 .more .btnMore:hover {color:#000;background-color:#fff;border:1px solid #000;}
.theme02 .more .btnMore:hover > div {color:#000;}
.theme02 .more .btnMore:hover:after {background-color:#000;}
/* ë©”ì¸ ì— ë””í”½ ìƒí’ˆì§„ì—´ */
.theme02 .main_product_category .main_product_inner .main_product_tab li .button.active {color:#000;}
.theme02 .main_product_category .main_product_inner .main_product_tab li .button:after {background-color:#000;}
/* ë©”ì¸ ì§€ë„ */
.theme02 .main_map .main_map_banner .main_map_banner_txt_box {background-color:transparent;}
.theme02 .main_map .main_map_banner .main_map_banner_txt_box .main_long_banner_link a {color:#fff;background-color:#000;border:1px solid #000;}
.theme02 .main_map .main_map_banner .main_map_banner_txt_box .main_long_banner_link a:hover {color:#1a1a1a;background-color:#fff;border:1px solid #fff;}
/* 하단 */
.theme02 #footer {background:#fff;}
/* 목ë¡íŽ˜ì´ì§€ 중분류 */
.theme02 .ec-base-tab.typeMenu li.selected a.button {color:#000;border:1px solid #000;}
/* ìƒì„¸íŽ˜ì´ì§€ íƒ */
.theme02 .detail_tab li.tab_open {border:1px solid #000; border-bottom:1px solid #000;}
.theme02 .detail_tab li.tab_open span {background-color:#fff;}
/* ìƒí’ˆ ì¶”ì²œì‹ ìƒí’ˆ 뱃지 */
.theme02 .ec-base-product .prdList .thumbnail .badge {color:#000;}
/** subpage_theme03 (button_color - Wild Blue Yonder),(Webfont - Noto Sans KR) **/
.theme03,
.theme03 input,
.theme03 select,
.theme03 textarea,
.theme03 code,
.theme03 button {font-family:"Poppins", "Noto Sans KR", Arial, sans-serif !important;}
/* 버튼 */
.theme03 .xans-product-action .action_button .sub_sold,
.theme03 [class^='btnSubmit'],
.theme03 a[class^='btnSubmit'] {background:#7083ae;color:#fff;}
.theme03 [class^='btnNormal']:not(.disabled):hover,
.theme03 [class^='btnNormal']:not(.disabled).selected {border-color:#7083ae;}
/* 최ìƒë‹¨ 배너 */
.theme03 .main_top_banner {background-color:#7083ae;color:#fff;}
/* ìƒë‹¨ 메뉴 */
.theme03 #header .inner .top_nav_box .top_category > ul > li > a:after {background-color:#7083ae;}
.theme03 #header .inner .top_nav_box .top_category .sub-category li:hover > a {background-color: #cad1e0;}
.theme03 #header .inner .top_nav_box .top_category .sub-community > li:hover > a {background-color:#cad1e0;}
.theme03 #header .inner .top_nav_box .top_mypage .xans-layout-multishoplist ul li:hover a {background-color: #cad1e0;}
/* 비디오배너 */
.theme03 .main_video:before {background-color:#9ca6c7;}
/* 슬ë¼ì´ë“œë°” */
.theme03 .swiper-container .swiper-scrollbar .swiper-scrollbar-drag {background:#7083ae;}
/* ìƒí’ˆ í• ì¸ë¥ */
.theme03 .ec-base-product .prdList .thumbnail .sale_box {color:#7083ae;border:1px solid #7083ae;}
/* ìƒí’ˆë”보기 */
.theme03 .more .btnMore:hover {color:#7083ae;background-color:#fff;border:1px solid #7083ae;}
.theme03 .more .btnMore:hover > div {color:#7083ae;}
.theme03 .more .btnMore:hover:after {background-color:#7083ae;}
/* ë©”ì¸ ì— ë””í”½ ìƒí’ˆì§„ì—´ */
.theme03 .main_product_category .main_product_inner .main_product_tab li .button.active {color:#7083ae;}
.theme03 .main_product_category .main_product_inner .main_product_tab li .button:after {background-color:#7083ae;}
/* ë©”ì¸ ì§€ë„ */
.theme03 .main_map {background-color:#9ca6c7;}
.theme03 .main_map .main_map_banner .main_map_box .main_long_banner_link a {color:#7083ae;background-color:#fff;}
.theme03 .main_map .main_map_banner .main_map_box .main_long_banner_link a:hover {background-color:#7083ae;color:#fff;}
.theme03 .main_map .main_map_banner .main_map_box .main_long_banner_link a:hover .icon[class*="icoPlus"]:before,
.theme03 .main_map .main_map_banner .main_map_box .main_long_banner_link a:hover .icon[class*="icoPlus"]:after {background:#7083ae;}
/* 하단 */
.theme03 #footer {background:#fff;}
.theme03 #footer .bt_util {background-color:#7083ae;}
.theme03 #footer .bt_util ul li a {color:#cad1e0;}
.theme03 #footer .inner .bt_right a:hover {color:#7083ae;}
/* 목ë¡íŽ˜ì´ì§€ 중분류 */
.theme03 .ec-base-tab.typeMenu li.selected a.button {color:#7083ae;border:1px solid #7083ae;}
/* ìƒì„¸íŽ˜ì´ì§€ í• ì¸ë¥ */
.theme03 .xans-product-detail .sale_box {border:1px solid #7083ae;color:#7083ae;}
/* ìƒì„¸íŽ˜ì´ì§€ íƒ */
.theme03 .detail_tab li {border-bottom:1px solid #7083ae;}
.theme03 .detail_tab li.tab_open {border:1px solid #7083ae;background-color:#7083ae;border-bottom:1px solid #7083ae;}
.theme03 .detail_tab li.tab_open span {background-color:#fff;color: #7083ae;}
.theme03 .detail_tab li.tab_open:first-child {border-left:#7083ae !important;}
.theme03 .detail_tab li.tab_open:last-child {border-right:#7083ae !important;}
/* ìƒì„¸íŽ˜ì´ì§€ ëª¨ë°”ì¼ íƒ */
.theme03 .tabProduct li.selected a {background-color:#7083ae;border-top:1px solid #7083ae;}
/* ìƒí’ˆ ì¶”ì²œì‹ ìƒí’ˆ 뱃지 */
.theme03 .ec-base-product .prdList .thumbnail .badge {color:#7083ae;}
/** subpage_theme04 (button_color - Roman Coffee),(Webfont - Noto Sans KR) **/
.theme04,
.theme04 input,
.theme04 select,
.theme04 textarea,
.theme04 code,
.theme04 button {font-family:"Poppins", "Noto Sans KR", Arial, sans-serif !important;}
/* 버튼 */
.theme04 .xans-product-action .action_button .sub_sold,
.theme04 [class^='btnSubmit'],
.theme04 a[class^='btnSubmit'] {background:#7b4747;color:#fff;}
.theme04 [class^='btnNormal']:not(.disabled):hover,
.theme04 [class^='btnNormal']:not(.disabled).selected {border-color:#7b4747;}
/* 최ìƒë‹¨ 배너 */
.theme04 .main_top_banner {background-color:#7b4747;color:#fff;}
/* ìƒë‹¨ 메뉴 */
.theme04 #header .inner .top_nav_box .top_category > ul > li > a:after {background-color:#7b4747;}
.theme04 #header .inner .top_nav_box .top_category .sub-category li:hover > a {background-color: #bcaaa9;}
.theme04 #header .inner .top_nav_box .top_category .sub-community > li:hover > a {background-color:#bcaaa9;}
.theme04 #header .inner .top_nav_box .top_mypage .xans-layout-multishoplist ul li:hover a {background-color: #bcaaa9;}
/* 비디오배너 */
.theme04 .main_video:before {background-color:#bda3a4;}
/* 슬ë¼ì´ë“œë°” */
.theme04 .swiper-container .swiper-scrollbar .swiper-scrollbar-drag {background:#7b4747;}
/* ìƒí’ˆ í• ì¸ë¥ */
.theme04 .ec-base-product .prdList .thumbnail .sale_box {color:#7b4747;border:1px solid #7b4747;}
/* ìƒí’ˆë”보기 */
.theme04 .more .btnMore:hover {color:#7b4747;background-color:#fff;border:1px solid #7b4747;}
.theme04 .more .btnMore:hover > div {color:#7b4747;}
.theme04 .more .btnMore:hover:after {background-color:#7b4747;}
/* ë©”ì¸ ì— ë””í”½ ìƒí’ˆì§„ì—´ */
.theme04 .main_product_category .main_product_inner .main_product_tab li .button.active {color:#7b4747;}
.theme04 .main_product_category .main_product_inner .main_product_tab li .button:after {background-color:#7b4747;}
/* ë©”ì¸ ì§€ë„ */
.theme04 .main_map {background-color:#bda3a4;}
.theme04 .main_map .main_map_banner .main_map_box .main_long_banner_link a {color:#7b4747;background-color:#fff;}
.theme04 .main_map .main_map_banner .main_map_box .main_long_banner_link a:hover {background-color:#7b4747;color:#fff;}
.theme04 .main_map .main_map_banner .main_map_box .main_long_banner_link a:hover .icon[class*="icoPlus"]:before,
.theme04 .main_map .main_map_banner .main_map_box .main_long_banner_link a:hover .icon[class*="icoPlus"]:after {background:#7b4747;}
/* 하단 */
.theme04 #footer {background:#fff;}
.theme04 #footer .bt_util {background-color:#7b4747;}
.theme04 #footer .bt_util ul li a {color:#bcaaa9;}
.theme04 #footer .inner .bt_right a:hover {color:#7b4747;}
/* 목ë¡íŽ˜ì´ì§€ 중분류 */
.theme04 .ec-base-tab.typeMenu li.selected a.button {color:#7b4747;border:1px solid #7b4747;}
/* ìƒì„¸íŽ˜ì´ì§€ í• ì¸ë¥ */
.theme04 .xans-product-detail .sale_box {color:#7b4747;border:1px solid #7b4747;}
/* ìƒì„¸íŽ˜ì´ì§€ íƒ */
.theme04 .detail_tab li{border-bottom:1px solid #7b4747;}
.theme04 .detail_tab li.tab_open {border:1px solid #7b4747;background-color:#7b4747;border-bottom:1px solid #7b4747;}
.theme04 .detail_tab li.tab_open span {background-color:#fff;color: #7b4747;}
.theme04 .detail_tab li.tab_open:first-child{border-left:#7b4747 !important;}
.theme04 .detail_tab li.tab_open:last-child{border-right:#7b4747 !important;}
/* ìƒì„¸íŽ˜ì´ì§€ ëª¨ë°”ì¼ íƒ */
.theme04 .tabProduct li.selected a{background-color:#7b4747;border-top:1px solid #7b4747;}
.theme04 a[class^='btnSubmit']{background-color:#7b4747 !important;}
/* ìƒí’ˆ ì¶”ì²œì‹ ìƒí’ˆ 뱃지 */
.theme04 .ec-base-product .prdList .thumbnail .badge {color:#7b4747;}
/* ìƒë‹¨ 하단 ë ˆì´ì•„웃 */
@media all and (min-width:1024px) {
/* ë ˆì´ì•„웃 1번 */
#header.layout01 .inner .top_nav_box {position:relative;}
#header.layout01 .inner .top_nav_box .top_logo {order:2;display:flex;justify-content:center;margin:0 auto;}
#header.layout01 .inner .top_nav_box .top_category {order:1;margin:0;}
#header.layout01 .inner .top_nav_box .top_category > ul:first-child > li {padding-left:0;}
#header.layout01 .inner .top_nav_box .top_mypage {order:3;position:static;padding-left:40px;}
#footer.layout01 {display:flex;flex-direction:column;}
#footer.layout01 .util {order:1;}
#footer.layout01 .inner {order:2;}
#footer.layout01 .inner .bt_top .bt_top_left {order:2;text-align:right;}
#footer.layout01 .inner .bt_top .bt_top_left .bt_logo {margin-left:auto;}
#footer.layout01 .inner .bt_top .bt_top_left .bt_info .bt_info_list {justify-content:flex-end;margin:0 0 0 auto;}
#footer.layout01 .inner .bt_top .bt_top_left .bt_info .bt_info_list > div {margin:0 0 0 10px;}
#footer.layout01 .inner .bt_top .bt_top_right {order:1;text-align:left;margin:0 50px 0 0;}
#footer.layout01 .inner .bt_bottom .bt_bottom_left {order:2;text-align:right;margin:0 0 0 50px;}
#footer.layout01 .inner .bt_bottom .bt_bottom_left .bt_copyright {text-align:right;}
#footer.layout01 .inner .bt_bottom .bt_escrow {order:1;text-align:left;}
/* ë ˆì´ì•„웃 2번 */
#header.layout02 .inner .top_nav_box {position:relative;flex-wrap:wrap;}
#header.layout02 .inner .top_nav_box .top_logo {order:1;flex-basis:100%;height:60px;display:flex;justify-content:center;}
#header.layout02 .inner .top_nav_box div[data-ez-module='menu-main/1'] {order:2;width:100%;margin:0 0 0 190px;}
#header.layout02 .inner .top_nav_box .top_category {margin:0;}
#header.layout02 .inner .top_nav_box .top_category > ul {justify-content:flex-end;margin-left:auto;}
#header.layout02 .inner .top_nav_box .top_category > ul > li {padding:0 0 0 50px;}
#header.layout02 .inner .top_nav_box .top_category li.on .sub_cate01,
#header.layout02 .inner .top_nav_box .top_category .sub-category {left:25px;}
#header.layout02 .inner .top_nav_box .top_mypage {top:60px;left:0;right:auto;margin:0;padding:0 40px 0 0;}
#footer.layout02 .bt_util ul {text-align:right;}
#footer.layout02 .inner .bt_top_right {text-align:right;}
/* ë ˆì´ì•„웃 3번 */
#header.layout03 .inner .toparea {flex-direction:row;}
#header.layout03 .inner .top_nav_box {flex-direction:column;align-items:center;}
#header.layout03 .inner .top_nav_box .top_logo {order:2;flex-basis:auto;display:flex;justify-content:center;}
#header.layout03 .inner .top_nav_box div[data-ez-module='menu-main/1'] {order:3;flex-basis:auto;}
#header.layout03 .inner .top_nav_box .top_category {margin:0;}
#header.layout03 .inner .top_nav_box .top_category > ul > li > a {line-height:71px;}
#header.layout03 .inner .top_nav_box .top_category .sub-category {top:77px;left:-11px}
#header.layout03 .inner .top_nav_box .top_mypage {top:60px;height:80px;}
#header.layout03 .inner .top_nav_box .top_mypage .xans-layout-multishoplist ul {top:54px}
#footer.layout03 .inner {align-items:center;}
#footer.layout03 .inner .bt_top {flex-direction:column;align-items:center;}
#footer.layout03 .inner .bt_top .bt_top_left {text-align:center;}
#footer.layout03 .inner .bt_top .bt_top_left .bt_logo {margin:0 auto 45px;}
#footer.layout03 .inner .bt_top .bt_top_left .bt_info .bt_info_list {justify-content:center;margin:0 auto;}
#footer.layout03 .inner .bt_top .bt_top_left .bt_info .bt_info_list > div {margin:0 5px;}
#footer.layout03 .inner .bt_top .bt_top_right {display:flex;flex-direction:column;align-items:center;margin:0 0 20px 0;text-align:center;}
#footer.layout03 .inner .bt_top .bt_top_right li {margin-right:20px;margin-bottom:0;}
#footer.layout03 .inner .bt_top .bt_top_right li:last-child {margin-right:0;}
#footer.layout03 .inner .bt_top .bt_top_right > .bt_sns {margin:20px 0 0 0;}
#footer.layout03 .inner .bt_top .bt_top_right > .bt_sns a {display:inline-block;margin:0 7px;}
#footer.layout03 .inner .bt_cs {margin:20px 0 0 0;}
#footer.layout03 .inner .bt_bank {margin:30px 0 0 0;}
#footer.layout03 .inner .bt_bottom {flex-direction:column;align-items:center;margin:0;}
#footer.layout03 .inner .bt_bottom .bt_bottom_left {margin:0;}
#footer.layout03 .inner .bt_bottom .bt_bottom_left .bt_info {text-align:center;}
#footer.layout03 .inner .bt_bottom .bt_bottom_left .bt_copyright {text-align:center;margin-bottom:30px;}
#footer.layout03 .bt_util ul {text-align:center;}
/* ë ˆì´ì•„웃 4번 */
#header.layout04 .inner .top_nav_box {position:relative;flex-direction:column;}
#header.layout04 .inner .top_nav_box .top_logo {order:1;display:flex;justify-content:flex-start;height:60px;}
#header.layout04 .inner .top_nav_box div[data-ez-module='menu-main/1'] {order:2;margin:0 190px 0 0;}
#header.layout04 .inner .top_nav_box .top_category {order:2;margin:0;}
#header.layout04 .inner .top_nav_box .top_category > ul:first-child > li {padding-left:0px;}
#header.layout04.fixed .inner .top_nav_box .top_logo {margin-top:10px;}
#footer.layout04 {display:flex;flex-direction: column;}
#footer.layout04 .inner .bt_top .bt_top_left {order:2;text-align:right;}
#footer.layout04 .inner .bt_top .bt_top_left .bt_logo {margin-left:auto;}
#footer.layout04 .inner .bt_top .bt_top_left .bt_info .bt_info_list {justify-content:flex-end;margin:0 0 0 auto;}
#footer.layout04 .inner .bt_top .bt_top_left .bt_info .bt_info_list > div {margin:0 0 0 10px;}
#footer.layout04 .inner .bt_top .bt_top_right {order:1;text-align:left;margin:0;}
#footer.layout04 .inner .bt_bottom .bt_bottom_left {order:2;text-align:right;margin:0 0 0 50px;}
#footer.layout04 .inner .bt_bottom .bt_bottom_left .bt_copyright {text-align:right;}
#footer.layout04 .inner .bt_bottom .bt_escrow {order:1;text-align:left;}
/* 풀사ì´ì¦ˆ */
#contents > .section {max-width:1420px;width:92%;margin-left:auto;margin-right:auto;}
.section_full {width:100% !important;max-width:100% !important;}
}
body { position:relative; left:0; transition:left 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
body.expand { overflow-x:hidden; }
body.expand #aside { visibility:visible; overflow-x:hidden; }
body.expand #layoutDimmed { display:block; }
body.expand #aside { left:0; }
#aside { z-index:1001; visibility:hidden; position:fixed; top:0px; bottom:0; overflow:auto; overflow-x:hidden; min-width:225px; width:458px; background-color:#fff; transition:500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);}
#aside .btnClose { position:absolute; font-size:1px; line-height:1px; color:transparent; text-indent:150%; white-space:nowrap; }
.navigation-menu__member { border-bottom:1px solid #000; }
.navigation-menu__member a { display:inline-block; font-weight:bold; text-transform: uppercase; text-decoration:none; }
.navigation-menu__category .categoryList ul { display:none; }
.navigation-menu__category .categoryList li { position:relative; }
.navigation-menu__category .categoryList li.selected > ul { display:block; }
.navigation-menu__category .categoryList > li.selected .slideSubMenu { padding:0 0 0 10px; }
.navigation-menu__category .categoryList > li.selected .slideSubMenu a.view { color: #595959; }
.navigation-menu__category .categoryList > li.selected .slideSubMenu ul { padding:0 0 0 20px; }
.navigation-menu__category .categoryList > li.selected .slideSubMenu ul a.view { color: #929292; }
.navigation-menu__category .categoryList a.cate,
.navigation-menu__project .icoCategory { position:absolute; right:0; top:0; word-wrap:break-word;overflow:hidden; width:48px; height:48px; font-size:1px; line-height:1px; color:transparent; text-indent:150%; white-space:nowrap; }
.navigation-menu__category .categoryList a.cate:before,
.navigation-menu__project .icoCategory:before { content:""; display:block; width:10px; height:10px; margin:18px auto 0; border-left:1px solid #929292; border-bottom:1px solid #929292; -webkit-transition:.3s ease-out; transition:.3s ease-out;-webkit-transform:rotate(-45deg); transform:rotate(-45deg); }
.navigation-menu__category .categoryList li.selected > a.cate:before,
.navigation-menu__project .selected .icoCategory:before { margin-top:22px; -webkit-transform:rotate(135deg); transform:rotate(135deg); }
.navigation-menu__category .categoryList li.noChild > a.cate { display:none; }
.navigation-menu__category .icoBookmark { display:none; }
.navigation-menu__project { border-top:1px solid #ebebeb; }
.navigation-menu__project .title { position:relative; display:block; padding:15px 0; font-size:18px; }
.navigation-menu__board { border-top:1px solid #ebebeb; }
/********************* Mobile *********************/
@media all and (max-width:767px) {
body.expand { left:292px; position:fixed; }
#aside { left:-292px; width:292px; }
#aside .btnClose { top:25px; right:17px; width:18px; height:18px; }
#aside .btnClose .icon { width:23px; height:23px; margin: -2px 0 0 -2px; }
#aside .btnClose .icon:before { right:11px; height:23px; }
#aside .btnClose .icon:after {top:11px; width:23px; }
.navigation-menu__member { padding:79px 0 30px 16px; }
.navigation-menu__member a { margin:0 16px 0 0; font-size:14px; }
.navigation-menu__board,
.navigation-menu__category,
.navigation-menu__project { padding:13px 0 30px 16px; }
.navigation-menu__board .menu a { display:block; padding:15px 0; font-size:16px; text-decoration:none; }
.navigation-menu__category .view,
.navigation-menu__project .view { display:block; padding:15px 0; font-size:16px; text-decoration:none; }
.navigation-menu .menu { margin:2px 0; }
}
/********************* Mobile / Tablet *********************/
@media all and (max-width:1024px) {
.navigation-menu__member .count { display:inline-block; min-width:24px; padding:3px 4px 3px; font-size:13px; text-align:center; border:1px solid #000; border-radius:20px; box-sizing:border-box; }
}
/********************* Tablet *********************/
@media all and (min-width:768px) and (max-width:1024px) {
#aside { left:-458px; width:458px; }
}
/********************* Tablet / PC *********************/
@media all and (min-width:768px) {
#aside .btnClose { top:40px; right:50px; width:25px; height:25px; }
#aside .btnClose .icon { width:30px; height:30px; margin: -2px 0 0 -2px;}
#aside .btnClose .icon:before { right:15px; height:30px; }
#aside .btnClose .icon:after {top:15px; width:30px; }
.navigation-menu__member { padding:95px 0 39px 50px; }
.navigation-menu__member a { margin:0 18px 0 0; font-size:18px; }
.navigation-menu .menu { margin:2px 0; }
.navigation-menu__category,
.navigation-menu__project { padding:23px 38px 25px 50px; }
.navigation-menu__category .view,
.navigation-menu__project .view { display:block; padding:15px 0; font-size:18px; text-decoration:none; }
.navigation-menu__board { padding:23px 50px 25px; }
.navigation-menu__board .menu a { display:block; padding:15px 0; font-size:18px; text-decoration:none; }
}
/********************* PC *********************/
@media all and (min-width:1025px) {
body.expand { left:458px; }
#aside { left:-458px; width:458px; }
}
/** ì»¤ë¨¼ì…€ë ‰íŠ¸_style 210907 **/
body.expand {left:0;}
#aside {left:-80%;width:80%;}
#aside .slide_logo {margin-left:20px;padding:45px 0 30px 0;}
#aside .slide_logo a {font-size:25px;}
#aside .slide_logo img {max-width:200px;max-height:30px;}
#aside .slide_top_inner{border-bottom:1px solid #000;background:#fff;}
#aside .nav_inner {padding:30px 20px;}
#aside .btnClose {top:24px;right:26px;}
#aside .slide_line {margin:30px 0 25px;width:100%;height:1px;background-color:#c4c4c4;}
#aside .side_title {color:#1a1a1a; font-size:24px; font-weight:700; line-height:35px; position:relative;padding:5px 0;}
#aside .side_title span {display:inline-block;position:absolute; top:0; right:0px; width:22px; height:45px; padding:0; background:url("//freakynine.co.kr/SkinImg/img/cate_open.png") no-repeat 50%; background-size:15px 15px;}
#aside .side_title span.open {background:url("//freakynine.co.kr/SkinImg/img/cate_close.png") no-repeat 50%; background-size:15px 15px;}
#aside .navigation_state {margin:0 0 20px 20px;display:flex;flex-wrap:wrap;}
#aside .navigation_state a {margin:0 10px 10px 0;font-size:13px;line-height:1;color:#000;display:flex;align-items:center;white-space:nowrap;}
#aside .nav_inner .about,
#aside .nav_inner .event,
#aside .navigation-menu__category .front_view {display:block;font-size:24px !important;padding:5px 0; font-weight: 700;}
#aside .navigation-menu__board,
#aside .navigation-menu__category,
#aside .navigation-menu__project {padding:0;border:0;}
#aside .navigation-menu__board ul li {margin:2px 0;}
#aside .navigation-menu__board ul li a,
#aside .navigation-menu__category .view,
#aside .navigation-menu__project .view {display:block;font-size:24px;padding:10px 0;font-weight:700;}
#aside .navigation-menu__category .categoryList a.cate {position:absolute;right:0;top:0;word-wrap:break-word;overflow:hidden;width:22px;height:45px;font-size:0;line-height:1px;color:transparent;text-indent:150%;white-space:nowrap;}
#aside .navigation-menu__category .categoryList a.cate:before,
#aside .navigation-menu__project .icoCategory:before {display:none;}
#aside .navigation-menu__category .categoryList a.cate {display:inline-block;background:url("//freakynine.co.kr/SkinImg/img/cate_open.png") no-repeat 50%; background-size:15px 15px;}
#aside .navigation-menu__category .categoryList li.selected > a.cate {background:url("//freakynine.co.kr/SkinImg/img/cate_close.png") no-repeat 50%; background-size:15px 15px;}
#aside .navigation-menu__category .categoryList li.noChild > a.cate {display: none;}
#aside .navigation-menu__category .categoryList .slideSubMenu a.cate {height:36px;}
#aside .navigation-menu__category .categoryList > li.selected .m_slideSubMenu {padding:0 0 0 10px;}
#aside .navigation-menu__category .categoryList > li.selected .m_slideSubMenu ul {padding: 0 0 0 20px;}
#aside .navigation-menu__category #slide_add_category a.cate {position:absolute; right:0; top:0; word-wrap:break-word;overflow:hidden; width:22px; height:57px; font-size:0; line-height:0; color:transparent; text-indent:150%; white-space:nowrap;display:flex;justify-content:center;align-items:center;background:url("//freakynine.co.kr/SkinImg/img/cate_open.png") no-repeat 50%; background-size:15px 15px;}
#aside .navigation-menu__category #slide_add_category li.selected > a.cate {background:url("//freakynine.co.kr/SkinImg/img/cate_close.png") no-repeat 50%; background-size:15px 15px;}
#aside .navigation-menu__category #slide_add_category li.noChild > a.cate {display:none;}
#aside .navigation-menu__category #slide_add_category ul { display:none; }
#aside .navigation-menu__category #slide_add_category li {position:relative;}
#aside .navigation-menu__category #slide_add_category li.selected > ul { display:block; }
#aside .navigation-menu__category #slide_add_category li.selected .sub_cate01 {padding:0 0 0 10px;}
#aside .navigation-menu__category #slide_add_category li.selected .sub_cate01 a.view {font-size:16px;color:#aaa;padding:8px 0 8px 10px;font-weight:400;}
#aside .navigation-menu__category #slide_add_category li.selected .sub_cate01 ul { padding:0 0 0 20px; }
#aside .navigation-menu__category #slide_add_category li.selected .sub_cate01 ul a.view {font-size:16px;color:#aaa;padding:8px 0 8px 10px;font-weight:400;}
#aside .navigation-menu__category #slide_add_category li.selected .sub_cate01 a.cate {height:42px;}
#aside .navigation-menu__project .title {padding:5px 0;font-size:24px;line-height:35px;font-weight:700;color:#1a1a1a;}
#aside .navigation-menu__project .title .icoCategory {position:absolute;right:0;top:0;word-wrap:break-word;overflow:hidden;width:22px;height:45px;font-size:0;line-height:1px;color:transparent;text-indent:150%;white-space:nowrap;display:inline-block;background:url("//freakynine.co.kr/SkinImg/img/cate_open.png") no-repeat 50%; background-size:15px 15px;}
#aside .navigation-menu__project .title.selected .icoCategory {background:url("//freakynine.co.kr/SkinImg/img/cate_close.png") no-repeat 50%; background-size:15px 15px;}
#aside .navigation-menu__project ul li {margin:2px 0;}
#aside .navigation-menu__project .view {background-color:#fff;font-size:16px;color:#aaa;padding:8px 0 8px 10px;}
#aside .navigation-menu__project .categoryList {display:none;}
#aside .xans-element-.xans-layout.xans-layout-boardinfo {display:none;padding-left:10px;}
#aside .xans-element-.xans-layout.xans-layout-boardinfo .xans-record- {padding:5px 0;}
#aside .xans-element-.xans-layout.xans-layout-boardinfo .xans-record- a {color:#aaa;font-size:16px;}
#aside .navigation-menu__category .categoryList > li.selected .m_slideSubMenu a.view,
#aside .navigation-menu__category .categoryList > li.selected .slideSubMenu a.view {color: #aaa !important;font-size:16px !important;}
#aside .xans-layout-multishoplist {position:relative;z-index:10;width:100%;font-size:24px;font-weight:700;padding:5px 0;}
#aside .xans-layout-multishoplist .toggle {display:flex;align-items:center;height:45px;padding:0;color:#1a1a1a;line-height:1;font-size:24px;font-weight:700;}
#aside .xans-layout-multishoplist .toggle .icoCrows:before {content: '';position: absolute;left: 114%;top: 42%;width: 1px;height: 9px;margin: -4px 0 0 0;background: #444;}
#aside .xans-layout-multishoplist .toggle .icoCrows:after {content: '';position: absolute;left: 114%;top: 42%;width: 9px;height: 1px;margin: 0 0 0 -4px; background: #444;}
#aside .xans-layout-multishoplist > ul {visibility:hidden;width:50%;height:0;padding:0 10px;background:#fff;margin-top:-5px;}
#aside .xans-layout-multishoplist > ul li {position:relative; margin:9px 0;}
#aside .xans-layout-multishoplist > ul li a {display:block; overflow:hidden; font-size:16px;font-weight:400; white-space:nowrap; text-decoration:none; text-overflow:ellipsis;color:#aaa;padding:3px 0 3px 10px;}
#aside .xans-layout-multishoplist.show > ul {visibility:visible;height:auto;}
#aside .xans-layout-multishoplist .lang_title span {display:inline-block;position:absolute; top:0; right:0px; width:22px; height:55px; padding:0px; background:url("//freakynine.co.kr/SkinImg/img/cate_open.png") no-repeat 50%; background-size:15px 15px;}
#aside .xans-layout-multishoplist.show .lang_title span {background:url("//freakynine.co.kr/SkinImg/img/cate_close.png") no-repeat 50%; background-size:15px 15px;}
@media all and (max-width:1024px) {
body.expand {position:relative;height:100%; min-height:100%; overflow:hidden !important; touch-action:none;}
}
.xans-coupon-productdetailajax { clear:both; overflow:hidden; }
.xans-coupon-productdetailajax > .title { position:relative; }
.xans-coupon-productdetailajax > .title h2 { font-size:18px; color:#000; font-weight:normal; line-height:39px; }
.xans-coupon-productdetailajax > .title .button { position:absolute; top:7px; right:0; padding:0 0 0 7px; background:#fff; }
.xans-coupon-productdetailajax .couponSkinArea { padding:25px 0 0; }
.xans-coupon-productdetailajax .couponSkinArea ul { margin:0 auto; padding:0; text-align:center; }
.xans-coupon-productdetailajax .couponSkinArea ul:after { content:""; display:block; clear:both; }
.xans-coupon-productdetailajax .couponSkinArea ul li { padding:0; list-style:none; }
.xans-coupon-productdetailajax .couponSkinArea .coupon { width:216px; height:105px; margin-bottom:20px; font-size:12px; line-height:1.5; text-align:center; background-repeat:no-repeat; }
.xans-coupon-productdetailajax .couponSkinArea .coupon img { border:0; }
.xans-coupon-productdetailajax .couponSkinArea .coupon p { margin:0; padding:0; }
.xans-coupon-productdetailajax .couponSkinArea .coupon .title { display:block; padding:8px 0 0; font-size:10px; line-height:15px; text-align:center; font-weight:normal; }
.xans-coupon-productdetailajax .couponSkinArea .coupon .discount { font-size:18px; line-height:28px; font-weight:bold; text-align:center; text-decoration:none; letter-spacing:-1px; }
.xans-coupon-productdetailajax .couponSkinArea .coupon .discount span { font-size:22px; }
.xans-coupon-productdetailajax .couponSkinArea .coupon .period { font-size:11px; line-height:13px; font-weight:bold; text-align:center; letter-spacing:-1px; }
.xans-coupon-productdetailajax .couponSkinArea .coupon .button { margin:5px 0 0; text-align:center; }
.xans-coupon-productdetailajax .couponSkinArea .imgCoupon .title,
.xans-coupon-productdetailajax .couponSkinArea .imgCoupon .discount,
.xans-coupon-productdetailajax .couponSkinArea .imgCoupon .period,
.xans-coupon-productdetailajax .couponSkinArea .imgCoupon .button { display:none; }
.xans-coupon-productdetailajax .couponSkinArea .imgCoupon .detail { height:100%; }
.xans-coupon-productdetailajax .couponSkinArea .discount { text-decoration:none; }
#dCouponDetail { z-index:1001; overflow:hidden; position:fixed; top:50% !important; left:0 !important; right:0; margin:0 auto; width:398px; border:1px solid #000; background:#fff; transform:translateY(calc(-50% + 0.5px)); }
#dCouponDetail h3 { height:60px; margin:0 20px; padding:20px 0; font-size:16px; box-sizing:border-box; border-bottom:1px solid #e5e5e5; }
#dCouponDetail h3 + a { position:absolute; right:20px; top:20px; }
#dCouponDetail ul { padding:16px 10px 17px 20px; margin:25px 19px; background:#f5f5f5; }
#dCouponDetail ul li { margin:7px 0 0; color:#2e2e2e; line-height:18px; }
#dCouponDetail ul li:first-child { margin-top:0; }
#dCouponDetail ul + a { display:block; padding:12px 0; text-align:center; border-top:1px solid #d7d5d5; background:#fbfafa; }
/********************* Mobile / Tablet *********************/
@media all and (max-width:1024px) {
.xans-coupon-productdetailajax { margin:100px 16px 50px; }
.xans-coupon-productdetailajax .couponSkinArea ul li { margin:25px 0 0; }
.xans-coupon-productdetailajax .couponSkinArea .coupon { margin:0 auto; }
#dCouponDetail { width:88%; }
}
/********************* PC *********************/
@media all and (min-width:1025px) {
.xans-coupon-productdetailajax { margin:100px 0 0; }
.xans-coupon-productdetailajax .couponSkinArea ul li { display:inline; float:left; width:216px; }
.xans-coupon-productdetailajax .couponSkinArea ul.grid1 { width:216px; }
.xans-coupon-productdetailajax .couponSkinArea ul.grid2 { width:472px; }
.xans-coupon-productdetailajax .couponSkinArea ul.grid2 li { margin:0 10px; }
.xans-coupon-productdetailajax .couponSkinArea ul.grid3 { width:708px; }
.xans-coupon-productdetailajax .couponSkinArea ul.grid3 li { margin:0 10px; }
}