.xans-product-detail { position:relative; margin:0 auto; padding:30px 0 0 0; }
.xans-product-detail .detailArea { }
.xans-product-detail .detailArea:after { content:""; display:block; clear:both; }
/* headingArea */
.xans-product-detail .headingArea { position:relative; padding:0 0 10px; margin:0 0 15px; line-height:24px; }
.xans-product-detail .headingArea h2 { display:inline; font-size:14px; color:#2e2e2e; }
.xans-product-detail .headingArea .icon img { margin:0 4px 0 0; vertical-align:middle; }
.xans-product-detail .headingArea .icon .icon_img { margin:0; }
.xans-product-detail .headingArea .supply { overflow:hidden; float:right; }
.xans-product-detail .headingArea .supply span { padding:0 3px 0 0; font-size:16px; font-weight:bold; color:#555; }
/* imgArea */
.xans-product-detail .imgArea { float:left; width:50%; }
.xans-product-detail .imgArea .keyImg { width:100%; margin:0 auto; }
.xans-product-detail .imgArea .keyImg .thumbnail { display:inline-block; position:relative; /*max-width:90%;*/ width:90%; }
.xans-product-detail .imgArea .keyImg .prdIcon { position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; }
.xans-product-detail .imgArea .keyImg img { width:100%; border:1px solid #ececec; cursor:pointer; }
.xans-product-detail .imgArea .listImg { overflow:hidden; width:90%; margin:10px 0 0; height: 100px !important;}
/* .xans-product-detail .imgArea .listImg ul { margin:0 0 0 2px; font-size:0; line-height:0; width: 100% !important;}
.xans-product-detail .imgArea .listImg li {display:inline-block; width: 15%; margin: 0 1% 3% 0; font-size:12px; vertical-align:top;}
.xans-product-detail .imgArea .listImg li img { width:100%; border:1px solid #ececec; cursor:pointer;} */
.xans-product-detail .imgArea .listImg ul {
margin: 0 0 0 2px;
font-size: 0;
line-height: 0;
height: 77px;
overflow: hidden;
}
.xans-product-detail .imgArea .listImg li {
display: inline-block;
margin: 2px;
font-size: 12px;
vertical-align: top;
}
.xans-product-detail .imgArea .listImg li img {
width: 75px;
height: 75px;
border: 1px solid #ececec;
cursor: pointer;
}
.xans-product-detail .imgArea .listImg button { position:absolute; top:3px; width:21px; height:77px; font-size:0; line-height:0; color:transparent; background:url("//img.echosting.cafe24.com/skin/base/product/btn_product_detail_ctrl.png") no-repeat; }
.xans-product-detail .imgArea .listImg .prev { left:0; background-position:0 0; }
.xans-product-detail .imgArea .listImg .next { right:0; background-position:-31px 0; }
.xans-product-detail .imgArea .control { overflow:hidden; width:346px; margin:30px auto 0; border:1px solid #d7d5d5; text-align:center; background:#fbfafa; }
.xans-product-detail .imgArea .control .btnZoom { display:block; padding:11px 0; color:#787878; font-size:12px; letter-spacing:-0.5px; text-decoration:none; }
.xans-product-detail .imgArea .control .prev { float:left; border-right:1px solid #d7d5d5; }
.xans-product-detail .imgArea .control .next { float:right; border-left:1px solid #d7d5d5; }
.xans-product-detail .imgArea .color { overflow:hidden; width:346px; margin:5px auto; }
.xans-product-detail .imgArea .chips { float:left; width:28px; height:18px; margin:0 3px 3px 0; border:1px solid #e3e3e3; font-size:0; line-height:0; }
.xans-product-detail .imgArea .xans-product-action { width:350px; margin:20px auto 0; padding-bottom:23px; }
.xans-product-detail .likeButton { display:table; margin:20px auto 10px; text-align:center; font-size:14px; }
.xans-product-detail .likeButton button { display:inline-block; padding:11px 20px; border:1px solid #b4b4b4; border-bottom-color:#969696; border-radius:2px; color:#737373; line-height:1em; text-align:right; background-color:#fff; }
.xans-product-detail .likeButton button span { display:inline-block; height:16px; line-height:18px; vertical-align:middle; font-family:Gulim, sans-serif; }
.xans-product-detail .likeButton button img { margin:0 2px 0 0; vertical-align:middle; }
.xans-product-detail .likeButton .title { padding:0 9px 0 0; margin:0 8px 0 0; min-width:0; text-align:left; background:url("//img.echosting.cafe24.com/skin/base_ko_KR/product/bg_bar.gif") no-repeat 100% 3px; }
.xans-product-detail .likeButton.selected .title { color:#ef514c; }
.xans-product-detail .likeButton.selected .count { color:#353535; }
/* infoArea */
.xans-product-detail .infoArea .detail_tit { padding: 0 0 25px 9px; margin-top: -9px; font-size: 28px; font-weight: 500; letter-spacing: -0.7px; }
.xans-product-detail .infoArea { width:48%; float:left; margin-left: 2%; }
.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; }
.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; margin:10px 0 0; }
.xans-product-detail .infoArea th { font-weight:normal; color:#353535; width:115px; padding:7px 0 8px 9px; text-align:left; vertical-align:middle; }
.xans-product-detail .infoArea td { padding:7px 6px 8px 0; vertical-align:middle; }
.xans-product-detail .infoArea img { vertical-align:middle; }
.xans-product-detail .infoArea td input[type=text] { width:80%; }
.xans-product-detail .infoArea select { width:100%; height:35px; font-size:17px; 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:bold; }
.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 { padding:4px 10px 4px 0; }
.xans-product-detail .infoArea .xans-product-option tr:first-child th,
.xans-product-detail .infoArea .xans-product-option .xans-product-fileoption th { padding-top:14px; border-top:1px solid #e8e8e8; }
.xans-product-detail .infoArea .xans-product-option tr:first-child td,
.xans-product-detail .infoArea .xans-product-option .xans-product-fileoption td { padding-top:10px; border-top:1px solid #e8e8e8; }
.xans-product-detail .infoArea .xans-product-option td.selectButton { text-align:right; }
.xans-product-detail .infoArea .xans-product-addoption .txtByte { font-size:11px; vertical-align:middle; letter-spacing:-1px; }
.xans-product-detail .infoArea .xans-product-addoption .txtByte strong { color:#008bcc; }
/* ìƒí’ˆ 옵션 */
.xans-product-detail .infoArea .xans-product-option .value { color:#767479; word-break:break-all; }
.xans-product-detail .infoArea .xans-product-option .value .ec-product-value { color:#363437; }
.xans-product-detail .infoArea .xans-product-option .ec-product-button li { position:relative; overflow:hidden; display:inline-block; margin:0 5px 3px 0; vertical-align:top; /*border:1px solid #d7d7d7;*/ background:#fff; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; *display:inline; *zoom:1; }
.xans-product-detail .infoArea .xans-product-option .ec-product-button li:last-child { margin-right:0; }
.xans-product-detail .infoArea .xans-product-option .ec-product-button li a { display:block; min-width:28px; text-align:center; text-decoration:none; word-break:break-all; }
.xans-product-detail .infoArea .xans-product-option .ec-product-button li a span { display:inline-block; padding:5px 10px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; border:1px solid #eee; }
.xans-product-detail .infoArea .xans-product-option .ec-product-button.ec-product-preview li { /*padding:3px;*/ border-radius:100%; margin-right:10px; }
.xans-product-detail .infoArea .xans-product-option .ec-product-button.ec-product-preview .ec-product-selected { border:2px solid #000; border-radius:100%; }
.xans-product-detail .infoArea .xans-product-option .ec-product-button.ec-product-preview li a { min-width:22px; width:22px; height:22px; border-radius:100%; border:1px solid #eee; }
.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; opacity:0; }
.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 #000; }
.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 7px 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-action */
.xans-product-detail .infoArea .xans-product-action { padding:30px 0 10px; /*border-top:1px solid #e8e8e8;*/ }
.xans-product-detail .infoArea .xans-product-action .ec-base-button .first { width: 100%; display:block; height:60px; font-size:17px; font-weight:400; background-color:#333; color:#fff; border:1px solid #333; line-height:60px; margin-bottom:10px; }
.xans-product-detail .infoArea .xans-product-action .ec-base-button .first:hover { background-color:#fff; color:#333; }
.xans-product-detail .infoArea .xans-product-action .ec-base-button .btnBlack { width:49%; display:inline-block; height:60px; line-height:60px; font-size:17px; font-weight:400; background-color:#111; color:#fff; border:1px solid #333; }
.xans-product-detail .infoArea .xans-product-action .ec-base-button .btnWhite { width:49%; display:inline-block; height:60px; line-height:60px; font-size:17px; font-weight:400; border:1px solid #eee; }
.xans-product-detail .infoArea .xans-product-action .ec-base-button .btnWhite:hover { border:1px solid #333; }
/* eventArea */
.xans-product-detail .eventArea { color:#353535; }
.xans-product-detail .eventArea h3 { padding:0 0 0 9px; border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; font-size:12px; color:#008bcc; line-height:39px; }
.xans-product-detail .eventArea .event { padding:27px 10px 46px 9px; color:#353535; line-height:18px; }
/* xans-myshop-benefit */
.xans-myshop-asyncbenefit { margin:30px 0; }
.xans-myshop-asyncbenefit .member { margin:2px 0 19px; }
.xans-myshop-asyncbenefit .member em { font-style:normal; }
/* ìƒí’ˆ 미리보기 ì´ë¯¸ì§€ */
#image_zoom_small { display:block; position:absolute; z-index:999; background:#fff; outline:2px solid #aaa; filter:alpha(opacity=50); opacity:0.5; }
#zoom_wrap { position:absolute; top:0; left:103%; z-index:100; display:block;}
.image_zoom_large { position:absolute; z-index:99; width:500px; height:500px; overflow:hidden; background:#fff; outline:1px solid #ececec; }
.image_zoom_large .image_zoom_large_relative { position:relative; display:block; }
.image_zoom_large .image_zoom_large_relative img#zoom_image { position:absolute; z-index:99; max-width:none; }
#NaverChk_Button { 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; border:1px solid #d7d5d5; border-bottom:0; }
.xans-product-detail .productSet > .title { position:relative; height:40px; line-height:40px; box-sizing:border-box; border-bottom:1px solid #e9e9e9; background-color:#fbfafa; }
.xans-product-detail .productSet > .title h3 { margin:0 0 0 9px; font-size:12px; color:#353535; }
.xans-product-detail .productSet .product > li { position:relative; border-bottom:1px solid #d7d5d5; }
.xans-product-detail .productSet .thumbnail { position:absolute; top:19px; left:19px; z-index:1; width:100px; }
.xans-product-detail .productSet .thumbnail img { max-width:100%; border:1px solid #ededed; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.xans-product-detail .productSet .information { position:relative; padding:19px 19px 0 135px; }
.xans-product-detail .productSet .information > p { margin:0 0 10px; }
.xans-product-detail .productSet .information .name { padding-right:60px; }
.xans-product-detail .productSet .information .price .del { font-weight:normal; }
.xans-product-detail .productSet .information .salePrice { color:#ff8a56; font-weight:bold; }
.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 19px 9px 135px; }
.xans-product-detail .productSet .option > li { margin:0 0 12px; }
.xans-product-detail .productSet .option .name { display:block; margin:0 0 5px; font-weight:normal; }
.xans-product-detail .productSet .option input[type=text] { width:80%; }
.xans-product-detail .productSet .option .ec-base-qty { margin:7px 0 0; }
.xans-product-detail .productSet .option .selectButton { margin:0 0 6px; text-align:right; }
.xans-product-detail .productSet .guide { overflow:hidden; position:relative; margin:0 19px; }
.xans-product-detail .productSet .guide:after { content:""; display:block; clear:both; }
.xans-product-detail .productSet .guide .qty { float:left; display:inline-block; padding:12px 0; color:#757575; }
.xans-product-detail .productSet .guide .qty:before { content:""; position:absolute; top:0; left:0; display:inline-block; width:100%; border-top:1px solid #e8e8e8; }
.xans-product-detail .productSet .guide .sizeGuide { float:right; height:15px; margin:12px 0; 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; }
/* ì´ ìƒí’ˆ */
#totalProducts { margin:21px 0 0; }
#totalProducts table { margin:0; }
#totalProducts table .left { text-align:left; }
#totalProducts table .center { text-align:center; }
#totalProducts table .right { padding-right:10px !important; font-weight:bold; color:#000; text-align:right; }
#totalProducts thead th { height:0; padding:0; font-size:0; line-height:0; }
#totalProducts tbody th { vertical-align:middle; }
#totalProducts tbody td { padding:9px 0; color:#353535; line-height:18px; vertical-align:middle; word-wrap:break-word; word-break:break-all; font-size: 17px; font-weight:500; }
#totalProducts tbody td p { padding:10px 10px 0 10px; font-weight:normal; line-height:21px; font-size:13px; }
#totalProducts tbody td p.product span { font-weight:normal; color:#0000ff; line-height:18px; font-size:12px; }
#totalProducts tbody td p.product span.soldOut { color:#ff0000; }
#totalProducts tbody td img { vertical-align:middle; }
#totalProducts tbody td .quantity { display:inline-block; /* display: table; */ margin-left: auto; margin-right: auto; position:relative; width:50px; vertical-align:top; }
#totalProducts tbody td .quantity input { width:22px; height:23px; padding:0 2px 0 3px; line-height:23px; border:1px solid #d4d8d9; border-radius:3px 0 0 3px; }
#totalProducts tbody td .quantity .up { position:absolute; left:28px; top:0; }
#totalProducts tbody td .quantity .down { position:absolute; left:28px; top:12px; }
#totalProducts tbody.option_products tr td .quantity input,
#totalProducts tbody.add_products tr td .quantity input { height:19px; line-height:19px; }
#totalProducts tbody.option_products tr td .quantity .down,
#totalProducts tbody.add_products tr td .quantity .down { bottom:0; top:auto; }
#totalProducts tbody td .mileage { display:block; white-space:nowrap; }
#totalProducts tbody td .mileage_price { }
#totalProducts tbody tr.option td{border-top: 0;}
#totalProducts tbody tr.option th {border-top:0; }
#totalProducts > table > tbody > tr:first-child > td{ border-top: 0; }
#totalProducts > table > tbody > tr > td:first-child{ padding-left:10px; }
#totalProducts table tr.option_product > td{padding:0}
#totalProducts table tr.option_product > td > table tr:first-child td {border-top:0; }
#totalProducts table tr.option_product > td > table tr.option > td{border-top:0; background:#f8f8f8; padding: 9px 0;}
#totalProducts table tr.option_product > td > table tr.option > td:first-child{padding:0}
#totalProducts table tr.option_product + tr.option_product > td {border-top:0; }
#totalProducts > table > tbody > tr#totalProductsOption > td:first-child{border-top: 0;padding:0}
#totalProducts table tr.add_product > td { padding: 0; }
#totalProducts table tr.add_product > td > table tr.option > td:first-child { padding: 0; }
#totalProducts table tr.add_product > td > table tr:first-child td { border-top: 0; }
/* ì´ ìƒí’ˆ 금액 */
.totalPrice { font-size:15px; margin:10px 0 0; padding:34px 9px 19px; color:#353535; vertical-align:middle; background:#fff; text-align:right; }
.totalPrice .total { color:#000; }
.totalPrice .total em { font-style:normal; font-size:21px; }
/* 배송비 차등부과 ë ˆì´ì–´ */
.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 table { font-size:17px; font-weight:bold; }
.xans-product-detail .infoArea .regularDelivery th { vertical-align:top; font-weight:bold; }
.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); }
/* 카카오톡 ê³µìœ ë¦¬ì›Œë“œ 커스텀 */
#kl_chatis_init_check{margin-top: 0 !important; margin-bottom: 0 !important;}
/* 옵션 글ìží¬ê¸° */
.xans-product-option * { font-size:17px!important; }
#totalProducts .option_product .product { font-size:17px!important; }
#totalProducts .option_product .product span { font-size:17px!important; }
/* 추가구성ìƒí’ˆ */
.xans-product-addproduct .information .name strong { font-size:17px!important; font-weight:bold!important; color:#2e2e2e!important; }
.xans-product-addproduct .information .price strong { font-size:15px!important; font-weight:bold!important; color:#ff0000!important; }
.xans-product-addproduct .information .salePrice { font-size:15px!important; font-weight:bold !important ; color:#ff0000 !important ; }
/* ìœ íŠœë¸Œ ë°˜ì‘형 */
.media-wrapper { position: relative; width: 60%; margin: 0; padding: 0; }
.aspect-4x3 { padding-bottom: 40%; }
.media-wrapper iframe,
.media-wrapper img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; }
.media-wrapper img { object-fit: cover; }
/* í…스트 ì¶”ê°€ìž…ë ¥ 옵션 */
.xans-product-addoption th { font-size:15px; }
/* 추가 css */
#prdDetail img { max-width:100% !important; height:auto !important; }
#prdDetail { text-align:center; }
/* ìƒí’ˆìƒì„¸ 후기 ì˜ì— */
#product-review-read .view img { max-width: 80% !important; } /* 후기_첨부ì´ë¯¸ì§€ 기능 사용 ì‹œ, ì´ë¯¸ì§€ 최대값 css */
/* ìƒí’ˆêµ¬ë§¤ì•ˆë‚´ */
#prdInfo > .cont { font-weight:300; line-height:21px; }
#prdInfo .infoBox { width:100%; border-bottom:1px solid #eee; }
#prdInfo .infoBox:last-child { border:0; }
#prdInfo .infoBox:after { content:''; display:block; clear:both; }
#prdInfo .box { width:49%; display:block; vertical-align:top; padding:40px 20px; box-sizing:border-box; min-height:356px; border-right:1px solid #eee; }
#prdInfo .left { float:left; }
#prdInfo .right { float:right; border-right:0; }
#prdInfo .full { width:100%; border-right:0; }
#prdInfo .infoText { line-height:24px; font-size:14px; font-weight:400; color:#777; }
#prdInfo .infoText b { font-weight:500; color:#333; }
#prdInfo .cont h2 { font-size:17px; padding-bottom:10px; display:inline-block; font-weight:400; color:#000; }
#prdInfo .cont .infoTitle { margin:5px 0 14px; color:#444; font-size:14px; border-bottom:2px solid #000; }
/* ìƒí’ˆ 구매안내 */
.xans-product-additional .ec-base-tab .menu { margin:30px 0 11px; }.xans-product-additional .cont { padding:27px 10px 46px 9px; color:#353535; line-height:18px; }
.xans-product-additional .cont h3 { margin:0 0 20px; color:#444; font-size:12px; }
.xans-product-additional div.board { padding:27px 0 46px; color:#353535; line-height:25px; font-size:17px; font-weight:300; }
.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 { margin:15px 0 0; font-size:17px; font-weight:400; color:#000; line-height:39px; text-align:center; }
.xans-product-additional div.board td .view { padding:16px 19px 0; line-height:25px; text-align:left; }
#commentWriteForm_4,
#commentWriteForm_6 { padding:0 19px; }
#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 19px; }
.xans-product-additional .boardComment li { position:relative; overflow:hidden; margin:10px 0 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:16px 0 15px 9px; border-top:1px solid #e9e9e9; line-height:25px; word-break:break-all; }
.xans-product-additional .boardComment li .name { margin:0 21px 0 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:20px 15px; 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:44px; text-indent:4px; *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:-1px 0 0; padding:10px 0 7px 33px; border:1px solid #e9e9e9; background:url("//img.echosting.cafe24.com/skin/admin_ko_KR/board/ico_comment.gif") no-repeat 20px 15px; }
.xans-product-additional .boardComment li.replyArea .commentSecret { margin-right:30px; }
.xans-product-additional .boardComment li.replyArea .comment { margin:7px 0 0; 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; }
/* ìƒë‹¨ ê´€ë ¨ìƒí’ˆ */
.xans-product-relation .topRel { margin-bottom:-50px; }
.xans-product-relation .topRel .title { margin-bottom:10px; }
.xans-product-relation .topRel .title h2 { font-weight:normal; font-size:19px; color:#2e2e2e; letter-spacing:1px; }
/* 최하단 ê´€ë ¨ìƒí’ˆ */
.xans-product-relation.ec-base-tab .menu { margin:30px 0 11px; border-bottom:1px solid #eee; }
.xans-product-relation .relation { position:relative; padding:20px 0 50px; color:#8f8f91; line-height:1.8em; }
.xans-product-relation .relation h3 { padding:0 10px 0 9px; color:#444; font-size:12px; }
.xans-product-relation .relation .prdList { display:block; width:100%; min-width:756px; margin:-8px 0 0; font-size:0; line-height:0; }
.xans-product-relation .relation .prdList img { vertical-align:middle; }
.xans-product-relation .relation .prdList .items { display:inline-block; margin:20px 10px; color:#757575; vertical-align:top; *display:inline; *zoom:1; }
.xans-product-relation .relation .prdList .items .box { margin:0 auto; font-size:15px; line-height:18px; font-weight:300; }
.xans-product-relation .relation .prdList .items { }
.xans-product-relation .relation .prdList .items .box { width:100%; text-align:left; }
.xans-product-relation .relation .prdList .items .box strong { display:block; margin:3px 0 0; color: #ff0000; font-weight: 500; }
.xans-product-relation .relation .prdList .items .box .salePrice strong { color:#000; }
.xans-product-relation .relation .prdList .items .box .strike { font-weight:normal; text-decoration:line-through; }
.xans-product-relation .relation .prdList .items .thumb { width:100%; margin:0 0 16px; border:1px solid #ececec; }
.xans-layout-multishoplist.list { float:right; position:relative; z-index:10; height:45px; margin:0 0 0 6px; }
.xans-layout-multishoplist.list .toggle { display:block; height:45px; padding:0 0 0 10px; color:#757575; line-height:45px; font-size:12px; background:url("//img.echosting.cafe24.com/skin/base/common/ico_bar.gif") no-repeat 0 17px; }
.xans-layout-multishoplist.list .toggle span { padding:0 25px 0 0; background:url("//img.echosting.cafe24.com/skin/base/layout/ico_multishop1.png") no-repeat 100% 4px; }
.xans-layout-multishoplist.list .toggle span > img { vertical-align:middle }
.xans-layout-multishoplist.list > ul { display:none; position:absolute; right:0; top:44px; overflow:auto; width:248px; height:155px; border:1px solid #d5d5d5; background:#fff; }
.xans-layout-multishoplist.list > ul li { position:relative; height:39px; margin:-1px 0 0; border-top:1px solid #d5d5d5; line-height:39px; }
.xans-layout-multishoplist.list > ul li a { display:block; overflow:hidden; padding:0 62px 0 48px; color:#353535; white-space:nowrap; text-decoration:none; text-overflow:ellipsis; background:url("//img.echosting.cafe24.com/skin/base/layout/ico_multishop2.png") no-repeat 100% -24px; }
.xans-layout-multishoplist.list > ul li.selected a { background:#f3f3f3 url("//img.echosting.cafe24.com/skin/base/layout/ico_multishop2.png") no-repeat 100% 16px; }
.xans-layout-multishoplist.list > ul li a img { position:absolute; left:10px; top:9px; }
.xans-layout-multishoplist.list > ul li a .name strong { font-weight:normal; }
.xans-layout-multishoplist.list > ul li a .unit { position:absolute; right:38px; top:0; font-size:11px; color:#757575; }
.xans-layout-multishoplist.list.show > ul { display:block; }
.xans-layout-multishoplist.thumb { position:absolute; left:150px; top:9px; }
.xans-layout-multishoplist.thumb > ul { overflow:hidden; }
.xans-layout-multishoplist.thumb > ul li { float:left; /*width:32px;*/ margin:0 4px 0 0; }
.xans-layout-multishoplist.thumb > ul li a { text-decoration:none; }
.xans-layout-multishoplist.thumb > ul li a img { max-height:18px; }
.xans-layout-multishoplist .multiOption a { display:inline-block; height:24px; line-height:24px; color:#666; }
.xans-layout-multishoplist .multiOption a:hover { text-decoration:none; }
.xans-layout-multishoplist .multiOption .ship,
.xans-layout-multishoplist .multiOption .language { margin:0 15px 0 0; }
.xans-layout-multishoplist .multiOption .language img { margin:0 6px 0 1px; }
.xans-layout-searchheader { position:absolute; top:38px; right:0; margin:0; width:235px; height:44px; }
.xans-layout-searchheader fieldset { border-bottom:2px solid #333; }
.xans-layout-searchheader #keyword { width:180px; height:36px; margin:1px 10px 0 0; border:0; line-height:24px; font-size:14px; color:#333; background:#fff; outline:none;}
.xans-layout-searchheader img { position:relative; margin-top:7px; cursor:pointer; }
.popular{ margin:0 0 5px 12px;}
.popular a { color: #ababab; padding: 0 5px; font-size: 14px; font-weight: 300;}
.popular a:hover{color:#000;}
.xans-layout-productrecent { margin:10px 0 0; border:1px solid #e3e3e3; text-align:center; background:#fff; }
.xans-layout-productrecent h2 a { border-bottom:1px solid #e3e3e3; display:block; padding:5px 0; font-size:12px; line-height:17px; font-weight:normal; color:#111; }
.xans-layout-productrecent ul { width:100%; margin:0 auto; border:1px solid #e3e3e3; border-width:1px 0; }
.xans-layout-productrecent li { margin: 5px;}
.xans-layout-productrecent li a { color:#2e2e2e; }
.xans-layout-productrecent li img { width:100%; -khtml-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.xans-layout-productrecent li:hover img { filter: alpha(opacity=70); opacity: 0.7; -webkit-opacity: 0.7; }
.xans-layout-productrecent li span { display:block; padding:2px 0; line-height:16px; }
.xans-layout-productrecent .player { overflow:hidden; *zoom:1; }
.xans-layout-productrecent .player img { float:left; }
/* .xans-layout-footer { position:relative; float:right; width:1000px; height:234px; }
.xans-layout-footer .utilMenu { overflow:hidden; height:44px; line-height:44px; *zoom:1; }
.xans-layout-footer .utilMenu li { float:left; padding:0 10px 0 10px; background:url("//img.echosting.cafe24.com/skin/base/common/ico_bar2.gif") no-repeat 0 15px; }
.xans-layout-footer .utilMenu li.home { padding-left:0; background:none; }
.xans-layout-footer .utilMenu li a { color:#2e2e2e; }
.xans-layout-footer .address { padding:24px 0; color:#757575; line-height:24px; }
.xans-layout-footer .address span { padding:0 25px 0 0; }
.xans-layout-footer .address span a { color:#757575; }
.xans-layout-footer .copyright { position:absolute; left:0px; bottom:0; height:45px; font-size:11px; line-height:45px; }
.xans-layout-footer .pageTop { position:absolute; right:0; top:10px; }
.xans-layout-footer .hosting { position:absolute; right:0; top:77px; } */
.xans-layout-footer { margin-top: 140px; padding: 60px 100px 40px; background: #E6E4E2; }
.xans-layout-footer::after { content: ''; display: block; clear: both; }
.xans-layout-footer .info { display: inline-block; width: 42%; float: left; padding-right: 80px; }
.xans-layout-footer .info p.logo { margin-bottom: 24px; }
.xans-layout-footer .info ul { line-height: 20px; }
.xans-layout-footer .info ul li { display: inline; margin-right: 6px; font-size: 15px; white-space: nowrap; line-height: 2; }
.xans-layout-footer .info ul li span { display: inline; margin-right: 6px; color: #999; }
.xans-layout-footer .info p.safe { font-size: 13px; line-height: 2; }
.xans-layout-footer .info button { font-family: 'Montserrat'; color: #333; background: transparent; font-size: 13px; }
.xans-layout-footer .footer_wrap { display: flex; float: right; }
.xans-layout-footer .footer_wrap > div { max-width: 180px; margin-right: 80px; }
.xans-layout-footer .footer_wrap > div:last-of-type { margin-right: 0; }
.xans-layout-footer .footer_wrap h3 { font-size: 20px; margin-bottom: 20px; }
.xans-layout-footer .bank { font-size:15px; }
.xans-layout-footer .cs p.phone { font-size: 20px; margin-bottom: 15px; }
.xans-layout-footer .cs p.runtime { font-size: 15px; line-height: 2; }
.xans-layout-footer .bank p.account { font-size: 18px; line-height: 16px; }
.xans-layout-footer .about ul li { font-size: 15px; margin-bottom: 8px; }
.xans-layout-footer .about ul li a:hover { color: #999; }
.xans-layout-footer .social ul li { font-size: 13px; margin-bottom: 8px; }
.xans-layout-footer .social ul li a:hover { color: #999; }
.xans-layout-footer p.copyright { float: left; width: 100%; margin-top: 60px; padding-top: 20px; border-top: 1px solid #cdc9c5; color: #666; }
.xans-layout-footer p.copyright a { color: #666; }
.social .sns_icon a {font-size:15px;}
@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%; overflow-y:scroll; /*스í¬ë¡¤ë°” í•ìƒ ê³ ì •ì†ŒìŠ¤*/}
body,code { font:0.75em 'Open Sans','Montserrat','Noto Sans KR',sans-serif;/* 홈페ì´ì§€ì— ì ìš©ëœ ì „ì²´ í°íŠ¸ */ color:#353535; background:#fff; }
/* body { min-width:1480px; } */
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; }
hr.layout { display:none; }
a { text-decoration:none; color:#000; }
a:hover { text-decoration:none; transition:all 0.3s ease; -khtml-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; }
a:active { text-decoration:none; }
strong { font-weight:500; }
h3 { font-weight:500; }
.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 ìˆ˜ì • ë° ì‚ì œ 불가 **************************** */
@charset "utf-8";
/* ë©”ì¸ ë ˆì´ì•„웃css */
#wrap { position:relative; width:100%; margin:0 auto 0; }
#wrap .inner_area { position:relative; width:1200px; margin:0px auto; }
#main #container { position:relative; margin:0 auto; *zoom:1; }
#layout #container { width:1200px; margin:0 auto; *zoom:1; padding-top:50px; }
#container:after { content:""; display:block; clear:both; }
#container #contents {float: right; width: 1200px; margin-bottom: 70px;}
#sidebar { float:left; width:180px; }
#sidebar .banner { padding:0 0 20px;}
#sidebar .banner p a { display:block; }
#contents { float:left; width:1350px;}
#banner { position:absolute; top:0; left:0; width:90px; float:left; }
#banner p { margin:10px 0 0; }
/* 퀵ì˜ì— */
#quick { position:absolute; top:0; right:5%; z-index:5; width:120px; }
#quick .banner a { display:block; margin:0 0 0; }
/* ì´ë¯¸ì§€ 줌 */
.img_zoom a { overflow: hidden; }
.img_zoom a img { -webkit-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }
.img_zoom a:hover img { -webkit-transition: all 0.3s ease-in; -webkit-transform: scale(1.1); -ms-transition: all 0.3s ease-in; -ms-transform: scale(1.1); -moz-transition: all 0.3s ease-in; -moz-transform: scale(1.1); transition: all 0.3s ease-in; transform: scale(1.1);}
/* Main */
#boardArea { overflow:hidden; /*margin:50px 0 0; border-top:1px solid #d8d8d8;*/ }
#bannerArea { margin:22px 0 0; }
#bannerArea h2 { margin:0 0 16px; font-weight:normal; font-size:20px; color:#2e2e2e; text-align:center; }
/* íƒìƒ‰ê²½ë¡œë°” */
.path { display:none; overflow:hidden; height:30px; line-height:30px; *zoom:1; }
.path span { overflow:hidden; position:absolute; width:0; height:0; white-space:nowrap; text-indent:100%; }
.path ol { float:right; }
.path li { float:left; padding:0 0 0 12px; margin:0 0 0 8px; color:#757575; background:url("//img.echosting.cafe24.com/skin/base/layout/ico_path.gif") no-repeat 0 10px; }
.path li:first-child { background:none; }
.path li a { color:#757575; font-size:13px; }
.path li strong,
.path li strong a { color:#2e2e2e; }
/* 타ì´í‹€ */
.titleArea { min-height:30px; margin:10px 0 50px; text-align:center; }
.titleArea h2 { display:block; margin-bottom:10px; font-size:38px; font-weight:500; *display:inline; }
.titleArea p { display:block; position:relative; margin:auto; padding:0; color:#939393; font-size:17px; font-weight:300; }
.titleArea ul { padding:13px 0; color:#939393; line-height:18px; }
.titleArea ul li { position:relative; padding:0 0 0 9px; font-size:15px; font-weight:300; line-height:23px; }
.titleArea ul li:before { display:block; position: absolute; top:50%; left:0; content:""; width:2px; height:2px; margin:-2px 0 0 0; background:#939393; }
/* ê²Œì‹œíŒ ë©”ì¸ */
.boardMain { overflow:hidden; *zoom:1; }
.boardMain td img { vertical-align:middle; margin:1px; }
.boardMain .board { position:relative; margin:0 0 65px; }
.boardMain .leftArea { float:left; width:50%; }
.boardMain .leftArea .board { margin:0 23px 65px 0; }
.boardMain .rightArea { float:right; width:50%; }
.boardMain .rightArea .board { margin:0 0 65px 23px; }
.boardMain .board h3 { margin:0 0 13px; height:28px; font-size:16px; color:#2e2e2e; border-bottom:2px solid #626672; }
.boardMain .board .btnLink { position:absolute; top:3px; right:0; }
.boardMain .board .ec-base-table.typeList td { color:#a4a4a4; }
.boardMain .board .ec-base-table.typeList td.title a,
.boardMain .board .ec-base-table.typeList td.title a:hover { color:#4f4f4f; }
.boardMain .board .galleryList { overflow:hidden; }
.boardMain .board .galleryList ul { overflow:hidden; margin:0 -10px; }
.boardMain .board .galleryList li { float:left; position:relative; width:20%; padding:0 0 12px 0; word-break:break-all; }
.boardMain .board .galleryList li span { display:block; margin:0 10px; font-size:11px; color:#a4a4a4; }
.boardMain .board .galleryList li .imgLink,
.boardMain .board .galleryList li .imgLink:hover { display:block; margin:0 10px 5px; font-size:12px; }
.boardMain .board .galleryList li .imgLink img { width:100%; max-height:110px; border:1px solid #ededed; }
/* 퀵뷰 모달 */
#modalBackpanel { display:none; position:absolute; top:0; left:0; z-index:10000; width:100%; height:100%; background:#000; }
#modalContainer { display:none; position:absolute; top:100px; left:100px; z-index:10001; width:975px; height:720px; border:1px solid #333; background:#fff; }
#modalContainer #modalContent { width:100%; height:100%; }
/* Font */
.txtInfo { color:#707070; }
.txtWarn { color:#f76560; }
.txtEm { color:#333; }
.txtDel, .strike, .discount { text-decoration:line-through; font-weight:normal; }
.strike strong, .discount strong { font-weight:normal; }
.txtNormal { font-weight:normal; font-style:normal; }
.txtNum { display:inline-block; font-size:11px; color:#939393; word-break:normal; }
.txt11 { font-size:11px; }
.txt12 { font-size:12px; }
.txt14 { font-size:14px; }
.txt16 { font-size:16px; }
.txt18 { font-size:18px; letter-spacing:-1px; }
.txtIcon { font-size:12px; font-style:normal; }
.txtBreak { word-break:break-all; word-wrap:break-word; }
/* JP, TW, CN */
html:lang(ja) .txt11,
html:lang(zh) .txt11,
html:lang(zh-tw) .txt11 { font-size:12px; }
/* 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; }
.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("//img.echosting.cafe24.com/skin/base/common/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:#353535; vertical-align:middle; }
input[type=radio],
input[type=checkbox] { width:13px; height:13px; border:0; }
input[type=text],
input[type=password] { height:18px; line-height:20px; padding:2px 4px; border:1px solid #d5d5d5; color:#353535; font-size:12px; }
input[type=radio] + label, input[type=checkbox] + label { margin:0 4px 0 2px; }
select { height:24px; 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; }
table tr.radioType input,
span.noBorder input { border:none !important; width:auto !important; height:auto !important; margin:0 3px 0 0 !important; vertical-align:middle !important; background:none !important; }
.gLabel { display:inline-block; }
.gLabel label { margin-right:20px; line-height:22px; }
.fWidthFull input[type=text] { width:100%; height:24px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.fWidthFull textarea { width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.fWidthFull select { width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.fList.typeHor .gLabel { margin-right:20px; }
.fList.typeVer .gLabel { display:block; }
/* ec-base-radio */
.ec-base-radio.typeDelivery .ec-base-label{display:block;}
.ec-base-tooltip { display:none; z-index:2; position:absolute; top:24px; padding:15px; border:1px solid #565960; background:#fff;
-webkit-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.15);
-moz-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.15);
box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.15);
}
.ec-base-tooltip 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:14px; top:14px; }
.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:#008bcc; }
.ec-base-tooltip .txtWarn { color:#f65b54; }
/* 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; }
span.ec-base-help,
p.ec-base-help,
ul.ec-base-help li { margin:2px 9px; padding:5px 0 5px 20px; line-height:1.4; background:url('//img.echosting.cafe24.com/skin/base/common/ico_info.gif') no-repeat 0 2px; }
div.ec-base-help { margin:20px 0; border:1px solid #eee; line-height:28px; font-size:14px; font-weight:300; }
div.ec-base-help > h2,
div.ec-base-help > h3 { padding:9px 0 6px 10px; border-bottom:1px solid #e8e7e7; color:#101010; font-size:12px; background:#fbfbfb; }
div.ec-base-help > h3 { display:none; }
div.ec-base-help .inner { padding:0 9px 12px; }
div.ec-base-help h4 { margin:23px 0 5px 13px; font-size:15px; font-weight:500; }
div.ec-base-help h4:first-child { margin:13px 0 5px 13px; font-size:15px; }
div.ec-base-help p { margin:15px 0 0 10px; color:#707070; }
div.ec-base-help ul,
div.ec-base-help ol { margin:16px 0 0 11px; }
div.ec-base-help li { color:#707070; }
/* number */
div.ec-base-help ol li { padding:0 0 0 25px; background:url('//img.echosting.cafe24.com/skin/base/common/ico_number.png') no-repeat; }
div.ec-base-help ol .item1 { background-position:-484px 6px; }
div.ec-base-help ol .item2 { background-position:-434px -94px; }
div.ec-base-help ol .item3 { background-position:-384px -194px; }
div.ec-base-help ol .item4 { background-position:-334px -294px; }
div.ec-base-help ol .item5 { background-position:-284px -394px; }
div.ec-base-help ol .item6 { background-position:-234px -494px; }
div.ec-base-help ol .item7 { background-position:-184px -594px; }
div.ec-base-help ol .item8 { background-position:-134px -694px; }
div.ec-base-help ol .item9 { background-position:-84px -794px; }
div.ec-base-help ol .item10 { background-position:-34px -894px; }
/* typeDash */
div.ec-base-help ul li { padding:0 0 0 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 0 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; }
/* ë©”ì¸ ì§„ì—´ - ë¡¤ë§ */
.roll_prd { margin: 100px auto 100px !important; width: 1200px; clear: both; }
.roll_prd .slick-arrow { top:35%; opacity:1; box-shadow:0px 3px 4px 0px rgb(161 161 161 / 30%); }
.roll_prd .slick-slider .slick-list { width:1200px; margin: 0 auto; }
.roll_prd .slick-slider .slick-slide { position: relative;}
.roll_prd .discount { left:18px; }
.roll_prd .promotion { display:none; }
.roll_prd .title { margin-bottom: 30px!important; } /* ë©”ì¸ ë¡¤ë§ì§„ì—´ 타ì´í‹€ */
.roll_prd .slick-dots { position:absolute; right: 5px; top: 22px; text-align: right; width: 50%; height: 20px; } /* ë©”ì¸ ë¡¤ë§ì§„ì—´ 페ì´ì§• 버튼 */
/* 슬ë¼ì´ë“œ ìƒí’ˆì§„ì—´ 소스 */
.slick-initialized .slick-slide:hover .discount_rate { color: #f40000; background:transparent; }
.slick-initialized .slick-slide:hover .icon { bottom: 10px; filter: alpha(opacity=100); opacity: 1.0; -webkit-opacity: 1.0; -khtml-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
/* ë©”ì¸ ì§„ì—´ - 마우스오버진열 */
.nomargin .prdList .thumbnail { margin:0 !important; }
.ec-over-product .xans-product-listitem .displayìƒí’ˆìš”ì•½ì •ë³´ { margin-bottom:5px; }
.ec-over-product .xans-product-listitem .displayìƒí’ˆ.간략설명 { margin:10px 0 10px; font-weight:300 !important; }
.ec-over-product .xans-product-listitem .displayìƒí’ˆìƒ‰ìƒ { margin-top:10px; }
.ec-over-product .xans-product-listitem .display소비ìžê°€ { display:inline-block; color:#aaa; font-size:13px; font-weight:400 !important; margin-right:5px; }
.ec-over-product .xans-product-listitem .displayíŒë§¤ê°€ { display:inline-block; color:#333; font-size:16px; font-weight:600 !important; margin-bottom:10px; }
.ec-over-product { margin:0 auto 100px; }
.ec-over-product .title { margin:0 0 17px; }
.ec-over-product .title h2 { font-weight:500; font-size:32px; color:#2e2e2e; text-align:center; }
.ec-over-product .title h3 { font-weight:500; font-size:32px; color:#2e2e2e; text-align:center; }
.ec-over-product .title p { font-weight: 300; font-size: 16px; color: #999; letter-spacing: 0.5px; margin-top: 10px; display: inline-block; }
.ec-over-product img { vertical-align:middle; }
.ec-over-product .prdList { width:100%; min-width:756px; margin:0; font-size:0; line-height:0; }
.ec-over-product .prdList > li { position:relative; display:inline-block; margin:0; color:#757575; vertical-align:top; }
.ec-over-product .prdList .chk { position:absolute; top:-10px; left:0; right:0; display:block; margin:0 0 10px; }
.ec-over-product .prdList .thumbnail { position:relative; margin:10px; text-align:center; }
.ec-over-product .prdList .thumbnail a img { max-width:100%; box-sizing:border-box; }
.ec-over-product .prdList .thumbnail:hover a img { }
.ec-over-product .prdList .thumbnail .prdImg { position:relative; width: 100%; overflow:hidden;}
.ec-over-product .prdList .thumbnail a img { max-width:100%; box-sizing:border-box; }
.ec-over-product .prdList .thumbnail .wish { position:absolute; right:3px; bottom:4px; z-index:1; cursor:pointer; }
.ec-over-product .prdList .thumbnail .prdIcon { position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; }
.ec-over-product .prdList .thumbnail .icon { vertical-align:middle; opacity:0; position:absolute; top:20px; }
.ec-over-product .prdList .thumbnail:hover .icon { opacity:1; }
.ec-over-product .prdList .thumbnail .icon:after { content:""; display:block; clear:both; }
.ec-over-product .prdList .thumbnail .promotion { padding:5px 0 0; box-sizing:border-box; }
.ec-over-product .prdList .thumbnail .promotion img { margin:0 4px 0 0; }
.ec-over-product .prdList .thumbnail .button { margin:0 auto;}
.ec-over-product .prdList .thumbnail .button img { cursor:pointer; margin:0 3px; }
.ec-over-product .prdList .thumbnail .button .option { display:inline; position:relative; }
.ec-over-product .prdList .thumbnail .button .likeButton { display:inline-block; }
.ec-over-product .prdList .thumbnail .button .likeButton button { font-family:verdana; color:#333; letter-spacing:-1px; background:none; }
.ec-over-product .prdList .thumbnail .button .likeButton button img { margin-bottom:0; vertical-align:middle; margin-top:8px; }
.ec-over-product .prdList .thumbnail .button .likeButton button strong {height:16px; vertical-align:middle; }
.ec-over-product .prdList .thumbnail .button .likeButton.selected button { color:#353535; }
.ec-over-product .prdList .thumbnail .description { vertical-align:middle; opacity:0; position:absolute; bottom:0; width:100%; background:rgba(255,255,255,0.9); min-height:120px; -webkit-transition:.3s ease-in-out; transition:.3s ease-in-out; }
.ec-over-product .prdList .thumbnail:hover .description { opacity:1; }
.ec-over-product .prdList .description { margin:0 auto; font-size:12px; line-height:18px; cursor:pointer; padding:20px 0 0; text-align:left; padding:20px 15px; box-sizing:border-box; }
.ec-over-product .prdList .description .middle {margin:100px 0 0; }
.ec-over-product .prdList .description .left {text-align:left; height:120px; vertical-align:middle; display:table-cell; padding-top: 5px; box-sizing: border-box; }
.ec-over-product .prdList .description .name { display:block; font-weight:normal; }
.ec-over-product .prdList .description .name a { color:#fff; }
.ec-over-product .prdList .description .spec {clear:both; padding:5px 0 0;}
.ec-over-product .prdList .description .mileage { display:block; }
.ec-over-product .prdList .description span.grid { display:block; }
.ec-over-product .spec li .color { overflow:hidden; display:inline-block; margin:3px 0 0 0; }
.ec-over-product .spec li .chips { float: left; width: 10px; height: 10px; border-radius: 10px; margin: 0 4px 2px 0; border: 1px solid #eee; font-size: 0; line-height: 0; }
/* 마우스 오버진열 그리드 */
.ec-over-product ul.grid2 > li { width:50%; max-width:640px; }
.ec-over-product ul.grid3 > li { width:33.33%; }
.ec-over-product ul.grid4 > li { width:25%; }
.ec-over-product ul.grid5 > li { width:20%; }
/* 검색 후 ìƒí’ˆì§„ì—´ */
.ec-base-product .xans-search-listitem .displayìƒí’ˆìš”ì•½ì •ë³´ { margin-bottom:5px; }
.ec-base-product .xans-search-listitem .displayìƒí’ˆê°„략설명 { margin:15px 0 10px; font-weight:300 !important; }
.ec-base-product .xans-search-listitem .displayìƒí’ˆìƒ‰ìƒ { margin-top:10px; }
.ec-base-product .xans-search-listitem .display소비ìžê°€ { display:inline-block; color:#aaa; font-size:13px; font-weight:400 !important; margin-right:5px; }
.ec-base-product .xans-search-listitem .displayíŒë§¤ê°€ { display:inline-block; color:#333; font-size:16px; font-weight:700 !important; margin-bottom:10px; }
/* ì¼ë°˜ 진열 ìƒí’ˆ ì •ë³´í‘œì‹œ ê´€ë ¨ css */
.ec-base-product .xans-product-listitem .displayìƒí’ˆìš”ì•½ì •ë³´ { margin-bottom:5px; }
.ec-base-product .xans-product-listitem .displayìƒí’ˆê°„략설명 { margin:15px 0 10px; font-weight:300 !important; }
.ec-base-product .xans-product-listitem .displayìƒí’ˆìƒ‰ìƒ { margin-top:10px; }
.ec-base-product .xans-product-listitem .display소비ìžê°€ { display:inline-block; color:#aaa; font-size:13px; font-weight:400 !important; margin-right:5px; }
.ec-base-product .xans-product-listitem .displayíŒë§¤ê°€ { display:inline-block; color:#333; font-size:16px; font-weight:700 !important; margin-bottom:10px; }
.ec-base-product li.display최ì í• ì¸ê°€ > span > span { font-weight: 400 !important; letter-spacing: -1px; }
.time_prd .prdList .description .spec li.displayì¶”ê°€í• ì¸ê¸°ê°„ { display: block; margin-top: 5px; }
/* ì¼ë°˜ 진열 - ì¼ë°˜ ìƒí’ˆì§„ì—´ css */
#main .ec-base-product { margin:100px 0 0; }
.ec-base-product { margin:10px 0 0; }
.ec-base-product .title { margin:0 0 17px; }
.ec-base-product .title h2 { font-weight:500; font-size:32px; color:#2e2e2e; text-align:center; }
.ec-base-product .title h3 { font-weight:500; font-size:28px; color:#2e2e2e; text-align:center; }
.ec-base-product img { vertical-align:middle; }
.ec-base-product a[href^='/product/detail.html'] > img { border:1px solid #ececec; }
.ec-base-product .prdList { width:100%; min-width:756px; margin:-20px 0 0; font-size:0; line-height:0; }
.ec-base-product .prdList > li { position:relative; display:inline-block; margin:30px 0 20px; color:#757575; vertical-align:top; }
.ec-base-product .prdList .chk { position:absolute; top:-10px; left:0; right:0; display:block; margin:0 0 10px; }
.ec-base-product .prdList .thumbnail { position:relative; margin:10px 13px; text-align:center; }
.ec-base-product .prdList .thumbnail .prdImg { position:relative; overflow:hidden; border:1px solid #efefef; }
.ec-base-product .prdList .thumbnail a img { max-width:100%; box-sizing:border-box; }
.ec-base-product .prdList .thumbnail .wish { z-index:1; cursor:pointer; }
.ec-base-product .prdList .thumbnail .prdIcon { position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; }
.ec-base-product .prdList .thumbnail .icon { text-align:center; margin:0 16%; vertical-align:middle; }
.ec-base-product .prdList .thumbnail .icon:after { content:""; display:block; clear:both; }
.ec-base-product .prdList .thumbnail .button { float:right; margin:0 0 4px; }
.ec-base-product .prdList .thumbnail .button img { margin:0 2px 0 0; cursor:pointer; }
.ec-base-product .prdList .thumbnail .button .option { display:inline; position:relative; }
.ec-base-product .prdList .thumbnail .button .likeButton { display:inline-block; margin:0 5px; }
.ec-base-product .prdList .thumbnail .button .likeButton button { font-family:verdana; color:#9a9a9a; letter-spacing:-1px; background:none; }
.ec-base-product .prdList .thumbnail .button .likeButton button img { margin:0; vertical-align:middle; }
.ec-base-product .prdList .thumbnail .button .likeButton button strong {height:16px; vertical-align:middle; }
.ec-base-product .prdList .thumbnail .button .likeButton.selected button { color:#353535; }
.ec-base-product .prdList .description { margin:0 auto; padding:7px 14px 10px; font-size:12px; line-height:20px; text-align:left; }
.ec-base-product .prdList .description .name { display:block; font-weight:normal; margin-bottom:10px; line-height: 29px; display: -webkit-box;
-webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; overflow: hidden; max-height: 58px; }
.ec-base-product .prdList .description .name a { color:#2e2e2e; }
.ec-base-product .prdList .description .mileage { display:block; }
.ec-base-product .prdList .description .promotion { margin:10px 0 0; }
.ec-base-product .prdList .description span.grid { display:block; }
.ec-base-product .prdList .description .promotion { /*float:left;*/ margin:0 0 4px; text-align:left; }
.ec-base-product .prdList .description .promotion img { margin:10px 4px 0 0; }
/* 박스형 진열 */
.ec-base-product .prdList.banPrd .line {margin:0 13px; border:1px solid #efefef;}
.ec-base-product .prdList.banPrd .thumbnail {margin:0;}
.ec-base-product .prdList.banPrd .thumbnail .prdImg {border:0;}
.ec-base-product .prdList.banPrd .discount_rate {display:none; top:1px; left:52px;}
/* ìƒí’ˆ + 배너 */
.prdBanner { position:relative; display:inline-block; padding:10px 13px; margin:20px 0; box-sizing: border-box; }
.prdBanner .thumbnail {width:100%; height:0; padding-bottom:137.5%; border:1px solid #efefef; overflow:hidden;}
.prdBanner .thumbnail img {width:100%;}
.prdBanner .thumbnail .pbtn {position: absolute; bottom:40px; width:100%; text-align: center;}
.prdBanner .thumbnail .btn2 {font-size:14px; padding:14px 30px; color:#333; border:1px solid #333; -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: .5s; transition-duration: .5s; }
.prdBanner .thumbnail .btn2:hover {background:#333; color:#fff; border-radius:10px;}
.prdBanner .thumbnail .btn2 i { font-size:11px; }
/* ë©”ì¸ ëží‚¹ */
.trans01 li { transform: translateX(-1063px); }
.trans02 li { transform: translateX(0); }
#ranking-slide01 { counter-reset: number; }
#ranking-slide01 > li { position: relative; display: inline-block; }
#ranking-slide01 > li:before { content: counter(number); counter-increment: number; position: absolute; top:0; left:13px; display: inline-block; width: 52px; height: 52px; line-height:65px; letter-spacing: -2px; background:#333333;
font-family: 'Exo 2', sans-serif; font-weight:600; color: #fff; font-size:25px; text-align: center; z-index: 1; }
#ranking-slide01 > li label { position: absolute; top:12px; left:14px; width: 52px; text-align:center; color:#fff; font-size:12px; z-index: 1; font-family: 'Exo 2', sans-serif; }
/* ë©”ì¸ ëží‚¹ ì´ë²¤íŠ¸*/
.trans01 li { transform: translateX(-1063px); }
.trans02 li { transform: translateX(0); }
#ranking-slide02 { counter-reset: number; }
#ranking-slide02 > li { position: relative; display: inline-block; }
#ranking-slide02 > li:before { content: counter(number); counter-increment: number; position: absolute; top:0; left:13px; display: inline-block; width: 52px; height: 52px; line-height:65px; letter-spacing: -2px; background:#2d8546;
font-family: 'Exo 2', sans-serif; font-weight:600; color: #fff; font-size:25px; text-align: center; z-index: 1; }
#ranking-slide02 > li label { position: absolute; top:12px; left:14px; width: 52px; text-align:center; color:#fff; font-size:12px; z-index: 1; font-family: 'Exo 2', sans-serif; }
/* ì•„ì´ì½˜ */
.prdList .thumbnail .icon { position:absolute; bottom:0px; left: 0; right: 0; box-sizing:border-box; filter: alpha(opacity=0); opacity: 0; -webkit-opacity: 0; }
.prdList .thumbnail .icon img { background:#fff; border-top:1px solid #eee; border-bottom:1px solid #eee; border-right:1px solid #eee; cursor:pointer; padding:0 3px; box-sizing:border-box; }
.prdList .thumbnail .icon span:first-child img { border-left:1px solid #eee; box-sizing:border-box; }
.prdList > li:hover .icon { bottom: 15px; filter: alpha(opacity=100); opacity: 1.0; -webkit-opacity: 1.0; -khtml-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.prdList > li:hover .discount_rate { color: #f40000; background:transparent; }
/* grid */
.ec-base-product ul.grid2 > li { width:50%; padding: 0 13px; box-sizing: border-box; }
.ec-base-product ul.grid3 > li { width:33.3%; }
.ec-base-product ul.grid31 > li { width:33.33%; }
.ec-base-product ul.grid4 > li { width:25%; }
.ec-base-product ul.grid5 > li { width:20%; }
.ec-base-product ul.grid3 > li .color { max-width:230px; }
.ec-base-product ul.grid4 > li .color { max-width:190px; }
.ec-base-product ul.grid5 > li .color { max-width:130px; }
.ec-base-product ul.grid2 > .prdBanner { width:50%; }
.ec-base-product ul.grid3 > .prdBanner { width:33.3%; }
.ec-base-product ul.grid31 > .prdBanner { width:33.33%; }
.ec-base-product ul.grid4 > .prdBanner { width:25%; }
.ec-base-product ul.grid5 > .prdBanner { width:20%; }
/* right display */
.ec-base-product ul.grid2 li:after { content:""; display:block; clear:both; }
.ec-base-product ul.grid2 li .thumbnail { float:left; width:48%; text-align:left; margin:0; }
.ec-base-product ul.grid2 li .description { float:left; width:52%; padding:0 0 0 26px; box-sizing:border-box; }
.ec-base-product ul.grid2 li .description .chk { position:static; text-align:left; }
/* module="product_ListItem" */
.ec-base-product .spec { margin:0; }
.ec-base-product .spec li { font-weight:400; }
.ec-base-product .spec li .title { font-weight:normal; vertical-align:top; }
.ec-base-product .spec li .title span { vertical-align:top; }
.ec-base-product .spec li .color { overflow:hidden; display:inline-block; margin:3px 0 0 0; }
.ec-base-product .spec li .chips { float:left; width:10px; height:10px; border-radius: 10px; margin:0 4px 2px 0; border:1px solid #eee; font-size:0; line-height:0; }
.ec-base-product .discountPeriod { display:inline-block; z-index:10; position:relative; width:55px; height:19px; vertical-align:middle; }
.ec-base-product .layerDiscountPeriod { left:50%; top:26px; width:247px; margin:0 0 0 -124px; }
.ec-base-product .layerDiscountPeriod strong.title { display:block; margin:0 0 12px; padding:0 35px 0 0; font-weight:bold; color:#2e2e2e; }
.ec-base-product .layerDiscountPeriod .content p { margin:2px 0 0; font-size:11px; line-height:16px; color:#757575; letter-spacing:-1px; }
.ec-base-product .layerDiscountPeriod .content p strong { font-weight:normal; font-size:12px; color:#2e2e2e; }
.ec-base-product .layerDiscountPeriod .content p strong span { font-size:11px; }
.ec-base-product .prdList .shippingFee { position:relative; display:inline-block; }
.ec-base-product .prdList .shippingFee .button { display:inline-block; float:none; }
.ec-base-product .prdList .shippingFee .ec-base-tooltip { z-index:11; display:block; margin:0 0 0 -170px; width:360px; }
.ec-base-product .prdList .shippingFee .ec-base-tooltip table th { width:40px; }
.ec-base-product .prdList .shippingFee .ec-base-tooltip table th,
.ec-base-product .prdList .shippingFee .ec-base-tooltip table td { padding:7px 10px 8px 10px; }
.ec-base-product .btnTooltip { position:relative; display:inline-block; }
.differentialShipping { display:none; overflow:hidden; position:absolute; left:50%; top:17px; z-index:100; width:350px; margin:0 0 0 -176px; }
.differentialShipping h3.title { margin:0; 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; }
/* Thumbnail icon position */
.ec-product-bgLT { background-position:left top; }
.ec-product-bgLC { background-position:left center; }
.ec-product-bgLB { background-position:left bottom; }
.ec-product-bgRT { background-position:right top; }
.ec-product-bgRC { background-position:right center; }
.ec-product-bgRB { background-position:right bottom; }
.ec-product-bgCT { background-position:center top; }
.ec-product-bgCC { background-position:center center; }
.ec-product-bgCB { background-position:center bottom; }
/* í• ì¸ìœ¨ */
.discount_rate { position: absolute; z-index: 5; top: 10px; left: 10px; width: 45px; height: 45px; line-height: 45px; border:2px solid #f40000; background:#f40000; border-radius: 5px; color: #fff; text-align: center; font-size: 17px; letter-spacing: -0.6px; font-weight: 600; text-decoration: none; }
.discount_rate span { font-size: 15px; margin-left:2px; }
.rate0 { display:none; }
.ec-base-paginate { margin:30px 0; text-align:center; font-size:0; line-height:0; }
.ec-base-paginate ol { 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 0 0 -1px; font-size:12px; color:#000; vertical-align:top; *display:inline; *zoom:1; }
.ec-base-paginate li:first-child { margin-left:0; }
.ec-base-paginate img { display:none; }
.ec-base-paginate > a:first-child:after { content:"<"; }
.ec-base-paginate > a:last-child:after { content:">"; }
.ec-base-paginate > a.first { width:32px; height:32px; display:inline-block; vertical-align:top; }
.ec-base-paginate > a.first:after { content:"<<"; letter-spacing:-1px; margin-left:-8px; }
.ec-base-paginate > a.last { width:32px; height:32px; display:inline-block; vertical-align:top; }
.ec-base-paginate > a.last:after { content:">>"; letter-spacing:-1px; margin-left:-8px; }
.ec-base-paginate > a:nth-child(2) { width:32px; height:32px; display:inline-block; vertical-align:top; }
.ec-base-paginate > a:nth-child(2):after { content:"<" ; }
.ec-base-paginate > a:nth-last-child(2) { width:32px; height:32px; display:inline-block; vertical-align:top; }
.ec-base-paginate > a:nth-last-child(2):after { content:">" ;}
.ec-base-paginate > a:before, .ec-base-paginate > a:after { font-size:10px; line-height:32px; color:#000; font-family:serif !important; }
.ec-base-paginate li a { display:block; width:33px; padding:11px 0; font-weight:normal; color:#939393; line-height:14px; background:#fff; }
.ec-base-paginate li a:hover { text-decoration:none; }
.ec-base-paginate li a.this { color:#000; font-weight:600; }
.ec-base-paginate a.nolink { cursor:default; }
/* typeSub */
.ec-base-paginate.typeSub ol { margin:7px 15px; vertical-align:middle; }
.ec-base-paginate.typeSub li { font-size:12px; border:0; }
.ec-base-paginate.typeSub img { vertical-align:middle; }
.ec-base-paginate.typeSub li a { width:auto; margin:0 5px 0; padding:2px; color:#353535; background:none; }
.ec-base-paginate.typeSub li a.this { color:#000; text-decoration:none; border:0; }
.ec-base-paginate.typeSub .first { margin-right:3px; }
.ec-base-paginate.typeSub .last { margin-left:3px; }
.ec-base-tab { position:relative; }
.ec-base-tab .menu {
margin:0 0 20px; border-left:0; border-bottom:1px solid #eee;
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; }
.ec-base-tab .menu li a { display:block; min-width:187px; font-size:13px; margin:0 0 0 -1px; padding:12px 5px 11px; font-weight:400; border-right:0px solid #cbcdce; color:#707070; text-decoration:none; outline:0; text-align:center; background:#fff; }
.ec-base-tab .menu li:first-child a { margin-left:0; }
.ec-base-tab .menu li.selected a { position:relative; top:-1px; left:-2px; margin:0 0 -2px; border:1px solid #eee; border-bottom:1px solid #fff; color:#404040; font-weight:500; background:#fff; }
.ec-base-tab .menu li.selected:first-child a { left:-1px; }
.ec-base-tab .menu li a .review_count { display:inline-block; font-size:15px; text-align:center; margin:-2px 0 0 5px; color:#aaa; }
.ec-base-tab .menu li:hover a .review_count { color:#333; }
.ec-base-tab .menu li.selected a .review_count { color:#fff; }
.ec-base-tab > .right { position:absolute; top:8px; right:10px; line-height:24px; color:#909090; }
/* typeLight */
.ec-base-tab.typeLight .menu li.selected a { margin:0 0 -2px; border-bottom:1px solid #fff; color:#404040; background:#fff; }
/* 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:1px; right:-1px; border:1px solid #eee; border-bottom:0; background:#fff; }
.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:17%; }
.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; border:1px solid #eee; box-sizing:border-box; margin:100px 0 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; border-right:1px solid #eee; }
.ec-base-tab.gFlex .menu li:last-child { border-right:0; }
.ec-base-tab.gFlex .menu li a { width:100%; font-size:18px; font-weight:400; min-width:0; border-right:0; background:none; word-break:break-all; color:#aaa; padding:17px 0; }
.ec-base-tab.gFlex .menu li a:hover { color:#000; }
.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-bottom:0; }
.ec-base-tab.gFlex .menu li.selected a { left:0; border:0; color:#fff; background:#333; }
/* 굿디몰 추가 버튼 */
.btn_white { border:1px solid #dfdfdf; background:#fff; color:#777; font-size:13px; padding:11px 27px 10px; line-height:1; font-weight:400; text-transform:uppercase; }
.btn_white:hover { border:1px solid #000; color:#000; }
.btn_black { border:1px solid #333; background:#333; color:#fff; font-size:13px; padding:11px 27px 10px; line-height:1; font-weight:400; text-transform:uppercase }
.btn_black:hover { background:#fff; color:#000; }
.btn_small { border:1px solid #dfdfdf; background:#fff; color:#777; font-size:12px; padding:5px 0; margin:2px 0; width:110px; display:inline-block; text-align:center; font-weight:400; text-transform:uppercase; }
.btn_small:hover { border:1px solid #000; color:#000; }
.btn_gsmall { border:1px solid #dfdfdf; background:#f8f8f8; color:#777; font-size:12px; padding:5px 0; margin:2px 0; width:110px; display:inline-block; text-align:center; font-weight:400; text-transform:uppercase; }
.btn_gsmall:hover { border:1px solid #000; color:#000; }
.btn_EmFix { border:1px solid #dfdfdf; background:#f8f8f8; color:#777; font-size:12px; padding:1px 8px 3px; margin:2px 0; width:110px; display:inline-block; text-align:center; font-weight:400; text-transform:uppercase; }
.btn_EmFix:hover { border:1px solid #000; color:#000; }
.btn_login { border:1px solid #333; background:#333; color:#fff; font-size:17px; padding:13px 0; margin:15px 0 0; width:400px; display:inline-block; text-align:center; font-weight:400; text-transform:uppercase; }
.btn_login:hover { background:#fff; color:#000; }
/* button */
[class^='btnNormal'], a[class^='btnNormal'] { display:inline-block; box-sizing:border-box; padding:2px 13px; border:1px solid #d1d1d1; border-radius:0; font-size:12px; line-height:18px; font-weight:normal; text-decoration:none; vertical-align:middle; word-spacing:-0.5px; letter-spacing:0; text-align:center; white-space:nowrap; color:#777; background-color:#fff; }
[class^='btnSubmit'], a[class^='btnSubmit'] { display:inline-block; box-sizing:border-box; padding:2px 8px; border:1px solid transparent; border-radius:0; font-size:13px; line-height:18px; font-weight:normal; text-decoration:none; vertical-align:middle; word-spacing:-0.5px; letter-spacing:0; text-align:center; white-space:nowrap; color:#fff; background-color:#333; }
[class^='btnEm'], a[class^='btnEm'] { display:inline-block; box-sizing:border-box; padding:2px 8px; border:1px solid #dfdfdf; border-radius:0; font-size:13px; line-height:18px; font-weight:normal; text-decoration:none; vertical-align:middle; word-spacing:-0.5px; letter-spacing:0; text-align:center; white-space:nowrap; color:#777; background-color:#f8f8f8; }
[class^='btnBasic'], a[class^='btnBasic'] { display:inline-block; box-sizing:border-box; padding:2px 8px; border:1px solid #d1d1d1; border-radius:0; font-size:13px; line-height:18px; font-weight:normal; text-decoration:none; vertical-align:middle; word-spacing:-0.5px; letter-spacing:0; text-align:center; white-space:nowrap; color:#222; background-color:#dfdfdf; }
[class^='btnNormal']:not(.disabled):hover { background-color:#fff; border:1px solid #000; color:#000; }
[class^='btnSubmit']:not(.disabled):hover { background-color:#fff; color:#000; border:1px solid #000; }
[class^='btnEm']:not(.disabled):hover { border:1px solid #000; color:#000; }
[class^='btnBasic']:not(.disabled):hover { border:1px solid #000; color:#000; }
[class^='btnNormal'].disabled { border-color:#e3e3e3; color:#999; }
[class^='btnSubmit'].disabled { background-color:#9297a2; color:#f0f0f0; }
[class^='btnEm'].disabled { background-color:#b5b6b9; color:#f0f0f0; }
[class^='btnBasic'].disabled { color:#999; }
/* size */
[class^='btn'].sizeS { padding:6px 8px; }
[class^='btn'].sizeM { padding:10px 16px; }
[class^='btn'].sizeL { padding:14px 16px; min-width:80px; font-weight:400; }
/* width Fix */
[class^='btn'][class*='Fix'] { width:72px; word-break:keep-all; word-wrap:break-word; }
[class^='btn'][class*='Fix'].sizeS { width:96px; }
[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:0 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:#77797d; }
[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 */
.btnLogin, a.btnLogin { display:inline-block; box-sizing:border-box; width:100px; height:70px; line-height:70px; border-radius:2px; text-align:center; font-family:"굴림",Gulim; font-size:12px; font-weight:bold; text-decoration:none; color:#fff; background-color:#4a5164; }
.btnLogin:hover { background-color:#43495a; }
.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-family:"굴림",Gulim; 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-family:"굴림",Gulim; 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:10px 0; text-align:center; }
.ec-base-button.justify { position:relative; }
.ec-base-button:after { display:block; content:""; clear:both; }
.ec-base-button .gLeft { float:left; text-align:left; }
.ec-base-button .gRight { float:right; text-align:right; }
.ec-base-button .gRight .btnNormal {padding:10px 30px; font-size:13px; }
.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:20px; padding:10px 20px; }
.ec-base-button.typeBG { /*padding:10px 20px;*/ margin-top:15px; }
/* 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 2px; 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; }
.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; }
/* base */
.ec-base-box { padding:20px; margin-left:auto; margin-right:auto; /*border:5px solid #e8e8e8;*/ color:#404040; }
.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.typeThin2 { border-width:1px; }
.ec-base-box.typeThin2 h3.boxTitle { font-weight:400; margin:0 0 20px; font-size:20px; text-align:center; }
.ec-base-box.typeThin h3.boxTitle { font-weight:400; margin:0 0 20px; font-size:20px; text-align:center; }
.ec-base-box.typeThinBg { border-width:1px; border-color:#d7d5d5; background-color:#fff; }
.ec-base-box.center { text-align:center; }
/* 약관 */
.ec-base-box.typeThinBg > .agree { padding:20px 35px; border:1px solid #eeeeee; background:#fff; }
.ec-base-box.typeThinBg > .agree p { padding:0 0 30px; }
/* typeMember */
.ec-base-box.typeMember { padding:0; }
.ec-base-box.typeMember .information { display:table; table-layout:fixed; padding:10px 0; width:100%; box-sizing:border-box; }
.ec-base-box.typeMember .information > .title, .ec-base-box.typeMember .information > .thumbnail { display:table-cell; padding:0 15px; width:70px; text-align:center; vertical-align:middle; }
.ec-base-box.typeMember .information > .title { vertical-align:middle; }
.ec-base-box.typeMember .information > .thumbnail img { max-width:70px; }
.ec-base-box.typeMember .information .description { display:table-cell; padding:0 10px; width:auto; line-height:1.5em; border-left:1px solid #e8e8e8; vertical-align:middle; }
.ec-base-box.typeMember.gMessage { border-width:1px; border-color:#d7d5d5; }
.ec-base-box .message { display:block; padding:10px 0 10px 35px; border-bottom:1px solid #e8e7e7; background:#fff url("//img.echosting.cafe24.com/skin/base/common/ico_info.gif") no-repeat 10px center; font-weight:300; }
/* typeProduct */
.ec-base-box.typeProduct { display:table; table-layout:fixed; padding:15px 0; width:100%; box-sizing:border-box; }
.ec-base-box.typeProduct .thumbnail, .ec-base-box.typeProduct .information { display:table-cell; padding:0 20px; vertical-align:middle; }
.ec-base-box.typeProduct .thumbnail { width:100px; }
.ec-base-box.typeProduct .thumbnail img { max-width:90px; border:1px solid #d7d5d5; }
.ec-base-box.typeProduct .information { padding-left:0; }
.ec-base-table table { position:relative; margin:20px 0 0; border-bottom:1px solid #d7d5d5; border-top:0; color:#fff; line-height:1.5; }
.ec-base-table.gLayoutFixed table { table-layout:fixed; }
.ec-base-table.gLayoutFixed .gLayoutAuto table { table-layout:auto; }
.ec-base-table table:before { /*position:absolute; top:0; left:0; display:block; content:""; width:100%; height:1px; background:#d7d5d5;*/ }
.ec-base-table thead th { padding:15px 0 15px; border-bottom:1px solid #dfdfdf; font-size:15px; font-weight:400; color:#353535; vertical-align:middle; background:#fff; }
.ec-base-table tbody th { padding:13px 0 10px 18px; border:1px solid #dfdfdf; border-bottom-width:0; color:#353535; text-align:left; font-weight:400; background-color:#fff; font-size:15px; }
.ec-base-table th { word-break:break-all; word-wrap:break-word; }
.ec-base-table th:first-child { border-left:0; }
.ec-base-table td { padding:11px 10px 10px; border-top:1px solid #dfdfdf; color:#353535; 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 td { padding:8px 10px 7px; }
.ec-base-table.typeWrite img { max-width:100% !important; height:auto !important; }
/* vertical */
/* typeList */
.ec-base-table.typeList table { border-top:1px solid #d7d5d5; }
.ec-base-table.typeList table:before { display:none; }
.ec-base-table.typeList td { padding:15px 10px 17px; }
.ec-base-table.typeList tfoot td { padding:15px 10px 17px; background:#fff; }
.ec-base-table .message { padding:50px 0; text-align:center; color:#000; font-weight:400; font-size:17px; }
.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 #dfdfdf; border-bottom:1px solid #dfdfdf; 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:1px solid #dfdfdf; }
.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:#eee; }
/* 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;*/ text-align:center; }
.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; }
/* address */
.ec-base-table .ec-address { margin:-9px -10px -7px; }
.ec-base-table .ec-address > li { padding:8px 10px 7px; border-top:1px solid #dfdfdf; }
.ec-base-table .ec-address > li input[type="text"] { width:373px; }
.ec-base-table .ec-address > li select { width:383px; }
.ec-base-table .ec-address .ec-base-help { margin-left:0; }
.ec-base-table .ec-address .ec-address-area select { display:block; }
.ec-base-table .ec-address .ec-address-area select:not(:first-child) { margin-top:6px; }
.ec-base-table .ec-address .ec-address-zipcode input[type="text"] { width:80px; margin-right:3px; }
.ec-base-table .ec-address .ec-address-zipcode .btnBasic { margin-right:4px; }
@media print {
.ec-base-table table:before { display:none; }
}
.ec-base-desc { overflow:hidden; text-align:left; }
.ec-base-desc:after { content:""; display:block; clear:both; }
.ec-base-desc dt, .ec-base-desc .term { float:left; width:100px; margin:0 0 2px; padding:0 4px 0 0; line-height:22px;-webkit-box-sizing:border-box; -moz-webkit-box:border-box; box-sizing:border-box; font-weight:normal; }
.ec-base-desc dd, .ec-base-desc .desc { display:block; margin:0 0 2px; padding:0 5px 0 100px; min-height:22px; line-height:22px; word-wrap:break-word; word-break:break-all; }
.ec-base-desc dd:after, .ec-base-desc .desc:after { content:""; display:block; clear:left; }
/* size */
.ec-base-desc.gSmall dt, .ec-base-desc.gSmall .term { width:30%; }
.ec-base-desc.gSmall dd, .ec-base-desc.gSmall .desc { padding-left:30%; }
.ec-base-desc.gMedium dt, .ec-base-desc.gMedium .term { width:40%; }
.ec-base-desc.gMedium dd, .ec-base-desc.gMedium .desc { padding-left:40%; }
.ec-base-desc.gLarge dt, .ec-base-desc.gLarge .term { width:50%; }
.ec-base-desc.gLarge dd, .ec-base-desc.gLarge .desc { padding:0 0 0 50%; }
/* 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; }
.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; }
@charset "utf-8";
/************** 탑배너 **************/
.top_banner { position:relative; width:100%; z-index:1; text-align:center; background:#333;}
.top_banner ul li { padding: 12px 0 13px; }
.top_banner ul li a { font-size: 16px; color:#fff; font-weight:normal; opacity: 0.9; letter-spacing: -0.5px; }
.top_banner ul li a span { margin-right:10px; }
.top_banner ul li a:hover { color:#fff; }
/************** ìƒë‹¨ í—¤ë”ì˜ì— **************/
#header { z-index:9; position:relative; width:100%; }
#header .inner { position:relative; /*width:1200px;*/ width:1400px; margin:0 auto; *zoom:1; }
#header .inner:after { content:""; display:block; clear:both; }
#header .topArea01 {height:35px;}
#header .topArea02 {position: relative; width: 100%; height: 120px; text-align: center;}
#header .topArea { *zoom:1; }
#header .topArea p{ text-align:center; }
#header .topArea:after { content:""; display:block; clear:both; }
#header .special { float:left; border-left:1px solid #d8d8d8; }
#header .special li { float:left; }
#header .special a { display:block; height:20px; padding:16px 15px 9px; border-right:1px solid #d8d8d8; color:#353535; text-decoration:none; }
#header .special a:hover { color:#008bcc; padding-bottom:7px; border-bottom:2px solid #008bcc; }
#header .link { height:35px; line-height:35px; float:left; }
#header .link > a,
#header .link > span { float:left; }
#header .link > a { padding:0 10px; font-size:13px; color:#777; text-decoration:none; font-weight:400; font-family: 'Noto Sans KR',sans-serif; word-spacing:-1px; }
#header .link > a:hover { text-decoration:none; color:#adadad;}
#header .link img {margin:7px 0 0;}
#header .link > span img { vertical-align:middle; }
#header .link .xans-layout-bookmark span { padding-left:17px; background:url("//img.echosting.cafe24.com/skin/base_ko_KR/layout/ico_bookmark.gif") no-repeat 0 1px; }
#header .link .xans-layout-shortcut {background:none;}
/* 좌측 ì•„ì´ì½˜ */
#header .shoppinginfo { position: absolute; display: inline-block; transform: translateY(-50%); top: 50%; left: 0; /*margin: 25px 0 0; float: left;*/ }
#header .shoppinginfo li { position:relative; float:left; margin:0 5px; padding:0; -moz-transition: 0.5s ease; -o-transition: 0.5s ease; -webkit-transition: 0.5s ease; transition: 0.5s ease; }
#header .shoppinginfo li a { display: block; width: 60px; height: 60px; line-height:95px; font-weight: 500; font-size: 13px; color: #333; word-spacing: -1px;}
#header .shoppinginfo li a .count { position: absolute; top: 8px; right:8px; line-height: 17px; text-align:center; background: #2d8543; border-radius: 50px; width: 18px; height: 18px; font-size: 12px; color: #fff; font-weight:300;}
#header .shoppinginfo li:hover { opacity:1; }
#header .shoppinginfo li:hover a { color:#000; }
#header .shoppinginfo li.cart { background:url("//ecimg.cafe24img.com/pg40b22810634056/overpower3000/web/upload/goodymall/kr/main/cart.png") no-repeat top center; }
#header .shoppinginfo li.cart:hover { background:url("//ecimg.cafe24img.com/pg40b22810634056/overpower3000/web/upload/goodymall/kr/main/cart_on.png") no-repeat top center; }
#header .shoppinginfo li.heart { background:url("//ecimg.cafe24img.com/pg40b22810634056/overpower3000/web/upload/goodymall/kr/main/heart.png") no-repeat top center; }
#header .shoppinginfo li.heart:hover { background:url("//ecimg.cafe24img.com/pg40b22810634056/overpower3000/web/upload/goodymall/kr/main/heart_on.png") no-repeat top center; }
#header .shoppinginfo li.my { background:url("//ecimg.cafe24img.com/pg40b22810634056/overpower3000/web/upload/goodymall/kr/main/my.png") no-repeat top center; }
#header .shoppinginfo li.my:hover { background:url("//ecimg.cafe24img.com/pg40b22810634056/overpower3000/web/upload/goodymall/kr/main/my_on.png") no-repeat top center; }
#header .shoppinginfo li:nth-child(2) { }
#header .shoppinginfo li:nth-child(3) { }
#menuFix {width: 100%; height: 54px; background: #2d8543;}
#menuFix.menuFix_fixed { position: fixed; top: 0; width: 100%; z-index: 90; zoom: 1; }
#menuFix.menuFix_fixed .topCate .category {display: none;}
/* ìƒë‹¨ FIXED 메뉴 */
#fixed_menu {z-index:999; margin:0 auto; width:100%; }
/* ìƒë‹¨ì˜ì— ë°˜ì‘형css */
@media all and (max-width:1700px) {
#header .log { display:none; }
#header .topArea .right .link i { display:block; }
#header .topArea .right .link span { display:none; }
#allCate .allArea { margin-left: 0px; }
#header .topArea .right a { padding:0 7px; }
#header .topArea .right a:after { display:none; }
#header .topArea .popup{ display:block; }
}
/* 로그아웃 ìƒíƒœ */
.xans-layout-statelogoff {/*overflow:hidden;*/ margin:0 auto;}
.xans-layout-statelogoff ul { float:right; height:35px; }
.xans-layout-statelogoff li { float:left; padding:0 10px; line-height:35px; text-align:center; }
.xans-layout-statelogoff li.first {padding-left:8px; }
.xans-layout-statelogoff li.last {padding-right:15px; background-color:#5a5a5a; background:url('//ecimg.cafe24img.com/pg40b22810634056/overpower3000/web/upload/goodymall/kr/layout/header_top_shortcut_arrow.gif') no-repeat 100% 50%;}
.xans-layout-statelogoff li a { font-weight:400; font-size:13px; color:#777; word-spacing:-1px; }
.xans-layout-statelogoff li a:hover { color:#adadad;}
.xans-layout-statelogoff li.last a {font-size:14px; color:#777; font-weight:500; }
.xans-layout-statelogoff li.last a:hover {color:#adadad;}
.xans-layout-statelogoff li:first-child {border:0; background:none;}
/* ë¡œê·¸ì¸ ìƒíƒœ */
.xans-layout-statelogon {/*overflow:hidden;*/ margin:0 auto;}
.xans-layout-statelogon ul { float:right; height:35px; }
.xans-layout-statelogon li { float:left; padding: 0 10px; line-height:35px; text-align:center;}
.xans-layout-statelogon li.first {padding-left:8px; }
.xans-layout-statelogon li.last {padding-right:15px; background-color:#5a5a5a; background:url('//ecimg.cafe24img.com/pg40b22810634056/overpower3000/web/upload/goodymall/kr/layout/header_top_shortcut_arrow.gif') no-repeat 100% 50%;}
.xans-layout-statelogon li a { font-weight:400; font-size:13px; color:#777; word-spacing:-1px; }
.xans-layout-statelogon li a:hover { text-decoration:none; color:#adadad;}
.xans-layout-statelogon li.last a {font-size:14px; color:#777; font-weight:500; }
.xans-layout-statelogon li.last a:hover {color:#adadad;}
.xans-layout-statelogon li:first-child {border:0; background:none;}
/* ë¡œê³ */
.xans-layout-logotop { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.xans-layout-logotop img { max-width:300px; max-height:100px; }
/************** ì¹´í…Œê³ ë¦¬ **************/
/*.topCate .category {height: 50.8vh;}*/
.leftCategory { /*max-width:990px;*/ max-width:1200px; display:inline-block; }
.leftCategory #categoryMenu { position: relative; z-index: 39;box-sizing: border-box; /*max-width:990px;*/ max-width:1200px; }
.leftCategory #categoryMenu .menu-dp1 { height: auto; }
.leftCategory #categoryMenu .menu-dp1 > li { position: relative; width: auto; display: none; }
.leftCategory #categoryMenu .menu-dp1 > li:first-child, .leftCategory #categoryMenu .menu-dp1 > li:nth-child(2), .leftCategory #categoryMenu .menu-dp1 > li:nth-child(3), .leftCategory #categoryMenu .menu-dp1 > li.bbs { display:inline-block !important;}
.leftCategory #categoryMenu .menu-dp1 > li > a { display: block; letter-spacing: -1px; padding: 0 55px; font-size: 20px; line-height: 54px; height: 54px; font-weight: 500; visibility: visible; color: #fff; transition: all .5s;}
.leftCategory #categoryMenu .menu-dp1 > li:hover > a { color: #f8f8f8; text-decoration:underline;}
.leftCategory #categoryMenu .menu-dp2 { position: absolute; top: 110%; left: 50%; margin-left: -50%; text-align: left; width: 160px; box-sizing: border-box; background-color: #fff; border: 1px solid #dfdfdf; border-top: 0; opacity: 0; visibility: hidden; transition: all .5s; padding:10px 0;}
.leftCategory #categoryMenu .menu-dp1 > li:hover .menu-dp2 { left: 50%; margin-left: -50%; top: 100%; z-index: 2; opacity: 1; visibility: visible; }
.leftCategory #categoryMenu .menu-dp2 > li { position: relative; padding: 5px 10px; }
.leftCategory #categoryMenu .menu-dp2 > li > a { display: block; padding: 2px 4px; font-size:15px; text-align:left; font-weight:400; color:#333; line-height: 25px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: all .3s; }
.leftCategory #categoryMenu .menu-dp2 > li:hover > a { padding: 2px 8px 2px 13px; color:#999; -moz-transition: 0.5s ease; -o-transition: 0.5s ease; -webkit-transition: 0.5s ease; transition: 0.5s ease; }
.leftCategory #categoryMenu .menu-dp3 { position: absolute; top: -10px; left: 95%; width: 160px; box-sizing: border-box; text-align: left; background-color: #fff; opacity: 0; border: 1px solid #dfdfdf; border-top: 0; visibility: hidden; transition: all .5s; padding:10px 0;}
.leftCategory #categoryMenu .menu-dp2 > li:hover .menu-dp3 { left: calc(100% + 0px); z-index: 2; opacity: 1; visibility: visible; }
.leftCategory #categoryMenu .menu-dp3 > li { position: relative; padding: 5px 10px; }
.leftCategory #categoryMenu .menu-dp3 > li > a { display: block; padding: 2px 8px; font-size:13px; text-align:left; font-weight:400; color:#333; line-height: 25px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: all .3s; }
.leftCategory #categoryMenu .menu-dp3 > li:hover > a { padding: 2px 8px 2px 13px; color:#999; -moz-transition: 0.5s ease; -o-transition: 0.5s ease; -webkit-transition: 0.5s ease; transition: 0.5s ease; }
.leftCategory #categoryMenu .menu-dp4 { position: absolute; top: -10px; left: 95%; width: 160px; box-sizing: border-box; text-align: left; background-color: #fff; opacity: 0; border: 1px solid #dfdfdf; border-top: 0; visibility: hidden; transition: all .5s; padding:10px 0;}
.leftCategory #categoryMenu .menu-dp3 > li:hover .menu-dp4 { left: calc(100% + 0px); z-index: 2; opacity: 1; visibility: visible; }
.leftCategory #categoryMenu .menu-dp4 > li { position: relative; padding: 5px 10px; }
.leftCategory #categoryMenu .menu-dp4 > li > a { display: block; padding: 2px 8px; font-size:13px; text-align:left; font-weight:400; color:#333; line-height: 25px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: all .3s; }
.leftCategory #categoryMenu .menu-dp4 > li:hover > a { padding: 2px 8px 2px 13px; color:#999; -moz-transition: 0.5s ease; -o-transition: 0.5s ease; -webkit-transition: 0.5s ease; transition: 0.5s ease; }
.leftCategory #categoryMenu .bbs-dp1 { position: absolute; top: 110%; left: 50%; margin-left: -50%; width: 160px; text-align: left; box-sizing: border-box; background-color: #fff; opacity: 0; border: 1px solid #dfdfdf; border-top: 0; visibility: hidden; transition: all .5s; padding:10px 0;}
.leftCategory #categoryMenu .bbs-dp1 li { padding: 5px 10px; }
.leftCategory #categoryMenu .bbs:hover .bbs-dp1 {left: 50%; margin-left: -50%; top: 104%; z-index: 2; opacity: 1; visibility: visible; }
.leftCategory #categoryMenu .bbs-dp1 > li > a { display: block; padding: 2px 4px; font-size:15px; text-align:left; font-weight:400; color:#333; line-height: 25px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: all .3s; }
.leftCategory #categoryMenu .bbs-dp1 > li:hover > a { padding: 2px 8px 2px 13px; color:#999; -moz-transition: 0.5s ease; -o-transition: 0.5s ease; -webkit-transition: 0.5s ease; transition: 0.5s ease; }
#allCate #categoryMenu .menu-dp1 { display: flex; flex-wrap: wrap; }
#allCate #categoryMenu .menu-dp1 > li { position: relative; width: 16.66%; margin: 0 0 13px; }
#allCate #categoryMenu .menu-dp1 > li.bbs { display:none;}
#allCate #categoryMenu .menu-dp1 > li > a { display: block; padding: 0 0 10px; margin: 0 10px 0; font-size: 17px; line-height: 22px; letter-spacing: -1px; font-weight: 400; color: #000; transition: all .5s; }
#allCate #categoryMenu .menu-dp1 > li:hover > a { padding-left: 5px; }
#allCate #categoryMenu .menu-dp2 { position: relative; left: 0; margin: 0 10px; transition: all .5s; }
#allCate #categoryMenu .menu-dp1 > li:hover .menu-dp2 { left: 10px; }
#allCate #categoryMenu .menu-dp1 > li:hover .menu-dp2 > li > a { color: #000; }
#allCate #categoryMenu .menu-dp2 > li { position: relative; }
#allCate #categoryMenu .menu-dp2 > li > a { display: block; font-size: 15px; line-height: 25px; color: #999; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: all .3s; }
#allCate #categoryMenu .menu-dp2 > li:hover > a { padding: 0 0 0 5px; }
#allCate #categoryMenu .menu-dp3 { position: absolute; top: -6px; left: 90%; width: 160px; padding: 5px; box-sizing: border-box; background-color: #fff; border: 1px solid #e7e7e7; opacity: 0; visibility: hidden; transition: all .5s; }
#allCate #categoryMenu .menu-dp2 > li:hover .menu-dp3 { left: calc(100% - 10px); z-index: 2; opacity: 1; visibility: visible; }
#allCate #categoryMenu .menu-dp3 > li { position: relative; }
#allCate #categoryMenu .menu-dp3 > li > a { display: block; padding: 2px 8px; font-size: 13px; line-height: 25px; color: #787878; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: all .3s; }
#allCate #categoryMenu .menu-dp3 > li:hover > a { background-color: #efefef; padding: 2px 8px 2px 13px; }
#allCate #categoryMenu .menu-dp4 { position: absolute; top: -6px; left: 90%; width: 160px; padding: 5px; box-sizing: border-box; background-color: #fff; border: 1px solid #e7e7e7; opacity: 0; visibility: hidden; transition: all .5s; }
#allCate #categoryMenu .menu-dp3 > li:hover .menu-dp4 { left: calc(100% + 6px); z-index: 2; opacity: 1; visibility: visible; }
#allCate #categoryMenu .menu-dp4 > li { position: relative; }
#allCate #categoryMenu .menu-dp4 > li > a { display: block; padding: 2px 8px; font-size: 13px; line-height: 25px; color: #787878; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: all .3s;}
#allCate #categoryMenu .menu-dp4 > li:hover > a { background-color: #efefef; padding: 2px 8px 2px 13px; }
#allCate #categoryMenu .bbs { display: block; }
#allCate #categoryMenu .bbs:hover ul { left: 10px; }
#allCate #categoryMenu .bbs:hover ul li a { color: #000; }
#allCate #categoryMenu .bbs ul { position: relative; left: 0; margin: 0 10px; transition: all .5s; }
#allCate #categoryMenu .bbs li { position: relative; }
#allCate #categoryMenu .bbs li a { display: block; font-size: 15px; line-height: 25px; color: #999; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: all .3s; }
#allCate #categoryMenu .bbs li:hover a { padding: 0 0 0 5px; }
/** ì „ì²´ì¹´í…Œê³ ë¦¬ 버튼 */
.AllCategory { width:210px; height:54px; float:left; position: relative; font-weight:300; z-index: 999; box-sizing:border-box; padding:0 0 0 35px; background: #333;/*ì „ì²´ì¹´í…Œê³ ë¦¬ 바색ìƒ*/ }
.AllCategory .btn-allcate { position: relative; display: block; width:100%; line-height: 54px; box-sizing: border-box; cursor: pointer; }
.AllCategory .btn-allcate strong { display: block; color: #fff; font-weight: 500; font-size: 19px; text-align:left; padding:0 0 0 35px; }
.AllCategory .btn-allcate span { display: block; position: absolute; height: 2px; background:#fff; opacity: 1; left:0; -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }
.AllCategory .btn-allcate span:nth-child(1) { top: 19px; width:21px; }
.AllCategory .btn-allcate span:nth-child(2) { top: 26px; width:21px; }
.AllCategory .btn-allcate span:nth-child(3) { top: 33px; width:21px; }
.AllCategory .btn-allcate:hover span,
.AllCategory .btn-allcate.open span { width:21px; }
.AllCategory .btn-allcate.open span:nth-child(1) { top: 26px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
.AllCategory .btn-allcate.open span:nth-child(2) { opacity: 0; }
.AllCategory .btn-allcate.open span:nth-child(3) { top: 26px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
/* ì „ì²´ì¹´í…Œê³ ë¦¬ */
#allCate { display:none; position: absolute; top:54px; width:1200px; margin:0 auto; padding: 30px; background:#fff; border:1px solid #eee; box-sizing: border-box; z-index:40; }
#allCate.open { display:block; }
#allCate:after { content:""; display:block; clear:both; }
#allCate .allArea ul { font-size:0; line-height:0; letter-spacing:0; }
#allCate .position > li { display:inline-block; vertical-align:top; width:16.6%; margin-bottom:13px; font-size:16px;}
#allCate .position > li .cateList { position: relative; display:block; margin: 0 10px 0; line-height:22px; font-weight:500; color: #666; z-index:1; }
#allCate .position > li .cateList .icon { display:none; }
#allCate .position > li:hover a { color:#000; margin-left:15px;}
#allCate .sub-category { padding:10px 0 10px 2px; border-top: 1px solid #ddd; margin: 10px 10px 0; }
#allCate .sub-category > ul > li { position:relative; cursor:pointer;}
#allCate .sub-category > ul > li > a { display:inline-block; font-size:13px; line-height:25px; color: #999;}
#allCate .sub-category > ul > li:hover > a { padding-left:5px; }
#allCate .position li .cateList,
#allCate .position li:hover .cateList,
#allCate .position > li:hover .cateList .icon,
#allCate .position > li .cateList .icon,
#allCate .position li .sub-category > ul > li .cateList .icon { -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s;}
/* 퀵메뉴 */
#quick_menu { position:absolute; top:10px; right:11%; width:80px; min-width:80px; text-align:center; z-index:8;}
#main #quick_menu { top:655px; }
.fixed_qu { position : fixed; top :60px; width:80px; }
#quick_menu .quRbanner img {width:100%;}
#quick_menu .quCs { margin:9px 0 0; }
#quick_menu .quCs li { line-height:35px; margin-bottom: -1px; border: 1px solid #e3e3e3; background:#fff; }
#quick_menu .quCs li a { position:relative; display:block; letter-spacing:-1px; box-sizing: border-box; font-weight:400; font-size: 13px;}
#quick_menu .quSns {margin:9px 0 0;}
#quick_menu .quSns img {width:100%;}
#quick_menu .quSns a {display:block; border-radius:100%;}
#quick_menu a:hover { background: #efefef; text-decoration:none; }
#goBtn .btn { width:79px; line-height:38px; cursor: pointer; color: #111; font-size:12px; transition: all .5s ease; -webkit-transition: all .5s ease; }
#goBtn .btn i { padding-right:5px; }
/* ë©”ì¸ íƒ€ì´í‹€ 공통 */
.sub_title { position: relative; margin:0 0 50px; text-align:center; }
.sub_title h2 { width:42%; position: relative; display: inline-block; margin: 0 auto; font-weight:600; font-size:36px; color:#333; text-align:center; background:#fff; z-index: 2;}
/*.sub_title:after { content: ''; display: block; border-bottom: 1px solid #eee; position: absolute; top: 30px; right: 0; left: 0; z-index: 1;}*/
.sub_title h2 a { color:#111; }
.sub_title h2 span { display:block; font-weight:400; font-size: 18px; color:#555; margin-top:8px;}
.sub_title span{ font-weight:300; font-size:16px; color:#333; letter-spacing:0.5px; }
/************** ë©”ì¸ìŠ¬ë¼ì´ë“œ **************/
.swiper-container { width: 100%; height: 100%; }
.swiper-slide { -webkit-box-sizing: border-box; box-sizing: border-box; }
.swiper-container.main_slide { padding-bottom:0px; position:relative; margin-bottom: 100px; }
.main_slide .swiper-slide img {width:100%;}
.main_slide .swiper-slide .txt { text-align:left; position:absolute; left: 20%; top:24%; color:#333; }
.main_slide .swiper-slide .txt2 { left: 65%;}
.main_slide .swiper-slide .txt3 { /*text-align:center; left:50%; transform:translateX(-50%);*/ }
.main_slide .swiper-slide .txt .wt {color:#fff;}
.main_slide .swiper-slide .txt .tit {font-size:48px; font-weight:500; letter-spacing:-2px; line-height:60px; }
.main_slide .swiper-slide .txt .tit2 { line-height:32px; padding:0 0 15px; font-weight: 300; letter-spacing:-1px; font-size: 20px;}
.main_slide .swiper-slide .txt .bar {display:inline-block; width: 20px; height: 1px; background: #333; margin: 0 0 15px;}
.main_slide .swiper-slide .txt .bar.wt {background:#fff;}
.main_slide .swiper-slide .txt a.wt { color:#fff; border:1px solid #fff;}
.main_slide .swiper-slide .txt a.wt:hover {background:#fff; color:#333;}
.main_slide .swiper-slide .txt .btn2 {display:inline-block; font-size:14px; padding:14px 30px; margin-top:40px; color:#333; border:1px solid #333; -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: .5s; transition-duration: .5s; }
.main_slide .swiper-slide .txt .btn2:hover {background:#333; color:#fff; border-radius:10px;}
.main_slide .swiper-slide .txt .btn2 i { font-size:11px; }
/* ë©”ì¸ìŠ¬ë¼ì´ë“œ */
.main_slide .swiper-pagination-fraction { left: 47%; color: rgba(0, 0, 0, 0.7); }
.main_slide .swiper-button-next { right:5%; }
.main_slide .swiper-button-prev { left: 5%; }
.main_slide .swiper-button-prev::before,
.main_slide .swiper-button-next::before,
.main_slide .swiper-button-prev::after,
.main_slide .swiper-button-next::after{ background-color: rgba(55, 61, 68, 0.8); }
.main_slide .slide_bg { width: 100%; display: block; }
.main_slide .slide_bg img { width: 100%; }
/************** ë©”ì¸ë°°ë„ˆ **************/
.mainBanner01 { position:relative; width:100%; overflow: hidden; margin: 50px auto 135px;}
.mainBanner01 .img_area img {width:100%;}
.mainBanner01 .txt { text-align:left; position:absolute; right:5%; top:50%; transform:translateY(-50%); color:#fff;}
.mainBanner01 .txt .tit {font-size:48px; font-weight:500; letter-spacing:-2px; line-height:60px; }
.mainBanner01 .txt .tit2 { line-height:32px; padding:0 0 10px; font-weight: 300; font-size: 20px;}
.mainBanner01 .txt .btn2 {display:inline-block; font-size:14px; padding:14px 30px; margin-top:40px; color:#fff; border:1px solid #fff; -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: .5s; transition-duration: .5s; }
.mainBanner01 .txt .btn2:hover {background:#fff; color:#111; border-radius:10px;}
.mainBanner01 .txt .btn2 i { font-size:11px; }
/************** ë©”ì¸ ë¡± 배너01 css **************/
.full_banner { position: relative; margin: 100px auto 100px; width: 100%; overflow: hidden;}
.full_banner img {width:100%;}
.full_banner .txt { text-align:left; position:absolute; left:19%; top:50%; transform:translateY(-50%); color:#333;}
.full_banner .txt .tit {font-size:42px; font-weight:500; letter-spacing:-2px; line-height:54px; }
.full_banner .txt .tit span {font-weight: 500; }
.full_banner .txt .tit2 { color:#333; font-size:20px; font-weight:400; margin:0 0 10px;}
/************** íƒ css **************/
.DB_tab { width:100%; margin:120px auto 0; }
.DB_tab .title { width: 100%; text-align:center; box-sizing: border-box; padding: 0 4px; margin-bottom: 45px; }
.DB_tab .title h2 { font-weight: 500; font-size: 32px; color: #2e2e2e; display: inline-block; margin-right: 10px; }
.DB_tab .title p { font-weight: 300; font-size: 16px; color: #999; letter-spacing: 0.5px; margin-top: 10px; display: inline-block; }
.DB_tab .btn { overflow:hidden; padding:0 4px; box-sizing:border-box; }
.DB_tab .btn li{float:left;width:24.7%;/* < 100ì„ ë©”ë‰´ 개수로 나누세요*/ background:#fff; }
.DB_tab .btn li a{ display:block; font-size:17px; border:1px solid #eee; border-left: none;color:#999; padding:18px 0; text-align:center; font-weight:400; }
.DB_tab .btn li:first-child a{ border-left:1px solid #eee; }
.DB_tab .btn li.on { border: 1px solid #666; }
.DB_tab .btn li.on a { color: #444; font-weight: 500; border-bottom: none; border: 1px solid #666; }
.DB_tab .con { margin-bottom:140px; }
.DB_tab .con > li > .ec-over-product { margin:0 !important; }
.DB_tab .con > li{display:none; padding:30px 0 0; }
.DB_tab .con > li.on{display:block}
/**************************************************************************************
후기 ë©”ì¸ì—°ë™ css _ ë©”ì¸ì— 후기 ê²Œì‹œíŒ ì‚¬ìš© ì‹œ ì ìš©ë˜ëŠ” css 입니다
: 현재 êµ¬ìž…í•˜ì‹ ìŠ¤í‚¨ì€ í›„ê¸°ê°€ ì—°ë™ë˜ê³ 있습니다
***************************************************************************************/
.list_bg { width:100%; margin: 80px auto 0; padding:50px 0 70px; background:#f9f9f9; } /* << 백그ë¼ìš´ë“œ ìƒ‰ìƒ */
.sub_title2 { position: relative; margin:0 0 50px; text-align:center; }
.sub_title2 h2 { position: relative; display: inline-block; margin: 0 auto; font-weight:600; font-size:36px; color:#333; text-align:center; background:#f8f8f8; z-index: 2;}
.sub_title2:after { content: ''; display: block; border-bottom: 1px solid #efefef; position: absolute; top: 30px; right: 0; left: 0; z-index: 1;}
.sub_title2 h2 a { color:#111; }
.sub_title2 h2 span { display:block; font-weight:400; font-size: 18px; color:#555; margin-top:8px;}
.sub_title2 span{ font-weight:300; font-size:16px; color:#555; letter-spacing:0.5px; }
.main_board .galleryList { position: relative; margin:0 auto; }
.main_board .swiper-container { width: 100%; overflow:hidden; }
.main_board .galleryList li { position: relative; overflow: hidden; display:block; font-size:12px; box-sizing: border-box; border:1px solid #ececec; top:0; transition:.2s all; background:#fff; }
.main_board .galleryList li span { display:block; }
.main_board .galleryList li .imgLink { overflow: hidden; background:url('//ecimg.cafe24img.com/pg40b22810634056/overpower3000/web/upload/goodymall/kr/main/logo.png') no-repeat center center; min-height:250px; background-size: 150px; }
.main_board .galleryList li .imgLink img{ width: 100%; }
.main_board .galleryList li .txt { text-align:left; box-sizing: border-box; padding:0 15px 25px; min-height:132px; }
.main_board .galleryList li .txt .txt_area:after { content:""; display:block; clear:both; }
.main_board .galleryList li .txt .txt_area { margin-top:20px; }
.main_board .galleryList li .txt .txt_area p:nth-child(1) { float:left; margin-top:4px; }
.main_board .galleryList li .txt .txt_area p:nth-child(2) { float:right; }
.main_board .galleryList li .txt .subject { font-size:18px; color:#111; font-weight:400; height:25px; overflow: hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; }
.main_board .galleryList li .txt .cont { font-size:14px; color:#333; font-weight:300; margin: 15px 0 0; height:40px; line-height:20px; overflow: hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.main_board .galleryList li .txt .writer { font-weight: 400; color: #333; font-size: 15px; }
.main_board .galleryList li .txt .more { margin:30px 0 0; font-size: 17px; line-height: 16px; }
.main_board .galleryList li .txt .more:hover { color:#999; }
/* 갤러리 버튼 css */
.main_board .gbtn {text-align:center;}
.main_board .gbtn .btn {display:inline-block; font-size:13px; padding:14px 30px; margin-top:40px; color:#333; border:1px solid #333; -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: .5s; transition-duration: .5s; }
.main_board .gbtn .btn:hover {background:#333; color:#fff; border-radius:10px;}
.main_board .gbtn .btn i { font-size:11px; }
.main_board .swiper-button-next, .main_board .swiper-button-prev { top: 56%; }
/* 갤러리 스와ì´í¼ 버튼 css */
.main_board .swiper-button-next { right: -3.5%; }
.main_board .swiper-button-prev { left: -3.5%; }
.insta_tit { display: block; margin:6% 0 0; text-align: center;}
.insta_tit h2 { padding:0 30px; position: relative; display: inline-block; margin: 0 auto; font-weight:600; font-size:36px; color:#333; text-align:center; background:#fff; z-index: 2;}
.insta_tit:after { content: ''; display: block; border-bottom: 1px solid #eee; position: absolute; top: 30px; right: 0; left: 0; z-index: 1;}
/************** 푸터 **************/
#footer {position:relative; clear:both; width:100%; margin:0 auto; overflow:hidden; box-sizing:border-box; }
#footer .finner {margin:0 auto; width:1200px;}
#footer .finner::after {content:""; display:block; clear:both;}
#footer01 { overflow: hidden; }
#footer .inner { overflow: hidden; position: relative; width: 1200px; margin: 0 auto;*zoom: 1;}
/* 푸터 ìƒë‹¨ ë 배너 */
#footer_insta { width:100%; margin:0 auto; background-color: #fff; padding:86px 0 ; text-align:center; }
#footer_insta .inner { overflow:hidden; position:relative; width:1200px; margin:0 auto; *zoom:1;}
#footer .ft_sns { position: relative; width:100%; margin:0 auto; background:#f9f9f9; border:1px solid #eee; border-width:1px 0;}
#footer .ft_sns .inner { padding:33px 0; background:url("//ecimg.cafe24img.com/pg40b22810634056/overpower3000/web/upload/goodymall/kr/layout/ft_sns.png") no-repeat 20px 38px; }
#footer .ft_sns .inner .txt_area {display:inline-block; width:70%;}
#footer .ft_sns h3 {padding: 0 0 10px 120px; font-size:30px; color:#333; font-weight:600;}
#footer .ft_sns p { padding: 0 0 0 120px;font-size:16px; font-weight:400; color:#555; }
#footer .sns_icon { display:inline-block; width:27%; text-align:right;}
#footer .sns_icon a { margin:0 22px; font-size:30px; }
#footer .sns_icon a:first-child {margin:0 20px 0 0;}
#footer .sns_icon a:last-child {margin:0 0 0 20px;}
#footer .sns_icon a i {color:#333;}
.-hover { -moz-transition: 0.5s ease; -o-transition: 0.5s ease; -webkit-transition: 0.5s ease; transition: 0.5s ease; }
.-hover a { -moz-transition: 0.5s ease; -o-transition: 0.5s ease; -webkit-transition: 0.5s ease; transition: 0.5s ease; }
.-hover img { -moz-transition: 0.5s ease; -o-transition: 0.5s ease; -webkit-transition: 0.5s ease; transition: 0.5s ease; }
.-hover2 { -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; }
a:hover {text-decoration: none;}
/* 첫번째 ì˜ì— */
.footer_box01 { float:left; width:25%; padding: 40px 0 40px; color:#555; box-sizing:border-box; text-align:left; line-height:25px; }
.footer_box01 ul { font-size:15px; font-weight: 400;}
.footer_box01 ul li span {font-weight: 500;}
.footer_box01 .footer_title { font-size:20px; font-weight:500; color:#333; margin-bottom:10px }
.footer_box01 .footer_call { font-size:28px; font-weight: 700; color:#333; letter-spacing:-1px; padding-bottom: 8px; line-height: 40px; }
.footer_box01 .last { margin-top:5px; }
.footer_box01 .btn { display:inline-block; margin:10px 0 0; }
.footer_box01 .btn a { display:inline-block; padding: 14px 50px; background:#333; color:#fff; font-size:17px; border:1px solid #333; -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: .5s; transition-duration: .5s;}
.footer_box01 .btn a:hover {background:#fff; color:#333; border-radius: 10px;}
/* ë‘번째 ì˜ì— */
.footer_box02 { overflow: hidden; float:left; width:32%; padding:40px 0 0 40px; color:#555; box-sizing:border-box; line-height:25px;}
.footer_box02 ul.bank li { font-size:15px; line-height:22px;font-weight:400;}
.footer_box02 ul.bank li span { font-weight:500; }
.footer_box02 .footer_title { font-size:20px; font-weight:500; color:#333; margin-bottom:10px }
.footer_box02 .footer_bank { margin-bottom:25px; }
.footer_box02 .last { margin:5px 0 15px; }
.footer_box02 .asc { margin-bottom:15px; }
.footer_box02 .asc ul li { font-size:13px; font-weight:400; line-height:20px;}
.footer_box02 .f_bn a { margin-right:10px; }
/* 세번째 ì˜ì— */
.footer_box03 { float:left; width:43%; padding:40px 0 40px 80px; box-sizing:border-box; }
.footer_box03 .footer_banner { width:100%; display:block; transition:.2s all; }
.footer_box03 .footer_banner:hover { opacity:.6; }
/* 푸터 최하단 ì˜ì— */
.footer_box04 { width:100%; padding: 10px 0 50px; border-top: 1px solid #eee; }
.footer_box04 .ft_bt {padding:0 0 20px;}
.footer_box04 .utilMenu { overflow:hidden; display: inline-block; width: 50%; }
.footer_box04 .utilMenu li { float:left; font-size:13px; padding: 12px 20px 12px 0; }
.footer_box04 .utilMenu li.home { padding-left:0; background:none; }
.footer_box04 .utilMenu li a { color:#333; font-size:14px; }
.footer_box04 .utilMenu li a span { font-weight:500; }
.footer_box04 .utilMenu li a:hover { text-decoration:none; color: #989898; }
.footer_box04 .address {width:80%; float:left; color:#555}
.footer_box04 .address span { padding:0 20px 0 0;; font-size:13px; letter-spacing:0; line-height:24px; font-weight:400; display: inline-block; }
.footer_box04 .ft_logo {width:20%; display:inline-block; padding-left:6%; box-sizing:border-box; }
.footer_box04 .ft_logo img { /*width:100%;*/ }
.footer_box04 span a { color:#777; }
/* 스í¬ë¡¤ fix _ 우측 sns ì•„ì´ì½˜ */
.sns_area { /*position: fixed;*/ bottom:15%; right: 13.2%; cursor: pointer; z-index: 999; display: none;}
.sns_area .detailSns { display: inline-block; width: 100%; margin: 25px auto 0; padding-bottom: 42px; }
/* 카카오 */
.sns_area .detailSns .kakao { line-height: 45px; margin: 0 0% 10% 0; }
.sns_area .detailSns .kakao img { width:100%; }
/* 네ì´ë²„ */
.sns_area .detailSns .talktalk { line-height: 45px; margin: 0 0% 35% 0; }
.sns_area .detailSns .talktalk a {}
.sns_area .detailSns .talktalk img { width:100%;}
/* 스í¬ë¦½íŠ¸ 톡톡 사용시 css */
/* .sns_area .detailSns .talk_preview_area .talk_banner_preview.on { background: none !important; border: 0 !important; margin-top: -10px !important; }
.sns_area .detailSns .talk_preview_area .ico_talk_banner { background: url("//dangsin.kr/web/upload/goodymall/kr/layout/toktok.png") no-repeat; background-size:cover; }
.talk_preview_area .talk_banner_preview { width: 100% !important; padding: 0 !important; max-width: 100% !important; }
.sns_area .detailSns .talk_preview_area .talk_banner_desc { display: none; }
.talk_preview_area .ico_talk_banner { width:40px !important; height:40px !important; margin:0 !important; }*/
/* top btn */
/*.back-top {position:fixed; right:5.2%; bottom:6%; cursor:pointer; z-index:999; display:none;}
#goBtn .btn {display:block; width:40px; height:40px; background:url('//ecimg.cafe24img.com/pg40b22810634056/overpower3000/web/upload/goodymall/kr/layout/scroll.png') 0 0;}
#goBtn .up {display:block; background:url('//ecimg.cafe24img.com/pg40b22810634056/overpower3000/web/upload/goodymall/kr/layout/scroll.png') 0 0; height:40px; margin-bottom:3px; }
#goBtn .down {display:block; background:url('//ecimg.cafe24img.com/pg40b22810634056/overpower3000/web/upload/goodymall/kr/layout/scroll.png') 0 -40px;}
#goBtn .btn:hover {opacity:0.5;}*/
/* ì „ì²´ì¹´í…Œê³ ë¦¬ ë² ìŠ¤íŠ¸ ì‹ ìƒí’ˆ gigl ì‚ì œ */
#allCate #categoryMenu .menu-dp1 > li:nth-child(1),
#allCate #categoryMenu .menu-dp1 > li:nth-child(2),
#allCate #categoryMenu .menu-dp1 > li:nth-child(3) {
display: none;
}
.leftCategory #categoryMenu .menu-dp1 > li:nth-child(1),
.leftCategory #categoryMenu .menu-dp1 > li:nth-child(2),
.leftCategory #categoryMenu .menu-dp1 > li:nth-child(3) {
display: inline-block!important;
}
.leftCategory #categoryMenu .menu-dp1 > li.bbs {
display: inline-block!important;
}
.slick-slider {width:100% !important; overflow:hidden;}
.slick-dots { text-align: center; margin: 0 0 10px 0; padding: 0;}
.slick-dots li { display: inline-block;}
.slick-dots li.slick-active button { width: 6px; background-color: black;}
.slick-dots li button { font: 0/0 a; text-shadow: none; color: transparent; background-color: #fff; border: none; width: 6px; height: 6px; margin-left: 3px; margin-top: 3px;}
.slick-dots li :hover { background-color: #fff;}
@media screen and (max-width: 1880px) {
#quick_menu {right:10%;}
}
@media screen and (max-width: 1785px) {
#quick_menu {right:8%;}
}
@media screen and (max-width: 1700px) {
#quick_menu {right:6%;}
}
@media screen and (max-width: 1630px) {
#quick_menu {right:4%;}
}
@media screen and (max-width: 1560px) {
#quick_menu {right:1%;}
}
@media screen and (max-width: 1440px) {
#quick_menu {display:none;}
.main_board .swiper-container { width:95%;}
.main_board .swiper-button-prev{ left: 0;}
.main_board .swiper-button-next{ right: 0;}
}
@media screen and (max-width: 1400px) {
.main_slide .swiper-slide .txt .tit {font-size:40px; line-height:50px;}
.main_slide .swiper-slide .txt .tit2 {font-size:18px; line-height:24px; padding:0 0 20px;}
.main_slide .swiper-slide .txt .btn2 {font-size:13px; margin-top: 30px; }
.mainBanner01 .txt .tit {font-size:40px; line-height:50px;}
.mainBanner01 .txt .tit2 {font-size:18px; line-height:24px; padding:0 0 20px;}
.mainBanner01 .txt .btn2 {font-size:13px; margin-top: 30px;}
.full_banner .txt .tit {font-size:34px; line-height:44px;}
.full_banner .txt .tit2 {margin:0 0 5px; font-size:16px;}
.prdBanner .thumbnail .btn2 {font-size:13px;}
}
@media screen and (max-width: 1300px) {
#wrap .inner_area { width: 96%;}
#main #container {width: 100%;}
#layout #container {width: 96%;}
#container #contents {width: 100%;}
#footer .inner {width:100%;}
#header .inner {width:98%;}
#allCate {width:100%;}
.leftCategory #categoryMenu .menu-dp1 > li > a {padding: 0 30px;}
.main_board .galleryList li .imgLink {min-height: 230px;}
#footer01 .finner {width: 94%;}
/*브랜드*/
.subArea { width: 98%;}
.root_daum_roughmap_landing {width: 98%;}
}
@media screen and (max-width: 1280px) {
.mainSlide .swiper-slide .txt { top: 23%;}
.mainSlide .swiper-slide .txt h3 { font-size: 32px;}
.roll_prd {width: 95%;}
.roll_prd .slick-slider .slick-list {width: 100%;}
.main_board .galleryList li .imgLink {min-height: 215px;}
/*브랜드*/
.sub_txt h4 {font-size: 20px;}
.sub_txt p {font-size: 13px;}
.sub_txt { width: 55%;}
.subArea .sub_img {width: 40%;}
.subArea .sub_img img {width: 100%;}
}
@media screen and (max-width: 1230px) {
.footer_box02 { padding: 42px 0 0 20px;}
.footer_box03 {padding: 37px 0 40px 40px;}
}
@media screen and (max-width: 1210px) {
.main_board .galleryList li .txt .writer { font-size: 14px;}
}
@media screen and (max-width: 1200px) {
.AllCategory {width:200px;}
.AllCategory .btn-allcate strong {font-size:17px;}
.leftCategory #categoryMenu .menu-dp1 > li > a {padding: 0 25px; font-size:17px;}
.leftCategory #categoryMenu .menu-dp2 > li > a {font-size:13px;}
.main_slide .swiper-slide .txt .tit {font-size:32px; line-height:40px;}
.main_slide .swiper-slide .txt .tit2 {font-size:17px; line-height:23px; padding:0 0 15px;}
.main_slide .swiper-slide .txt .btn2 {margin-top: 25px; padding: 12px 20px;}
.mainBanner01 .txt .tit {font-size:32px; line-height:40px;}
.mainBanner01 .txt .tit2 {font-size:17px; line-height:23px; padding:0 0 15px;}
.mainBanner01 .txt .btn2 {margin-top: 25px; padding: 12px 20px;}
.full_banner .txt .tit {font-size:28px; line-height:32px;}
.full_banner .txt .tit2 {font-size:14px;}
.prdBanner .thumbnail .btn2 {padding: 12px 20px;}
}
@media screen and (max-width: 1180px) {
.footer_box01 {line-height:22px;}
.footer_box01 .footer_title, .footer_box02 .footer_title, .xans-board-listpackage-1 h2 {font-size: 16px;}
.footer_box01 ul, .footer_box02 ul.bank li {font-size:13px;}
.footer_box02 .asc ul li {font-size:12px;}
.footer_box02 .last {margin: 5px 0 35px;}
.ec-base-table.typeList td {padding:6px 12px 3px;}
}
@media screen and (max-width: 1160px) {
.leftCategory #categoryMenu .menu-dp2, .leftCategory #categoryMenu .menu-dp3, .leftCategory #categoryMenu .menu-dp4, .leftCategory #categoryMenu .bbs-dp1 {width:140px;}
.main_board .galleryList li .imgLink { min-height: 190px;}
.main_board .galleryList li .txt .writer { font-size: 12px;}
}
@media screen and (max-width: 1100px) {
.leftCategory #categoryMenu .menu-dp1 > li > a {padding:0 20px;}
.top_menu ul > li > a { font-size: 16px;}
.main_board .galleryList li .txt .writer {font-size: 12px;}
.footer_box02 .utilMenu li {padding: 0 10px 6px 0;}
.footer_box02 .utilMenu li a { font-size: 12px;}
.footer_box02 .address span { font-size: 12px;}
}
@media screen and (max-width: 1070px) {
.top_menu ul > li > a {font-size: 13px;}
.main_slide .swiper-slide .txt .tit {font-size:24px; line-height:32px;}
.main_slide .swiper-slide .txt .tit2 {font-size:14px; line-height:22px; padding:0 0 10px;}
.main_slide .swiper-slide .txt .bar {margin: 0 0 10px;}
.main_slide .swiper-slide .txt .btn2 {margin-top: 20px; padding: 10px 16px;}
.mainBanner01 .txt .tit {font-size:24px; line-height:32px;}
.mainBanner01 .txt .tit2 {font-size:14px; line-height:22px; padding:0 0 10px;}
.mainBanner01 .txt .btn2 {margin-top: 20px; padding: 10px 16px;}
.full_banner .txt .tit {font-size:20px; line-height:28px;}
.full_banner .txt .tit span {font-size:24px;}
.prdBanner .thumbnail .btn2 {padding: 10px 16px;}
.main_board .galleryList li .imgLink {min-height: 176px;}
.main_board .galleryList li .txt .subject{ font-size: 16px;}
.main_board .galleryList li .txt {padding: 18px 8px;}
.main_board .galleryList li .txt .txt_area p:nth-child(1) {float: none; margin: 0 0 5px 0;}
.main_board .galleryList li .txt .txt_area p:nth-child(2) {float: none;}
.footer_box01 .footer_call { font-size: 28px;}
}
@media screen and (max-width: 995px) {
.ec-base-product .prdList {min-width: 100%;}
}
@media screen and (max-width: 960px) {
#footer01 .finner { width: 98%;}
}
/* 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);
}
.roll_prd .slick-track
{
position: relative;
top: 0;
left: 0;
height: 520px !important;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track
{
position: relative;
top: 0;
left: 0;
height: 350px;
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("//dangsin.kr/ajax-loader.gif") center center no-repeat;
}
/* Icons */
@font-face{
font-family: 'slick';
font-weight: normal;
font-style: normal;
src: url("//dangsin.kr/fonts/slick.eot");
src: url("//dangsin.kr/fonts/slick.eot?#iefix") format('embedded-opentype'), url("//dangsin.kr/fonts/slick.woff") format('woff'), url("//dangsin.kr/fonts/slick.ttf") format('truetype'), url("//dangsin.kr/fonts/slick.svg#slick") format('svg');
}
/* Arrows */
.slick-arrow {
opacity:0;
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 53px;
height: 53px;
padding: 0;
-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: rgba(255, 255, 255, 1) url("//dangsin.kr/web/upload/goodymall/kr/main/slide_arrow.png") no-repeat 0 0;
border-radius:50%;
z-index:5;
}
.slider:hover .slick-arrow{ opacity:1; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.slick-arrow:hover,
.slick-arrow:focus { background-color: rgba(170, 170, 170, 0.8); }
.slick-prev:hover,
.slick-prev:focus { background-position: -6px -5px; }
.slick-next:hover,
.slick-next:focus{
background-position:-66px -6px;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before{
opacity: .25;
}
.slick-prev{
left: 10%;
background-position: -6px -66px;
}
[dir='rtl'] .slick-prev{
right: 10%;
left: auto;
}
.slick-next{
right: 10%;
background-position: -67px -66px;
}
[dir='rtl'] .slick-next{
right: auto;
left: 10%;
}
.slick-dots{
position: absolute;
bottom:0px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li{
position: relative;
display: inline-block;
width: 10px;
height: 10px;
margin: 0 8px;
padding: 0;
cursor: pointer;
}
.slick-dots li button{
font-size: 0;
line-height: 0;
display: block;
width: 10px;
height: 10px;
cursor: pointer;
color: transparent;
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: 10px;
height: 10px;
border:1px solid #bbb;
content: '';
text-align: center;
border-radius:50px;
background:#fff;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before{
border-color:#333;
background: #333;
}
.prd_slide .slick-prev{
left: 0%;
}
.prd_slide .slick-next{
right:0%;
}
.prd_slide .slick-arrow::before,
.prd_slide .slick-arrow::after {
background-color: #222;
}
.prd_slide .slick-dots { bottom: 0px; }
/* reset */
li { list-style:none; }
table { width:100%; border:0; border-spacing:0; border-collapse:collapse; }
caption { display:none; }
h1, h3 { margin:0; }
/* common */
.ec-base-layer { position:absolute; z-index:100; border:1px solid #757575; background:#fff; }
.ec-base-layer .header { padding:7px 35px 7px 19px; color:#333; background:#fff; }
.ec-base-layer .header > h1,
.ec-base-layer .header > h3 { font-size:14px; line-height:1.5; }
.ec-base-layer .content { padding:20px; font-size:12px; }
.ec-base-layer div.ec-base-help { margin-top:0; }
.ec-base-layer .ec-base-button { padding:9px; border-top:1px solid #d7d5d5; text-align:center; background:#fff; }
.ec-base-layer .close { position:absolute; right:0; top:0; padding:10px; cursor:pointer; }
/* popup */
#popup .ec-base-layer { position:relative; border:1px solid #eee; box-sizing:border-box; }
#popup .ec-base-layer .header { padding:12px 35px 12px 19px; }
#popup .ec-base-layer .close { top:25px; right:25px; background:#ddd; z-index:999; }
/* ec-base-table */
.ec-base-layer .content > .ec-base-table table:first-child { margin-top:0; }
.ec-base-layer .ec-base-table table { line-height:1.4; }
.ec-base-layer .ec-base-table thead th { padding:9px 0 8px; }
.ec-base-layer .ec-base-table tbody th { padding:9px 0 8px 10px; }
.ec-base-layer .ec-base-table td { padding:9px 10px 8px; }
/* horizontal - typeWrite */
.ec-base-layer .ec-base-table.typeWrite td { padding:5px 10px 4px; }
/* vertical - typeList */
.ec-base-layer .ec-base-table.typeList tfoot td { padding:10px 10px 12px; }
/* typeBorder */
.ec-base-layer .ec-base-table.typeBorder tfoot td { padding:10px 10px 12px; }
.xans-layout-multishopshipping { display:none; }
.xans-layout-multishopshipping .worldshipLayer { top:303px; left:50%; width:448px; margin:0 0 0 -225px; }
.xans-layout-multishopshipping .worldshipLayer .content { padding:153px 20px 30px; line-height:1.8; background:url("//img.echosting.cafe24.com/skin/base/link/bg_worldship.gif") center 21px no-repeat; }
.xans-layout-multishopshipping .worldshipLayer .content .desc { display:block; margin:4px 0 14px; }
.xans-layout-multishopshipping .worldshipLayer .select { margin:10px 0 0; }
.xans-layout-multishopshipping .worldshipLayer .select select { width:100%; }
.xans-layout-conversionpc { background:#fff; padding:45px; text-align:center; }
.xans-layout-conversionpc a {
margin:20px; padding:20px 40px 20px 110px;
font-size:68px; color:#63666e; text-decoration:none; text-align:center;
border:4px solid #9d9db0; border-radius:10px; background:url("//img.echosting.cafe24.com/skin/base/layout/ico_mobile.png") no-repeat 40px 50%;
}
.xans-product-hashtag { display:table; table-layout:fixed; width:346px; margin:30px auto 0; font-family:GulimChe,Gulim; }
.xans-product-hashtag .heading { display:table-cell; width:41px; vertical-align:top; }
.xans-product-hashtag .heading > strong { display:inline-block; padding:3px 5px; border:1px solid #cbcbcb; color:#525252; font-size:11px; font-weight:normal; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; }
.xans-product-hashtag .list { display:table-cell; width:auto; vertical-align:top; font-size:0; line-height:0; }
.xans-product-hashtag .list li { display:inline-block; margin:4px 10px 2px 0; }
.xans-product-hashtag .list li a { display:inline-block; word-break:break-all; word-wrap:break-word; text-decoration:underline; color:#525252; font-size:11px; line-height:14px; }
.xans-coupon-productdetailajax { clear:both; overflow:hidden; }
.xans-coupon-productdetailajax > .title { position:relative; border-top:1px solid #e8e8e8; border-bottom:1px; }
.xans-coupon-productdetailajax > .title h3 { padding:0 0 0 9px; font-size:17px; color:#00517d; font-weight:bold; 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:5px 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:40px; 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; }
/* .xans-coupon-productdetailajax { clear:both; overflow:hidden; }
.xans-coupon-productdetailajax > .title { position:relative; }
.xans-coupon-productdetailajax > .title h3 { padding:0 0 0 9px; font-size:12px; color:#008bcc; line-height:39px; }
.xans-coupon-productdetailajax > .title .button { padding:0 0 0 7px; background:#fff; margin-bottom:5px; }
.xans-coupon-productdetailajax .couponSkinArea { padding:0 0 30px; 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 li { display:inline-block; 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:110px; 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; opacity:0; }
.xans-coupon-productdetailajax .couponSkinArea .coupon p { margin:0; padding:0; }
.xans-coupon-productdetailajax .couponSkinArea .coupon .title { display:block; padding:32px 0 5px; font-size:18px; line-height:15px; text-align:center; font-weight:300; }
.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; display:none; }
.xans-coupon-productdetailajax .couponSkinArea .coupon .period { font-size:12px; line-height:13px; font-weight:400; color:#666; text-align:center; letter-spacing:-1px; }
.xans-coupon-productdetailajax .couponSkinArea .coupon .button { margin:5px 0 0; text-align:center; }
.xans-coupon-productdetailajax .couponSkinArea .coupon .cuponbtn { display:inline-block; letter-spacing:2px; }
.xans-coupon-productdetailajax .couponSkinArea .coupon .cuponbtn a { font-size:10px; }
.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:#333; }
#dCouponDetail h3 + a { position:absolute; right:20px; top:10px; }
#dCouponDetail ul { padding:16px 10px 17px 20px; margin:25px 19px; background:#fff; }
#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:#fff; } */