/* detail */
.xans-product-detail { background:#fff; margin-top:-70px; }
/* imgArea */
.imgArea { padding:100px 40% 0 10%; box-sizing:border-box; }
.imgArea .topThumb { width:100%; display:block; vertical-align: middle; margin:0 auto; padding:0; box-sizing:border-box; text-align:center; }
.imgArea .topThumb img { width:100%; max-width:none; height:auto; }
.listImg { padding:0; }
.listImg li { margin:0; padding:50px 40% 0 10%; }
.listImg li:first-child { display:none; }
.listImg li img { width:100%; pointer-events: none; }
/* detailArea */
.detailArea { position:fixed; top:70px; right:0; width:30%; background:#; z-index:1; overflow-y:auto; padding:30px 5%; box-sizing:border-box; }
.product_detail_cont { padding:50px 0 0; box-sizing:border-box; }
.product_detail_cont img { display:none; }
.product_detail_cont,
.product_detail_cont p,
.product_detail_cont li,
.product_detail_cont span,
.product_detail_cont strong,
.product_detail_cont b { font-size:14px !important; color:#000; line-height:28px; font-weight:400 !important; }
.product_detail_cont strong,
.product_detail_cont b { font-weight:500; }
/* xans-product-action */
.xans-product-detail .infoArea .xans-product-action { position:fixed; bottom:0; right:0; width:30%; background:#fff; padding:20px 5% 100px; box-sizing:border-box; }
.xans-product-detail .infoArea .xans-product-action .ec-base-button { padding:0; }
.xans-product-detail .infoArea .xans-product-action [class^='btn'],
.xans-product-detail .infoArea .xans-product-action a[class^='btn'] { display:block; margin-top:5px; }
/* infoArea */
.xans-product-detail .infoArea { padding:0; }
.xans-product-detail .infoArea span.delivery { font-size:11px; margin:0 0 5px; }
.xans-product-detail .infoArea span.icon { padding-left:2px; }
.xans-product-detail .infoArea span.icon img { margin:0 5px 10px 0; }
.xans-product-detail .infoArea p.delivery { padding:10px 0 20px; }
.xans-product-detail .infoArea .guideArea { overflow:hidden; margin:5px 0 0; padding:8px 11px 0; border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; }
.xans-product-detail .infoArea .guideArea .info { float:left; color:#757575; }
.xans-product-detail .infoArea .guideArea .sizeGuide { float:right; background:url("//img.echosting.cafe24.com/skin/base_ko_KR/product/ico_sizeGuide.gif") no-repeat 0 3px; }
.xans-product-detail .infoArea .sizeGuide a { display:inline-block; padding:2px 15px 2px 24px; color:#353535; vertical-align:top; background:url("//img.echosting.cafe24.com/skin/base_ko_KR/product/ico_sizeGuide_go.gif") no-repeat 100% 6px; }
.xans-product-detail .infoArea .sizeGuide a:hover { text-decoration:none; }
.xans-product-detail .infoArea table { border:0; font-size:12px; color:#353535; margin:0; }
.xans-product-detail .infoArea th { display:none; }
.xans-product-detail .infoArea td { padding:0 0 15px; vertical-align:middle; }
.xans-product-detail .infoArea td span { font-size:14px !important; font-weight:400 !important; line-height:20px !important; }
/* ìƒí’ˆëª… */
.xans-product-detaildesign { margin-bottom:20px; }
.xans-product-detaildesign table { max-width:500px; }
.xans-product-detaildesign tr:first-child td { padding-bottom:20px; }
.xans-product-detaildesign tr:first-child td span { font-size:18px !important; line-height:40px !important; font-weight:500 !important; color:#000 !important; }
.xans-product-detail .infoArea img { vertical-align:middle; }
.xans-product-detail .infoArea td input[type=text] { width:80%; }
.xans-product-detail .infoArea select { width:100%; height:32px; font-size:12px; color:#353535; }
.xans-product-detail .infoArea td #delivery_cost_prepaid { margin:0 0 5px; }
.xans-product-detail .infoArea td .sale { text-decoration:line-through; }
.xans-product-detail .infoArea td .period { display:block; margin:7px 0 0; font-size:11px; color:#353535; }
.xans-product-detail .infoArea td .mileage li { line-height:1.7em; }
.xans-product-detail .infoArea td .delivery label { margin:0 30px 0 0; }
.xans-product-detail .infoArea td img.qrcode { border:1px solid #e1e1e1; }
.xans-product-detail .infoArea td #span_product_price_text { font-weight:normal; }
.xans-product-detail .infoArea td #span_product_coupon_dc_price { color:#070705; }
.xans-product-detail .infoArea td.fileInfo { color:#757575; }
.xans-product-detail .infoArea td.fileInfo input { width:288px; border:1px solid #c5c5c5; border-right:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; }
.xans-product-detail .infoArea td.fileInfo .infoDesc { margin:0 0 10px 0; }
.xans-product-detail .infoArea td.fileInfo li { margin:4px 0 0; color:#757575; font-size:11px; }
.xans-product-detail .infoArea td.fileInfo li img { vertical-align:bottom; }
.xans-product-detail .delv_price_B strong { font-weight:normal; }
.xans-product-detail .btnTooltip { display:inline-block; position:relative; z-index:10; vertical-align:middle; }
.xans-product-detail .infoArea .xans-product-option tr th { vertical-align:top; }
.xans-product-detail .infoArea .xans-product-option tr td { vertical-align:middle; padding:10px 0; }
.xans-product-detail .infoArea .xans-product-option tr:first-child th,
.xans-product-detail .infoArea .xans-product-option .xans-product-fileoption th { border-top:0px solid #000; }
.xans-product-detail .infoArea .xans-product-option tr:first-child td,
.xans-product-detail .infoArea .xans-product-option .xans-product-fileoption td { border-top:0px solid #000; }
.xans-product-detail .infoArea .xans-product-option td.selectButton { text-align:right; }
.xans-product-detail .infoArea .xans-product-addoption .txtByte { font-size:11px; vertical-align:middle; letter-spacing:-1px; }
.xans-product-detail .infoArea .xans-product-addoption .txtByte strong { color:#008bcc; }
/* ìƒí’ˆ 옵션 */
.xans-product-detail .infoArea .xans-product-option .value { display:none; color:#767479; word-break:break-all; }
.xans-product-detail .infoArea .xans-product-option .value .ec-product-value { color:#363437; }
.xans-product-detail .infoArea .xans-product-option .ec-product-button li { position:relative; overflow:hidden; display:inline-block; margin:0 5px 3px 0; vertical-align:top; border:1px solid #d7d7d7; background:#fff; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; *display:inline; *zoom:1; }
.xans-product-detail .infoArea .xans-product-option .ec-product-button li:last-child { margin-right:0; }
.xans-product-detail .infoArea .xans-product-option .ec-product-button li a { display:block; min-width:28px; text-align:center; text-decoration:none; word-break:break-all; }
.xans-product-detail .infoArea .xans-product-option .ec-product-button li a span { display:inline-block; padding:6px 7px; color:#353535; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.xans-product-detail .infoArea .xans-product-option .ec-product-button.ec-product-preview li { padding:0; -moz-border-radius: 999px;-webkit-border-radius: 999px;-o-border-radius: 999px;-ms-border-radius: 999px;border-radius: 999px; }
.xans-product-detail .infoArea .xans-product-option .ec-product-button.ec-product-preview li a { min-width:16px; width:16px; height:16px; -moz-border-radius: 999px;-webkit-border-radius: 999px;-o-border-radius: 999px;-ms-border-radius: 999px;border-radius: 999px; }
.xans-product-detail .infoArea .xans-product-option .ec-product-button.ec-product-preview li a img { max-width:100%; max-height:100%; }
.xans-product-detail .infoArea .xans-product-option .ec-product-button.ec-product-preview li a span { overflow:hidden; line-height:0; font-size:0; padding:0; text-indent:120%; white-space:nowrap; }
.xans-product-detail .infoArea .xans-product-option .ec-product-button.ec-product-preview .ec-product-soldout span,
.xans-product-detail .infoArea .xans-product-option .ec-product-button.ec-product-preview .ec-product-disabled span { position:absolute; left:0; top:0; z-index:1; }
.xans-product-detail .infoArea .xans-product-option .ec-product-button.ec-product-preview .ec-product-soldout span { background:url("//img.echosting.cafe24.com/skin/base/product/soldout_bg.png") repeat; }
.xans-product-detail .infoArea .xans-product-option .ec-product-button .ec-product-soldout { border-style:dashed; }
.xans-product-detail .infoArea .xans-product-option .ec-product-button .ec-product-soldout a span { display:inline-block; width:100%; height:100%; cursor:not-allowed; color:#d7d7d7; }
.xans-product-detail .infoArea .xans-product-option .ec-product-button .ec-product-soldout.ec-product-selected { border-style:dashed; }
.xans-product-detail .infoArea .xans-product-option .ec-product-button .ec-product-disabled a { cursor:default; }
.xans-product-detail .infoArea .xans-product-option .ec-product-button .ec-product-disabled a span { display:inline-block; width:100%; height:100%; color:#000; background:#555; filter:alpha(opacity=30); opacity:0.3; }
.xans-product-detail .infoArea .xans-product-option .ec-product-button .ec-product-selected { border:1px solid #000; }
.xans-product-detail .infoArea .xans-product-option .ec-product-button .ec-product-selected a { }
.xans-product-detail .infoArea .xans-product-option .ec-product-radio > li { display:inline-block; margin:0 0 3px; }
.xans-product-detail .infoArea .xans-product-option .ec-product-radio label { margin:0 15px 0 0; }
.xans-product-detail .infoArea .xans-product-option .ec-product-radio label input { margin:0 2px 0 0; }
.xans-product-detail .infoArea .xans-product-option .ec-product-radio .ec-product-disabled,
.xans-product-detail .infoArea .xans-product-option .ec-product-radio .ec-product-soldout { color:#d7d7d7; }
/* eventArea */
.xans-product-detail .eventArea { color:#353535; }
.xans-product-detail .eventArea h3 { padding:0 0 0 9px; border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; font-size:12px; color:#008bcc; line-height:39px; }
.xans-product-detail .eventArea .event { padding:27px 10px 46px 9px; color:#353535; line-height:18px; }
/* xans-myshop-benefit */
.xans-myshop-asyncbenefit { margin:30px 0; }
.xans-myshop-asyncbenefit .member { margin:2px 0 19px; }
.xans-myshop-asyncbenefit .member em { font-style:normal; }
/* ìƒí’ˆ 미리보기 ì´ë¯¸ì§€ */
#image_zoom_small { display:none; position:absolute; z-index:999; background:#fff; outline:2px solid #aaa; filter:alpha(opacity=50); opacity:0.5; }
#zoom_wrap { display:none; position:absolute; top:0; left:103%; z-index:100; display:block;}
.image_zoom_large { display:none; position:absolute; z-index:99; width:500px; height:500px; overflow:hidden; background:#fff; outline:1px solid #ececec; }
.image_zoom_large .image_zoom_large_relative { display:none; position:relative; display:block; }
.image_zoom_large .image_zoom_large_relative img#zoom_image { display:none; position:absolute; z-index:99; max-width:none; }
#NaverChk_Button { margin:0; }
#appPaymentButtonBox { 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:10px 0 0; }
.xans-product-detail .productSet > .title { position:relative; height:30px; line-height:30px; box-sizing:border-box; border-top:0px solid #e9e9e9; }
.xans-product-detail .productSet > .title h3 { margin:0; font-size:12px; color:#353535; font-weight:400; }
.xans-product-detail .productSet .product:after { content:""; display:block; clear:both; }
.xans-product-detail .productSet .product > li { float:left; position:relative; width:49%; padding-right:2%;}
.xans-product-detail .productSet .product > li:nth-child(2n) { padding-right:0; }
.xans-product-detail .productSet .thumbnail { width:100%; }
.xans-product-detail .productSet .thumbnail img { max-width:100%; }
.xans-product-detail .productSet .information { position:relative; padding:0; }
.xans-product-detail .productSet .information > p { margin:0 0 3px; font-weight:300 !important; font-size:11px; line-height:14px; }
.xans-product-detail .productSet .information > p strong { font-weight:300 !important; }
.xans-product-detail .productSet .information .name { margin-top:10px; }
.xans-product-detail .productSet .information .price .del { font-weight:normal; }
.xans-product-detail .productSet .information .salePrice { font-weight:400 !important; }
.xans-product-detail .productSet .information .btnInfo { position:absolute; top:19px; right:19px; z-index:1; display:block; width:57px; height:20px; vertical-align:middle; background:url("//img.echosting.cafe24.com/skin/base_ko_KR/product/btn_info.gif") no-repeat 0 0; }
.xans-product-detail .productSet .information .btnInfo.selected { background:url("//img.echosting.cafe24.com/skin/base_ko_KR/product/btn_info_on.gif") no-repeat 0 0; }
.xans-product-detail .productSet .information .btnInfo span { overflow:hidden; font-size:0; width:0; height:0; line-height:0; text-indent:120%; }
.xans-product-detail .productSet .option { padding:10px 0; }
.xans-product-detail .productSet .option > li { margin:0 0 12px; font-size:12px; }
.xans-product-detail .productSet .option .name { display:none; margin:0 0 5px; font-weight:normal; }
.xans-product-detail .productSet .option select { font-size:12px; height:24px; }
.xans-product-detail .productSet .option .ec-product-button.ec-product-preview li a { min-width:12px; width:12px; height:12px; }
.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 { display:none; 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; background:url("//img.echosting.cafe24.com/skin/base/product/ico_sizeGuide.gif") no-repeat 0 1px; }
.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; background:url("//img.echosting.cafe24.com/skin/base/product/ico_sizeGuide_go.gif") no-repeat 100% center; }
.xans-product-detail .productSet.additional .title span { color:#757575; font-weight:normal; }
.xans-product-detail .productSet.additional .title .toggle { position:absolute; top:8px; right:8px; }
.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; }
/* 수량 */
.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; }
/* ì´ ìƒí’ˆ */
colgroup.mobile {display:none;}
#totalProducts { margin:25px 0 0; }
#totalProducts table { margin:0; }
#totalProducts table .left { text-align:left; }
#totalProducts table .center { text-align:center; }
#totalProducts table .right { color:#000; text-align:right; }
#totalProducts table .right span { font-size:12px !important; line-height:24px !important; }
#totalProducts thead th { height:0; padding:0; font-size:0; line-height:0; }
#totalProducts tbody th { vertical-align:middle; }
#totalProducts tbody td { position:relative; padding:9px 0; font-size:12p; border-top:1px solid #ebebeb; color:#000; line-height:18px; vertical-align:middle; word-wrap:break-word; word-break:break-all; }
#totalProducts tbody tr:first-child td { border-top:1px solid #000; }
#totalProducts tbody td p.product { font-size:0; line-height:0; }
#totalProducts tbody td p.product span { color:#000; font-size:12px !important; line-height:24px !important; }
#totalProducts tbody td p.product span.soldOut { color:#000; }
#totalProducts tbody td img { vertical-align:middle; }
#totalProducts tbody td .quantity { display:inline-block; position:relative; vertical-align:top; margin:0; }
#totalProducts tbody td .quantity input { width:48px; height:25px; padding:0 2px 0 3px; line-height:23px; border:0px solid #dcdcdc; border-radius:3px 0 0 3px; }
#totalProducts tbody td .quantity .up { position:absolute; right:0; top:0; }
#totalProducts tbody td .quantity .down { position:absolute; right:0; top:10px !important; }
#totalProducts tbody.option_products tr td .quantity,
#totalProducts tbody.add_products tr td .quantity { margin-right: 0px; }
#totalProducts tbody.option_products tr td .quantity input,
#totalProducts tbody.add_products tr td .quantity input { height:20px; line-height:20px; }
#totalProducts tbody.option_products tr td .quantity .down,
#totalProducts tbody.add_products tr td .quantity .down { bottom:1px; top:auto; }
#totalProducts tbody td .mileage { display:block; white-space:nowrap; }
#totalProducts tbody td .mileage_price { }
#totalProducts .option_product .quantity { margin-top:3px; }
#totalProducts .option_product .delete { position:relative;}
@media not all and (min-resolution:.001dpcm){ @supports (-webkit-appearance:none) { #totalProducts .option_product .delete img { margin-top:3px; } }}
#totalProducts table td:nth-child(2),
#totalProducts table .center { text-align:right; }
/* ì´ ìƒí’ˆ 금액 */
.totalPrice { display:block; margin:0; padding:20px 0; border-top:1px solid #000; font-size:13px; color:#000; vertical-align:middle; background:#; }
.totalPrice .total { float:right; font-size:15px; color:#000; }
.totalPrice .total em { font-style:normal; font-weight:500; font-size:15px; }
/* 배송비 차등부과 ë ˆì´ì–´ */
.differentialShipping { display:none; overflow:hidden; position:absolute; left:50%; top:17px; z-index:100; width:350px; margin:0 0 0 -176px; }
.differentialShipping h3.title { height:35px; padding:0 35px 0 19px; border:0; color:#fff; font-size:14px; line-height:35px; background:#495164; }
.differentialShipping .content { padding:12px 18px 14px 18px; border:1px solid #757575; border-top:0; text-align:center; background:#fff; }
.differentialShipping .close { position:absolute; right:14px; top:12px; }
.differentialShipping .close img { cursor:pointer; }
.differentialShipping .content ul { color:#757575; line-height:25px; }
.differentialShipping .content li { overflow:hidden; }
.differentialShipping .content li strong { float:left; font-weight:normal; }
.differentialShipping .content li span { float:right; color:#2e2e2e; }
.differentialShipping .content .info { margin:7px 0 0; padding:7px 0 0; border-top:1px dotted #b0b1b3; color:#80aeef; text-align:right; }
/* ë°°ì†¡ë¹„ë ˆì´ì–´ */
.xans-product-detail .shippingFee { position:relative; display:inline-block; }
.xans-product-detail .shippingFee .ec-base-tooltip { margin:0 0 0 -180px; width:360px; }
.xans-product-detail .shippingFee .ec-base-tooltip table th { width:40px; }
.xans-product-detail .shippingFee .ec-base-tooltip table th,
.xans-product-detail .shippingFee .ec-base-tooltip table td { padding:7px 10px 8px 10px; }
/* 회ì›ë“±ê¸‰ë³„ í• ì¸ê°€ ì ìš© */
.xans-product-detail .infoArea td > span > ul.discountMember > li { position:relative; float:left; }
.xans-product-detail .infoArea td ul.discountMember li a { display:block; margin:0 4px 4px 0; }
.xans-product-detail .infoArea td ul li .discount_layer h3 { margin:0 0 8px; padding:0 10px; font-size:12px; border-bottom:0; }
.xans-product-detail .infoArea td ul li .discount_layer { display:block; left:-140px; min-width:300px;}
.xans-product-detail .infoArea td ul li .discount_layer .content { overflow-x:hidden; overflow-y:auto; max-height:400px; }
.xans-product-detail .infoArea td ul li .discount_layer thead th { padding:0; width:0; height:0; font-size:0; line-height:0; border-width:0 1px 0 1px; }
.xans-product-detail .infoArea td ul li .discount_layer tbody th { width:auto; }
/* 세트ìƒí’ˆ ì¶”ê°€ì •ë³´ ë ˆì´ì–´ */
.xans-product-detail .productSet .product { position:relative; }
.xans-product-detail .productSet .description { z-index:10; position:absolute; top:38px; right:0; padding:7px 0 0; }
.xans-product-detail .productSet .description .xans-product-detail { position:relative; padding:15px; border:1px solid #565960; background:#fff; }
.xans-product-detail .productSet .description > h3 { margin:0 0 8px; padding:0 10px; font-size:12px; border-bottom:0; background:url("//img.echosting.cafe24.com/skin/base/common/ico_layer_title.gif") no-repeat 0 50%; }
.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 .btnClose { background:transparent; }
.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; width:9px; height:6px; background:url("//img.echosting.cafe24.com/skin/base/common/ico_option_arrow.gif") no-repeat 0 0; }
/* ì •ê¸°ë°°ì†¡ */
.xans-product-detail .infoArea .regularDelivery { margin:20px 0 0; border-top:1px solid #e8e8e8; }
.xans-product-detail .infoArea .regularDelivery th { vertical-align:top; }
.xans-product-detail .infoArea .regularDelivery .gLabel { position:relative; margin:0 35px 0 0; }
.xans-product-detail .infoArea .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 .infoArea .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 .infoArea .regularDelivery .badge .icoDown:before { content:""; display:inline-block; position:absolute; top:3px; left:2px; width:4px; height:4px; background-color:#fff; }
.xans-product-detail .infoArea .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 .infoArea .regularDelivery .info { margin:14px 0 0; }
.xans-product-detail .infoArea .regularDelivery .info ul { margin:6px 0 0; }
.xans-product-detail .infoArea .regularDelivery .info ul > li { margin:4px 0; letter-spacing:-.8px; }
.xans-product-detail .infoArea .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 .infoArea .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 .infoArea .regularDelivery .info .icoDown:before { content:""; display:inline-block; position:absolute; top:0; left:2px; width:1px; height:10px; background-color:#ff5454; }
.xans-product-detail .infoArea .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); }
/*
.prdInfo_wrap { flex-direction: row; }
.prdInfo_wrap .prdInfo_box { width: 100%; -webkit-flex:0 0 100%; -moz-flex:0 0 100%; -ms-flex:0 0 100%; flex:0 0 100%; }
.prdInfo_wrap .prdInfo_box:after { border-right: 0; }
.imgArea.pc { display:none; }
.imgArea.mobile { display:block; }
.imgArea .topThumb { width:100%; padding:30px; box-sizing:border-box; }
.product_detail_cont { margin:80px 5%; padding:20px 0 0;}
.product_detail_cont,
.product_detail_cont p,
.product_detail_cont li,
.product_detail_cont span,
.product_detail_cont strong,
.product_detail_cont b { font-size:16px !important; line-height:28px; }
.listImg li { margin:40px 5%; }
.product_guide { margin:80px 5%; }
.detailArea,
.detailArea.sticky { position:relative; top:auto; right:auto; bottom:auto; min-height: auto; width:100%; }
.xans-product-detail .infoArea { padding:40px 5% 0; }
.xans-product-detaildesign { margin-bottom:20px; }
.xans-product-detaildesign tr:first-child td span { font-size:24px !important; line-height:30px !important; }
.xans-product-detail .productSet .information .name { max-width:100%; word-wrap:break-word; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
#totalProducts { margin:0; }
#totalProducts table td { font-size:11px; }
#totalProducts table .right,
#totalProducts tbody td .quantity { margin-right:0; padding-right:0; }
#totalProducts tbody tr td:first-child { padding-left:5px; }
#totalProducts tbody tr td:last-child { padding-right:5px; }
#totalProducts table td input { border:1px solid #d4d8d9; width:40px; height:23px; padding:0 2px 0 3px; line-height:23px; margin-right:3px; -webkit-appearance: none; }
#totalProducts table td:nth-child(2) span { margin-right:-30px !important; }
#totalProducts tbody td p { line-height:14px; }
#totalProducts tbody td p.product { padding:5px 0; }
.totalPrice { border-top:1px solid #000; padding:20px 9px 0; }
.totalPrice .total em { font-size:18px; }
.xans-product-detail .infoArea .xans-product-action { position:fixed; bottom:0; left:0; right:0; height: 60px; padding:0; border-top:0; z-index:299 !important; background:#fff; border-top:1px solid #000; }
.xans-product-detail .ec-base-button { padding:0; }
.xans-product-detail .infoArea .xans-product-action [class^='btnNormal'],
.xans-product-detail .infoArea .xans-product-action a[class^='btnNormal'],
.xans-product-detail .infoArea .xans-product-action [class^='btnSubmit'],
.xans-product-detail .infoArea .xans-product-action a[class^='btnSubmit'] { border:0; background:#fff; color:#000; font-weight:400; height:60px; line-height:60px; padding:0 !important; margin:0 !important; }
.xans-product-detail .infoArea .xans-product-action [class^='btn'] { border-right: 1px solid #000 !important; }
.xans-product-detail .infoArea .xans-product-action [class^='btn']:last-child { border-right:0 !important; }
#NaverChk_Button { margin-top:30px; }
#NaverChk_Button .npay_type_MA_1 { width:100% !important; }
#NaverChk_Button .npay_type_MA_1 .npay_button_box { border-top:1px solid #000 !important; }
.prdInfo_wrap.prdInfo_add .prdInfo_box:first-child:after { border-right: 0; }
.prdInfo_wrap.prdInfo_add .prdInfo_box,
.prdInfo_wrap.prdInfo_add .prdInfo_box:first-child { width: 100%; -webkit-flex:0 0 100%; -moz-flex:0 0 100%; -ms-flex:0 0 100%; flex:0 0 100%; }
.prdInfo_wrap.prdInfo_add .board_box { border-top:1px solid #dcdcdc; }
.prdInfo_wrap.prdInfo_add .title { text-align:left; font-size:14px; padding:20px 5%; }
.prdInfo_wrap.prdInfo_add .ec-base-button { position:absolute; top:20px; right:5%; padding:0; }
*/
/* ìƒí’ˆ 옵션
.xans-product-detail .infoArea .xans-product-option .value { display:none; color:#767479; word-break:break-all; }
.xans-product-detail .infoArea .xans-product-option .value .ec-product-value { color:#363437; }
.xans-product-detail .infoArea .xans-product-option .ec-product-button li { position:relative; overflow:hidden; display:inline-block; margin:0 5px 3px 0; vertical-align:top; border:1px solid #d7d7d7; background:#fff; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; *display:inline; *zoom:1; }
.xans-product-detail .infoArea .xans-product-option .ec-product-button li:last-child { margin-right:0; }
.xans-product-detail .infoArea .xans-product-option .ec-product-button li a { display:block; min-width:28px; text-align:center; text-decoration:none; word-break:break-all; }
.xans-product-detail .infoArea .xans-product-option .ec-product-button li a span { display:inline-block; padding:6px 7px; color:#353535; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.xans-product-detail .infoArea .xans-product-option .ec-product-button.ec-product-preview li { padding:3px; }
.xans-product-detail .infoArea .xans-product-option .ec-product-button.ec-product-preview li a { min-width:22px; width:22px; height:22px; }
.xans-product-detail .infoArea .xans-product-option .ec-product-button.ec-product-preview li a img { max-width:100%; max-height:100%; }
.xans-product-detail .infoArea .xans-product-option .ec-product-button.ec-product-preview li a span { overflow:hidden; line-height:0; font-size:0; padding:0; text-indent:120%; white-space:nowrap; }
.xans-product-detail .infoArea .xans-product-option .ec-product-button.ec-product-preview .ec-product-soldout span,
.xans-product-detail .infoArea .xans-product-option .ec-product-button.ec-product-preview .ec-product-disabled span { position:absolute; left:0; top:0; z-index:1; }
.xans-product-detail .infoArea .xans-product-option .ec-product-button.ec-product-preview .ec-product-soldout span { background:url("//img.echosting.cafe24.com/skin/base/product/soldout_bg.png") repeat; }
.xans-product-detail .infoArea .xans-product-option .ec-product-button .ec-product-soldout { border-style:dashed; }
.xans-product-detail .infoArea .xans-product-option .ec-product-button .ec-product-soldout a span { display:inline-block; width:100%; height:100%; cursor:not-allowed; color:#d7d7d7; }
.xans-product-detail .infoArea .xans-product-option .ec-product-button .ec-product-soldout.ec-product-selected { border-style:dashed; }
.xans-product-detail .infoArea .xans-product-option .ec-product-button .ec-product-disabled a { cursor:default; }
.xans-product-detail .infoArea .xans-product-option .ec-product-button .ec-product-disabled a span { display:inline-block; width:100%; height:100%; color:#000; background:#555; filter:alpha(opacity=30); opacity:0.3; }
.xans-product-detail .infoArea .xans-product-option .ec-product-button .ec-product-selected { border:2px solid #495164; }
.xans-product-detail .infoArea .xans-product-option .ec-product-button .ec-product-selected a { margin:-1px; }
.xans-product-detail .infoArea .xans-product-option .ec-product-radio > li { display:inline-block; margin:0 0 3px; }
.xans-product-detail .infoArea .xans-product-option .ec-product-radio label { margin:0 15px 0 0; }
.xans-product-detail .infoArea .xans-product-option .ec-product-radio label input { margin:0 2px 0 0; }
.xans-product-detail .infoArea .xans-product-option .ec-product-radio .ec-product-disabled,
.xans-product-detail .infoArea .xans-product-option .ec-product-radio .ec-product-soldout { color:#d7d7d7; }
.xans-product-detail .infoArea .xans-product-option .ec-product-button .ec-product-soldout { border:2px dashed #777; background:#dcdcdc; }
.xans-product-detail .infoArea .xans-product-option .ec-product-button .ec-product-soldout a span { display:inline-block; width:100%; height:100%; cursor:not-allowed; color:#777; }
.xans-product-detail .infoArea .xans-product-option .ec-product-button .ec-product-soldout.ec-product-selected { border:2px dashed #555; background:#f8f8f8; }
.xans-product-detail .infoArea .xans-product-option .ec-product-button .ec-product-disabled a { cursor:default; }
.xans-product-detail .infoArea .xans-product-option .ec-product-button .ec-product-disabled a span { display:inline-block; width:100%; height:100%; color:#000; background:#555; filter:alpha(opacity=30); opacity:0.3; }
.xans-product-detail .infoArea .xans-product-option .ec-product-button .ec-product-selected { border:2px solid #555; }
.xans-product-detail .infoArea .xans-product-option .ec-product-button .ec-product-selected a { color:#555; }
.xans-product-detail .infoArea .xans-product-option .ec-product-radio > li { display:inline-block; margin:0 0 3px; }
.xans-product-detail .infoArea .xans-product-option .ec-product-radio label { margin:0 15px 0 0; }
.xans-product-detail .infoArea .xans-product-option .ec-product-radio label input { margin:0 2px 0 0; }
.xans-product-detail .infoArea .xans-product-option .ec-product-radio .ec-product-disabled,
.xans-product-detail .infoArea .xans-product-option .ec-product-radio .ec-product-soldout { color:#777; }
*/
.prdInfo_add { position:relative; display:block; background:#fff; padding:100px 0 0; z-index:100 !important; }
.prdInfo_add .title { position:relative; display:block; text-align:center; padding:15px 0; color:#444; }
.prdInfo_add .title.left { text-align:left; border-bottom:0; border-top:1px solid #ededed; }
.prdInfo_add .ec-base-button { position:absolute; top:0; right:0; padding:10px 0; }
.prdInfo_add_board { padding:100px 10% 0; align-items:; }
.prdInfo_add_board .row_section { padding-right:3%; }
.prdInfo_add_board .row_section:last-child { padding-right:0; padding-left:3%; }
.prdInfo_add_board .row_section > div { position:relative; }
/* guide */
.product_guide { position:relative; width:100%; padding:0; color:#000; border-bottom:1px solid #ededed; z-index:10; background:#fff; }
.product_guide .accordion { border-top:1px solid #ededed; color:#444; height:28px; font-size:14px; line-height:28px; cursor:pointer; margin:0; padding:10px; text-align:left; margin:0; background:#; }
.product_guide .accordion_desc {
font-size:12px;
color:#777;
padding:15px 10px;
margin:0;
text-align:left;
border-top:1px solid #ededed;
}
/* ìƒí’ˆ ê²Œì‹œíŒ */
.xans-product-additional div.board { padding:0; font-size:14px; font-weight:300; color:#353535; line-height:18px; min-height:218px; border-top:0px solid #ededed; }
.xans-product-additional div.board h3 { padding:0 10px 0 9px; font-size:12px; }
.xans-product-additional div.board p.desc { padding:0 10px 0 9px; }
.xans-product-additional div.board p.nodata { width:100%; padding:80px 0 100px; border:0; color:#000; font-size:12px; font-weight:300; text-align:center; }
.xans-product-additional div.board tr:first-child td { border-top:0; }
.xans-product-additional div.board td .view { padding:20px; text-align:left; }
.xans-product-additional div.board td .view,
.xans-product-additional div.board td .view p,
.xans-product-additional div.board td .view span,
.xans-product-additional div.board td .view a { font-size:12px !important; line-height:18px !important; }
.xans-product-additional div.board td .view img { margin:20px 0; }
.xans-product-additional div.board td .view .ec-base-button { position:relative; top:auto; right:auto; padding:0; margin:0; text-align:right; }
#commentWriteForm_4,
#commentWriteForm_6 { padding:0; }
#SecretForm_4,
#SecretForm_6 { background:#fbf9fa; }
#SecretForm_4 .view,
#SecretForm_6 .view { padding:8px 0 7px; }
#SecretForm_4 input,
#SecretForm_6 input { width:41px; height:24px; margin:0 0 0 6px; border:0; font-size:0; line-height:0; cursor:pointer; background:url("//img.echosting.cafe24.com/skin/base_ko_KR/board/btn_ico_submit.gif") no-repeat 0 0; }
#SecretForm_4 input#secure_password,
#SecretForm_6 input#secure_password { width:130px; height:18px; margin-left:11px; padding:2px 2px 2px 4px; border:1px solid #d9d9d9; font-size:12px; line-height:14px; cursor:text; background:#fff; }
#product-review-read td,
#product-qna-read td { padding:0; }
#product-review-read td #SecretForm_4 .view { padding-left:79px; }
#product-qna-read td #SecretForm_6 .view { padding-left:213px; }
.xans-product-additional .boardComment { padding:0 30px; }
.xans-product-additional .boardComment li { position:relative; overflow:hidden; margin:10px 0 0; padding:12px 0 0; border-top:1px solid #d7d5d6; color:#353535; text-align:left; line-height:14px; }
.xans-product-additional .boardComment li:first-child { margin-top:0; }
.xans-product-additional .boardComment li .comment { margin:9px 0 0; padding:15px 0; border-top:1px solid #e9e9e9; line-height:18px; word-break:break-all; }
.xans-product-additional .boardComment li .name { margin:0; }
.xans-product-additional .boardComment li .name input { width:13px; height:13px; margin:0 2px 0 0; vertical-align:-2px; *vertical-align:2px; }
.xans-product-additional .boardComment li .date { margin:0 10px 0 0; font-size:11px; }
.xans-product-additional .boardComment li .grade { margin:0 10px 0 0; }
.xans-product-additional .boardComment li .button { position:absolute; right:0; top:6px; }
.xans-product-additional .memoCont { margin:10px 30px 30px; padding:10px 20px 15px 20px; border:1px solid #e9e9e9; color:#353535; text-align:left; background:#fbfafa; }
.xans-product-additional .memoCont .user input[type=text],
.xans-product-additional .memoCont .user input[type=password] { width:135px; margin:0 10px 0 9px; }
.xans-product-additional .memoCont .user .secret { margin:0 20px 0 10px; }
.xans-product-additional .memoCont .user .secret label { margin:0; }
.xans-product-additional .memoCont .user textarea {width:calc(100% - 90px); padding:2px 0; height:55px; *margin-right:10px; }
.xans-product-additional .memoCont .user a { float:right; }
.xans-product-additional .memoCont .nameArea { display:block; margin:0 0 10px; }
.xans-product-additional .memoCont .nameArea .ec-base-help { margin-top:10px; }
.xans-product-additional .memoCont .rating { margin:12px 0 0; }
.xans-product-additional .memoCont .rating label { padding:0 10px 0 0; }
.xans-product-additional .memoCont .rating em { font-style:normal; }
.xans-product-additional .memoCont .text { margin:5px 0 0; font-size:11px; }
.xans-product-additional .memoCont .text span { color:#008bcc; }
.xans-product-additional .memoCont .captcha { margin:8px 0 0; padding:10px 0 0; border-top:1px solid #e9e9e9; color:#757575; }
.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 table.board td .view + form .memoCont { margin-top:0; }
/* ëŒ“ê¸€ì˜ ëŒ“ê¸€ */
.xans-product-additional .boardComment li.replyArea { margin:0 30px; padding:10px 0 7px 15px; border-top:1px solid #e9e9e9; background:url("//img.echosting.cafe24.com/skin/admin_ko_KR/board/ico_comment.gif") no-repeat 10px 12px; }
.xans-product-additional .boardComment li.replyArea .commentSecret { margin-right:30px; }
.xans-product-additional .boardComment li.replyArea .comment { margin:7px 0 0 15px; padding:0; border-top:0; }
/* 권한없ì„ì‹œ */
.xans-product-additional .noAccess { margin:15px 0 10px; border:1px solid #d7d5d5; font-weight:bold; color:#008bcc; line-height:39px; text-align:center; }
/* ë¯¸ì„±ë…„ìž */
.xans-product-additional .minor { margin:15px 0 0; padding:35px 0 24px; border:1px solid #d7d5d5; font-weight:bold; color:#353535; 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 strong { color:#008bcc; }
.xans-product-additional .minor .button { margin:-7px 0 0; }
/* 비밀글 ê´€ë ¨ */
.xans-product-additional .commentSecret { margin:10px 10px 5px 0; padding:10px 15px; border:1px solid #e9e9e9; background-color:#fbfafa; color:#353535; }
@media (max-width: 1200px) {
/* imgArea */
.imgArea { padding:100px 20px 0; }
.listImg li,
.listImg li:nth-child(2n+1) { padding:0 0 20px; }
/* detailArea */
.detailArea { position:relative; top:auto; right:auto; width:100%; overflow-y:hidden; padding:30px 0; }
.product_detail_cont { padding:0; }
.quantity_opt { width:60px; height:25px; line-height:25px; -webkit-appearance: none; border:0; text-align:center; }
#totalProducts .option_product input { width:50px; }
#totalProducts .option_product .eProductQuantityUpClass img,
{ -moz-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;-ms-border-radius:5px;border-radius:5px; }
#totalProducts .option_product .delete { top:15px; right:0; }
/* xans-product-action */
.xans-product-detail .infoArea .xans-product-action { position:relative; bottom:auto; right:auto; width:100%; padding:20px 0 50px 50%; }
/* prdInfo_add */
.prdInfo_add { padding:50px 0 0; }
.prdInfo_add_board { padding:50px 20px 0; }
.prdInfo_add_board .row_section { padding-right:0; }
.prdInfo_add_board .row_section:last-child { padding-left:0; }
}
@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:14px; font-family: 'Martel Sans', 'Spartan', 'Work Sans', 'Noto Sans KR', sans-serif; font-weight: 400; font-style: normal; color:#000 !important; letter-spacing:0px !important; line-height:18px; }
input,select,textarea,button { font-size:14px; font-family: 'Martel Sans', 'Spartan', 'Work Sans', 'Noto Sans KR', sans-serif; font-weight: 400; font-style: normal; color:#000; letter-spacing:0px !important; line-height:18px; }
body { min-width:320px;}
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; }
button { overflow:visible; padding:0; margin:0; border:0; cursor:pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
hr.layout { display:none; }
a { text-decoration:none; color:#000; -webkit-transition: color 0.3s; -o-transition: color 0.3s;-ms-transition: color 0.3s;transition: color 0.3s; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
a:hover {text-decoration:none; color:#002554; }
a:active,
a:visited { text-decoration:none; }
a:hover,
a:focus,
a:hover,
a:focus { outline: 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; }
table.nneditor-table { width:auto !important; }
/* ê²°ì œì§„í–‰ë°” */
#progressPaybarBackground { position:absolute; z-index:99; left:0; top:0; width:100%; height:100%; }
#progressPaybarView { position:absolute; z-index:100; top:160px; left:20px; width:471px; font-size:12px; }
#progressPaybarView .box { height:180px; background:url(//img.cafe24.com/images/ec_hosting/popup/layer_guide/bg_layer_box1.gif) 0 0 no-repeat; }
#progressPaybarView .box .graph { padding:15px 0 0 0; text-align:center;}
#progressPaybarView .box .graph span { display:block; text-align:center; margin:20px 0; }
#progressPaybarView .box .txt { text-align:center; padding:15px 0 0; color:#555555; }
div.layerProgress { filter:alpha(opacity=40); opacity:0.4; -moz-opacity:0.4; background-color:#999; }
/* 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); }
/* **************************** 필수 CSS ìˆ˜ì • ë° ì‚ì œ 불가 **************************** */
button { background:transparent; }
button:hover { color:#555; }
select { box-shadow: none !important; border-radius: 0; }
input[type=text],
input[type=password],
input[type="search"],
textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; border-radius: 0; }
select {
padding-right:50px;
border-radius: 0px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 0px solid #fff !important;
border-bottom: 1px solid #000 !important;
position: relative;
background: url("//sunamfarmers.kr/images/arrow-down.png") 99% center no-repeat;
-webkit-background-size: auto 18px;
-moz-background-size: auto 18px;
background-size: auto 18px;
}
strong, b { font-weight:400; }
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
transition: background-color 5000s ease-in-out 0s;
-webkit-transition: background-color 9999s ease-out;
-webkit-box-shadow: 0 0 0px 1000px transparent inset !important;
}
@charset "utf-8";
/* Layout */
#wrap { position:relative; margin:0 auto; padding:0; width:100%; background:#fff; }
#container { position:relative; margin:0 auto; *zoom:1; }
#layout #container { margin:70px auto 0; }
#container:after { content:""; display:block; clear:both; }
h2 { position:relative; display:block; font-size: 18px; line-height:30px; font-weight: 500; text-align: left; text-transform: ; text-align:center; padding:100px 0 50px;}
.mobileType { display:none !important; }
/****** flex_wrap ******/
.flex_wrap { position:relative; display:flex; flex-direction: row; flex-wrap: wrap; align-content: flex-start; }
.between { justify-content: space-between; }
.flex_wrap img { max-width:100%; height:auto; }
.flex_wrap .row_section { position:relative; display:block; width: 50%; -webkit-flex:0 0 50%; -moz-flex:0 0 50%; -ms-flex:0 0 50%; flex:0 0 50%; box-sizing:border-box; }
.flex_wrap .row_section2 { width: 70%; -webkit-flex:0 0 70%; -moz-flex:0 0 70%; -ms-flex:0 0 70%; flex:0 0 70%; }
.flex_wrap .row_section2:nth-child(2) { width: 30%; -webkit-flex:0 0 30%; -moz-flex:0 0 30%; -ms-flex:0 0 30%; flex:0 0 30%; }
.flex_wrap .row_section3 { width: 33.333%; -webkit-flex:0 0 33.3333333%; -moz-flex:0 0 33.3333333%; -ms-flex:0 0 33.3333333%; flex:0 0 33.3333333%; }
.flex_wrap .row_section3_1 { width: 20%; -webkit-flex:0 0 20%; -moz-flex:0 0 20%; -ms-flex:0 0 20%; flex:0 0 20%; }
.flex_wrap .row_section3_1:nth-child(2) { width: 60%; -webkit-flex:0 0 60%; -moz-flex:0 0 60%; -ms-flex:0 0 60%; flex:0 0 60%; }
.flex_wrap .row_section3_2 { width: 30%; -webkit-flex:0 0 30%; -moz-flex:0 0 30%; -ms-flex:0 0 30%; flex:0 0 30%; }
.flex_wrap .row_section3_2:nth-child(2) { width: 40%; -webkit-flex:0 0 40%; -moz-flex:0 0 40%; -ms-flex:0 0 40%; flex:0 0 40%; }
.flex_wrap .row_section4 { width: 25%; -webkit-flex:0 0 25%; -moz-flex:0 0 25%; -ms-flex:0 0 25%; flex:0 0 25%; }
.flex_wrap .section_inner_fixed { position:fixed; top:90px; left:20px; box-sizing:border-box; min-width:calc(20% - 40px); }
.pd20 { padding:20px; }
.minHeight { min-height:calc(100vh - 446px); }
.minHeightHalf { min-height:calc(50vh - 223px); }
@media (max-width: 1200px) {
#layout #container { margin:50px auto 0; }
h2 { font-size: 15px; text-align:left; padding:20px 20px; }
.flex_wrap { display:block !important; }
.flex_wrap .row_section,
.flex_wrap .row_section:nth-child(2) { width: 100%; -webkit-flex:0 0 100%; -moz-flex:0 0 100%; -ms-flex:0 0 100%; flex:0 0 100%; }
.flex_wrap2 .row_section,
.flex_wrap2 .row_section:nth-child(2) { width: 50%; -webkit-flex:0 0 50%; -moz-flex:0 0 50%; -ms-flex:0 0 50%; flex:0 0 50%; }
.flex_wrap2 .row_section2_1,
.flex_wrap2 .row_section2_1:nth-child(2) { width: 50%; -webkit-flex:0 0 50%; -moz-flex:0 0 50%; -ms-flex:0 0 50%; flex:0 0 50%; }
.flex_wrap2 .row_section3_1,
.flex_wrap2 .row_section3_1:nth-child(2) { width: 33.333%; -webkit-flex:0 0 33.333%; -moz-flex:0 0 33.333%; -ms-flex:0 0 33.333%; flex:0 0 33.333%; padding:0 15px 15px; }
.flex_wrap2 .row_section4,
.flex_wrap2 .row_section4:nth-child(2) { width: 50%; -webkit-flex:0 0 50%; -moz-flex:0 0 50%; -ms-flex:0 0 50%; flex:0 0 50%; }
.flex_wrap .row_section5 { padding:15px; }
.flex_wrap .section_inner_fixed { position:relative; top:auto; left:auto; width:100%; padding:20px; }
.flex_wrap .row_section5 .section_inner_fixed { padding:0; }
.pd30 { padding:20px; }
.minHeight,
.minHeight150,
.minHeightHalf { min-height:auto; }
.width400 { width:auto; margin-left:0; }
.xans-board-catemove,
.xans-board-function { display:none; }
.none { display:none !important; }
.mobileType { display:block !important; }
.flex_wrap2 { display:flex !important; }
}
@media (max-width: 768px) {
.flex_wrap2 .row_section4,
.flex_wrap2 .row_section4:nth-child(2) { width: 100%; -webkit-flex:0 0 100%; -moz-flex:0 0 100%; -ms-flex:0 0 100%; flex:0 0 100%; }
}
#content_BUTTON_image { display:none !important; }
/* 퀵뷰 모달 */
#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%; }
/* íŒì—…ì°½ í¬ê¸° 위치 */
#capp-shop-new-product-optionselect-layer { position: fixed !important; top: 219px !important; width:100% !important; max-width:600px !important; height:700px !important; }
/* zoom */
#zoomMouseGiude { display:none !important; }
/* search */
select#category_no { display:none; }
/* zipcodeLayer */
#zipcodeLayer { height:689px !important; margin-left:-1px !important; }
/*Arrow*/
.arrow { position:relative; display:inline-block; width:30px; height:30px; background:transparent; vertical-align:middle; margin:0 5px; }
.arrow span,
.arrow span:before,
.arrow span:after {
width: 7px; height: 1px; background: #000;
position: absolute;
left:0;
display:block;
cursor: pointer;
content: '';
border-radius: 1px;-moz-border-radius: 1px;-webkit-border-radius: 1px;-o-border-radius: 1px;
}
.arrow span { width:0px; }
.arrow span:before {
-webkit-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.arrow span:after {
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
}
.arrow-right span,
.arrow-right span:before,
.arrow-right span:after { left:auto; right: 0; }
.arrow-right span { top:14px; width:30px; }
.arrow-right span:before { top:2px; right: -1px; }
.arrow-right span:after { bottom:2px; right: -1px; }
.arrow-left span,
.arrow-left span:before,
.arrow-left span:after { left:auto; right: 0; }
.arrow-left span { top:14px; width:30px; }
.arrow-left span:before { bottom:2px; left: -1px; }
.arrow-left span:after { top:2px; left: -1px; }
.arrow-close { background:#fff; margin:0; width:20px; height:20px; }
.arrow-close span:before,
.arrow-close span:after { width:15px; }
.arrow-close span:before { top:12px; left:0; }
.arrow-close span:after { top:12px; left:0; }
.arrow-down span,
.arrow-down span:before,
.arrow-down span:after { left:auto; right: 0; }
.arrow-down span { width:0; }
.arrow-down span:before { top:0; left: -1px; }
.arrow-down span:after { top:0; right: -1px; }
.arrow-up span:before {
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
}
.arrow-up span:after {
-webkit-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
transform:rotate(-45deg);
}
/* Font */
.txtInfo { color:#707070; }
.txtWarn { color:#B65375; }
.txtEm { color:#0001ad; }
.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 !important; }
.txt12 { font-size:12px !important; }
.txt14 { font-size:14px !important; }
.txt16 { font-size:16px !important; }
.txt18 { font-size:18px !important; 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; }
/* grid */
.gBlank5 { display:block; margin-top:5px; }
.gBlank10 { display:block; margin-top:10px; }
.gBlank20 { display:block; margin-top:20px; }
.gBlank30 { display:block; margin-top:30px; }
.gBlank40 { display:block; margin-top:40px; }
.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; }
/* ec-base-qty */
.ec-base-qty { position:relative; display:inline-block; width:50px; margin:0 1px 0 0; text-align:left; }
.ec-base-qty input[type="text"] { width:22px; height:23px; padding:0 0 0 5px; line-height:25px; border:1px solid #d4d8d9; border-radius:3px 0 0 3px; }
.ec-base-qty .up { position:absolute; left:27px; top:0; }
.ec-base-qty .down { position:absolute; left:27px; bottom:0; }
.ec-base-qty .qtyUp {position:absolute; left:27px; top:0;}
.ec-base-qty .qtyDown { position:absolute; left:27px; bottom: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-chk */
.ec-base-chk { display:inline-block; position:relative; margin:0 8px 0 0; width:22px; height:22px; vertical-align:top; cursor:pointer; }
.ec-base-chk input { z-index:1; position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; cursor:pointer; }
.ec-base-chk .checkbox { position:absolute; top:0; left:0; width:100%; height:100%; background:url("//sunamfarmers.kr/images/bg_join_check.png") no-repeat 0 0; }
.ec-base-chk input:checked + .checkbox { background-position:-34px 0; }
/* Form */
input,select,textarea { font-size:100%; color:#000; vertical-align:middle; }
input[type=radio],
input[type=checkbox] { width:13px; height:13px; border:0; margin-right:2px; }
input[type=text],
input[type=password] { height:40px; line-height:40px; padding:0; border:0; color:#000; font-size:12px; border-bottom:1px solid #000; }
input[type=radio] + label, input[type=checkbox] + label { margin:0 4px 0 2px; }
select { height:44px; border:1px solid #d5d5d5; }
textarea { padding:5px 6px; border:1px solid #d5d5d5; 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; }
legend { visibility:hidden; position:absolute; left:-9999px; top:-9999px; width:0; height:0; line-height:0; }
select:focus, textarea:focus, input:focus, button:focus { outline: none; }
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; }
/* waypoint */
.wpF, .wpFN, .wpFU, wpFD,
.wp_F, .wp_FN, .wp_FU, wp_FD {visibility: visible;}
.fadeIn, .fadeInUp, .fadeInDown {visibility: visible;}
.delay_03s { animation-delay: 0.3s; -webkit-animation-delay: 0.3s; }
.delay_05s { animation-delay: 0.5s; -webkit-animation-delay: 0.5s; }
.delay_08s { animation-delay: 0.8s; -webkit-animation-delay: 0.8s; }
@media (max-width: 1200px) {
.delay_m { animation-delay: 0.2s; -webkit-animation-delay: 0.2s; }
}
/* animated */
.animated {
-webkit-animation-duration: 0s;
animation-duration: 0s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(50px);
transform: translateY(50px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(50px);
-ms-transform: translateY(50px);
transform: translateY(50px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
.ec-base-tooltip { display:none; z-index:2; position:absolute; top:24px; padding:7px; border:1px solid #dcdcdc; background:#fff;}
.ec-base-tooltip h3 { margin:0 0 8px; padding:0 10px; font-size:12px; border-bottom:0; background:url("//img.echosting.cafe24.com/skin/base/common/ico_layer_title.gif") no-repeat 0 50%; }
.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 .btnClose { position:absolute; right:6px; top:8px; }
.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; }
.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 .txtEm { color:#777; }
.ec-base-tooltip .txtWarn { color:#777; font-size:11px; }
/* typeUpper */
.ec-base-tooltip.typeUpper { top:auto; bottom:34px; }
.ec-base-tooltip.typeUpper .edge { top:auto; bottom:-6px; }
.ec-base-tooltip.typeUpper .edge:before { margin:0 0 -5px; border-top-color:#565960; 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; }
.ec-base-help { font-size:11px; line-height:14px; }
span.ec-base-help,
p.ec-base-help,
ul.ec-base-help li { margin:10px 0; padding:0 0 5px 11px; background:url('//img.echosting.cafe24.com/skin/base/common/ico_dash.gif') no-repeat 0 7px; color:#757575; }
div.ec-base-help { margin:17px 0 0; border:0; line-height:18px; }
div.ec-base-help > h2,
div.ec-base-help > h3 { font-size:11px; padding:0 0 10px; border-bottom:1px solid #e8e7e7; color:#666; background:#fff; font-weight:400; }
div.ec-base-help h4 { margin:22px 0 -4px; color:#666; font-weight:400; }
div.ec-base-help h4:first-child { margin-top:0; }
div.ec-base-help p { margin:15px 0 0 10px; color:#888; font-size:10px; }
div.ec-base-help ul,
div.ec-base-help ol { margin:15px 0 0; }
div.ec-base-help li { color:#888; font-size:10px; }
/* number */
div.ec-base-help ol li { padding:0 0 5px 11px; background:url('//img.echosting.cafe24.com/skin/base/common/ico_dash.gif') no-repeat 0 7px; }
/* typeDash */
div.ec-base-help ul li { padding:0 0 5px 11px; background:url('//img.echosting.cafe24.com/skin/base/common/ico_dash.gif') no-repeat 0 7px; }
.ec-base-help.typeDash li { padding:0 0 5px 11px; background:url("//img.echosting.cafe24.com/skin/base/common/ico_dash.gif") no-repeat 0 7px; }
.ec-base-tooltip .ec-base-help.typeDash li { margin:2px 0; }
.ec-base-help.typeDash { }
@media (max-width: 1200px) {
span.ec-base-help,
p.ec-base-help,
ul.ec-base-help li { }
.ec-base-help .inner { margin:0; }
div.ec-base-help ul,
div.ec-base-help ol { margin:15px 0 0 0; }
}
.prd_wrap { z-index:0 !important; }
.prd_wrap .row_section { }
.prd_wrap .item { position:relative; display:block; margin: 0; padding:20px; width:100%; box-sizing: border-box; }
.prd_wrap .item .prdInfo { position:relative; display:block; width: 100%; text-align:center;}
.prd_wrap .info_img { box-sizing:border-box; }
.prd_wrap .item img { width:100%; height:auto; }
.prd_wrap .item .prdInfo .prdName { text-align:left; margin:0; padding:20px 90px 20px 0; }
.prd_wrap .item .prdInfo .prdName > span { font-size:18px !important; line-height:40px; font-weight:500; color:#000 !important; }
.prd_wrap .item .prdInfo ul { text-align:left; padding:0; }
.prd_wrap .item .prdInfo ul li { display:block; margin:0 0 5px; }
.prd_wrap .item .prdInfo ul li span { font-size:15px !important; line-height:30px; font-weight:400 !important; color:#000 !important; }
.prd_wrap .item .prdInfo ul li:first-child span { color:#002554 !important; }
.prd_wrap .item .prdInfo ul li .color { overflow:hidden; display:inline-block; margin:0; }
.prd_wrap .item .prdInfo ul li .chips { float:left; width:8px; height:8px; margin:6px 5px 6px 0; border:1px solid #ededed; font-size:0; line-height:0; filter:alpha(opacity=80); opacity:0.8; -moz-opacity:0.8; -moz-border-radius: 100%;-webkit-border-radius: 100%;-o-border-radius: 100%;-ms-border-radius: 100%;border-radius: 100%; }
.prd_wrap .item .prdInfo .prdName > span.icon { text-decoration:underline; position:absolute; top:0; right:0; padding:20px 0; font-size:15px !important; font-weight:500; color:#f03737 !important; text-transform: uppercase;}
@media (max-width: 1200px) {
.prd_wrap .item .prdInfo .prdName { padding:10px 0 5px; }
.prd_wrap .item .prdInfo ul { padding:5px 0; }
.prd_wrap .item .prdInfo ul li { margin:0; }
.prd_wrap .item .prdInfo .prdName > span.icon { position:relative; top:auto; right:auto; display:block !important; padding:0; }
}
.ec-base-paginate { padding:30px 0; text-align:center; font-size:0; line-height:0; }
.ec-base-paginate img { width:18px; vertical-align:middle; padding:7px 0; }
.ec-base-paginate ol { margin:0 15px; display:inline-block; font-size:0; line-height:0; vertical-align:top; *display:inline; *zoom:1; *margin:0; }
.ec-base-paginate li { display:inline-block; margin:0; vertical-align:top; *display:inline; *zoom:1; }
.ec-base-paginate li a { display:block; width:24px; font-size:12px; line-height:24px; padding:5px; margin:0 5px; font-weight:400; color:#777; background:#fff; }
.ec-base-paginate li a:hover { text-decoration:none; background:#f0f2f2; }
.ec-base-paginate li a.this { color:#000; }
.ec-base-paginate a.nolink { cursor:default; }
/* 추가 */
.ec-base-paginate.typeSub img { padding:0px 0; }
.ec-base-paginate.typeSub .first,
.ec-base-paginate.typeSub .last { display:none; }
.ec-base-paginate.typeSub li { font-size:11px; }
.ec-base-paginate.typeSub li a { width:14px; line-height:14px; padding:2px; margin:0 3px; }
@media (max-width: 1200px) {
.ec-base-paginate { padding:15px 0; }
}
.ec-base-tab { position:relative; display:block; font-size:12px; }
.ec-base-tab .menu {
margin:0; border:0; background:#fff;
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 { float:left; background:#fff; }
.ec-base-tab .menu li a { display:block; min-width:187px; margin:0; padding:12px 5px 11px; color:#888; text-decoration:none; outline:0; text-align:center; background:#f8f8f8; }
.ec-base-tab .menu li:first-child a { margin-left:0; }
.ec-base-tab .menu li.selected a { position:relative; top:0; left:-0; font-weight:400; margin:0; color:#fff; background:#000; }
.ec-base-tab .menu li.selected:first-child a { left:-1px; }
.ec-base-tab > .right { position:absolute; top:8px; right:10px; line-height:24px; color:#909090; }
/* colcol */
.ec-base-tab.colcol { position:relative; display:block; width:100%; font-size:12px; padding:0 0 10px; margin:10px 0 0; }
.ec-base-tab.colcol .menu { border-left:0; border-bottom:0px solid #dcdcdc; }
.ec-base-tab.colcol .menu li { float:none; display:block; border-top:0px solid #dcdcdc; line-height:24px; }
.ec-base-tab.colcol .menu li a { margin:0; padding:0; border:0 !important; text-align:left; background:#fff; }
.ec-base-tab.colcol .menu li.selected a { left:0; border:0 !important; margin:0; color:#000; background:#fff; }
.ec-base-tab.colcol { }
.ec-base-tab.colcol .menu { position:relative; display:flex; flex-direction: row; flex-wrap: wrap; align-content: flex-start; padding:0; margin:0; }
.ec-base-tab.colcol .menu li { position:relative; display:block; width: 50%; -webkit-flex:0 0 50%; -moz-flex:0 0 50%; -ms-flex:0 0 50%; flex:0 0 50%; padding:0; box-sizing:border-box; }
.ec-base-tab.colcol .menu li:after { content: ""; display: block; position: absolute; top: 0; right: 15px; bottom: 0; width: 0; border-right: 1px solid #888; }
.ec-base-tab.colcol .menu li:last-child:after { border-right: 0; }
.ec-base-tab.colcol .menu li a { display:block; line-height: 14px; margin:0; padding:0; border:0 !important; text-align:left; }
.ec-base-tab.colcol .menu3 li { width: 33.333%; -webkit-flex:0 0 33.333%; -moz-flex:0 0 33.333%; -ms-flex:0 0 33.333%; flex:0 0 33.333%; }
/* grid (2~7) */
.ec-base-tab[class*="grid"] .menu { display:table; table-layout:fixed; width:100%; }
.ec-base-tab[class*="grid"] .menu li { float:none; display:table-cell; vertical-align:middle; }
.ec-base-tab[class*="grid"] .menu li a { display:inline-block; width:100%; min-width:0; margin:0; padding:11px 0; border:0; }
.ec-base-tab[class*="grid"] .menu li.selected { position:relative; top:0; right:-1px; border:1px solid #292929; border-bottom:0; background:#4a5164; }
.ec-base-tab[class*="grid"] .menu li:first-child.selected { right:0; }
.ec-base-tab[class*="grid"] .menu li.selected a { position:static; background:none; }
.ec-base-tab.grid2 .menu li { width:50.5%; }
.ec-base-tab.grid3 .menu li { width:34%; }
.ec-base-tab.grid4 .menu li { width:25.5%; }
.ec-base-tab.grid5 .menu li { width:20.5%; }
.ec-base-tab.grid6 .menu li { width:30%; }
.ec-base-tab.grid7 .menu li { width:14.8%; width:15% \0/; }
.ec-base-tab.grid7 .menu li:first-child { width:13% \0/; }
/* gFlex */
.ec-base-tab.gFlex .menu { display:flex; border-right:0; }
.ec-base-tab.gFlex .menu:after { display:none; }
.ec-base-tab.gFlex .menu li { display:flex; align-items: center; float:none; flex:1; position:relative; }
.ec-base-tab.gFlex .menu li:last-child { border-right:1px solid #cbcdce; }
.ec-base-tab.gFlex .menu li a { width:100%; min-width:0; border-right:0; background:none; word-break:break-all; }
.ec-base-tab.gFlex .menu li a:after { content:''; width:100%; height:100%; position:absolute; top:0; left:0; }
.ec-base-tab.gFlex .menu li.selected { border:1px solid #292929; border-bottom:0; background:#4a5164; }
.ec-base-tab.gFlex .menu li.selected a { left:0; margin:0 0 -1px -1px; background:#4a5164; border:0; position: initial;}
@media (max-width: 1200px) {
.ec-base-tab .menu li a { min-width:1px; }
}
/* button */
[class^='btnNormal'], a[class^='btnNormal'],
[class^='btnSubmit'], a[class^='btnSubmit'],
[class^='btnEm'], a[class^='btnEm'],
[class^='btnBasic'], a[class^='btnBasic'],
[class^='btnTiny'], a[class^='btnTiny'],
[class^='btnTiny2'], a[class^='btnTiny2'] { display:inline-block; box-sizing:border-box; border-radius:0; text-decoration:none; vertical-align:middle; word-spacing:-0px; text-align:center; white-space:nowrap;
-webkit-transition: background 0.3s;-moz-transition: background 0.3s;-o-transition: background 0.3s;-ms-transition: background 0.3s;transition: background 0.3s; text-transform: uppercase; }
[class^='btnNormal'], a[class^='btnNormal'] { padding:10px 25px; border:0px solid #dcdcdc; color:#000; background-color:#dcdcdc; font-size:13px; line-height:18px; font-weight:400; letter-spacing:1px; }
[class^='btnSubmit'], a[class^='btnSubmit'] { padding:10px 25px; border:0px solid #444; color:#fff; background-color:#444; font-size:13px; line-height:18px; font-weight:400; letter-spacing:1px; }
[class^='btnEm'], a[class^='btnEm'] { padding:6px 10px; border:0px solid #eee; color:#999; background-color:#eee; font-size:13px; line-height:18px; font-weight:400; letter-spacing:0; }
[class^='btnBasic'], a[class^='btnBasic'] { padding:6px 10px; border:0px solid #bcbcbc; color:#fff; background-color:#bcbcbc; font-size:13px; line-height:18px; font-weight:400; letter-spacing:0; }
[class^='btnTiny'], a[class^='btnTiny'] { padding:3px 5px; border:0px solid #aaa; color:#999; background-color:#ededed; font-size:11px; line-height:14px; font-weight:400; letter-spacing:0; }
[class^='btnTiny2'], a[class^='btnTiny2'] { padding:3px 5px 2px; border:0px solid #bcbcbc; color:#fff; background-color:#bcbcbc; font-size:10px; line-height:14px; font-weight:400; letter-spacing:0; }
[class^='btnNormal']:not(.disabled):hover,
[class^='btnSubmit']:not(.disabled):hover { border:0px solid #222; background-color:#222; color:#fff !important; }
[class^='btnEm']:not(.disabled):hover,
[class^='btnBasic']:not(.disabled):hover,
[class^='btnTiny']:not(.disabled):hover,
[class^='btnTiny2']:not(.disabled):hover { border:0px solid #888; background-color:#888; color:#fff !important; }
[class^='btnNormal'].disabled,
[class^='btnSubmit'].disabled,
[class^='btnEm'].disabled,
[class^='btnBasic'].disabled,
[class^='btnTiny'].disabled,
[class^='btnTiny2'].disabled { color:#999; }
/* size */
[class^='btn'].sizeT { padding:3px 5px; font-size:11px !important; line-height:14px; }
[class^='btn'].sizeS { padding:6px 10px; font-size:12px; }
[class^='btn'].sizeM { padding:10px 25px; }
[class^='btn'].sizeL { min-width:80px; padding:10px; }
/* width Fix */
[class^='btn'][class*='Fix'] { width:72px; word-break:keep-all; word-wrap:break-word; }
[class^='btn'][class*='Fix'].sizeS { width:70px; }
[class^='btn'][class*='Fix'].sizeM { width:120px; padding-left:8px; padding-right:8px; }
[class^='btn'][class*='Fix'].sizeL { width:160px; padding-left:8px; padding-right:8px; }
/* icon button */
a.btnLink { color:#222; }
a.btnLink:hover { text-decoration:none; -webkit-box-shadow:0 1px 0 0 #222; -moz-box-shadow:0 1px 0 0 #222; box-shadow:0 1px 0 0 #222; }
a.btnLink:after { content:""; display:inline-block; margin:-2px -2px 0 3px; vertical-align:middle; border:0px 0 0 10px; border-style:solid; border-color:transparent transparent transparent #77797d; }
[class^='btn'] i { display:none \0/IE8; }
[class^='btn'] .icoArrow { display:inline-block; width:3px; height:3px; margin:-2px 1px 0 1px; border:2px solid #77797d; border-width:0 2px 2px 0; vertical-align:middle;
transform:rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg);
}
[class^='btnSubmit'] .icoArrow,
[class^='btnEm'] .icoArrow { border-color:#f0f0f0; }
[class^='btn'] .icoDelete { position:relative; overflow:hidden; display:inline-block; width:10px; height:10px; margin:-2px 2px 0 0; vertical-align:middle; -webkit-transform:rotate(45deg); transform:rotate(45deg); }
[class^='btn'] .icoDelete:before { content:""; position:absolute; top:0; right:4px; width:2px; height:10px; background:#77797d; }
[class^='btn'] .icoDelete:after { content:""; position:absolute; top:4px; right:0; width:10px; height:2px; background:#77797d; }
[class^='btnSubmit'] .icoDelete:before, [class^='btnSubmit'] .icoDelete:after,
[class^='btnEm'] .icoDelete:before, [class^='btnEm'] .icoDelete:after { background:#f0f0f0; }
[class^='btn'] .icoAdd, [class^='btn'] .icoRemove { position:relative; overflow:hidden; display:inline-block; width:8px; height:8px; margin:-2px 2px 0 0; vertical-align:middle; }
[class^='btn'] .icoAdd:before, [class^='btn'] .icoAdd:after, [class^='btn'] .icoRemove:before { content:""; position:absolute; top:50%; left:50%; width:8px; height:8px; border-radius:2px; background:#77797d; }
[class^='btn'] .icoAdd:before, [class^='btn'] .icoRemove:before { height:2px; margin:-1px 0 0 -4px; }
[class^='btn'] .icoAdd:after { width:2px; margin:-4px 0 0 -1px; }
[class^='btn'] img { margin:-2px 1px 0; vertical-align:middle; }
/* unique */
.btnAgree, a.btnAgree { display:inline-block; box-sizing:border-box; width:80px; height:70px; line-height:70px; border:1px solid #d1d1d1; border-radius:2px; text-align:center; font-size:12px; font-weight:bold; color:#222; text-decoration:none; background-color:#fff; }
.btnAgree:hover { background-color:#f3f3f3; }
.btnToggle { display:inline-block; font-size:0; line-height:0; }
.btnToggle button { display:inline-block; box-sizing:border-box; border:1px solid #d1d1d1; margin:0 -1px 0 0; padding:0 7px; height:24px; line-height:24px; text-align:center; font-size:12px; outline:0; text-decoration:none; color:#222; background:#fff; }
.btnToggle button:first-child { border-radius:2px 0 0 2px; }
.btnToggle button:last-child { border-radius:0 2px 2px 0; }
.btnToggle button.selected { position:relative; border:1px solid #84868b; color:#fff; background:#84868b; }
/* ec-base-button */
.ec-base-button { padding:20px 0 10px; 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; }
.ec-base-button.typeBG { padding:10px 20px; border:1px solid #d7d5d5; background:#fff; }
/* 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; 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*="gColumn"] [class^='btn'][class*='Fix'] { -webkit-flex:none; -moz-flex:none; -ms-flex:none; flex:none; }
/* gFlex */
.ec-base-button[class*="gColumn"] .gFlex2 { -webkit-flex:2; -moz-flex:2; -ms-flex:2; flex:2; margin:0; }
.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; }
@media (max-width: 1200px) {
[class^='btn'].sizeL,
[class^='btnBasic'].sizeL { padding:10px 10px; }
.xans-product-detail [class^='btnEm'], .xans-product-detail a[class^='btnEm'] { padding:0 8px; font-size:12px; line-height:20px; }
.xans-board-listpackage [class^='btn'][class*='Fix'].sizeS { width:90px; padding:2px 4px 0; font-size:12px; }
.xans-board-readpackage .ec-base-button { }
}
/* base */
.ec-base-box { padding:0; margin-left:auto; margin-right:auto; border:0px solid #e8e8e8; color:#666; }
.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:#d7d5d5; }
.ec-base-box.typeThin h3.boxTitle { margin:0 0 20px; font-size:20px; text-align:center; }
.ec-base-box.typeThinBg { border-width:0; background-color:#fff; }
.ec-base-box.center { text-align:center; }
/* 약관 */
.ec-base-box.typeThinBg > .agree { font-size:12px; }
.ec-base-box.typeThinBg > .agree p { padding:0 0 17px; }
/* typeMember */
.ec-base-box.typeMember { padding:0; font-size:12px; border:0; }
.ec-base-box.typeMember .information { display:table; table-layout:fixed; padding:0; width:100%; box-sizing:border-box; }
.ec-base-box.typeMember .information > .title { vertical-align:middle; }
.ec-base-box.typeMember .information .description { display:block; padding:0; width:auto; line-height:22px; vertical-align:middle; }
.ec-base-box.typeMember.gMessage { border-width:0; border-color:#d7d5d5; }
.ec-base-box .message { display:block; padding:10px 0 10px 35px; border-bottom:1px solid #e8e7e7; background:#fbfbfb url("//img.echosting.cafe24.com/skin/base/common/ico_info.gif") no-repeat 10px center; }
/* typeProduct */
.ec-base-box.typeProduct { display:block; padding:0 30px; }
.ec-base-box.typeProduct .thumbnail,
.ec-base-box.typeProduct .information { display:block; padding:0; vertical-align:middle; text-align:left; line-height:20px; }
.ec-base-box.typeProduct .thumbnail img { width:100px; }
/*searchbox*/
.ec-base-box.searchbox { border:2px solid #000; }
@media (max-width: 1200px) {
.ec-base-box.typeProduct { padding:15px 0 0; display:flex; flex-direction: row; flex-wrap: wrap; align-content: flex-start; align-items: flex-end; }
.ec-base-box.typeProduct .thumbnail { text-align:left; width: 20%; -webkit-flex:0 0 20%; -moz-flex:0 0 20%; -ms-flex:0 0 20%; flex:0 0 20%; }
.ec-base-box.typeProduct .information { text-align:left; width: 80%; -webkit-flex:0 0 80%; -moz-flex:0 0 80%; -ms-flex:0 0 80%; flex:0 0 80%; }
.ec-base-box.typeProduct .thumbnail img { max-width:90%; }
}
.ec-base-table table { position:relative; margin:0; border:0px solid #ededed; border-top:0; border-left:0; border-right:0; color:#fff; font-size:12px; }
.ec-base-table.gLayoutFixed table { table-layout:fixed; }
.ec-base-table.gLayoutFixed .gLayoutAuto table { table-layout:auto; }
.ec-base-table thead th { padding:11px 0 10px; border-left:0; border-bottom:1px solid #ededed; color:#333; vertical-align:middle; font-weight:normal; background:#fbfafa; }
.ec-base-table thead th.left { padding:11px 0 10px 0; }
.ec-base-table tbody th { padding:11px 0 10px 10px; border:1px solid #ededed; border-bottom-width:0; color:#333; text-align:left; font-weight:normal; background-color:#fbfafa; }
.ec-base-table th { word-break:break-all; word-wrap:break-word; }
.ec-base-table td { padding:11px 10px 10px; border-top:1px solid #ededed; color:#333; vertical-align:middle; word-break:break-all; word-wrap:break-word; }
.ec-base-table td.clear { padding:0 !important; border:0 !important; }
/* horizontal */
/* typeWrite */
.ec-base-table.typeWrite { border-top:1px solid #ededed; margin:-1px 0 0; }
.ec-base-table.typeWrite th,
.ec-base-table.typeWrite td { padding:10px; border-top:0; border-right:0; border-left:0; border-bottom:1px solid #ededed; font-size:12px; color:#888; background:#fff; vertical-align:middle; }
.ec-base-table.typeWrite td input { border-bottom:0; }
.ec-base-table.typeWrite td select { border-bottom:0; }
.ec-base-table.typeWrite th img { max-width:13px !important; height:auto !important; vertical-align:top; margin-top:3px;}
/* vertical */
/* typeList */
.ec-base-table.typeList table { border-bottom:1px solid #ededed; }
.ec-base-table.typeList th { background:#fff; font-size:13px; font-weight:300; border-left:0; border-top:1px solid #ededed; color:#000; }
.ec-base-table.typeList th strong { font-weight:300; }
.ec-base-table.typeList td { padding:11px 0 10px; border-top:1px solid #ededed; }
.ec-base-table.typeList tfoot td { padding:15px 0; background:#fff; }
.ec-base-table .message { border:0; padding:50px 0; font-size:12px; text-align:center; color:#888; font-weight:400; }
.ec-base-table table + .message { margin:-1px 0 0; }
.ec-base-table table td.message { padding:50px 0; }
.ec-base-table .scroll .message { border:0; }
/* scroll */
.ec-base-table.typeList .head td { padding:11px 0 10px; border-left:1px solid #ededed; border-bottom:1px solid #ededed; color:#353535; vertical-align:middle; text-align:center; background:#fbfafa; }
.ec-base-table.typeList .head td:first-child { border-left:0; }
.ec-base-table.typeList .scroll { position:relative; overflow-x:hidden; overflow-y:scroll; max-height:185px; min-height:100px; border:1px solid #d7d5d5; border-top-width:0; margin-top:-1px; }
.ec-base-table.typeList .scroll table { border:0; margin:0; }
.ec-base-table.typeList .scroll table:before { display:none; }
.ec-base-table.typeList .scroll .message { border: 0; }
/* thead - blind */
.ec-base-table thead.blind,
.ec-base-table thead.blind th { display:none; }
.ec-base-table thead.blind + tbody tr:first-child th,
.ec-base-table thead.blind + tbody tr:first-child td { border-top-width:0; }
/* Line */
.ec-base-table.typeList.gLine table { border-width:0; border-bottom-width:1px; }
/* common */
/* border, background style none */
.ec-base-table.typeClear table:before { display:none; }
.ec-base-table.typeClear table,
.ec-base-table.typeClear th,
.ec-base-table.typeClear td { border:0 none; background:none; }
.ec-base-table.typeClear th { font-weight:bold; }
/* border */
.ec-base-table.gBorder td { border-left:0px solid #ededed; }
.ec-base-table.gBorder td:first-child { border-left:0; }
.ec-base-table.gBorder td.gClearLine { border-left:0; }
.ec-base-table.typeList.gBorder tbody td { border-color:#; }
.ec-base-table.typeList.gBorder tfoot { border-top:1px solid #ededed; padding:20px 0; }
.ec-base-table.typeList.gBorder tfoot td { border-top:0px solid #ededed; line-height:24px; }
/* align */
.ec-base-table .left { text-align:left; }
.ec-base-table .center { text-align:center; }
.ec-base-table .right { text-align:right; }
.ec-base-table.typeList .center td,
.ec-base-table.typeList td.center { padding-left:0; padding-right:0; }
.ec-base-table.typeList .center td.left { padding-left:10px; }
.ec-base-table.typeList .center td.right { padding-right:10px; }
.ec-base-table .top th, .ec-base-table th.top,
.ec-base-table .top td, .ec-base-table td.top { vertical-align:top; }
.ec-base-table .middle th, .ec-base-table th.middle,
.ec-base-table .middle td, .ec-base-table td.middle { vertical-align:middle; }
/* form */
.ec-base-table img { vertical-align:middle; }
@media print {
.ec-base-table table:before { display:none; }
}
@media (max-width: 1200px) {
}
.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:25%; margin:0; padding:0 4px 0 0; line-height:40px;-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:40px; line-height:40px; 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%; }
/* 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; }
/* typeBullet */
.ec-base-desc.typeBullet dt,
.ec-base-desc.typeBullet .term { padding:0 4px 0 10px; background:url("//img.echosting.cafe24.com/skin/base/common/ico_arrow.png") no-repeat 0 7px; }
/* typeDot */
.ec-base-desc.typeDot dt,
.ec-base-desc.typeDot .term { position:relative; padding:0 4px 0 10px; vertical-align:middle; height:60px; line-height:60px; color:#000; }
.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-fold { position:relative; margin:0; }
.ec-base-fold > .title { position:relative; z-index:1; overflow:hidden; padding:20px 10px; margin:0; cursor:pointer; font-size:12px; line-height:1.3; border-top:1px solid #000;
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:12px; line-height:1.3; font-weight:400; padding:0 !important; }
.ec-base-fold > .title h3, .ec-base-fold > .title p { font-size:12px; color:#757575; font-weight:400; }
.ec-base-fold .contents { display:none; background:#fff; margin:0 0 -1px; }
.ec-base-fold .ec-base-fold { border-width:1px 0 0; }
.ec-base-fold + .ec-base-fold { }
.ec-base-fold .ec-base-fold + .ec-base-fold { margin-top:0; }
.ec-base-fold.selected > .contents { display:block; }
.ec-base-fold > .title .date { font-size:12px; font-weight:400; letter-spacing:0.5px; }
.ec-base-fold > .title .number { font-size:11px; color:#000; }
/* theme1 */
.ec-base-fold.theme1 > .title { color:#000; background:#fff; }
/* theme2 */
.ec-base-fold.theme2 > .title { color:#333; background:#fbfafa; padding: 15px; border-top:1px solid #dcdcdc; }
/* theme3 */
.ec-base-fold.theme3 > .title { color:#1b1b1b; background:#f9f9f9; border-top:1px solid #dcdcdc; }
.ec-base-fold.theme3 > .title h3 { font-weight:bold; color:#1b1b1b; }
.ec-base-fold.theme3 .contents { text-align:right; padding:0 10px 14px; background:#f9f9f9; font-size:14px; }
/* theme4 */
.ec-base-fold.theme4 { margin:14px 7px 29px; font-size:13px; }
.ec-base-fold.theme4 dt { position:relative; padding:13px 30px 13px 14px; line-height:1.2; font-size:12px; cursor:pointer; background-color:#fff; }
.ec-base-fold.theme4 dd + dt { border-top:1px solid #d5d5d5; }
.ec-base-fold.theme4 dd { display:none; padding:10px 10px; font-size:12px; line-height:1.5; border-top:1px solid #d5d5d5; background-color:#f5f5f6; }
.ec-base-fold.theme4 dd.selected { display:block; }
.ec-base-fold.theme4 dt.selected:after { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform:rotate(180deg); }
/* ec-base-prdInfo */
.ec-base-fold .ec-base-prdInfo { margin:0; border:0; }
.ec-base-fold .ec-base-prdInfo .option { margin:0; }
/* ec-base-table */
.ec-base-fold > .contents .ec-base-table,
.ec-base-fold .ec-base-fold > .contents .ec-base-table { border:0; }
.ec-base-prdInfo { position:relative; margin:0 0 10px; padding:10px 0; border:0; box-sizing:border-box; background:#fff; }
.ec-base-prdInfo .prdCheck { display:inline-block; margin-bottom:7px; }
.ec-base-prdInfo .prdBox { display:-webkit-flex; display:-ms-flex; display:flex; min-height:90px; margin-top:7px; }
.ec-base-prdInfo .thumbnail { overflow:hidden; width:73px; margin:0 15px 10px 0; border:0; box-sizing:border-box; }
.ec-base-prdInfo .thumbnail img { width:100%; }
.ec-base-prdInfo .description { overflow:hidden; -webkit-flex:1; -ms-flex:1; flex:1; overflow:hidden; }
.ec-base-prdInfo .description .prdName { display:block; margin:0 0 2px; font-size:12px; }
.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 .info { margin:0 0 14px; }
.ec-base-prdInfo .description .info li { margin:0 0 2px; font-size:12px; color:#757575; line-height:18px; }
.ec-base-prdInfo .description .info li .mileage { display:inline-block; }
.ec-base-prdInfo .description .info .price { color:#000; }
.ec-base-prdInfo .description .info .price .refer { font-weight:normal; font-size:11px; }
.ec-base-prdInfo .description .info .price .discount { font-weight:normal; text-decoration:line-through; }
.ec-base-prdInfo .description .info .price .strike { font-weight:normal; text-decoration:line-through; }
.ec-base-prdInfo .description .info .price .strike strong { font-weight:normal; }
.ec-base-prdInfo .description .price .quantity { position:relative; display:inline-block; margin:0 0 0 6px; padding:0 0 0 10px; }
.ec-base-prdInfo .description .price .quantity:before { display:block; content:""; position:absolute; top:4px; left:0; width:1px; height:10px; background:#989899; }
.ec-base-prdInfo .description input[type="number"] { max-width:51px; }
.ec-base-prdInfo .description .info .amount button { margin:0; padding:0; border:0; } /* gift > quantity */
.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 .prdFoot { padding:10px 0; margin:0; border-top:1px dashed #ccc; border-bottom:1px solid #aaa; font-weight:400; font-size:11px; line-height:20px; color:#000; text-align:center; background:#fff; }
.ec-base-prdInfo .prdFoot .cancel { font-size:11px; color:#0001ad; }
.ec-base-prdInfo .prdFoot:after { content:''; display:block; clear:both; }
.ec-base-prdInfo .prdFoot .gLeft { float:left; text-align:left; }
.ec-base-prdInfo .prdFoot .gRight { float:right; text-align:right; }
.ec-base-prdInfo .prdFoot .store { color:#000; font-weight:normal; }
.ec-base-prdInfo .prdFoot .btnBasic { font-weight:normal; background-color:#fff; }
.ec-base-prdInfo .prdFoot span > span > span { font-size:11px; }
.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 p.option { margin:0 14px; padding:14px 0; border-top:1px solid #ececec; font-size:12px; }
.ec-base-prdInfo .option { padding:0; color:#353535; }
.ec-base-prdInfo .option > li { border-top:1px solid #ececec; }
.ec-base-prdInfo .option > li .name { display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:flex; min-height:29px; margin:7px 0; -webkit-justify-content:space-between; -moz-justify-content:space-between; -ms-justify-content:space-between; justify-content:space-between; -webkit-align-items:center; -moz-align-items:center; -ms-align-items:center; align-items:center; }
.ec-base-prdInfo .option > li .name > select { max-width:80%; }
.ec-base-prdInfo .option > li .optionDesc { word-break:break-all; font-size:12px; padding-right:15px; }
.ec-base-prdInfo .option > li .change { margin:0 0 0 5px; white-space:nowrap; }
.ec-base-prdInfo .option .file a { margin:0 0 0 4px; padding:0 0 0 11px; color:#80aeef; text-decoration:underline; background:url("//img.echosting.cafe24.com/skin/mobile_ko_KR/order/ico_attach.png") no-repeat 0 0; background-size:8px 12px; }
.ec-base-prdInfo .layerOptionModify { display:none; width:auto; margin:7px 0 14px; padding:14px; border:1px solid #d5d5d5; background-color:#f1f1f1; }
.ec-base-prdInfo .layerOptionModify .titleArea { margin-top:3px; display:none; }
.ec-base-prdInfo .layerOptionModify ul { padding:0; font-size:12px; }
.ec-base-prdInfo .layerOptionModify li { position:relative; margin:0 0 7px; padding:0 0 0 73px; }
.ec-base-prdInfo .layerOptionModify li .optionItem { display:block; position:absolute; top:0; left:0; width:73px; height:29px; font-size:12px; color:#757575; line-height:29px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ec-base-prdInfo .layerOptionModify select,
.ec-base-prdInfo .layerOptionModify input[type="text"] { width:100%; }
.ec-base-prdInfo .layerOptionModify .ec-base-button.gCenter { margin:0; }
/* 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; }
a.more { font-size:15px; line-height:16px; text-align:center; display:inline-block; padding:7px 0; border-bottom:1px solid #000; -webkit-transition: padding 0.3s; -o-transition: padding 0.3s;-ms-transition: padding 0.3s;transition: padding 0.3s;}
a.more:hover { padding:7px 100px 7px 0; border-bottom:1px solid #000; }
/*banner_wrap*/
.banner_wrap { position:relative; display:block; width:100%; }
.banner_wrap .bnSection_01 { padding:150px 10% 0; }
.banner_wrap .bnSection_01_1 { padding:350px 10% 0; }
.banner_wrap .bnSection_02 { padding:250px 10% 0; }
.banner_wrap .bnSection_02_1 { padding:0px 10% 0; }
.banner_wrap .row_section h6 { font-weight:500; font-size:18px; line-height:20px; margin-bottom:40px; max-width:350px; }
.banner_wrap .row_section p { font-weight:500; font-size:24px; line-height:40px; margin-bottom:40px; max-width:350px; }
.banner_wrap .row_section .text { font-weight:400; font-size:35px; line-height:54px; max-width:100%; }
.banner_wrap .row_section a.more { margin-bottom:100px; }
.banner_wrap .row_section .bannerImg { padding:0; }
.banner_wrap .bnSection_02 .bannerImg { padding:0 10% 50px; }
.banner_wrap .row_section:hover a.more { padding:7px 100px 7px 0; border-bottom:1px solid #000; }
@media (max-width: 1200px) {
.banner_wrap .bnSection_01 { padding:50px 20px 0; }
.banner_wrap .bnSection_01_1 { padding:0 20px 0; }
.banner_wrap .bnSection_02 { padding:50px 20px 0; }
.banner_wrap .bnSection_02_1 { padding:0px 20px 0; }
.banner_wrap .row_section h6 { margin-bottom:25px; max-width:100%; }
.banner_wrap .row_section p { font-size:20px; line-height:30px; margin-bottom:25px; max-width:100%; }
.banner_wrap .row_section a.more { margin-bottom:30px; }
.banner_wrap .row_section .bannerImg { padding:0; }
.banner_wrap .bnSection_02 .bannerImg { padding:0 40% 50px 0; }
.banner_wrap .bnSection_01_1 .bannerImg { padding:0 0 50px 40%; }
.banner_wrap .bnSection_02_1 .bannerImg { padding:0 0 50px; }
}
.listmain_1 { margin:100px 20px 0; }
@media (max-width: 1200px) {
.listmain_1 { margin:20px 0 0; }
}
/*banner_wide*/
.banner_wide { position:relative; display:block; padding:200px 10% 0; box-sizing:border-box; }
.banner_wide img { max-width:100%; }
.banner_wide p { display:block; padding:50px 0 0; text-align:center; font-size:24px; line-height:44px; }
@media (max-width: 1200px) {
.banner_wide { padding:0 20px 0; }
.banner_wide p { padding:20px 0 0; font-size:14px; line-height:22px; }
}
/* mprd_wrap */
.mprd_wrap { position:relative; display:block; padding-top:200px; }
.mprd_wrap img { width:60%; margin:0 20%; }
.mprd_wrap .flex_wrap { margin-top:50px; }
.mprd_wrap .flex_wrap:nth-child(2n) { flex-direction: row-reverse; margin-bottom:250px; }
.mprd_wrap .flex_wrap:nth-child(2n) .info { position:absolute; bottom:0; right:350px; }
.mprd_wrap .info h6 { margin-bottom:40px; max-width:350px; }
.mprd_wrap .info h6 span { font-weight:500 !important; font-size:24px !important; line-height:40px; color:#000 !important; }
.mprd_wrap .info ul { margin-bottom:40px; max-width:350px; }
.mprd_wrap .info ul li { margin-bottom:10px; }
.mprd_wrap .info ul li span { font-weight:400 !important; font-size:18px !important; line-height:30px; color:#000 !important; display:inline-block; }
.mprd_wrap .flex_wrap:hover a.more { padding:7px 100px 7px 0; border-bottom:1px solid #000; }
@media (max-width: 1200px) {
.mprd_wrap { padding-top:50px; margin:0 20px; }
.mprd_wrap img { width:100%; margin:0 0 20px; }
.mprd_wrap .flex_wrap:nth-child(2n) { flex-direction: row-reverse; margin-bottom:0; }
.mprd_wrap .flex_wrap:nth-child(2n) .info { position:relative; bottom:auto; right:auto; }
.mprd_wrap .info h6 { margin-bottom:20px; max-width:100%; }
.mprd_wrap .info h6 span { font-size:16px !important; line-height:30px; }
.mprd_wrap .info ul { margin-bottom:20px; max-width:100%; }
.mprd_wrap .info ul li { margin-bottom:5px; }
.mprd_wrap .info ul li span { font-size:13px !important; line-height:20px; }
}
/*more_shopping*/
.more_shopping { position:relative; display:block; width:40%; margin:250px auto 100px; padding:40px 100px; text-align:center; font-weight:500; font-size:24px; background:#dcdcdc; color:#fff; box-sizing:border-box; cursor:pointer; -webkit-transition: background 0.3s; -o-transition: background 0.3s;-ms-transition: background 0.3s;transition: background 0.3s; }
.more_shopping:hover { background:#666 !important; }
@media (max-width: 1200px) {
.more_shopping { width:auto; margin:50px 20px 0; padding:20px 50px; font-size:15px; border:0; }
}
/* Slider */
.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
background: #fff url("//sunamfarmers.kr/ajax-loader.gif") center center no-repeat;
}
/* Arrows */
.slick-prev,
.slick-next
{
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
opacity: 1;
}
/*
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
opacity: .25;
}
.slick-prev:before,
.slick-next:before
{
font-family: 'slick';
font-size: 20px;
line-height: 1;
opacity: .75;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
*/
.slick-prev
{
left: -25px;
}
[dir='rtl'] .slick-prev
{
right: -25px;
left: auto;
}
/*
.slick-prev:before
{
content: 'â†';
}
[dir='rtl'] .slick-prev:before
{
content: '→';
}
*/
.slick-next
{
right: -25px;
}
[dir='rtl'] .slick-next
{
right: auto;
left: -25px;
}
/*
.slick-next:before
{
content: '→';
}
[dir='rtl'] .slick-next:before
{
content: 'â†';
}
*/
/* Dots */
.slick-dotted.slick-slider
{
margin-bottom: 30px;
}
.slick-dots
{
position: absolute;
bottom: -25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li
{
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button
{
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
opacity: 1;
}
.slick-dots li button:before
{
font-family: 'slick';
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '•';
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
opacity: .75;
color: black;
}
/* Arrows */
.slick-prev,
.slick-next { width: 30px; height: 30px; z-index:9999; }
.slick-prev .arrow,
.slick-next .arrow { margin:0; }
.slick-prev { left: 0px; }
.slick-next { right: 0px; }
/* Dots */
.slick-dotted.slick-slider { margin-bottom: 0; }
.slick-dots { bottom: 0; text-align: right; padding:0 15px; box-sizing:border-box; z-index:9999; }
.slick-dots li { width: 30px; height: 40px; }
.slick-dots li button { width: 30px; height: 40px; }
.slick-dots li button:hover:before,
.slick-dots li button:focus:before { filter:alpha(opacity=1); opacity:1; -moz-opacity:1; }
.slick-dots li button:before { font-size: 0; line-height: 0; width: 30px; height: 1px; content: ''; border-top:1px solid #000; filter:alpha(opacity=20); opacity:0.2; -moz-opacity:0.2; }
.slick-dots li.slick-active button:before { filter:alpha(opacity=1); opacity:1; -moz-opacity:1; }
@media (max-width: 1200px) {
.slick-dots { display:none !important; }
.slick-dots li { width: 20px; height: 20px; }
.slick-dots li button { width: 20px; height: 20px; }
.slick-dots li button:before { width: 20px; }
}
/* slick-slide */
.slick-slide img { max-width:100%; }
/*********** 개별디ìžì¸ ***********/
/*í…스트마퀴*/
.slider_top_banner { position:relative; display:block; width:100%; height:50px; background:#CB2C30; box-sizing:border-box; z-index:600 !important; }
.slider_top_banner .sliderbox { text-align:center; line-height:50px; padding:0; font-size:15px; }
.slider_top_banner .sliderbox a { color:#fff; }
.slider_top_banner .slick-arrow,
.slider_top_banner .slick-dots { display:none !important; }
@media (max-width: 1200px) {
.slider_top_banner { height:50px; }
.slider_top_banner .sliderbox { line-height:50px; }
}
/*ë©”ì¸ìŠ¬ë¼ì´ë“œ*/
.slider_main { position:relative; z-index:1 !important; }
.slider_main .sliderbox .thumbnail {
position:relative;
width:100%;
height: calc(100vh - 50px); /* height: calc(100vh - 91px); */
display: inline-block;
vertical-align: top;
background-position: center 50% !important;
background-repeat: no-repeat !important;
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
-o-background-size: cover !important;
background-size: cover !important;
}
.slider_main .sliderbox .thumbnail .infobox { position:absolute; bottom:40px; left:40px; max-width:400px; }
.slider_main .sliderbox .thumbnail .title { display: none; font-size:32px; font-weight:500; line-height:40px; padding-bottom:20px;}
.slider_main .sliderbox .thumbnail .text { font-size:15px; font-weight:500; line-height:25px; }
.slider_main .slick-arrow { display:none !important; }
@media (max-width: 1200px) {
.slider_main .sliderbox .thumbnail { height: calc(100vh - 110px); }
.slider_main .sliderbox .thumbnail .infobox { position:absolute; bottom:20px; left:20px; right:20px; }
.slider_main .sliderbox .thumbnail .title { font-size:22px; line-height:30px; }
.slider_main .sliderbox .thumbnail .text { font-size:13px; line-height:20px; }
}
/*배너와ì´ë“œ*/
.banner_wide .slick-arrow { display:none !important; }
/*ë©”ì¸ slider_main_prd*/
.mPrd_slider h2 { text-align:center; font-size:15px; padding:150px 0 10px; }
.slider_main_prd { padding:0 9%; box-sizing:border-box; }
.slider_main_prd .sliderbox { position:relative; display:block; text-align:center; padding:30px; box-sizing:border-box; z-index:99; height:100%: }
.slider_main_prd .sliderbox img { width:100%; height:auto;}
.slider_main_prd .sliderbox .prdInfo { outline: none; }
.slider_main_prd .sliderbox .prdInfo .prdName { padding-top:20px; }
.slider_main_prd .sliderbox .prdInfo .prdName > span { font-size:15px !important; line-height:24px; font-weight:500; color:#000 !important; max-width:100%; word-wrap:break-word; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
border-bottom:1px solid #fff; -webkit-transition: border 0.3s; -o-transition: border 0.3s;-ms-transition: border 0.3s;transition: border 0.3s; }
.slider_main_prd .sliderbox:hover .prdInfo .prdName > span { border-bottom:1px solid #000; }
.slider_main_prd .row_section .sliderbox:hover .prdDesc { color:#555 !important; }
.slider_main_prd .sliderbox .prdInfo ul { padding-top:20px; }
.slider_main_prd .sliderbox .prdInfo ul li { display:block; margin:0 0 3px; }
.slider_main_prd .sliderbox .prdInfo ul li span { font-size:12px !important; font-weight:500 !important; color:#000 !important; }
.slider_main_prd .sliderbox .prdInfo ul li:first-child span { font-size:11px !important; color:#555 !important; }
.slider_main_prd .slick-prev { left: 4%; }
.slider_main_prd .slick-next { right: 4%; }
@media (max-width: 1200px) {
.slider_main_prd .sliderbox { padding:15px; }
.slider_main_prd .sliderbox:after { display:none; }
.slider_main_prd .slick-next { display:none !important; }
.slider_main_prd .sliderbox .prdInfo .prdName,
.slider_main_prd .sliderbox .prdInfo ul { padding-top:10px; }
}
/*ê´€ë ¨ìƒí’ˆ*/
.slider_with { width:100%; margin:0; padding:0 20%; background:#fff; box-sizing:border-box; }
.slider_with .sliderbox { position:relative; padding:5px; box-sizing:border-box; }
.slider_with .sliderbox ul { padding:10px 0; }
.slider_with .sliderbox ul li { text-align:left; font-size:11px; font-weight:400; line-height:18px; display:inline-block; margin-right:10px; }
.slider_with .sliderbox ul li a { font-size:13px; }
.slider_with .slick-prev { left: 15%; }
.slider_with .slick-next { right: 15%; }
@media (max-width: 1200px) {
.slider_with { padding:0 20px; }
.slider_with .slick-prev,
.slider_with .slick-next { display:none; }
}
/*ìƒí’ˆìƒì„¸*/
.slider_prd_detail { margin-bottom:50px; }
.slider_prd_detail .thumbnail img { width:450px; }
.slider_prd_detail_nav { width:450px; margin:0 auto; }
.slider_prd_detail_nav .slick-arrow,
.slider_prd_detail_nav .slick-dots { display:none !important; }
/*** 공통 오버 컬러 ***/
.txtInfo { color:#aaa; }
.txtWarn { color:#CB2C30; }
.txtEm { color:#000; }
body.menuBody { }
/*
}
.cbp-spmenu-right.cbp-spmenu-open {
*/
.cbp-spmenu { position: fixed; -webkit-transition: all 0.6s; -o-transition: all 0.6s;-ms-transition: all 0.6s;transition: all 0.6s; }
.cbp-spmenu-vertical { top:0; overflow-y: auto; }
.cbp-spmenu-right { right:0; width:100vw; height:100vh; box-sizing:border-box; z-index:-999 !important; filter:alpha(opacity=0); opacity:0; -moz-opacity:0; }
.cbp-spmenu-right.cbp-spmenu-open {
right:0; z-index:9998 !important; filter:alpha(opacity=1); opacity:1; -moz-opacity:1; background:#EFE6E1; }
/* sidenav */
.sidenav {
position:absolute;
top:20%;
width:100%;
padding:0 30%;
box-sizing:border-box;
}
.nav_box { position:relative; padding:0 0 40px; }
.nav_box_bt { width:100%; padding:50px 0 0; }
/* navbar_btn */
.sidenav .navbar_btn {
position:relative;
display:inline-block;
width: 100%;
box-sizing: border-box;
margin:0;
padding:0;
text-align:left;
height: 50px; line-height: 50px;
font-size:15px; font-weight:500; text-transform: uppercase;
-webkit-transition: all 0.3s; -o-transition: all 0.3s;-ms-transition: all 0.3s;transition: all 0.3s;
}
.sidenav .navbar_btn:before { content:''; position:absolute; top:23px; left:-7px; width:3px; height:3px; background:#000; -moz-border-radius: 100%;-webkit-border-radius: 100%;-o-border-radius: 100%;-ms-border-radius: 100%;border-radius: 100%; }
.nav_box_bt .navbar_btn { font-size:15px; width:auto; }
.nav_box_bt .navbar_btn:before { display:none;}
/* ì¹´í…Œê³ ë¦¬ 리스트 */
#aside .categoryList { padding:0; font-size:15px; font-weight:400; text-transform: uppercase; }
#aside .categoryList ul {
display: none;
opacity: 0;
}
#aside .categoryList li { position:relative; z-index:100; }
#aside .categoryList li > a.cate { }
#aside .categoryList li.selected > ul {
animation: fade-in 1s;
animation-fill-mode: forwards;
display: block;
}
@keyframes fade-in {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
#aside .categoryList a.cate { display:block; padding:0 100px 0 0; line-height: 50px; word-wrap:break-word; }
#aside .categoryList a.view { position:absolute; right:0; top:0; padding:0 10px; height: 50px; line-height: 50px; color:#000; font-size:11px; font-weight:300; border-bottom:0; }
#aside .categoryList li.noChild > a.view { display:none; }
#aside .categoryList > li.selected ul.slideSubMenu { margin:0 5px; }
#aside .categoryList > li.selected ul.slideSubMenu li a.cate { font-size:13px; line-height: 34px; }
#aside .categoryList > li.selected ul.slideSubMenu li a.view { height: 30px; line-height: 34px; padding:0 5px; }
#aside .categoryList > li.selected ul.slideSubMenu ul { margin:0 5px; }
#aside .categoryList > li.selected ul.slideSubMenu ul li a.cate { font-size:12px; line-height: 28px; border-bottom:0; }
#aside .categoryList > li.selected ul.slideSubMenu ul li a.view { height: 28px; line-height: 28px; padding:0 5px; }
#aside .categoryList > li.selected ul.slideSubMenu li:last-child > a.cate { border-bottom:0; }
/*
#aside .categoryList li.selected > a.cate { color:#000; }
#aside .categoryList li.noChild > a.cate { background-image:none !important; }
#aside .categoryList li.noChild:first-child > a.cate { border-top:0; }
#aside .categoryList li.selected.noChild { }
#aside .categoryList > li.selected .slideSubMenu li { background:transparent; }
#aside .categoryList > li { border-top:0px solid #000; }
#aside .categoryList > li > a.cate { }
#aside .categoryList > li.selected > a.cate { border-bottom:0px solid #000; }
#aside .categoryList > li > ul > li > a.cate { border-bottom:0px solid #000; }
#aside .categoryList > li > ul > li:last-child > a.cate { border-bottom:0px solid #000; }
#aside .categoryList > li > ul > li.selected > a.cate { border-bottom:0px solid #000; }
#aside .categoryList > li > ul > li > ul > li > a.cate { border-bottom:0px solid #000; }
#aside .categoryList > li > ul > li > ul > li:last-child > a.cate { border-bottom:0px solid #000; }
#aside .categoryList > li > ul > li > ul > li.selected > a.cate { border-bottom:0px solid #000; }
#aside .categoryList > li > ul > li > ul > li > ul > li a.cate { border-bottom:0px solid #000; }
#aside .categoryList > li > ul > li > ul > li > ul > li:last-child a.cate { border-bottom:0px solid #000; }
*/
/* search */
.searchArea { position:relative; display:block; width:100%; padding:0 0 50px; margin:0; box-sizing:border-box; z-index:2; }
.searchArea .search { display:block; padding:0; margin:0; border-bottom:1px solid #000; cursor:pointer; text-align:center; height: 50px; line-height: 50px; }
.searchArea .search fieldset { position:relative; padding:0; margin:0; height: 50px; }
.searchArea .search #keyword { position:absolute; top:0;left:0; width:100%; height: 50px; line-height: 50px; font-size:15px !important; font-weight:500; color:#000; padding:0;margin:0;border:0;
background:#EFE6E1;
border-radius:0; font-family: 'Martel Sans', 'Spartan', 'Work Sans', 'Noto Sans KR', sans-serif; box-sizing:border-box; }
.searchArea .search #keyword::-webkit-input-placeholder { font-size:15px; font-weight:500; color:#000; font-family: 'Martel Sans', 'Spartan', 'Work Sans', 'Noto Sans KR', sans-serif; }
.searchArea .search #keyword::-moz-placeholder { font-size:15px; font-weight:500; color:#000; font-family: 'Martel Sans', 'Spartan', 'Work Sans', 'Noto Sans KR', sans-serif; }
.searchArea .search .search_submit { position:absolute; top:20px; right:0; cursor:pointer; }
.searchArea .search .search_submit svg { height:16px; }
@media (max-width: 1200px) {
/* sidenav */
.sidenav { top:50px; padding:0 0 100px; }
.nav_box { padding:0 0 40px; }
/* navbar_btn */
.sidenav .navbar_btn {
padding:0 0 0 30px;
font-size:13px;
height: 40px; line-height: 40px;
}
.sidenav .navbar_btn:before { top:18px; left:20px; }
/*nav_box_log*/
.nav_box_log { text-align:right; padding-bottom:5px; border-bottom:1px solid #000; margin:0 20px; }
.nav_box_log .navbar_btn { display:inline-block; width:auto; padding:0 0 0 20px; }
.sidenav .nav_box_log .navbar_btn:before { display:none; }
/* ì¹´í…Œê³ ë¦¬ 리스트 */
#aside .categoryList { padding:10px 20px 0; }
/* search */
.searchArea .search { margin:0 20px; }
}
.navbar .flex_wrap .row_section3:after,
.navbar .flex_wrap .row_section3:nth-child(2n):after { border-right:0; }
.navbar .flex_wrap .row_section3:nth-child(1) { text-align:left; }
.navbar .flex_wrap .row_section3:nth-child(2) { text-align:center; }
.navbar .flex_wrap .row_section3:nth-child(3) { text-align:right; }
.navbar .flex_wrap2 .row_section:nth-child(2) { text-align:right; }
.navbar { position:fixed; top:0; left:0; right:0; width:100%; height:70px; margin:0px auto; padding:0 10px; box-sizing:border-box;
-webkit-transition: opacity 0.6s; -o-transition: opacity 0.6s;-ms-transition: opacity 0.6s;transition: opacity 0.6s;
z-index:9999; *zoom:1;
}
.navbar:before { position:absolute; top:0; left:0; content:''; display:block; background:#fff; filter:alpha(opacity=80); opacity:0.8; -moz-opacity:0.8; width:100%; height:100%; }
.menuBody .navbar:before { background:transparent; filter:alpha(opacity=1); opacity:1; -moz-opacity:1; }
.navbar:hover { filter:alpha(opacity=1); opacity:1; -moz-opacity:1; }
.navbar.mobile { display:none; }
.navbar .nav_m { position:relative; display:inline-block; }
.navbar .nav_m .nav_m_sub { display:none; }
.navbar .nav_m:hover .nav_m_sub {
position:absolute; box-sizing:border-box;
top:60px; left:-10px; width:160px;
padding:10px 10px;
animation: fade-in 0.6s;
animation-fill-mode: forwards;
display: block;
}
.navbar .nav_m:hover .nav_m_sub ul { position:relative; padding:5px 0; }
.navbar .nav_m:hover .nav_m_sub ul:before { position:absolute; top:0; left:0; content:''; display:block; background:#fff; filter:alpha(opacity=80); opacity:0.8; -moz-opacity:0.8; width:100%; height:100%; }
.navbar .nav_m:hover .nav_m_sub li { position:relative; display:block; }
.navbar .nav_m:hover .nav_m_sub a { height: 24px; line-height: 24px; font-size:15px; padding:0 10px; margin:0; color:#000; }
.navbar .nav_m:hover .nav_m_sub a:hover { color:#002554; }
.navbar .navbar_btn { font-size:15px; font-weight:500; height: 70px; line-height: 70px; padding:0 10px; box-sizing:border-box; text-align:center; text-transform: uppercase; }
.navbar .navbar_btn:hover { color:#002554; }
.navbar .flex_wrap .row_section3:nth-child(3) .navbar_btn { padding:0 18px; }
.navbar .siteTitle { display:block; height:20px; margin:25px 0; }
.navbar .siteTitle svg { height:20px; }
.navbar .siteTitle:hover path { fill:#002554; }
.navbar .navbar_btn.viewCart .count { display:inline-block; min-width:12px; font-size:12px; }
.navbar .toggle-menu { width:65px; text-align:right; }
.navbar .navbar_btn.menu-active .toggle_off,
.navbar .navbar_btn .toggle_on { font-size:0; }
.navbar .navbar_btn .toggle_off,
.navbar .navbar_btn.menu-active .toggle_on { font-size:15px; }
@media (max-width: 1200px) {
.navbar { height:50px; }
.navbar .navbar_btn { height:50px; line-height:50px; padding:0 10px 0 0; }
.navbar .toggle-menu { width:55px; }
.navbar .siteTitle { display:block; height:18px; margin:16px 10px; }
.navbar .siteTitle svg { height:18px; }
}
/*
.navbar .toggle span,
.navbar .toggle span:before,
.navbar .toggle span:after { position: absolute; display:block; width:35px; height: 1px; background: #000; cursor: pointer; content: ''; border-radius: 1px;-moz-border-radius: 1px;-webkit-border-radius: 1px;-o-border-radius: 1px;}
.navbar .toggle span { }
.navbar .toggle span:before { top: -6px;}
.navbar .toggle span:after { bottom: -6px;}
*/
.xans-layout-category { display:inline-block; vertical-align:top; }
.xans-layout-category .position { font-size:14px; font-weight:500; }
.xans-layout-category .position > ul > li { position:relative; display:inline-block; vertical-align:top; }
.xans-layout-category .position > ul > li > a { height: 70px; line-height: 70px; font-size:15px; padding:0 10px; margin:0; color:#000; }
.xans-layout-category .position > ul > li > a:hover { color:#002554; }
.xans-layout-category .position > ul > li.selected > a,
.xans-layout-category .position > ul > li.on > a { }
.xans-layout-category .sub-category {
position:absolute; box-sizing:border-box;
top:60px; left:-10px; width:120px;
padding:10px 10px;
animation: fade-in 0.6s;
animation-fill-mode: forwards;
display: block;
}
@keyframes fade-in {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.xans-layout-category .sub-category ul { position:relative; padding:5px 0; }
.xans-layout-category .sub-category li { position:relative; display:block; }
.xans-layout-category .sub-category a { height: 24px; line-height: 24px; font-size:15px; padding:0 10px; margin:0; color:#000; }
.xans-layout-category .sub-category a:hover { color:#002554; }
.xans-layout-category .sub-category li.selected a { }
.xans-layout-category .sub-category ul:before { position:absolute; top:0; left:0; content:''; display:block; background:#fff; filter:alpha(opacity=80); opacity:0.8; -moz-opacity:0.8; width:100%; height:100%; }
/* footer */
#footer { position:relative; width:100%; display:block; padding:100px 0 0; margin:0; background:#fff; }
#footer .footer_info p { display:block; font-size:13px; line-height:28px; font-weight:400; padding:0; }
#footer .footer_info span { margin-right:8px; }
#footer .footer_info .companyInfo { text-align:center; }
#footer .footer_info .companyInfo span { font-size:12px; line-height:18px; margin-right:4px; font-weight:300; }
#footer .footer_info.biz_no_link { margin-right:0; }
#footer .footer_info.biz_no_link a { font-size:12px; }
#footer .footer_info p.right { text-align:right; }
#footer .footer_info p.right span { margin-right:0; margin-left:8px; }
#footer .copy { }
@media (max-width: 1200px) {
#footer { padding:30px 0 0; }
#footer .footer_info { padding:20px; }
#footer .footer_info .companyInfo,
#footer .footer_info p.right { text-align:left; }
#footer .footer_info p.right span { margin-right:8px; margin-left:0; }
#footer .footer_info.mobileType p.right { float:right; margin-top:-28px; }
}
.xans-coupon-productdetailajax { clear:both; overflow:hidden; }
.xans-coupon-productdetailajax > .title { position:relative; border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; }
.xans-coupon-productdetailajax > .title h3 { padding:0 0 0 9px; font-size:12px; color:#008bcc; 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:30px 0 0; text-align:center; }
.xans-coupon-productdetailajax .couponSkinArea ul { zoom:1; margin:0 auto; padding:0; }
.xans-coupon-productdetailajax .couponSkinArea ul:after { content:""; display:block; clear:both; }
.xans-coupon-productdetailajax .couponSkinArea ul li { display:inline; float:left; width:216px; padding:0; list-style:none; }
.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; }
.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; text-decoration:none; }
.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 { overflow:hidden; position:relative; width:398px; border:1px solid #757575; background:#fff; box-shadow:5px 5px 5px #d3d3d3; }
#dCouponDetail h3 { height:35px; padding:0 35px 0 19px; color:#fff; font-size:14px; line-height:35px; background:#495164; }
#dCouponDetail h3 + a { position:absolute; right:20px; top:10px; }
#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; }