.xans-product-detail {position:relative;margin:0 auto;padding:100px 0 60px;} .xans-product-detail .detailArea {display:flex;max-width:1180px;width:100%;margin:0 auto;} .xans-product-detail .ec-base-button {padding:13px 0;} /* imgArea */ .xans-product-detail .imgArea {flex-basis:50%;padding-right:60px;} .xans-product-detail .imgArea .keyImg {position:relative;margin:0 auto;} .xans-product-detail .imgArea .keyImg .thumbnail {display:inline-block;position:relative;max-width:100%;} .xans-product-detail .imgArea .keyImg .thumbnail #zoomMouseGiude {display:none !important;} .xans-product-detail .imgArea .keyImg .prdIcon {position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;} .xans-product-detail .imgArea .keyImg img {max-width:100%;cursor:pointer;border:1px solid rgba(150,150,150,0.1);} .xans-product-detail .ic_sale {position:absolute;top:0;right:0;width:66px;height:66px;line-height:66px !important;font-size:14px;font-weight:500;z-index:5;background-color:#000;color:#fff;text-align:center;letter-spacing:0.05em;border-radius:50%;} .xans-product-detail .ic_sale span {font-weight:400;color:#ccc;margin-left:1px;} .xans-product-detail .imgArea .listImg {overflow:hidden;margin:4px auto 0;} .xans-product-detail .imgArea .listImg ul {min-width:400px;height:77px;margin:0;font-size:0;line-height:0;} .xans-product-detail .imgArea .listImg li {display:inline-block;margin:0 4px 0 0;font-size:0;line-height:0;vertical-align:top;} .xans-product-detail .imgArea .listImg li img {width:auto;height:77px;border:1px solid rgba(150,150,150,0.1);cursor:pointer;} .xans-product-detail .imgArea .listImg button {position:absolute;top:0;width:21px;height:77px;font-size:0;line-height:0;color:transparent;background:url("//img.echosting.cafe24.com/skin/base/product/btn_product_detail_ctrl.png") no-repeat;opacity:0.6;} .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;margin:6px auto 0;text-align:center;background:#f7f7f7;} .xans-product-detail .imgArea .control .btnZoom {display:block;color:#787878;font-size:12px;text-decoration:none;line-height:44px;} .xans-product-detail .imgArea .control .prev {float:left;border-right:1px solid #d7d7d7;} .xans-product-detail .imgArea .control .next {float:right;border-left:1px solid #d7d7d7;} .xans-product-detail .imgArea .xans-product-action {margin:10px auto 0;padding-bottom:10px;} .xans-product-detail .color {position:absolute;top:14px;right:14px;z-index:2;} .xans-product-detail .color > div {font-size:0;line-height:0;text-align:right;} .xans-product-detail .color .chips {display:inline-block;width:12px;height:12px;margin-left:4px;border:1px solid #e8e8e8;border-radius:50%;} .xans-product-detail .likeButton {display:block;margin:20px auto 10px;text-align:center;font-size:14px;} .xans-product-detail .likeButton button {display:inline-block;padding:0;color:#737373;line-height:1em;text-align:right;background-color:transparent;} .xans-product-detail .likeButton button span {display:inline-block;line-height:12px;vertical-align:middle;} .xans-product-detail .likeButton button img {width:auto;height:12px;margin-right:3px;vertical-align:middle;} .xans-product-detail .likeButton .title {display:none;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;} /* infoArea */ .xans-product-detail .fixOpt {position:relative;flex-basis:50%;} .xans-product-detail .detaildesign, .xans-product-detail .regularDelivery, .xans-product-detail .naver_mileage {padding:20px 0;} .xans-product-detail .headingArea {position:relative;padding-bottom:15px;border-bottom:1px solid #000;} .xans-product-detail .headingArea > div {margin-bottom:12px;line-height:1.55;} .xans-product-detail .headingArea .name .delivery {font-size:12px;margin-left:9px;vertical-align:1px;} .xans-product-detail .headingArea .prc > span {margin-right:7px;letter-spacing:-0.02em;} .xans-product-detail .headingArea .icon_img {max-height:23px;} .xans-product-detail .headingArea .icon img {margin:0 4px 4px 0;vertical-align:middle;} .xans-product-detail .infoArea .icon img {margin:0 4px 2px 0;vertical-align:middle;} .xans-product-detail .infoArea .icon .icon_img {margin:0;} .xans-product-detail .infoArea p.delivery {padding:10px 0 20px;} .xans-product-detail .infoArea .guideArea {font-size:12px;overflow:hidden;margin:0;padding:12px 0 0;border-top:1px solid #e8e8e8;} .xans-product-detail .infoArea .guideArea .info {float:left;color:#757575;line-height:24px;} .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 5px;} .xans-product-detail .infoArea .sizeGuide a {display:inline-block;padding:0 0 0 24px;color:#000;vertical-align:middle;line-height:24px;} .xans-product-detail .infoArea table {border:0;font-size:12px;margin:0;} .xans-product-detail .infoArea th {color:#000;width:115px;padding:5px 0;text-align:left;vertical-align:middle;} .xans-product-detail .infoArea th, .xans-product-detail .infoArea th span {font-size:12px !important;color:#000 !important;font-weight:300 !important;} .xans-product-detail .infoArea td, .xans-product-detail .infoArea th {line-height:1.55;} .xans-product-detail .infoArea td {padding:5px 10px;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:32px;font-size:12px;color:#000;} .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;} .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.fileInfo {color:#757575;} .xans-product-detail .infoArea td.fileInfo input {width:288px;border:1px solid #c5c5c5;border-right:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;} .xans-product-detail .infoArea td.fileInfo .infoDesc li {line-height:1.5;} .xans-product-detail .infoArea td.fileInfo .infoDesc li:nth-child(1) {padding-top:7px;} .xans-product-detail .infoArea td.fileInfo .infoDesc {margin:0;} .xans-product-detail .infoArea td.fileInfo #ul_file_option > *:nth-child(1) {margin-top:7px;} .xans-product-detail .infoArea td.fileInfo li {margin:3px 0 0;color:#757575;font-size:12px;} .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;} /* fixOpt */ .fixOpt.fixed {position:fixed;right:20px;top:95px;z-index:103;width:540px;} .fixOpt .fixOpt_btn {display:none;position:absolute;top:-75px;right:0;width:60px;height:60px;border-radius:50%;cursor:pointer;background:url("//theaon.kr/_idio/img/fixOpt_arr_01.png") #000 no-repeat center center;} .fixOpt.fixed .fixOpt_btn {display:block;} .fixOpt.fixed .fixOpt_btn.opened {background:url("//theaon.kr/_idio/img/fixOpt_arr_02.png") #000 no-repeat center center;} .fixOpt.fixed .infoArea {display:none;} .fixOpt.fixed .infoArea.opened {display:block;height:100%;background-color:#fff;box-shadow:0 5px 20px rgba(0,0,0,0.1);border-radius:15px;height:70vh;padding-bottom:122px;overflow:hidden;} .fixOpt.fixed .infoArea.opened .cont {height:100%;overflow-y:scroll;padding:30px 30px 20px;border:8px solid transparent;} .fixOpt.fixed .infoArea.opened .btn {background-color:#fafafa;padding:0 12px;} .fixOpt.fixed .infoArea.opened .btn > * {display:none;} .fixOpt.fixed .infoArea.opened .btn .totalPrice, .fixOpt.fixed .infoArea.opened .btn .xans-product-action {display:block;} .fixOpt.fixed .infoArea.opened .btn #totalPrice {padding:21px 14px 3px !important;} .fixOpt.fixed .infoArea.opened .productSet {display:none !important;} /* 상품 옵션 */ .xans-product-detail .infoArea .xans-product-option tr th {vertical-align:middle;padding:20px 0;font-weight:normal !important;} .xans-product-detail .infoArea .xans-product-option tr td {padding:20px 10px;} .xans-product-detail .infoArea .xans-product-option tr:first-child th, .xans-product-detail .infoArea .xans-product-option .xans-product-fileoption th {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 {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:#000;} .xans-product-detail .infoArea .xans-product-option .value {color:#777;word-break:break-all;line-height:1.5;padding:1px 0;} .xans-product-detail .infoArea .xans-product-option .value .ec-product-value {color:#000;} .xans-product-detail .infoArea .xans-product-option .ec-product-button li {position:relative;overflow:hidden;display:inline-block;margin:0 6px 4px 0;vertical-align:top;border:1px solid #e8e8e8;background:#fff;*display:inline;*zoom:1;border-radius:5px;} .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;border-radius:3px;} .xans-product-detail .infoArea .xans-product-option .ec-product-button li a span {display:inline-block;padding:7px 11px;font-size:12px;line-height:18px;} .xans-product-detail .infoArea .xans-product-option .ec-product-button.ec-product-preview li {padding:3px;} .xans-product-detail .infoArea .xans-product-option .ec-product-button.ec-product-preview li a {min-width:24px;width:24px;height:24px;} .xans-product-detail .infoArea .xans-product-option .ec-product-button.ec-product-preview li a img {max-width:100%;max-height:100%;} .xans-product-detail .infoArea .xans-product-option .ec-product-button.ec-product-preview li a span {overflow:hidden;line-height:0;font-size:0;padding:0;text-indent:120%;white-space:nowrap;} .xans-product-detail .infoArea .xans-product-option .ec-product-button.ec-product-preview .ec-product-soldout span, .xans-product-detail .infoArea .xans-product-option .ec-product-button.ec-product-preview .ec-product-disabled span {position:absolute;left:0;top:0;z-index:1;} .xans-product-detail .infoArea .xans-product-option .ec-product-button.ec-product-preview .ec-product-soldout span {background:url("//img.echosting.cafe24.com/skin/base/product/soldout_bg.png") repeat;} .xans-product-detail .infoArea .xans-product-option .ec-product-button .ec-product-soldout {border-style:dashed;} .xans-product-detail .infoArea .xans-product-option .ec-product-button .ec-product-soldout a span {display:inline-block;width:100%;height:100%;cursor:not-allowed;color:#d7d7d7;} .xans-product-detail .infoArea .xans-product-option .ec-product-button .ec-product-soldout.ec-product-selected {border-style:dashed;} .xans-product-detail .infoArea .xans-product-option .ec-product-button .ec-product-disabled a {cursor:default;} .xans-product-detail .infoArea .xans-product-option .ec-product-button .ec-product-disabled a span {display:inline-block;width:100%;height:100%;color:#000;background:#aaa;filter:alpha(opacity=30);opacity:0.3;} .xans-product-detail .infoArea .xans-product-option .ec-product-button .ec-product-selected {border:2px solid #333;} .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;} /* eventArea */ .xans-product-detail .eventArea .event {padding:20px 0;color:#000;line-height:1.45;} .xans-product-detail .eventArea .event img {max-width:100%;height:auto;} /* 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 #e8e8e8;} .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 #e8e8e8;} .xans-product-detail .productSet > .title {position:relative;line-height:49px;background-color:#fafafa;} .xans-product-detail .productSet > .title h3 {margin:0 0 0 20px;font-size:13px;font-weight:500;color:#666;} .xans-product-detail .productSet > .title h3 span {margin-left:6px;font-size:12px;font-weight:normal;color:#999;} .xans-product-detail .productSet .product > li {position:relative;border-top:1px solid #e8e8e8;} .xans-product-detail .productSet .thumbnail {position:absolute;top:22px;left:22px;z-index:1;width:100px;} .xans-product-detail .productSet .thumbnail img {max-width:100%;border:1px solid rgba(150,150,150,0.1);} .xans-product-detail .productSet .information {position:relative;padding:19px 22px 0 140px;} .xans-product-detail .productSet .information > p {margin:0 0 6px;font-size:13px;font-weight:normal;} .xans-product-detail .productSet .information > p strong {font-weight:normal;} .xans-product-detail .productSet .information .name {padding-right:60px;} .xans-product-detail .productSet .information .name strong {font-weight:500;font-size:13px;margin:0 0 9px;} .xans-product-detail .productSet .information .price .del {font-weight:normal;} .xans-product-detail .productSet .information .salePrice {color:#000;font-weight:normal;} .xans-product-detail .productSet .information .btnInfo {position:absolute;top:22px;right:22px;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 22px 10px 140px;} .xans-product-detail .productSet .option > li {margin:0 0 15px;font-size:12px;} .xans-product-detail .productSet .option .name {display:block;margin:0 0 5px;font-weight:500;} .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 22px;} .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 {display:none;position:absolute;top:12px;right:20px;opacity:0.7;} .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;background-color:#f9f9f9;} #totalProducts table .left {text-align:left;} #totalProducts table .center {text-align:center;} #totalProducts table .right {padding-right:25px;font-weight:500;color:#000;text-align:right;} #totalProducts tbody th, #totalProducts tbody td {font-size:13px;} #totalProducts thead {display:none;} #totalProducts thead th {height:0;padding:0;font-size:0;line-height:0;} #totalProducts tbody th {vertical-align:middle;} #totalProducts tbody td {padding:17px 0;border-top:1px solid #e8e8e8;color:#000;line-height:18px;vertical-align:middle;word-wrap:break-word;word-break:keep-all;} #totalProducts tbody tr td:first-child {padding-left:25px;} #totalProducts tbody tr:first-child td {border-top:0;} #totalProducts tbody td p {padding:0 10px 0 0;font-weight:500;line-height:1.5;} #totalProducts tbody td p.product {font-size:13px;color:#000;line-height:1.5;} #totalProducts tbody td p.product span {font-size:12px;font-weight:normal;color:#757575;} #totalProducts tbody td p.product span.soldOut {color:#000;} #totalProducts tbody td img {vertical-align:middle;} #totalProducts tbody td .quantity {display:inline-block;position:relative;width:50px;vertical-align:top;} #totalProducts tbody td .quantity input {width:29px;height:23px;padding:0 2px 0 3px;line-height:23px;border:1px solid #d4d4d4;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:23px;line-height:22px;} #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 {} /* 총 상품 금액 */ .totalPrice {margin:0;padding:30px 0 10px;color:#000;font-size:12px;vertical-align:middle;text-align:right;} .totalPrice > strong {font-weight:500;margin-right:3px;font-size:14px;} .totalPrice .total em {font-style:normal;font-size:21px;font-weight:600;vertical-align:-2px;margin-left:10px;} /* 배송비 차등부과 레이어 */ .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-color:#000;} .differentialShipping .content {padding:12px 18px 14px 18px;border:1px solid #757575;border-top:0;text-align:center;background-color:#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:#000;} .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;max-height:350px;overflow-y:scroll;} .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 #666;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:#fbfbfb;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 #e8e8e8;} .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:0;border-top:1px solid #e8e8e8;} .xans-product-detail .infoArea .regularDelivery th {vertical-align:top;} .xans-product-detail .infoArea .regularDelivery .gLabel {position:relative;margin:0 35px 0 0;} .xans-product-detail .infoArea .regularDelivery .badge {display:inline-block;position:relative;top:0;height:15px;margin:0 0 0 5px;padding:0 7px;border-radius:10px;line-height:18px;font-size:12px;color:#fff;background-color:#000;} .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;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);} .xans-product-relation .relation {margin:-1px 0 0;padding:75px 0;border-top:1px solid #e8e8e8;} .xans-product-relation .relation .tit {font-weight:600;font-size:19px;padding:0 0 8px;text-align:center;} .xans-product-relation .relation .sub {font-size:13px;padding:0 0 30px;text-align:center;color:#999;} .xans-product-relation .relation ul.prdList li.item {padding:0 7px;} .xans-product-relation .relation ul.prdList li.item .box {width:100%;text-align:center;} .xans-product-relation .relation ul.prdList li.item .box * {outline:0;} .xans-product-relation .relation ul.prdList li.item .box .name {display:inline-block;padding-bottom:2px;} .xans-product-relation .relation ul.prdList li.item .box .name a {font-size:14px;line-height:21px;font-weight:500;} .xans-product-relation .relation ul.prdList li.item .box ul li, .xans-product-relation .relation ul.prdList li.item .box ul li * {font-size:13px;line-height:20px;} .xans-product-relation .relation ul.prdList li.item .box strong {display:block;font-weight:normal;} .xans-product-relation .relation ul.prdList li.item .box .strike {font-weight:normal;text-decoration:line-through;} .xans-product-relation .relation ul.prdList li.item .thumb {width:100%;height:auto;margin:0 0 16px;border:1px solid rgba(150,150,150,0.1);} .xans-product-relation .relation ul.prdList li.item:hover .thumb {opacity:0.6;} .xans-product-relation .slick-dots {position:relative;bottom:0;height:unset;padding-top:36px;} #prdDetail img {max-width:100% !important;height:auto !important;} .xans-product-additional {border-top:1px solid #e8e8e8;} .xans-product-additional .ec-base-table {margin:0;} .xans-product-additional .ec-base-button {padding:23px 0 0;} .xans-product-additional .dtl_tit {padding:15px 0 35px;font-size:23px;text-align:center;font-weight:600;} .xans-product-additional .menu_Idx {padding-top:100px;margin-top:-20px;} .xans-product-additional .menu_Idx ul.menu {text-align:center;margin:0 0 50px;font-size:0;line-height:0;} .xans-product-additional .menu_Idx ul.menu li {display:inline-block;line-height:39px;} .xans-product-additional .menu_Idx ul.menu li:after {display:inline-block;width:1px; height:9px;background-color:#e8e8e8;content:'';margin:0 27px;} .xans-product-additional .menu_Idx ul.menu li:last-child:after {display:none} .xans-product-additional .menu_Idx ul.menu li a {opacity:0.4;font-size:15px;} .xans-product-additional .menu_Idx ul.menu li.selected a {opacity:1;font-weight:400;} .xans-product-additional .menu_Idx ul.menu li a span {display:inline-block;line-height:21px;height:20px;padding:0 3px;text-align:center;min-width:20px;background-color:#555;color:#fff;font-weight:500;font-size:11px;border-radius:4px;margin-left:7px;vertical-align:1px;} .xans-product-additional .cont {padding:0;color:#000;line-height:1.6;text-align:center;} .xans-product-additional .cont h3 {margin:0 0 20px;color:#000;font-size:12px;} .xans-product-additional .faq {display:flex;flex-wrap:wrap;border-top:1px solid #000;margin:0 auto;max-width:1240px;} .xans-product-additional .faq > li {width:50%;margin-top:0 !important;border-right:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;} .xans-product-additional .faq > li:nth-child(2n) {border-right:0;} .xans-product-additional .faq h3 {display:block;border:0;cursor:default;background-color:#fbfbfb;padding:22px 35px;font-size:14px;font-weight:normal;} .xans-product-additional .faq .contents {padding:25px 35px;font-size:13px;line-height:1.7;min-height:150px;} .xans-product-additional .faq .contents b {font-weight:600;} /* 게시판 공통 */ .xans-product-additional div.board {padding:0;margin:0 auto;max-width:1240px;} .xans-product-additional div.board .ec-base-table > table {margin:0 !important;} .xans-product-additional div.board td > img {margin-bottom:1px;} .xans-product-additional div.board td .txtWarn {color:#999;font-size:11px;} .xans-product-additional div.board p.nodata {margin:0 0 10px;background-color:#fbfbfb;font-weight:300;color:#aaa;line-height:120px;text-align:center;} .xans-product-additional div.board td .view {padding:45px 50px;font-size:14px;line-height:1.6;text-align:left;background-color:#fbfbfb;} .xans-product-additional div.board td .view img {margin-top:10px;max-width:100%;height:auto;} .xans-product-additional div.board tr[id^='product-'] > td {padding-top:0 !important;padding-bottom:0 !important;} /* 리뷰 게시판 */ .prd_review td.subject {position:relative;padding:30px 230px 30px 30px !important;} .prd_review td.subject > a {display:block;min-height:123px;} .prd_review td.subject.re {padding-left:60px !important;} .prd_review td.subject.re > a {min-height:unset;} .prd_review td.subject .info {margin-bottom:12px;} .prd_review td.subject .info > span {margin-right:12px;} .prd_review td.subject .info .wrt, .prd_review td.subject .info .date {font-size:12px;color:#777;line-height:1.5;} .prd_review td.subject .info img {vertical-align:-1px;} .prd_review td.subject .sbj {overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:1;font-size:15px;font-weight:500;line-height:1.5;margin-bottom:4px;word-break:keep-all;} .prd_review td.subject .sbj .ec-common-rwd-image {vertical-align:-3px;margin-right:3px;} .prd_review td.subject .txtWarn {margin-left:6px;vertical-align:1px;} .prd_review td.subject .rvcont {overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:14px;color:#777;line-height:1.6;word-break:keep-all;} .prd_review td.subject .no {font-size:0;line-height:0;vertical-align:1px;} .prd_review td.subject .no em {display:inline-block;font-size:10px;line-height:15px;padding:0 5px;color:#fff;border-radius:2px;background-color:#000;vertical-align:1px;margin-right:5px;} .prd_review td.subject .no img {margin-right:7px;} .prd_review td.subject .more {font-size:11px;color:#aaa;margin-top:11px;text-decoration:underline;} .prd_review td.subject .more i {display:inline;font-size:10px;} .prd_review td.subject .img {position:absolute;top:50%;-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%);right:20px;display:block;width:123px;height:123px;background-size:cover;background-position:center center;margin:0;} /* Q&A 게시판 */ .prd_qna td.subject img {margin-left:5px;} #commentWriteForm_4, #commentWriteForm_6 {padding:0;} #SecretForm_4, #SecretForm_6 {background:#fafafa;} #SecretForm_4 .view, #SecretForm_6 .view {padding:20px 0;} #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;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 50px 40px;background-color:#fbfbfb;} .xans-product-additional .boardComment li {position:relative;overflow:hidden;margin:15px 0;padding:25px 40px;text-align:left;line-height:1.55;background-color:#f5f5f5;} .xans-product-additional .boardComment li:first-child {margin-top:0;} .xans-product-additional .boardComment li .comment {margin:9px 0 0;padding:8px 0 20px;font-size:13px;line-height:1.55;word-break:keep-all;} .xans-product-additional .boardComment li .name {margin:0 21px 0 0;padding:10px 0;} .xans-product-additional .boardComment li .name input {width:13px;height:13px;vertical-align:-2px;} .xans-product-additional .boardComment li .name, .xans-product-additional .boardComment li .date {display:inline-block;font-size:12px;line-height:26px;margin:0 14px 0 0;padding:0;vertical-align:middle;color:#777;} .xans-product-additional .boardComment li .grade {display:none;} .xans-product-additional .boardComment li .button {position:absolute;right:0;top:12px;} .xans-product-additional .memoCont {margin:10px 0;padding:20px 25px;color:#000;text-align:left;background:#f5f5f5;} .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:47px;text-indent:4px;} .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:#000;} .xans-product-additional .memoCont .captcha {margin:8px 0 0;padding:10px 0 0;border-top:1px solid #e8e8e8;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 #e8e8e8;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:20px 0;font-weight:300;color:#aaa;line-height:120px;text-align:center;background-color:#fafafa;} /* 미성년자 */ .xans-product-additional .minor {margin:20px 0;padding:35px 0;border:1px solid #e8e8e8;font-weight:400;color:#000;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:#000;} .xans-product-additional .minor .button {margin:-7px 0 0;} /* 비밀글 관련 */ .xans-product-additional .commentSecret {margin:10px 10px 5px 0;padding:10px 15px;border:1px solid #e8e8e8;background-color:#fafafa;color:#000;} @charset "utf-8"; /***************************** //필수 CSS 수정 및 삭제 불가 **************************** */ /* reset */ * {margin:0;padding:0;-webkit-box-sizing:border-box;-moz-webkit-box:border-box;box-sizing:border-box;*zoom:1;word-break:keep-all;} html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,img {margin:0;padding:0;} html {width:100%;height:100%;} body,code {font-size:14px;color:#000;background:#fff;} body#popup {min-width:0;position:relative;} 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;outline:0;} select, input {padding:0;margin:0;outline:0;} input {background:#fff;border:1px solid #e8e8e8;} hr.layout {display:none;} em {font-style:normal !important;} a {text-decoration:none !important;color:#000;} a:hover {text-decoration:none !important;color:#000;} a:active {text-decoration:none !important;color:#000;} .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:13px;} #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:#000;} 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:#ccc;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"; /* 퀵뷰 모달 */ #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%;} /* 게시판 메인 */ .boardMain {overflow:hidden;*zoom:1;} .boardMain td img {vertical-align:middle;margin:1px;} .boardMain .board {position:relative;margin:0 0 60px;} .boardMain .leftArea {float:left;width:50%;} .boardMain .leftArea .board {margin:0 20px 60px 0;} .boardMain .rightArea {float:right;width:50%;} .boardMain .rightArea .board {margin:0 0 60px 20px;} .boardMain .board h3 {line-height:1.4;font-size:16px;color:#000;border-bottom:1px solid #999;padding-bottom:10px;} .boardMain .board .btnLink {position:absolute;top:0;right:0;} .boardMain .board .ec-base-table table {margin-top: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 -5px;} .boardMain .board .galleryList li {float:left;position:relative;width:20%;padding:12px 0;word-break:break-all;} .boardMain .board .galleryList li span {display:block;margin:0 5px;font-size:11px;color:#a4a4a4;} .boardMain .board .galleryList li .imgLink {display:block;margin:0 5px 5px;font-size:12px;line-height:1.5;} .boardMain .board .galleryList li .imgLink img {width:100%;height:auto;border:1px solid rgba(150,150,150,0.1);margin-bottom:8px;} /* Font */ .txtInfo {color:#707070;} .txtWarn {color:#000;} .txtEm {color:#000;} .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:12px;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 #d4d4d4;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:13px;color:#000;vertical-align:middle;} input[type=radio], input[type=checkbox] {width:13px;height:13px;border:0;vertical-align:-1px;} input[type=radio] {vertical-align:-1px;margin-right:3px;} input[type=text], input[type=password] {height:32px;line-height:30px;padding:0 6px;color:#000;} input[type=file] {border:0;} input[type=radio] + label, input[type=checkbox] + label {margin:0 4px 0 2px;} select {height:32px;line-height:30px;padding-left:6px;} textarea {padding:12px;line-height:1.5;} input:-ms-input-placeholder, textarea:-ms-input-placeholder {color:#ccc;} input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color:#ccc;} input::-moz-placeholder, textarea::-moz-placeholder {color:#ccc;opacity:1;} legend {visibility:hidden;position:absolute;left:-9999px;top:-9999px;width:0;height:0;line-height:0;} input[type=text], input[type=password], select, textarea {border:1px solid #e8e8e8;border-radius:5px;} 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;} .fWidthFull textarea {width:100%;} .fWidthFull select {width:100%;} .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 #666;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:#666;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:#fbfbfb;} .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:#000;border-width:2px 0 2px 2px;vertical-align:middle;} .ec-base-tooltip ul.bullet li {line-height:1.5em;} .ec-base-tooltip .txtEm {color:#000;} .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:#666;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:10px 0;padding:1px 0 1px 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 #d6d6d6;line-height:18px;} div.ec-base-help > h2, div.ec-base-help > h3 {padding:11px 35px 9px 35px;border-bottom:1px solid #e8e7e7;font-size:15px;font-weight:500;color:#555;line-height:37px;background:#fbfbfb;} div.ec-base-help .inner {padding:0 35px 25px;min-width:unset !important;max-width:unset !important;} div.ec-base-help h4 {margin:25px 0 -4px;color:#404040;font-size:14px;font-weight:normal;} div.ec-base-help h4:first-child {margin-top:25px;} div.ec-base-help p {margin:25px 0 0 10px;color:#707070;} div.ec-base-help ul, div.ec-base-help ol {margin:25px 0 0 0;} div.ec-base-help li {color:#707070;line-height:1.5;margin:4px 0;} /* 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 2px;} div.ec-base-help ol .item2 {background-position:-434px -98px;} div.ec-base-help ol .item3 {background-position:-384px -198px;} div.ec-base-help ol .item4 {background-position:-334px -298px;} div.ec-base-help ol .item5 {background-position:-284px -398px;} div.ec-base-help ol .item6 {background-position:-234px -498px;} div.ec-base-help ol .item7 {background-position:-184px -598px;} div.ec-base-help ol .item8 {background-position:-134px -698px;} div.ec-base-help ol .item9 {background-position:-84px -798px;} div.ec-base-help ol .item10 {background-position:-34px -898px;} /* 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;} /* grid */ .ec-base-product ul.grid2 > li {width:49%;} .ec-base-product ul.grid3 > li {width:32%;} .ec-base-product ul.grid4 > li {width:23.5%;} .ec-base-product ul.grid5 > li {width:18.4% !important;} .ec-base-product ul.grid2 > li:nth-child(2n) {margin-right:0;} .ec-base-product ul.grid3 > li:nth-child(3n) {margin-right:0;} .ec-base-product ul.grid4 > li:nth-child(4n) {margin-right:0;} .ec-base-product ul.grid5 > li:nth-child(5n) {margin-right:0;} .ec-base-product {margin:22px auto 0;} .ec-base-product .title {margin:0;} .ec-base-product .title h2 {font-weight:normal;font-size:20px;color:#000;text-align:center;} .ec-base-product img {vertical-align:middle;} .ec-base-product .prdList {width:100%;min-width:756px;font-size:0;line-height:0;} .ec-base-product .prdList > li {position:relative;display:inline-block;margin:0 2% 40px 0;vertical-align:top;} .ec-base-product .prdList .ic_sale {position:absolute;top:10px;right:10px;width:66px;height:66px;line-height:66px;font-size:14px;font-weight:500;z-index:5;background-color:rgba(0,0,0,0.85);color:#fff;text-align:center;letter-spacing:0.05em;border-radius:50%;} .ec-base-product .prdList .ic_sale span {font-weight:400;color:#ccc;margin-left:1px;} .ec-base-product .prdList .chk {position:absolute;top:10px;left:10px;display:block;} .ec-base-product .prdList .thumbnail {position:relative;margin:0;text-align:center;} .ec-base-product .prdList .thumbnail .conv {width:120px;font-size:0;line-height:0;opacity:0;z-index:3;position:absolute;top:53%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);} .ec-base-product .prdList > li:hover .thumbnail .conv {top:50%;opacity:1;} .ec-base-product .prdList .thumbnail .conv > * {display:inline-block;margin:0 4px;} .ec-base-product .prdList .thumbnail .prdImg {position:relative;} .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 a, .ec-base-product .prdList .thumbnail a img {display:block;width:100%;border:0;} .ec-base-product .prdList .thumbnail .tmb-over {position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;background-size:cover;background-position:center center;background-repeat:no-repeat;opacity:0;} .ec-base-product .prdList > li:hover .thumbnail .tmb-over {opacity:1;} .ec-base-product .prdList .description {margin:20px auto 0;font-size:12px;line-height:18px;text-align:center;} .ec-base-product .prdList .description .desc_wrapper {padding:0 7px;} .ec-base-product .prdList .description .icon {margin-top:12px;font-size:0;line-height:0;text-align:center;} .ec-base-product .prdList .description .icon img {display:inline-block;margin:2px;vertical-align:middle;} .ec-base-product .prdList .description .name {display:block;font-size:0;line-height:0;} .ec-base-product .prdList .description .name > a > span {line-height:1.4;font-weight:normal;letter-spacing:0;} .ec-base-product .prdList .description .name > * {display:inline-block;margin:0 3px;vertical-align:middle;} .ec-base-product .prdList .description .option {display:inline;position:relative;} #main .ec-base-product .prdList .description .option {display:none;} .ec-base-product .prdList .description .option img {margin:5px 0;} .ec-base-product .prdList .description .likeButton {display:inline-block;margin:0 5px;} .ec-base-product .prdList .description .likeButton button {color:#9a9a9a;background:none;} .ec-base-product .prdList .description .likeButton button > * {display:inline-block !important;} .ec-base-product .prdList .description .likeButton button img {margin:5px 0;vertical-align:middle;width:12px;height:auto;} .ec-base-product .prdList .description .likeButton button strong {color:#000;font-weight:normal;line-height:22px;vertical-align:middle;} .ec-base-product .prdList .description .likeButton.selected button {color:#000;} .ec-base-product .prdList .description .mileage {display:block;} .ec-base-product .prdList .description span.grid {display:block;} /* module="product_ListItem" */ .ec-base-product .spec {padding:2px 0 0;} .ec-base-product .spec > li {display:block;text-align:center;margin:7px 0px;line-height:0;font-size:0;} .ec-base-product .spec > li > * {display:unset;line-height:1.5;vertical-align:middle;} .ec-base-product .spec .prd_prc {font-size:0;line-height:0;} .ec-base-product .spec .prd_prc > * {display:inline-block;margin:0 3px !important;vertical-align:baseline;} .ec-base-product .spec .title {margin-right:4px;} .ec-base-product .spec .title > span {color:#000 !important;font-weight:400 !important;} .ec-base-product .spec .color {overflow:hidden;font-size:0;line-height:0;} .ec-base-product .spec .chips {display:inline-block;width:12px;height:12px;margin:4px 2px;border:1px solid #f0f0f0;border-radius:50%;vertical-align:middle;} /* best */ .ec-base-product.list_top {padding:20px 0 60px;} .list_top .prdList.best {margin-top:30px;} .list_top .prdList.best .no {position:absolute;display:block;font-size:12px;width:100%;line-height:20px;text-align:center;font-weight:normal;color:#000;padding-bottom:18px;top:-30px;} .prdList.best .no span {display:inline-block;margin-right:3px;letter-spacing:0.05em !important;font-weight:500;} .prd_item:nth-child(1) .no:after {content:"1";} .prd_item:nth-child(2) .no:after {content:"2";} .prd_item:nth-child(3) .no:after {content:"3";} .prd_item:nth-child(4) .no:after {content:"4";} .prd_item:nth-child(5) .no:after {content:"5";} .prd_item:nth-child(6) .no:after {content:"6";} .prd_item:nth-child(7) .no:after {content:"7";} .prd_item:nth-child(8) .no:after {content:"8";} .prd_item:nth-child(9) .no:after {content:"9";} .prd_item:nth-child(10) .no:after {content:"10";} .prd_item:nth-child(11) .no:after {content:"11";} .prd_item:nth-child(12) .no:after {content:"12";} .prd_item:nth-child(13) .no:after {content:"13";} .prd_item:nth-child(14) .no:after {content:"14";} .prd_item:nth-child(15) .no:after {content:"15";} .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;text-align:left;font-size:12px;} .ec-base-product .layerDiscountPeriod strong.title {display:block;margin:0 0 3px;padding:0 35px 0 0;font-size:13px;font-weight:500;line-height:1.5;color:#000;} .ec-base-product .layerDiscountPeriod .content p {margin:2px 0 0;color:#757575;} .ec-base-product .layerDiscountPeriod .content p strong {font-weight:normal;color:#000;} .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:#333;} .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:#000;} .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;} .ec-base-paginate {margin:60px 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;border-left:1px solid #eee;border-right:1px solid #eee;padding:0 25px;height:34px;} .ec-base-paginate li {display:inline-block;font-size:13px;color:#757575;margin:0 -2px;vertical-align:top;*display:inline;*zoom:1;} .ec-base-paginate img {vertical-align:top;opacity:0.5;} .ec-base-paginate li a {display:block;width:40px;font-weight:500;color:#939393;line-height:40px;background:transparent;border-radius:50%;margin-top:-3px;} .ec-base-paginate li a.this {color:#000;background:#f5f5f5;} .ec-base-paginate a.nolink {cursor:default;} /* typeSub */ .ec-base-paginate.typeSub ol {vertical-align:top;border:0;padding:0 14px;height:21px;} .ec-base-paginate.typeSub li {font-size:13px;border:0;vertical-align:top;padding:0 5px;} .ec-base-paginate.typeSub li a {width:auto;margin:0 7px;color:#777;background:none;line-height:21px;font-weight:400;} .ec-base-paginate.typeSub li a.this {color:#000;font-weight:600;} .ec-base-paginate.typeSub img {vertical-align:top;} .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:1px solid #e8e8e8;border-left:0;background:#f6f6f6;} .ec-base-tab .menu:after {content:"";display:block;clear:both;} .ec-base-tab .menu li {float:left;border-left:1px solid #e8e8e8;background:#f6f6f6;} .ec-base-tab .menu li a {display:block;min-width:187px;margin:0 0 0 -1px;padding:12px 5px 13px;border-right:1px solid #e8e8e8;color:#707070;text-decoration:none;outline:0;text-align:center;background:#f6f6f6;} .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 -1px;border:1px solid #e8e8e8;border-bottom:0;color:#fff;font-weight:normal;background:#333;} .ec-base-tab .menu li.selected:first-child a {left:-1px;} .ec-base-tab > .right {position:absolute;top:8px;right:10px;line-height:24px;color:#909090;} /* typeLight */ .ec-base-tab.typeLight .menu li.selected a {margin:0 0 -2px;border-top:1px solid #888;border-bottom:1px solid #fff;color:#000;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:12px 0 13px;border:0;} .ec-base-tab[class*="grid"] .menu li.selected {position:relative;top:0;right:-1px;border:1px solid #333;border-bottom:0;background:#333;} .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.2%;} /* gFlex */ .ec-base-tab.gFlex .menu {display:flex;border-right:0;} .ec-base-tab.gFlex .menu:after {display:none;} .ec-base-tab.gFlex .menu li {display:flex;align-items: center;float:none;flex:1;position:relative;} .ec-base-tab.gFlex .menu li:last-child {border-right:1px solid #e8e8e8;} .ec-base-tab.gFlex .menu li a {width:100%;min-width:0;border-right:0;background:none;word-break:break-all;} .ec-base-tab.gFlex .menu li a:after {content:'';width:100%;height:100%;position:absolute;top:0;left:0;} .ec-base-tab.gFlex .menu li.selected {border:1px solid #333;border-bottom:0;background:#333;} .ec-base-tab.gFlex .menu li.selected a {left:0;margin:0 0 -1px -1px;background:#333;border:0;position: initial;} /* button */ [class^='btnNormal'], a[class^='btnNormal'] {display:inline-block;padding:6px 8px;border:1px solid #d1d1d1;font-size:13px;line-height:17px;font-weight:normal;text-decoration:none;vertical-align:middle;word-spacing:-0.5px;letter-spacing:0;text-align:center;white-space:nowrap;color:#000;background-color:#fff;border-radius:3px;} [class^='btnSubmit'], a[class^='btnSubmit'] {display:inline-block;padding:6px 8px;border:1px solid transparent;font-size:13px;line-height:17px;font-weight:normal;text-decoration:none;vertical-align:middle;word-spacing:-0.5px;letter-spacing:0;text-align:center;white-space:nowrap;color:#fff;background-color:#000;border-radius:3px;} [class^='btnEm'], a[class^='btnEm'] {display:inline-block;padding:6px 8px;border:1px solid transparent;font-size:13px;line-height:17px;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:#888;border-radius:3px;} [class^='btnBasic'], a[class^='btnBasic'] {display:inline-block;padding:6px 8px;border:1px solid #d1d1d1;font-size:13px;line-height:17px;font-weight:normal;text-decoration:none;vertical-align:middle;word-spacing:-0.5px;letter-spacing:0;text-align:center;white-space:nowrap;color:#000;background-color:#f0f0f0;border-radius:3px;} [class^='btnNormal']:not(.disabled):hover {border-color:#999;} [class^='btnSubmit']:not(.disabled):hover {background-color:#222;} [class^='btnEm']:not(.disabled):hover {background-color:#777;} [class^='btnBasic']:not(.disabled):hover {background-color:#e5e5e5;} [class^='btnNormal'].disabled {border-color:#e8e8e8;color:#999;} [class^='btnSubmit'].disabled {background-color:#999;color:#f0f0f0;} [class^='btnEm'].disabled {background-color:#b5b5b5;color:#f0f0f0;} [class^='btnBasic'].disabled {color:#999;} /* size */ [class^='btn'].sizeS {padding:8px 10px;} [class^='btn'].sizeM {padding:10px 18px;} [class^='btn'].sizeL {padding:14px 20px;min-width:80px;font-weight:500;} /* width Fix */ [class^='btn'][class*='Fix'] {width:102px;word-break:keep-all;word-wrap:break-word;} [class^='btn'][class*='Fix'].sizeS {width:126px;} [class^='btn'][class*='Fix'].sizeM {width:140px;padding-left:8px;padding-right:8px;} [class^='btn'][class*='Fix'].sizeL {width:180px;padding-left:8px;padding-right:8px;} /* icon button */ a.btnLink {color:#000;} a.btnLink:after {content:"";display:inline-block;margin:-2px -2px 0 6px;vertical-align:middle;border:0 0 0 10px;border-style:solid;border-color:transparent transparent transparent #777;} [class^='btn'] .icoArrow {display:inline-block;width:3px;height:3px;margin:-2px 1px 0 1px;border:2px solid #777;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:#777;} [class^='btn'] .icoDelete:after {content:"";position:absolute;top:4px;right:0;width:10px;height:2px;background:#777;} [class^='btnSubmit'] .icoDelete:before, [class^='btnSubmit'] .icoDelete:after, [class^='btnEm'] .icoDelete:before, [class^='btnEm'] .icoDelete:after {background:#f0f0f0;} [class^='btn'] .icoAdd, [class^='btn'] .icoRemove {position:relative;overflow:hidden;display:inline-block;width:8px;height:8px;margin:-2px 2px 0 0;vertical-align:middle;} [class^='btn'] .icoAdd:before, [class^='btn'] .icoAdd:after, [class^='btn'] .icoRemove:before {content:"";position:absolute;top:50%;left:50%;width:8px;height:8px;background:#777;} [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;width:100px;height:70px;line-height:70px;text-align:center;font-size:13px;font-weight:500;text-decoration:none;color:#fff;background-color:#000;} .btnLogin:hover {background-color:#000;} .btnAgree, a.btnAgree {display:inline-block;width:80px;height:70px;line-height:70px;border:1px solid #d1d1d1;text-align:center;font-size:13px;font-weight:500;color:#000;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;border:1px solid #d1d1d1;margin:0 -1px 0 0;padding:0 7px;height:24px;line-height:24px;text-align:center;font-size:13px;outline:0;text-decoration:none;color:#000;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 #888;color:#fff;background:#888;} /* ec-base-button */ .ec-base-button {padding:14px 0;text-align:center;} .ec-base-button.justify {position:relative;} .ec-base-button:after {display:block;content:"";clear:both;} .ec-base-button .gLeft {float:left;text-align:left;} .ec-base-button .gRight {float:right;text-align:right;} .ec-base-button.justify .gLeft {position:absolute;left:0;} .ec-base-button.justify .gRight {position:absolute;right:0;} .ec-base-button .text {margin:0 6px 0 10px;color:#000;font-weight:normal;line-height:24px;} /* type */ .ec-base-button.typeBorder {margin-top:-1px;padding:10px 20px;border:1px solid #d7d7d7;} .ec-base-button.typeBG {padding:10px 20px;border:1px solid #d7d7d7;background:#fafafa;} /* 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:3px solid #f0f0f0;} .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:#fafafa;} .ec-base-box.typeThin {border-width:1px;border-color:#d7d7d7;} .ec-base-box.typeThin h3.boxTitle {margin:0 0 20px;font-size:20px;text-align:center;} .ec-base-box.typeThinBg {border-width:1px;border-color:#d7d7d7;background-color:#fafafa;} .ec-base-box.center {text-align:center;} /* 약관 */ .ec-base-box.typeThinBg > .agree {padding:20px;border:1px solid #e6e6e6;background:#fff;} .ec-base-box.typeThinBg > .agree p {padding:0 0 17px;} /* typeMember */ .ec-base-box.typeMember {padding:0;} .ec-base-box.typeMember .information {display:table;table-layout:fixed;padding:20px 0;width:100%;} .ec-base-box.typeMember .information > .title, .ec-base-box.typeMember .information > .thumbnail {display:none;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 30px;width:auto;line-height:1.5em;vertical-align:middle;} .ec-base-box.typeMember.gMessage {border-width:1px;border-color:#d7d7d7;} .ec-base-box .message {display:block;padding:15px 0;border-bottom:1px solid #e8e8e8;background-color:#fbfbfb;text-align:center;font-size:14px;} /* typeProduct */ .ec-base-box.typeProduct {display:table;table-layout:fixed;padding:35px 0;width:100%;} .ec-base-box.typeProduct .thumbnail, .ec-base-box.typeProduct .information {display:table-cell;vertical-align:middle;} .ec-base-box.typeProduct .thumbnail {padding:0 20px 0 35px;} .ec-base-box.typeProduct .information {padding-right:35px;} .ec-base-box.typeProduct .thumbnail {width:185px;} .ec-base-box.typeProduct .thumbnail img {width:130px;height:130px;border:1px solid #eee;} .ec-base-table table {position:relative;margin:10px 0 0;border-bottom:1px solid #e8e8e8;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:#e8e8e8;} .ec-base-table thead th {padding:15px 0;border-bottom:1px solid #e8e8e8;color:#777;vertical-align:middle;font-weight:normal;background:#fafafa;font-size:13px;} .ec-base-table tbody th {padding:18px 0;border:1px solid #e8e8e8;border-bottom-width:0;border-right-width:0;color:#777;text-align:center;font-weight:normal;background-color:#fafafa;vertical-align:middle;} .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:20px 15px;border-top:1px solid #e8e8e8;color:#000;vertical-align:middle;word-break:keep-all;word-wrap:break-word;} .ec-base-table td.subject a {font-size:14px;font-weight:normal;} .ec-base-table td.clear {padding:0 !important;border:0 !important;} .ec-base-table strong {font-weight:500;} /* horizontal */ /* typeWrite */ .ec-base-table.typeWrite td {padding:20px 15px;} .ec-base-table.typeWrite img {max-width:100% !important;height:auto !important;} /* vertical */ /* typeList */ .ec-base-table.typeList table {border-top:1px solid #e8e8e8;} .ec-base-table.typeList table:before {display:none;} .ec-base-table.typeList td {padding:20px 15px;} .ec-base-table.typeList tfoot td {padding:20px 15px;background:#fafafa;} .ec-base-table .message {border-top:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;padding:50px 0;text-align:center;color:#757575;font-weight:normal;} .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:20px 0;border-left:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;color:#000;vertical-align:middle;text-align:center;background:#fafafa;} .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 #e8e8e8;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:normal;} /* border */ .ec-base-table.gBorder td {} .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:#e8e8e8;} /* align */ .ec-base-table .left {text-align:left;} .ec-base-table .center {text-align:center;} .ec-base-table .right {text-align:right;} .ec-base-table.typeList .center td, .ec-base-table.typeList td.center {padding-left:0;padding-right:0;} .ec-base-table.typeList .center td.left {padding-left:10px;} .ec-base-table.typeList .center td.right {padding-right:10px;} .ec-base-table .top th, .ec-base-table th.top, .ec-base-table .top td, .ec-base-table td.top {vertical-align:top;} .ec-base-table .middle th, .ec-base-table th.middle, .ec-base-table .middle td, .ec-base-table td.middle {vertical-align:middle;} /* form */ .ec-base-table img {vertical-align:middle;} @media print { .ec-base-table table:before {display:none;} } .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:1.5;-webkit-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:1.5;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;} /* 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:0;background-color:#fff;box-shadow:0 5px 20px rgba(0,0,0,0.15);} .ec-base-layer .header {padding:8px 35px 8px 19px;color:#fff;background-color:#333;} .ec-base-layer .header > h1, .ec-base-layer .header > h3 {font-size:13px;line-height:1.5;font-weight:normal;} .ec-base-layer .content {padding:30px;font-size:12px;} .ec-base-layer div.ec-base-help {margin-top:0;} .ec-base-layer .ec-base-button {padding:14px 7px;text-align:center;background:#f8f8f8;} .ec-base-layer .close {position:absolute;right:0;top:0;padding:11px 14px;cursor:pointer;} /* popup */ #popup .ec-base-layer {position:relative;border:0;} #popup .ec-base-layer .header {padding:12px 35px 12px 19px;} #popup .ec-base-layer .close {top:5px;} /* 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:12px 0 11px;} .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%; } body, .inner, .minW {width:100%;min-width:1180px;} #wrap {width:100%;position:relative;} #header {width:100%;} #container {width:100%;padding:0;} #footer {width:100%;} #contents {padding-bottom:50px;} .inner {margin:0 auto;position:relative;padding:0 100px;max-width:1680px;} .inner.full {max-width:100% !Important;} .sb::-webkit-scrollbar {width:12px;background-color:#f5f5f5;border-radius:6px;} .sb::-webkit-scrollbar-track {background-color:#f5f5f5;border-radius:6px;} .sb::-webkit-scrollbar-thumb {border-radius:6px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#bbb;border:3px solid #f5f5f5;} * {font-family:'Roboto', 'Noto Sans KR', sans-serif;letter-spacing:-.2px;} .eng, .eng * {font-family:'Roboto', 'Noto Sans KR', sans-serif;letter-spacing:0;} .upper, .upper * {text-transform:uppercase;} i {font-family:Font Awesome\ 5 Free !important;} .fab {font-family:Font Awesome\ 5 Brands !important;} /*custom*/ .xans-product-additional .dtl_tit, .xans-product-relation .relation .tit, .xans-product-detail .infoArea table .t1 td span {font-family:'Roboto', 'Noto Sans KR', sans-serif;letter-spacing:0;} /*color1*/ .col1 {color:#be9d76;} .col1:hover {color:#be9d76;} .col1bg {background-color:#be9d76;} .col1hov:hover {color:#be9d76;} /*color2*/ .col2 {color:#;} .col2bg {background-color:#;} .col2hov:hover {color:#;} /*메인 타이틀*/ .titArea {width:100%;padding-bottom:40px;text-align:left;line-height:0;font-size:0;} .titArea > p {display:block;text-align:center;line-height:1.6;} .titArea p[class*='idx'] {font-size:12px;font-weight:400;letter-spacing:0.12em;} .titArea p[class*='tit'] {font-size:34px;font-weight:300;letter-spacing:-0.06em;} .titArea p[class*='copy'] {font-size:17px;font-weight:300;margin-top:5px;line-height:1.7;color:#888;} /*서브타이틀*/ .xans-product-menupackage .title, .titleArea {padding:100px 0 40px;border-bottom:0 !important;text-align:center;} .xans-product-menupackage .title h2 span, .titleArea h2, .titleArea h2 font {font-size:30px;line-height:42px;height:50px;font-weight:300;background:none !important;padding:0 !important;letter-spacing:-0.05em;} .titleArea p {font-size:15px;line-height:1.45;} .titleArea ul {width:900px;margin:0 auto;margin-top:20px;background-color:#f7f7f7;padding:30px 35px;border-radius:15px;} .titleArea ul li {font-size:15px;font-weight:normal;color:#777;line-height:1.6;} .path {display:none;overflow:hidden;*zoom:1;padding-top:30px;padding-bottom:20px;} .path > span {overflow:hidden;position:absolute;width:0;height:0;white-space:nowrap;text-indent:100%;} .path ol {font-size:0;line-height:0;text-align:right;} .path li {display:inline-block;vertical-align:top;padding-left:11px;margin-left:8px;height:20px;color:#aaa;background:url("//theaon.kr/_idio/img/path_arr.png") no-repeat center left;} .path li, .path a {font-size:13px;line-height:20px;text-transform:uppercase;} .path li:first-child {background:url("//theaon.kr/_idio/img/path_home.png") no-repeat center left;width:12px;} .path li:first-child a {font-size:0 !important;} .path li a, .path li strong {color:#aaa;font-weight:400 !important;} .msgBox {margin:120px auto;width:600px;border-radius:12px;border:1px solid #eee;overflow:hidden;} .msgBox > * {width:100%;text-align:center;} .msgBox .titArea {font-size:14px;line-height:54px;height:56px;background-color:#f7f7f7;color:#222;} .msgBox .contArea {padding:0 30px;} .msgBox .contArea p.info {text-align:center;font-size:13px;color:#000;line-height:20px;border-bottom:1px solid #e8e8e8;padding:30px 0;} .msgBox .contArea div.form {text-align:center;font-size:13px;line-height:20px;color:#000;line-height:20px;} .msgBox .contArea div.form strong {font-size:13px;text-align:left;} /*common*/ .div {font-size:0;line-height:0;} .div > * {display:inline-block !important;vertical-align:top;white-space:nowrap;} .flex {display:flex !important;flex-wrap:nowrap;} .mdlX {position:absolute;left:50%;-webkit-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);transform:translate(-50%, 0);} .mdlY {position:absolute;top:50%;-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%);} .mdlXY {position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);} .clr {clear:both;} .disnone {display:none !important;} .elp {text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden;white-space:nowrap;word-wrap:normal !important;} .orderStep {display:none !important;} ::selection {background:#333;color:#fff;} ::-moz-selection {background:#333;color:#fff;} span[id*='afile'] {display:none !important;} #capp-shop-new-product-optionselect-layer {box-shadow:0 3px 8px rgba(20,20,20,0.15);} /*마이샵 소제 공통*/ [class*='xans-myshop'] div.title h3 {color:#000;font-size:15px !important;font-weight:normal !important;} /*VOD*/ .vodBox {width:100%;position:relative;} .vodBox:before {display:block;content:'';width:100%;padding-bottom:57%;} .vodBox iframe {position:absolute;width:100%;height:100%;margin:auto;top:0;left:0;} /*Slick*/ .slick-arrow {position:absolute;opacity:0;font-size:0;width:30px;height:30px;top:50%;-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%);background-color:transparent;z-index:10;background-position:center center;background-size:cover;-webkit-transition:0.3s ease-in-out;-moz-transition:0.3s ease-in-out;-o-transition:0.3s ease-in-out;transition:0.3s ease-in-out;background-repeat:no-repeat;} .slick-slider:hover .slick-arrow {opacity:1;} .slick-prev {left:0;background-image:url("//theaon.kr/_idio/img/arr_s_bk_01.svg");} .slick-next {right:0;background-image:url("//theaon.kr/_idio/img/arr_s_bk_02.svg");} .slick-dots {position:absolute;bottom:35px;z-index:10;width:100%;height:0;text-align:center;font-size:0;line-height:0;} .slick-dots li {display:inline-block;width:11px;height:11px;margin:0 4px;position:relative;} .slick-dots li button {display:block;width:7px;height:7px;border:0;border-radius:50%;font-size:0;line-height:0;background-color:rgba(200,200,200,0.7);cursor:pointer;-webkit-transition:0.1s ease-in-out;-moz-transition:0.1s ease-in-out;-o-transition:0.1s ease-in-out;transition:0.1s ease-in-out;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);} .slick-dots li.slick-active button {width:100%;height:100%;background-color:#000;cursor:default;} /*Scroll Ani*/ .fadeIn {transition:all 1s ease;opacity:0;} .fadeInUp {transition:all 1s ease;opacity:0;transform:translateY(30px);} .fadeInDown {transition:all 1s ease;opacity:0;transform:translateY(-30px);} .fadeInLeft {transition:all 1s ease;opacity:0;transform:translateX(-30px);} .fadeInRight {transition:all 1s ease;opacity:0;transform:translateX(30px);} .animate {transform:translateY(0px);transform:translateX(0px);opacity:1;} /*transition*/ .mov03 {-webkit-transition:all 0.3s;-khtml-transition:all 0.3s ease;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;} .mov07 {-webkit-transition:all 0.7s;-khtml-transition:all 0.7s ease;-moz-transition:all 0.7s;-ms-transition:all 0.7s;-o-transition:all 0.7s;transition:all 0.7s;} .mov10 {-webkit-transition:all 1.0s;-khtml-transition:all 1.0s ease;-moz-transition:all 1.0s;-ms-transition:all 1.0s;-o-transition:all 1.0s;transition:all 1.0s;} .mov30 {-webkit-transition:all 3.0s;-khtml-transition:all 3.0s ease;-moz-transition:all 3.0s;-ms-transition:all 3.0s;-o-transition:all 3.0s;transition:all 3.0s;} .mov50 {-webkit-transition:all 5.0s;-khtml-transition:all 5.0s ease;-moz-transition:all 5.0s;-ms-transition:all 5.0s;-o-transition:all 5.0s;transition:all 5.0s;} /*coupon*/ .couponSkinArea {padding:30px 0 10px;} .couponSkinArea .chkBtn {position:absolute;left:5px;top:5px;} .couponSkinArea ul {margin:0;padding:0;font-size:0;line-height:0;text-align:center;} .couponSkinArea ul li {display:inline-block;padding:14px 14px 50px;} .couponSkinArea .coupon {display:block;width:216px;height:105px;text-align:center;background-repeat:no-repeat;background-size:100% 100%;padding:18px 10px 0;-webkit-transition:all 0.3s;-khtml-transition:all 0.3s ease;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;} .couponSkinArea .coupon:hover {transform:translateY(-7px);} .couponSkinArea .coupon .detail > * {margin:0;padding:1px 0;display:block;font-size:12px;line-height:1.4;} .couponSkinArea .coupon .title {display:block;font-size:12px;} .couponSkinArea .coupon .discount span {font-size:19px;font-weight:500;} .couponSkinArea .coupon .period {font-size:11px;} .couponSkinArea .coupon .button {margin:32px 0 0;} .couponSkinArea .imgCoupon .title, .couponSkinArea .imgCoupon .discount, .couponSkinArea .imgCoupon .period, .couponSkinArea .imgCoupon .button {display:none;} .couponSkinArea .discount {text-decoration:none;} /*margin, padding*/ .mt5 {margin-top:5px !important;} .mt10 {margin-top:10px !important;} .mt15 {margin-top:15px !important;} .mt20 {margin-top:20px !important;} .mt25 {margin-top:25px !important;} .mt30 {margin-top:30px !important;} .mt35 {margin-top:35px !important;} .mt40 {margin-top:40px !important;} .mt45 {margin-top:45px !important;} .mt50 {margin-top:50px !important;} .mt55 {margin-top:55px !important;} .mt60 {margin-top:60px !important;} .mt65 {margin-top:65px !important;} .mt70 {margin-top:70px !important;} .mt75 {margin-top:75px !important;} .mt80 {margin-top:80px !important;} .mt85 {margin-top:85px !important;} .mt90 {margin-top:90px !important;} .mt95 {margin-top:95px !important;} .mt100 {margin-top:100px !important;} .mt110 {margin-top:110px !important;} .mt120 {margin-top:120px !important;} .mt130 {margin-top:130px !important;} .mt140 {margin-top:140px !important;} .mt150 {margin-top:150px !important;} .mb5 {margin-bottom:5px !important;} .mb10 {margin-bottom:10px !important;} .mb15 {margin-bottom:15px !important;} .mb20 {margin-bottom:20px !important;} .mb25 {margin-bottom:25px !important;} .mb30 {margin-bottom:30px !important;} .mb35 {margin-bottom:35px !important;} .mb40 {margin-bottom:40px !important;} .mb45 {margin-bottom:45px !important;} .mb50 {margin-bottom:50px !important;} .mb55 {margin-bottom:55px !important;} .mb60 {margin-bottom:60px !important;} .mb65 {margin-bottom:65px !important;} .mb70 {margin-bottom:70px !important;} .mb75 {margin-bottom:75px !important;} .mb80 {margin-bottom:80px !important;} .mb85 {margin-bottom:85px !important;} .mb90 {margin-bottom:90px !important;} .mb95 {margin-bottom:95px !important;} .mb100 {margin-bottom:100px !important;} .mb110 {margin-bottom:110px !important;} .mb120 {margin-bottom:120px !important;} .mb130 {margin-bottom:130px !important;} .mb140 {margin-bottom:140px !important;} .mb150 {margin-bottom:150px !important;} .pt5 {padding-top:5px !important;} .pt10 {padding-top:10px !important;} .pt15 {padding-top:15px !important;} .pt20 {padding-top:20px !important;} .pt25 {padding-top:25px !important;} .pt30 {padding-top:30px !important;} .pt35 {padding-top:35px !important;} .pt40 {padding-top:40px !important;} .pt45 {padding-top:45px !important;} .pt50 {padding-top:50px !important;} .pt55 {padding-top:55px !important;} .pt60 {padding-top:60px !important;} .pt65 {padding-top:65px !important;} .pt70 {padding-top:70px !important;} .pt75 {padding-top:75px !important;} .pt80 {padding-top:80px !important;} .pt85 {padding-top:85px !important;} .pt90 {padding-top:90px !important;} .pt95 {padding-top:95px !important;} .pt100 {padding-top:100px !important;} .pb5 {padding-bottom:5px !important;} .pb10 {padding-bottom:10px !important;} .pb15 {padding-bottom:15px !important;} .pb20 {padding-bottom:20px !important;} .pb25 {padding-bottom:25px !important;} .pb30 {padding-bottom:30px !important;} .pb35 {padding-bottom:35px !important;} .pb40 {padding-bottom:40px !important;} .pb45 {padding-bottom:45px !important;} .pb50 {padding-bottom:50px !important;} .pb55 {padding-bottom:55px !important;} .pb60 {padding-bottom:60px !important;} .pb65 {padding-bottom:65px !important;} .pb70 {padding-bottom:70px !important;} .pb75 {padding-bottom:75px !important;} .pb80 {padding-bottom:80px !important;} .pb85 {padding-bottom:85px !important;} .pb90 {padding-bottom:90px !important;} .pb95 {padding-bottom:95px !important;} .pb100 {padding-bottom:100px !important;} #layout #contents {padding-top:84px;} .fixOpt.fixed {top:184px !important;} .nav {position:fixed;top:0;left:0;z-index:10002;width:100%;height:104px;padding-top:20px;} .nav.fixed {height:84px;background-color:rgba(255,255,255,0.95);box-shadow:0 3px 7px rgba(0,0,0,0.1);padding-top:0;} .nav > .nav_wrapper {position:relative;width:100%;height:100%;white-space:nowrap;} .nav a[class*='ic_'] {display:inline-block;width:28px;height:100%;cursor:pointer;background-position:center center;background-repeat:no-repeat;position:relative;background-size:28px auto;-webkit-transition:0.3s ease-in-out;-moz-transition:0.3s ease-in-out;-o-transition:0.3s ease-in-out;transition:0.3s ease-in-out;vertical-align:middle;} /* logo */ .nav .logo {position:absolute;bottom:0;height:84px;z-index:2;width:366px;left:0;overflow:hidden;padding-left:66px;} .nav .logo .logo_img {position:relative;width:300px;height:100%;cursor:pointer;} .nav .logo .logo_img a {display:inline-block;} .nav .logo .logo_img img {width:100%;position:absolute;left:0;top:50%;-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%);-webkit-transition:all 0.3s;-khtml-transition:all 0.3s ease;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;} .nav.fixed .logo .logo_img img {width:90%;height:auto;} /* stateBox */ .nav .stateBox {position:absolute;z-index:2;width:200px;height:84px;right:0;text-align:right;padding-right:66px;} .nav .stateBox > li {width:25px;height:100%;margin-left:12px;position:relative;display:inline-block;} .nav .stateBox a[class*='ic_'] {display:block;width:100%;height:100%;cursor:pointer;background-position:center center;background-repeat:no-repeat;position:relative;-webkit-transition:0.3s ease-in-out;-moz-transition:0.3s ease-in-out;-o-transition:0.3s ease-in-out;transition:0.3s ease-in-out;vertical-align:middle;} .nav .stateBox .ic_my {background-image:url("//theaon.kr/_idio/img/my.svg");} .nav .stateBox ul.my {display:none;position:absolute;width:120px;top:68px;background-color:#fff;box-shadow:0 5px 15px rgba(0,0,0,0.2);padding:10px 6px;border-radius:5px;z-index:-1;opacity:0;} .nav .stateBox > li:hover ul.my {display:block;opacity:1;z-index:10;} .nav .stateBox ul.my li {margin:0;border-radius:2px;} .nav .stateBox ul.my li a {display:block;text-align:center;font-size:14px;line-height:1.4;padding:4px 0;color:#999;} .nav .stateBox ul.my li:hover a {font-weight:normal;color:#444;} .nav .stateBox .ic_sch {background-image:url("//theaon.kr/_idio/img/sch.svg");} .nav .stateBox .ic_cart {background-image:url("//theaon.kr/_idio/img/cart.svg");} .nav .stateBox .ic_cart div {display:block;position:absolute;min-width:17px;text-align:center;border-radius:50%;top:15px;right:-5px;} .nav .stateBox .ic_cart div span {line-height:17px;color:#fff;font-size:10px;font-weight:700;} .nav .stateBox .gnb-btn {font-size:12px;vertical-align:middle;padding:0 15px;line-height:32px;border-radius:5px;margin-left:16px;max-width:160px;} /* gnb */ .nav .gnbBox {width:100%;padding:0 260px;} .nav .gnbBox .gnbBox_wrapper {font-size:0;line-height:0;text-align:center;} .nav .gnbBox .gnbBox_wrapper > * {display:inline-block;vertical-align:middle;} .nav .gnbBox .d1Box {display:flex;flex-wrap:nowrap;} .nav .gnbBox .d1 {margin:0 15px;position:relative;} .nav .gnbBox .d1 > a {font-size:17px;font-weight:normal;line-height:84px;} .nav .gnbBox .d2Box {display:block;width:140px;left:50%;margin-left:-70px;height:0;opacity:0;overflow:hidden;position:absolute;z-index:-1;top:60px;border-radius:5px;-webkit-transition:0.3s ease-in-out;-moz-transition:0.3s ease-in-out;-o-transition:0.3s ease-in-out;transition:0.3s ease-in-out;background-color:#1a1a1a;} .nav .gnbBox .d1:hover .d2Box {opacity:1;height:auto;z-index:99;} .nav .gnbBox .d2Box .d2 {display:block;} .nav .gnbBox .d2Box .d2 > a {display:block;font-size:14px;color:rgba(255,255,255,0.7);line-height:24px;font-weight:500;padding:2px 0;word-break:break-word;white-space:normal;border-radius:3px;} .nav .gnbBox .d2Box .d2:hover > a {color:rgba(255,255,255,1);background-color:#090909;} .nav .gnbBox .d2Box .d2:first-child {margin-top:10px;} .nav .gnbBox .d2Box .d2:last-child {margin-bottom:10px;} @media screen and (max-width:1360px) { .nav .gnbBox .d1 {margin:0 8px !important;} .nav .gnbBox .d1 > a {font-size:16px !important;} } /* View All */ .viewAll {position:fixed;display:none;top:0;bottom:0;width:100%;height:100%;z-index:100000;background-color:rgba(0,0,0,0.85);} .viewAll.opened {display:block;} .viewAll .viewAll_cover {position:absolute;top:0;bottom:0;width:100%;height:100%;} .viewAll .viewAll_close {position:absolute;right:10px;top:10px;width:80px;height:80px;z-index:100001;cursor:pointer;background:url("//theaon.kr/_idio/img/nav_close.png") no-repeat center center;} .viewAll .viewAll_wrapper {} #viewAll {text-align:center;width:100%;margin:0 auto;} #viewAll .depth1Box {} #viewAll .depth1Box a {display:block;width:100%;text-align:center;-webkit-transition:0.3s ease-in-out;-moz-transition:0.3s ease-in-out;-o-transition:0.3s ease-in-out;transition:0.3s ease-in-out;} #viewAll .depth1Box .depth1 {width:190px;padding:20px 10px;} #viewAll .depth1Box .depth1 > a {font-size:19px;font-weight:600;line-height:30px;color:#fff;margin-bottom:12px;} #viewAll .depth2Box {width:100%;} #viewAll .depth2Box .depth2 {width:100%;position:relative;white-space:normal !important;padding:4px 0;} #viewAll .depth2Box .depth2 > a {font-size:17px;font-weight:300;line-height:25px;color:#bbb;} #viewAll .depth2Box .depth2 > a:hover {color:#fff;} /* schArea */ .schArea {position:fixed;display:none;top:0;bottom:0;width:100%;height:100%;z-index:100000;background-color:rgba(255,255,255,0.95);} .schArea.opened {display:block;} .schArea .sch_cover {position:absolute;top:0;bottom:0;width:100%;height:100%;} .schBox {position:fixed;top:0;bottom:0;left:0;right:0;margin:auto;border-radius:7px;width:820px;height:220px;-webkit-animation-duration:0.5s;-moz-animation-duration:0.5s;-ms-animation-duration:0.5s;-o-animation-duration:0.5s;animation-duration:0.5s;} .schBox .schHdr {position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;width:100%;height:220px;border:20px solid transparent;} .schBox fieldset {position:relative;width:100%;background-color:transparent;border-bottom:1px solid #ccc;-webkit-transition:0.3s ease-in-out;-moz-transition:0.3s ease-in-out;-o-transition:0.3s ease-in-out;transition:0.3s ease-in-out;} .schBox fieldset legend {font-size:30px;} .schBox fieldset:hover, .schBox fieldset:focus {outline:0;} .schBox fieldset .inputTypeText {display:inline-block;width:100%;font-size:37px;line-height:100px;padding:0 35px;font-weight:600;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;} .schBox #keyword {width:100%;height:100px;border:0;line-height:100px;font-size:38px;background-color:transparent;text-align:center;font-weight:normal;} .schBox .schBtn {border:0;position:absolute;top:50%;-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%);width:37px;right:0;outline:0;cursor:pointer;background-color:transparent;opacity:0.4;} .schBox .bestKeyword {width:100%;overflow:hidden;margin-top:25px;} .schBox .bestKeyword ul {text-align:center;font-size:0;line-height:0;} .schBox .bestKeyword li {margin:0 5px 10px;} .schBox .bestKeyword li a {display:block;opacity:0.6;font-size:16px;font-weight:400;color:#444;line-height:45px;-webkit-transition:0.3s ease-in-out;-moz-transition:0.3s ease-in-out;-o-transition:0.3s ease-in-out;transition:0.3s ease-in-out;background-color:rgba(222,222,222,0.9);padding:0 22px;border-radius:23px;} .schBox .bestKeyword li a:hover {opacity:1;} .schBox p.button {margin:10px 0 0;text-align:right;} .schBox p.button a {padding:0 17px 0 4px;text-decoration:none;background:url("//img.echosting.cafe24.com/skin/base/common/ico_circle_arrow.png") no-repeat right center;} #footer {width:100%;word-break:keep-all;color:#000;background-color:#f7f7f7;padding:50px 0 80px;position:relative;} #footer .mshop {position:absolute;top:35px;right:100px;text-align:right;vertical-align:middle;} #footer .mshop .tit {font-size:12px;font-weight:600;color:#777;line-height:18px;background-color:#e9e9e9;color:#aaa;border-radius:3px;padding:1px 7px 0;} #footer .mshop a {margin-left:5px;} #footer .mshop a img {height:18px;width:auto;border:1px solid #e0e0e0;border-radius:1px;} #footer .top {text-align:left;} #footer .top a {display:block;font-size:15px;line-height:100px;font-weight:400;margin-right:17px;color:#999;} #footer .top a strong {font-weight:400;color:#000;} #footer .middle {padding-top:50px;position:relative;} #footer .bottom {padding-top:20px;} #footer .logo {font-size:0;line-height:0;} #footer .logo a {display:inline-block;} #footer .logo img {width:auto;height:50px;} #footer .csBox {display:flex;} #footer .csBox > li {padding-right:30px;} #footer .csBox > li:last-child {padding-right:0;} #footer .csBox > li:nth-child(1) {width:75%;} #footer .csBox > li:nth-child(2) {width:25%;} #footer .csInfo {padding-left:40px;} #footer .csInfo > * {display:inline-block;vertical-align:middle;} #footer .csInfo .tit {font-size:10px;font-weight:600;line-height:20px;letter-spacing:0.05em;color:#999;background-color:#e8e8e8;padding:0 8px;border-radius:4px;margin-right:12px;} #footer .csInfo .tel {font-size:18px;font-weight:400;letter-spacing:0;color:#555;line-height:50px;} #footer .csInfo .tel i {font-size:14px;color:#ccc;margin-right:3px;} #footer .csInfo .tel:after {display:inline-block;content:'';background-color:#ddd;width:1px;height:10px;margin:0 11px;} #footer .cstime span {font-size:14.5px;line-height:1.7;color:#888;line-height:50px;margin-right:5px;} #footer .company {font-size:16px;line-height:24px;word-break:break-word;border-bottom:1px solid #ddd;padding-bottom:60px;} #footer .company a {color:#333 !important;} #footer .company li {display:inline-block;margin-right:14px;white-space:nowrap;} #footer .company span {font-size:16px;color:#aaa;} #footer .company span:after {display:inline-block;content:'';background-color:#ccc;width:1px;height:8px;margin:0 8px;vertical-align:0px;-webkit-transform: rotate(20deg);transform: rotate(20deg);} #footer .company .warning {font-size:16px;color:#000;margin-top:6px;} #footer .copy {margin-top:30px;} #footer .copy p {display:block;color:#666;line-height:80px;text-align:left;font-size:12px;letter-spacing:0;} .btnTop {display:none;position:fixed;top:0;bottom:0;right:26px;height:89px;width:44px;margin:auto;z-index:100;border:1px solid #f0f0f0;opacity:0.95;border-radius:22px;overflow:hidden;box-shadow:0 2px 4px rgba(0,0,0,0.2);} .gototop > div {display:inline-block;font-size:10px;height:44px;width:100%;text-align:center;line-height:28px;background-color:#fff;cursor:pointer;} .gototop > div.top {height:44px;border-bottom:1px solid #e8e8e8;} .gototop > div i {color:#999;font-size:12px;line-height:44px;} .xans-coupon-productdetailajax {clear:both;overflow:hidden;border:1px solid #e8e8e8;padding:30px 0 50px;} .xans-coupon-productdetailajax .btn_all {display:block;margin:10px auto 0;} /* 쿠폰정보 레이어 */ #dCouponDetail {overflow:hidden;position:relative;width:398px;border:1px solid #757575;background:#fff;box-shadow:0 5px 15px rgba(0,0,0,0.1);} #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:#f5f5f5;} #dCouponDetail ul li {margin:7px 0 0;color:#000;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 #d7d7d7;background:#fafafa;}