/* BASIC css start */ #soldout_sms{width:100% !important; margin-bottom:4px; height:30px; line-height:30px; vertical-align:top; border:0!important;} #soldout_sms a {width:100%; background:#dd5f24; border:1px solid #dd5f24; color:#fff; height:30px; line-height:30px; font-size:14px;} #prdReview {max-width:1400px; margin:0 auto;} .price_wrap .listPrice {font-size:18px; margin-bottom:0; align-items: center;} .price_wrap .listPrice del {margin-left:5px } .price_wrap .late {display:inline-block; margin-top:5px; color:#ff6a10;} /* 구매할인 */ .buy-benefit { position:relative; } .buy-benefit .tit-txt { font-size:12px; color:#000; } .buy-benefit .view-wrap { position:relative; } .buy-benefit .btn-view { display:inline-block; padding:2px 3px 2px 5px; font-size:12px; color:#000; font-family:"Malgun Gothic"; no-repeat; border:1px solid #e3e3e3; } .buy-benefit .btn-view em { display: inline-block; font-size:10px; vertical-align: top; } .buy-benefit .view-wrap { display:none; position:absolute; top:30px; left:50%; max-width:186px; margin-left:-208px; padding:15px; background:#fff; border:1px solid #000; z-index:1; } .buy-benefit .view-wrap.active { display:block; } .buy-benefit .view-wrap .layer-view { font-size:12px; line-height:20px; color:#000; font-weight:bold; } .buy-benefit .view-wrap .layer-view .fc-red { color:#ff0000; } .buy-benefit .view-wrap .layer-view ul.list {margin-top:5px;} .buy-benefit .view-wrap .layer-view ul li.layer-info { color:#585858; border-top:1px solid #ccc; padding-top:5px; margin-top:5px; font-weight:normal; } .buy-benefit .view-wrap .btn-close { position:absolute; right:10px; top:5px; } /* 구매할인 */ .product_img_box {display:inline-block;vertical-align:top;width:600px;position:relative;overflow:hidden;} .gallery-container {display:inline-block;height: auto;box-sizing:border-box;overflow:hidden;} .gallery-top {width:100%; } .gallery-thumbs {width:100%;float: none; box-sizing: border-box;/* padding: 0 10px; */} .gallery-thumbs .swiper-slide {margin-bottom: 0;height:auto;width:82px; margin-right:4px} .gallery-thumbs .swiper-slide a {width:100%; height:100%; cursor: pointer; display:block;} .gallery-thumbs .swiper-slide a img {width:100%;} .gallery-thumbs .swiper-slide-active { opacity: 0.2 ; pointer-events: none;} .gallery-thumbs .swiper-slide-active a {pointer-events: none;} .gallery-thumbs .swiper-slide-thumb-active { opacity: 0.2;} .originImgArea a {display:inline-block; } .originImgArea a img {width:640px} .product_img_box .swiper-button-next, .product_img_box .swiper-button-prev {position:absolute;top:38%;width: 40px;height:40px;background-repeat:no-repeat;background-size:40px 40px;background-position:center;transform: rotate(270deg);} .product_img_box .swiper-button-next {background-image:url(/design/odeshop/ode_m/ic_arrow_down.png);transform: rotate(270deg);right: 16px;} .product_img_box .swiper-button-prev {background-image:url(/design/odeshop/ode_m/ic_arrow_up.png);right: 32px;} .product_img_box .swiper-pagination {position:static;margin: 14px 0 17px;display:table;table-layout: fixed;width: 100%; box-sizing:border-box;} .product_img_box .swiper-pagination-bullet{cursor: pointer;height:3px;display:table-cell; background:rgba(158, 158, 158, 0.5); opacity:1; border-radius:0;} .product_img_box .swiper-pagination-bullet-active{background:#000; } /* headingArea */ .product-detail .headingArea {display:none;} #container > #contents{width:1400px !important;} .path{padding:20px 0; float:none !important;} .path * { display: none; } .product-detail{position:relative; margin:0 auto; margin-top:30px;} .product-detail .detailArea {font-size:0; line-height:0; letter-spacing:0; max-height:none !important; margin-bottom: 50px; text-align: center; height: auto !important; } /******************************************** ============================================= 상단 왼쪽 이미지영역 ============================================= ********************************************/ .product-detail .imgArea{display:inline-block; vertical-align:top; width:600px; font-size:13px; line-height:22px; letter-spacing:0.5px;} .product-detail .imgArea .keyImg {width:100%; position:relative;} .product-detail .imgArea .keyImg .thumbnail{display:block; position:relative; max-width:100%;} .product-detail .imgArea .keyImg .thumbnail a {display:block;width:100%;} .product-detail .imgArea .keyImg .thumbnail a img{/* max-width:100%; */;width:100%;} .product-detail .imgArea .keyImg .thumbnail .flickity-page-dots{bottom:40px;} .product-detail .imgArea .keyImg .thumbnail .flickity-page-dots .dot{width:9px; height:9px; opacity:1; background: rgba(80, 80, 80, 0.28); margin:0 4px;} .product-detail .imgArea .keyImg .thumbnail .flickity-page-dots .dot.is-selected{background:#fff;} .imgArea_swiper {position:relative;overflow:hidden; } .imgArea_swiper .swiper-pagination {bottom:40px !important} .imgArea_swiper .swiper-pagination-bullet {width:9px; height:9px; opacity:1; background: rgba(80, 80, 80, 0.28); margin:0 4px !important; } .imgArea_swiper .swiper-pagination-bullet-active {background:#fff; } #btnSize { display: block; } #btnEtc { display: block; } #sizeChartBox.sizeOn #btnEtc { display: none; } .thumbBottom { border: 1px #ddd solid; height: 122px; overflow: hidden; box-sizing: border-box; } .cremaBox { float: left; width: 360px !important; border-top: 0; box-sizing: border-box; } #sizeChartBox > a { line-height: 230px; font-size: 15px; font-weight: 600; cursor: pointer; } #sizeChartInner { display: none; position: fixed; padding: 50px; border-radius: 10px; background: #fff; z-index: 99999; width: 1150px; height: 80%; left: calc(50% - 550px); top: 10%; box-sizing: border-box; overflow-y: scroll; } .product-detail .imgArea .keyImg .btnThumb_wrap{position:absolute; top:20px; right:20px; padding-bottom:0; margin:0;} .product-detail .imgArea .keyImg .btnThumb{display:inline-block; vertical-align:top; background: rgba(75,75,75,0.4); width:40px; height:37px; box-sizing:border-box; padding:10px 0; border-radius:4px; text-align:center; margin-left:3px; font-size:12px; color:#eee;} .product-detail .imgArea .keyImg .btnThumb i{display:block; padding-top:1px; font-size:15px; color:#eee;} .product-detail .imgArea .keyImg .btnThumb.tease, .product-detail .imgArea .keyImg .btnThumb.bulk{width:auto; padding:16px;} .product-detail .imgArea .keyImg .likeButton {position:absolute; top:20px; left:20px; width:70px; height:37px; box-sizing:border-box; padding:10px 0; border-radius:4px; text-align:center; background: rgba(75,75,75,0.4);} .product-detail .imgArea .keyImg .likeButton button {background:transparent;} .product-detail .imgArea .keyImg .likeButton button span {display:inline-block; vertical-align:bottom; padding-left:3px; font-size:11px; color:#efefef;} .product-detail .imgArea .keyImg .likeButton.selected{} .product-detail .imgArea .keyImg .icons{display:none;} /* 이미지아래버튼들 */ .product-detail .imgArea .control{display:none; overflow:hidden; margin:15px 0; border:1px solid #ececec; text-align:center; background:#fbfafa;} .product-detail .imgArea .control .prev{float:left; border-right:1px solid #ececec;} .product-detail .imgArea .control .next{float:right; border-left:1px solid #ececec;} .product-detail .imgArea .product-action{margin:20px auto 0; padding-bottom:23px;} /******************************************** ============================================= 상단 오른쪽 정보영역 ============================================= ********************************************/ .product-detail .infoArea{display:inline-block; vertical-align:top; width:35%; font-size:12px; line-height:20px; letter-spacing:0.3px; position:relative; z-index:98;right:0;} .product-detail .infoArea .infoInner{width:100%; height:100%; padding:0 0px 0px 70px; box-sizing:border-box; } .product-detail .infoArea .infoInner div.top {padding-right:0px;} .product-detail .infoArea .infoInner .topInner { } .product-detail .infoArea p.delivery {} .product-detail .infoArea .guideArea{display:none; position:relative;} .product-detail .infoArea .guideArea .info{padding:8px 0; border-top:1px solid #ececec; color:#999; text-align:right; font-size:12px;} .product-detail .infoArea .guideArea .sizeGuide{position:absolute; bottom:0; right:0; margin:8px 0 0; background:url("//img.echosting.cafe24.com/skin/base_ko_KR/product/ico_sizeGuide.gif") no-repeat 0 3px;} .product-detail .infoArea .sizeGuide a{display:inline-block; padding:2px 15px 2px 24px; color:#535353; vertical-align:top; background:url("//img.echosting.cafe24.com/skin/base_ko_KR/product/ico_sizeGuide_go.gif") no-repeat 100% 6px;} .product-detail .infoArea .sizeGuide a:hover{text-decoration:none;} .product-detail .infoArea table{border:0; margin:6px 0 0;} .product-detail .infoArea th{font-weight:normal; color:#535353; width:90px; padding:4px 0; text-align:left; vertical-align:middle;} .product-detail .infoArea td{padding:3px 0; vertical-align:middle;font-size:13px;} .product-detail .infoArea td div {font-size:13px; } .product-detail .infoArea img{vertical-align:middle; margin-right: 2px;} .product-detail .infoArea td input[type=text]{width:50%; border: 1px solid #ddd;} .product-detail .infoArea select {width: 100%; height: 28px; font-size: 12px; color: #535353; background: #eaeaea; border: 0; line-height: 28px; padding: 0 10px; -moz-appearance: auto; -webkit-appearance: auto; appearance: auto;} .product-detail .infoArea td #delivery_cost_prepaid{margin:0 0 5px;} .product-detail .infoArea td .sale{text-decoration:line-through;} .product-detail .infoArea td .period{display:block; margin:7px 0 0; font-size:11px; color:#535353;} .product-detail .infoArea td .mileage li{line-height:1.7em;} .product-detail .infoArea td .delivery label{margin:0 30px 0 0;} .product-detail .infoArea td img.qrcode{border:1px solid #e1e1e1;} .product-detail .infoArea td #span_product_price_text{font-weight:normal;} .product-detail .infoArea td #span_product_coupon_dc_price{color:#070705;} .product-detail .infoArea td.fileInfo{color:#757575;} .product-detail .infoArea td.fileInfo input{width:288px; border:1px solid #c5c5c5; border-right:1px solid #ececec; border-bottom:1px solid #ececec;} .product-detail .infoArea td.fileInfo .infoDesc{margin:0 0 10px 0;} .product-detail .infoArea td.fileInfo li{margin:4px 0 0; color:#757575; font-size:11px;} .product-detail .infoArea td.fileInfo li img{vertical-align:bottom;} .product-detail .infoArea .tb-left {padding:0;} .product-detail .delv_price_B strong{font-weight:normal;} .product-detail .btnTooltip{display:inline-block; position:relative; z-index:10; vertical-align:middle;} /* 이름, 간략설명 간격 */ .product-detail .infoArea .prdInfo tr:first-child th, .product-detail .infoArea .prdInfo tr:first-child td{padding:0 0 20px !important;} .product-detail .infoArea .prdInfo tr:first-child td span{} .product-detail .infoArea .prdInfo tr:nth-child(2) th, .product-detail .infoArea .prdInfo tr:nth-child(2) td{padding:0 0 16px !important;} .product-detail .infoArea .prdInfo tr:first-child td .optTit, .product-detail .infoArea .prdInfo tr:nth-child(2) td .optTit{display:none;} /* 이름, 간략설명 외 노출정보 */ .product-detail .infoArea .prdInfo th, .product-detail .infoArea .prdInfo td{padding:3px 0;} .product-detail .infoArea .prdInfo td span {} .product-detail .infoArea .prdInfo .optTit{display:inline-block; width:80px; margin-right:10px; font-weight:300; color:#bfbfbf !important;font-size:12px !important;} .product-detail .infoArea .prdInfo .optTit span {display:inline-block; font-weight:300; color:#bfbfbf !important;font-size:12px !important;} .product-detail .infoArea .prdInfo .optCon{display:inline-block;} /* 칼라칩 */ .product-detail .infoArea .color{vertical-align:middle;} .product-detail .infoArea .chips{float:left; width:28px; height:18px; margin:0 3px 3px 0; border:1px solid #e3e3e3; font-size:0; line-height:0;} /* 소셜 */ .product-detail .infoArea .socialWrap{position:absolute; top:50px; right:50px;} .product-detail .infoArea .social{padding:4px 0 0;} .product-detail .infoArea .social img{cursor:pointer;} /* 옵션선택 부분 */ .product-detail .infoArea .product-option{ margin-top: 14px;} .product-detail .infoArea .product-option tr th{vertical-align:middle; padding:7px 0;} .product-detail .infoArea .product-option tr td{padding:5px 0;} .product-detail .infoArea .product-option td.selectButton{text-align:right;} .product-detail .infoArea .product-option .value{display:inline-block; vertical-align:middle; font-size:12px; padding-top:5px; color:#999; word-break:break-all; line-height:15px; display:none;} .product-detail .infoArea .product-option .value .ec-product-value{color:#494949; font-weight:600;} .product-detail .infoArea .product-option .ec-product-button li{position:relative; overflow:hidden; display:inline-block; margin-right:5px; vertical-align:top; *border:1px solid #ececec; background:#fff; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; *display:inline; *zoom:1; border-radius:40px;margin-bottom:7px;} .product-detail .infoArea .product-option .ec-product-button li:last-child{margin-right:0;} .product-detail .infoArea .product-option .ec-product-button li a{display:block; min-width:26px; text-align:center; text-decoration:none; word-break:break-all;} .product-detail .infoArea .product-option .ec-product-button li a span{display: inline-block; padding:2px 7px; font-size:10px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;font-size: 11px;border-radius: 40px;} .product-detail .infoArea .product-option .ec-product-button li:hover{box-shadow:1px 1px 0px rgba(180,180,180,0.4);} .product-detail .infoArea .product-option .ec-product-button.ec-product-preview li{padding:3px;} .product-detail .infoArea .product-option .ec-product-button.ec-product-preview li a{min-width:22px; width:22px; height:22px; border-radius:40px;} .product-detail .infoArea .product-option .ec-product-button.ec-product-preview li a img{max-width:100%; max-height:100%;} .product-detail .infoArea .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;} .product-detail .infoArea .product-option .ec-product-button.ec-product-preview .ec-product-soldout span, .product-detail .infoArea .product-option .ec-product-button.ec-product-preview .ec-product-disabled span{position:absolute; left:0; top:0; z-index:1;} .product-detail .infoArea .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;} .product-detail .infoArea .product-option .ec-product-button .ec-product-soldout{border-style:dashed;} .product-detail .infoArea .product-option .ec-product-button .ec-product-soldout a span{display:inline-block; width:100%; height:100%; cursor:not-allowed; color:#d7d7d7;} .product-detail .infoArea .product-option .ec-product-button .ec-product-soldout.ec-product-selected{border-style:dashed;} .product-detail .infoArea .product-option .ec-product-button .ec-product-disabled a{cursor:default;} .product-detail .infoArea .product-option .ec-product-button .ec-product-disabled a span{display:inline-block; width:100%; height:100%; color:#000; background:#9d9d9d; filter:alpha(opacity=30); opacity:0.3;} .product-detail .infoArea .product-option .ec-product-button .ec-product-selected{background:#9a9a9a; border-color:#9a9a9a; box-shadow:1px 1px 0px rgba(180,180,180,0.4);} .product-detail .infoArea .product-option .ec-product-button .ec-product-selected a{color:#efefef;} .product-detail .infoArea .product-option .ec-product-radio > li{display:inline-block; margin:0 0 3px;} .product-detail .infoArea .product-option .ec-product-radio label{margin:0 10px 0 0;} .product-detail .infoArea .product-option .ec-product-radio label input{margin:0 2px 0 0;} .product-detail .infoArea .product-option .ec-product-radio .ec-product-disabled, .product-detail .infoArea .product-option .ec-product-radio .ec-product-soldout{color:#d7d7d7;} .product-detail .infoArea .product-addoption .txtByte{font-size:11px; vertical-align:middle; letter-spacing:-1px;} .product-detail .infoArea .product-addoption .txtByte strong{color:#353535;} .product-detail .trend2019 { width: 100%; text-align: center; } .product-detail .trend2019 img { max-width: 100%; } /* 선택상품 노출되는 부분 */ #totalProducts{padding:11px 0; margin:0;} #totalProducts .ec-base-help{display:none;} #totalProducts table {} #totalProducts table .left{text-align:left;} #totalProducts table .center{text-align:center;} #totalProducts table .right{font-weight:400; color:#535353; text-align:right; font-size:14px;} #totalProducts thead th{height:0; padding:0; font-size:0; line-height:0;} #totalProducts tbody th{vertical-align:middle;} #totalProducts tbody td{padding:4px 0; border-top:1px solid #e7e7e7; color:#535353; line-height:18px; vertical-align:middle; word-wrap:break-word; word-break:break-all; text-align:right; position:relative;} #totalProducts tbody tr td:first-child{text-align:left;} #totalProducts tbody tr:first-child td{border-top:0;} #totalProducts tbody td p{padding:0 10px 0 0; font-weight:500; line-height:18px;} #totalProducts tbody td p.product br{display:none;} #totalProducts tbody td p.product span{font-weight:normal; color:#757575; line-height:18px;} #totalProducts tbody td p.product span.soldOut{color:#353535;} #totalProducts tbody td img{vertical-align:middle;} #totalProducts tbody td .quantity{display:inline-block; position:relative; width:44px !important; vertical-align:middle; text-align:right; padding-right:15px;} #totalProducts tbody td .quantity input{float:left; width:21px; height:23px; padding:0 3px; line-height:23px; border:1px solid #ececec;} #totalProducts tbody td .quantity .up{position:absolute; left:28px; top:0;} #totalProducts tbody td .quantity .down{position:absolute; left:28px; top:12px;} #totalProducts tbody td .delete{display:inline-block; vertical-align:middle;} #totalProducts tbody.option_products tr td .quantity input, #totalProducts tbody.add_products tr td .quantity input{height:19px; line-height:19px;} #totalProducts tbody.option_products tr td .quantity .down, #totalProducts tbody.add_products tr td .quantity .down{bottom:0; top:auto;} #totalProducts tbody td .mileage{display:block; white-space:nowrap;} #totalProducts tbody td .mileage_price{} /* 총 상품 금액 */ .totalPrice {padding:10px 0; color:#535353; vertical-align:middle; text-align:right;} .totalPrice .total{color:#353535;font-size:0;} .totalPrice .total em{font-style:normal; font-size:22px; font-weight:300; letter-spacing:1px;} /* 버튼영역 */ .product-detail .infoArea .product-action .ec-base-button{ padding: 20px 0px 0 0; font-size: 0; line-height: 0; letter-spacing: 0;;} #wrap.scroll .product-detail .infoArea .product-action .ec-base-button{ padding: 20px 0px 0 0; font-size: 0; line-height: 0; letter-spacing: 0;} .product-detail .infoArea .product-action .ec-base-button a, .product-detail .infoArea .product-action .ec-base-button span{display:inline-block; vertical-align:middle; position:relative; text-align:center; font-weight:400; font-size:16px; line-height:46px; border:1px solid #000; color:#000; letter-spacing:0.5px; box-sizing:border-box;} .product-detail .infoArea .product-action .ec-base-button i{font-size:20px;} .product-detail .infoArea .product-action .ec-base-button .wishBtn{width:46px; margin-right:1%;} .product-detail .infoArea .product-action .ec-base-button .wishBtn img {width: 24px; margin-right: 0;} .product-detail .infoArea .product-action .ec-base-button .btn1{width:38%;margin-right:1%;} .product-detail .infoArea .product-action .ec-base-button .btn2{width:calc(60% - 46px); background:#dd5f24; color:#fff; border:1px solid #dd5f24;} .product-detail .infoArea .product-action .ec-base-button span.btn2{width:100%;} .product-detail .infoArea .product-action .ec-base-box.typeMember.gMessage{display:none;} /* 네이버페이 디자인맞추기 */ #NaverChk_Button .npay_type_C_1_2, #NaverChk_Button .npay_type_C_2_2 {width: 100% !important;height: 88px !important;} #NaverChk_Button .npay_button_box, #NaverChk_Button .npay_button_box2 {padding: 0 !important;border-top: 0 !important;background-color: transparent !important;} #NaverChk_Button .npay_button {padding:0 !important;} #NaverChk_Button .npay_text {display:none !important;} #NaverChk_Button .npay_event {display:none !important;} #NaverChk_Button .npay_btn_link {border:1px solid #e5e5e5 !important;} #NaverChk_Button{clear:both; margin:7px 0 0; float:right;} #wrap.scroll #NaverChk_Button{clear:both; margin:5px 0 0; float:right;} /********************* 픽스내용 시작 *********************/ .product-detail .btnFix {display:none;} #wrap.scroll .product-detail .btnFix { position: fixed;display: block; text-align: center; font-size: 15px;z-index: 9991;cursor: pointer; color: #fff; width: 150px;height: 45px;line-height: 45px;border-radius: 0;bottom: 0;right: 150px;background: #9c9c9c; opacity: 0.95; } #wrap.scroll .product-detail .btnFix.colorBtn { background: #dd5f24; } #wrap.scroll .product-detail .btnFix i{line-height: 55px;} #wrap.scroll .product-detail .infoArea { position: fixed;right: 150px;bottom: 50px;width: 380px;height: auto;border: 1px #eee solid;background: #fff;} #wrap.scroll .product-detail .infoArea.hide {display:none;} #wrap.scroll .product-detail .infoArea .infoInner {width: 100%;height: 100%;padding: 25px 25px 25px 30px;box-sizing: border-box;} #wrap.scroll .product-detail .infoArea .infoInner > div.top { height:480px; overflow-y:scroll;} #wrap.scroll #totalProducts {padding: 15px 20px 15px 0;} #wrap.scroll .mCSB_scrollTools {right: -7px;} #wrap.scroll .totalPrice {padding: 10px 20px 10px 10px;color: #535353;vertical-align: middle;text-align: right;} #wrap.scroll .product-detail .infoArea .infoInner .MK-product-icons, #wrap.scroll .product-detail .infoArea .infoInner .tit-prd2 { display: none !important; } /* 옵션 */ #wrap.scroll .product-detail .infoArea .infoInner > div.top .topInner {padding-right:13px !important;} #wrap.scroll .product-detail .infoArea .info .tit-prd { font-size: 15px; line-height: 22px; padding: 0 !important; } #wrap.scroll .product-detail .table-opt td.add-option-img .thumb-s { width: 80px; } /* 옵션선택 */ #wrap.scroll #totalProducts colgroup col:nth-child(2) {width:40% !important} #wrap.scroll #totalProducts colgroup col:last-child {display:none;width:0%;} #wrap.scroll #totalProducts tbody tr td:last-child {display:none;} #wrap.scroll .product-detail .infoArea select {width:100%;} /* 버튼 */ #wrap.scroll .product-action {padding-right:20px !important;} #wrap.scroll .product-detail .infoArea .product-action .ec-base-button .wishBtn {line-height:38px; width:38px; margin-right:3px;} #wrap.scroll .product-detail .infoArea .product-action .ec-base-button .btn1 {width:calc(100% - 41px); line-height: 38px; margin-right:0;} #wrap.scroll .product-detail .infoArea .product-action .ec-base-button .btn2 {width:100%; margin-top:3px;font-size:16px; line-height: 38px;} #wrap.scroll .prdInfo tr:first-child .optCon span {font-weight:bold !important;} /********************* 픽스내용 끝 *********************/ .bannerSwiper {overflow:hidden;position:relative; max-width:1200px;width:100%; margin:0 auto 10px; } .bannerSwiper a {display:block; text-align:center; } .bannerSwiper a img {margin:0 auto; } .bannerSwiper .swiper-pagination {position:absolute;width:100px;display:inline-block;bottom:30px;left:auto;right: 16px;background:rgba(0,0,0,0.25);color:#fff;padding:5px;border-radius:26px;font-size:16px;} .bannerSwiper.noSwiper .swiper-pagination {display:none; } .banner_box.new {max-width:1200px; margin:0 auto; } .banner_box.new a {display:block; margin-bottom:10px} .banner_box.new a img {width:100%} /* 상세 탭 */ .product-detail .ec-base-tab .menu li a { display: block;padding: 14px 19px 13px;font-size: 12.5px;color:#999} .product-detail .ec-base-tab .menu li.selected a {color:#796f6f;border-top: 1px solid #ececec;} /* eventArea */ .product-detail .eventArea{color:#535353; text-align:center;} .product-detail .eventArea h3{padding:50px 0 20px; font-weight:normal; border-bottom:1px solid #ececec; font-size:16px; color:#353535;} .product-detail .eventArea .event{padding:50px 0 0; color:#535353;} /* xans-myshop-benefit */ .myshop-asyncbenefit{margin:30px 0;} .myshop-asyncbenefit .member{margin:2px 0 19px;} .myshop-asyncbenefit .member em{font-style:normal;} /* 상품 미리보기 이미지 */ #image_zoom_small{display:block; position:absolute; z-index:999; background:#fff; filter:alpha(opacity=50); opacity:0.5;} #zoom_wrap{position:absolute; top:0; left:103%; z-index:100; display:block;} .image_zoom_large{position:absolute; z-index:99; width:500px; height:500px; overflow:hidden; background:#fff; outline:1px solid #ececec;} .image_zoom_large .image_zoom_large_relative{position:relative; display:block;} .image_zoom_large .image_zoom_large_relative img#zoom_image{position:absolute; z-index:99; max-width:none;} #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;} /* 세트상품 및 추가구성상품 */ .product-detail .productSet{margin:10px 0 0; border:1px solid #ececec; border-bottom:0;} .product-detail .productSet > .title{position:relative; height:40px; line-height:40px; box-sizing:border-box; border-bottom:1px solid #ececec; background-color:#fbfafa;} .product-detail .productSet > .title h3{margin:0 0 0 9px; font-size:12px; color:#535353;} .product-detail .productSet .product > li{position:relative; border-bottom:1px solid #ececec;} .product-detail .productSet .thumbnail{position:absolute; top:19px; left:19px; z-index:1; width:100px;} .product-detail .productSet .thumbnail img{max-width:100%; border:1px solid #ededed; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} .product-detail .productSet .information{position:relative; padding:19px 19px 0 135px;} .product-detail .productSet .information > p{margin:0 0 10px;} .product-detail .productSet .information .name{padding-right:60px;} .product-detail .productSet .information .price .del{font-weight:normal;} .product-detail .productSet .information .salePrice{color:#ff8a56; font-weight:600;} .product-detail .productSet .information .btnInfo{position:absolute; top:19px; right:19px; z-index:1; display:block; width:57px; height:20px; vertical-align:middle; background:url("//img.echosting.cafe24.com/skin/base_ko_KR/product/btn_info.gif") no-repeat 0 0;} .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;} .product-detail .productSet .information .btnInfo span{overflow:hidden; font-size:0; width:0; height:0; line-height:0; text-indent:120%;} .product-detail .productSet .option{padding:10px 19px 9px 135px;} .product-detail .productSet .option > li{margin:0 0 12px;} .product-detail .productSet .option .name{display:block; margin:0 0 5px; font-weight:normal;} .product-detail .productSet .option input[type=text]{width:80%;} .product-detail .productSet .option .ec-base-qty{margin:7px 0 0;} .product-detail .productSet .option .selectButton{margin:0 0 6px; text-align:right;} .product-detail .productSet .guide{overflow:hidden; position:relative; margin:0 19px;} .product-detail .productSet .guide:after{content:""; display:block; clear:both;} .product-detail .productSet .guide .qty{float:left; display:inline-block; padding:12px 0; color:#757575;} .product-detail .productSet .guide .qty:before{content:""; position:absolute; top:0; left:0; display:inline-block; width:100%; border-top:1px solid #ececec;} .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;} .product-detail .productSet .guide .sizeGuide:before{content:""; position:absolute; top:0; left:0; display:inline-block; width:100%; border-top:1px solid #ececec;} .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;} .product-detail .productSet.additional .title span{color:#757575; font-weight:normal;} .product-detail .productSet.additional .title .toggle{position:absolute; top:8px; right:8px;} .product-detail .productSet.hide .product{display:none;} .product-detail .productSet .ec-base-desc{padding:0 0 10px; border-top:0; border-bottom:1px solid #ddd;} .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;} /* 배송비 차등부과 레이어 */ .differentialShipping{display:none; overflow:hidden; position:absolute; left:50%; top:17px; z-index:100; width:350px; margin:0 0 0 -176px;} .differentialShipping h3.title{height:35px; padding:0 35px 0 19px; border:0; color:#fff; font-size:14px; line-height:35px; background:#495164;} .differentialShipping .content{padding:12px 18px 14px 18px; border:1px solid #757575; border-top:0; text-align:center; background:#fff;} .differentialShipping .close{position:absolute; right:14px; top:12px;} .differentialShipping .close img{cursor:pointer;} .differentialShipping .content ul{color:#757575; line-height:25px;} .differentialShipping .content li{overflow:hidden;} .differentialShipping .content li strong{float:left; font-weight:normal;} .differentialShipping .content li span{float:right; color:#2e2e2e;} .differentialShipping .content .info{margin:7px 0 0; padding:7px 0 0; border-top:1px dotted #b0b1b3; color:#80aeef; text-align:right;} .product-detail .shippingFee{position:relative; display:inline-block;} .product-detail .shippingFee .ec-base-tooltip{margin:0 0 0 -180px; width:360px;} .product-detail .shippingFee .ec-base-tooltip table th{width:40px;} .product-detail .shippingFee .ec-base-tooltip table th, .product-detail .shippingFee .ec-base-tooltip table td{padding:7px 10px 8px 10px;} /* SNS 상품 홍보 */ .product-customsns, .product-customsns ul, .product-customsns li{display:inline-block; vertical-align:middle;} .product-customsns img{margin-bottom:2px;} /* 회원등급별 할인가 적용 */ .product-detail .infoArea td > span > ul.discountMember > li{position:relative; float:left;} .product-detail .infoArea td ul.discountMember li a{display:block; margin:0 4px 4px 0;} .product-detail .infoArea td ul li .discount_layer h3{margin:0 0 8px; padding:0 10px; font-size:12px; border-bottom:0;} .product-detail .infoArea td ul li .discount_layer{display:block; left:-140px; min-width:300px;} .product-detail .infoArea td ul li .discount_layer .content{overflow-x:hidden; overflow-y:auto; max-height:400px;} .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;} .product-detail .infoArea td ul li .discount_layer tbody th{width:auto;} /* 세트상품 추가정보 레이어 */ .product-detail .productSet .product{position:relative;} .product-detail .productSet .description{z-index:10; position:absolute; top:38px; right:0; padding:7px 0 0;} .product-detail .productSet .description .product-detail{position:relative; padding:15px; border:1px solid #ececec; background:#fff;} .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%;} .product-detail .productSet .description p strong{color:#0088d4;} .product-detail .productSet .description thead th{padding:0; height:0; font-size:0; line-height:0;} .product-detail .productSet .description tbody{border:1px solid #d7d5d6;} .product-detail .productSet .description th, .product-detail .productSet .description tr:first-child th, .product-detail .productSet .description tr:first-child td{background:#fbf9fa; border-right:1px solid #ececec; border-bottom:1px solid #ececec; color:#363636;} .product-detail .productSet .description th, .product-detail .productSet .description td{height:15px; border-bottom:1px solid #ececec;} .product-detail .productSet .description td, .product-detail .productSet .description tr:first-child td{padding:5px 8px; text-align:left; background:#fff;} .product-detail .productSet .description tr:last-of-type th, .product-detail .productSet .description tr:last-of-type td{border-bottom:0;} .product-detail .productSet .description .color td{font-size:0; line-height:0;} .product-detail .productSet .description .chips{display:inline-block; width:28px; height:18px; margin:0 2px 3px 0; border:1px solid #e3e3e3;} .product-detail .productSet .description .btnClose{background:transparent;} .product-detail .productSet .description > .ec-base-tooltip{display:block; top:0;} .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;} /***** 쿠폰 *****/ .coupon-productdetail {border-top:1px solid #ececec; margin-top:50px; padding:50px 0 45px;} .coupon-productdetail > .title { display: none;} .coupon-productdetail > .title h3 {} .coupon-productdetail .button{margin:70px 0 25px;text-align:center;} .coupon-productdetail .btn_09 { display: inline-block;font-size: 16px;padding: 25px 62px;border-radius: 5px; } .coupon-productdetail .couponSkinArea { text-align:center; } .coupon-productdetail .couponSkinArea ul {font-size:0; line-height:0; letter-spacing:0;} .coupon-productdetail .couponSkinArea ul li { position:relative; display:inline-block; text-align:center; margin: 0 7px;} .coupon-productdetail .couponSkinArea .coupon {width:280px; line-height:18px; font-size:12px; padding:0 0 36px 0; background:#f7f7f7 !important; border-radius:11px; cursor:pointer;} .coupon-productdetail .couponSkinArea ul li:hover{transform:translateY(-8px);} .coupon-productdetail .couponSkinArea .coupon .title {display:block; padding:9px 0; background:#e1dfdf; font-size:13px; font-weight:500; color:#9b9797; border-radius:11px 11px 0 0;} .coupon-productdetail .couponSkinArea .coupon .discount {display:block; text-decoration:none;} .coupon-productdetail .couponSkinArea .coupon .discount span {font-family:Nunito,'Hind Madurai','Noto Sans Korean',AppleGothic,sans-serif; color:#7f716a; font-weight:500; font-size:20px; display:block; padding:40px 0 8px; letter-spacing:0.2px;} .coupon-productdetail .couponSkinArea .coupon .period {font-family:Nunito,'Hind Madurai','Noto Sans Korean',AppleGothic,sans-serif; font-size:10px; letter-spacing: 0.3px; color:#c7c1c1;} .coupon-productdetail .couponSkinArea .coupon_button a{position:absolute; bottom:-10px; right:0px; display: inline-block; margin-top:10px; line-height:18px; color:#fefefe; border-radius:50px; padding:14px; opacity:0.7; background:#c7afa4;} .coupon-productdetail .couponSkinArea .coupon_button a i{font-size:24px;} .coupon-productdetail .couponSkinArea .coupon_button a:hover{opacity:1;} .coupon-productdetail .couponSkinArea .imgCoupon .title, .coupon-productdetail .couponSkinArea .imgCoupon .discount, .coupon-productdetail .couponSkinArea .imgCoupon .period, .coupon-productdetail .couponSkinArea .imgCoupon .button { display:block; } .coupon-productdetail .couponSkinArea .imgCoupon .detail { height:100%; } /* 쿠폰정보 레이어 */ #dCouponDetail { overflow:hidden; position:relative; width:300px; background:rgba(77,77,77,0.8); border-radius:11px;} #dCouponDetail h3 {display:none; height:35px; padding:0 35px 0 19px; color:#fff; font-size:14px; line-height:35px; background:#495164; } #dCouponDetail h3 + a { position:absolute; right:20px; top:20px; } #dCouponDetail ul { padding:20px; } #dCouponDetail ul li { margin:7px 0 0; color:#2e2e2e; line-height:15px; color:#efefef;} #dCouponDetail ul li:first-child { margin-top:0; } #dCouponDetail ul + a { display:block; padding:10px 0; text-align:center; border-top:2px dashed #898989; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;} #dCouponDetail ul + a img{display:none;} #dCouponDetail ul + a:after{content:"다운로드 하려면 클릭하세요."; color:#fff;} #dCouponDetail ul + a:hover{background:rgba(255,255,255,0.1);} /***** additional *****/ #prdDetail img { max-width:100% !important; height:auto !important; } .product-additional .ec-base-tab .menu { text-align:right; margin:25px 0; } #prdDetail, #prdInfo, #prdRelated, #prdDayble, #prdReview, #prdQnA, #prdContNoti, #prdNoti, #prdCmm{padding-top:120px;} #prdDetail{padding-top:0; text-align:center;} .product-additional .ec-base-button{padding:11px 0;} .product-additional .cont { color:#535353; line-height:18px; font-size:12px;} .product-additional .cont h3 { display:none; font-family: '맑은 고딕','Malgun Gothic'; font-size:14px; font-weight:400; margin-bottom:10px;} .product-additional .contWrap{padding: 50px 30px; box-sizing:border-box;text-align: center;} .product-additional .contWrap .cont:first-child{padding-top:0;} .product-additional .contWrap .cont{padding-top:30px;} .product-additional .contWrap .cont h3{display: block;} /* 상품 게시판 */ .product-additional div.board { padding:0 0 30px 0; color:#535353; line-height:20px; font-size:13px; } .product-additional div.board h3 {display:none; padding:0 10px; font-size:13px; } .product-additional div.board p.desc {display:none; padding:0 10px; } .product-additional div.board p.nodata { margin:15px 0 0; font-weight:400; color:#535353; line-height:100px; font-size:13px; text-align:center; background:#f7f7f7;} .product-additional div.board td .view { padding:16px 19px 0; line-height:20px; text-align:left; } #commentWriteForm_4, #commentWriteForm_6 { padding:0 ; } #SecretForm_4, #SecretForm_6 { background:#fbf9fa; } #SecretForm_4 .view, #SecretForm_6 .view { padding:8px 0 7px; } #SecretForm_4 input, #SecretForm_6 input { width:41px; height:24px; margin:0 0 0 6px; border:0; font-size:0; line-height:0; cursor:pointer; background:url("//img.echosting.cafe24.com/skin/base_ko_KR/board/btn_ico_submit.gif") no-repeat 0 0; } #SecretForm_4 input#secure_password, #SecretForm_6 input#secure_password { width:130px; height:18px; margin-left:11px; padding:2px 2px 2px 4px; border:1px solid #ececec; font-size:12px; line-height:14px; cursor:text; background:#fff; } #product-review-read td, #product-qna-read td { padding:0; background:#fbfbfb;} #product-review-read td #SecretForm_4 .view { padding-left:79px; } #product-qna-read td #SecretForm_6 .view { padding-left:213px; } .product-additional .boardComment { padding:0 19px; } .product-additional .boardComment li { position:relative; overflow:hidden; margin:10px 0 0 0; padding:12px 0 0; border-top:1px solid #d7d5d6; color:#535353; text-align:left; line-height:14px; } .product-additional .boardComment li:first-child { margin-top:0; } .product-additional .boardComment li .comment { margin:9px 0 0; padding:16px 0 15px 9px; border-top:1px solid #ececec; line-height:20px; word-break:break-all; } .product-additional .boardComment li .name { margin:0 21px 0 0; } .product-additional .boardComment li .name input { width:13px; height:13px; margin:0 2px 0 0; vertical-align:-2px; *vertical-align:2px; } .product-additional .boardComment li .date { margin:0 10px 0 0; font-size:11px; } .product-additional .boardComment li .grade { margin:0 10px 0 0; } .product-additional .boardComment li .button { position:absolute; right:0; top:6px; } .product-additional .memoCont { margin:20px 15px; padding:10px 20px 15px 20px; color:#535353; text-align:left; background:#f2f2f2; } .product-additional .memoCont .user { overflow:hidden; padding:0 90px 0 0; } .product-additional .memoCont .user input[type=text], .product-additional .memoCont .user input[type=password] { width:135px; margin:0 10px 0 9px; } .product-additional .memoCont .user .secret { margin:0 20px 0 10px; } .product-additional .memoCont .user .secret label { margin:0; } .product-additional .memoCont .user textarea { float:left; width:100%; padding:2px 0; height:44px; text-indent:4px; *margin-right:10px; } .product-additional .memoCont .user a { float:right; margin:0 -90px 0 0; } .product-additional .memoCont .nameArea { display:block; margin:0 0 10px; } .product-additional .memoCont .nameArea .ec-base-help { margin-top:10px; } .product-additional .memoCont .rating { margin:12px 0 0; } .product-additional .memoCont .rating label { padding:0 10px 0 0; } .product-additional .memoCont .rating em { font-style:normal; } .product-additional .memoCont .text { margin:5px 0 0; font-size:11px; } .product-additional .memoCont .text span { color:#535353; } .product-additional .memoCont .captcha { margin:8px 0 0; padding:10px 0 0; border-top:1px solid #ececec; color:#757575; } .product-additional .memoCont .captcha img { vertical-align:middle; } .product-additional .memoCont .captcha input { margin:0 10px 0 20px; font-size:12px; } .product-additional table.board td .view + form .memoCont { margin-top:0; } /* 댓글의 댓글 */ .product-additional .boardComment li.replyArea { margin:-1px 0 0; padding:10px 0 7px 33px; border:1px solid #ececec; background:url("//img.echosting.cafe24.com/skin/admin_ko_KR/board/ico_comment.gif") no-repeat 20px 15px; } .product-additional .boardComment li.replyArea .commentSecret { margin-right:30px; } .product-additional .boardComment li.replyArea .comment { margin:7px 0 0; padding:0; border-top:0; } /* 권한없을시 */ .product-additional .noAccess { margin:15px 0 10px; border:1px solid #ececec; font-weight:600; color:#535353; line-height:39px; text-align:center; } /* 미성년자 */ .product-additional .minor { margin:15px 0 0; padding:35px 0 24px; border:1px solid #ececec; font-weight:600; color:#535353; line-height:14px; text-align:center; } .product-additional .minor p:first-child img { margin:-11px 8px 0 0; vertical-align:top; } .product-additional .minor strong { color:#535353; } .product-additional .minor .button { margin:-7px 0 0; } /* 비밀글 관련 */ .product-additional .commentSecret { margin:10px 10px 5px 0; padding:10px 15px; border:1px solid #ececec; background-color:#fbfafa; color:#535353; } /***** relation *****/ .product-relationlist { padding: 0 20px; } .product-relation.ec-base-tab .menu {text-align:right; margin:0px 0 0px; } .product-relation .relation { padding:20px 0 50px; color:#8f8f91; line-height:1.8em; } .product-relation .relation h3 {padding:0 10px 0 9px; color:#000; font-size:18px; } .product-relation .relation ul.prdList {display:block; width: 100%; font-size:0; line-height:0; letter-spacing:0; margin: 0 auto; } .product-relation .relation ul.prdList li.item { display:inline-block; margin:20px 0; color:#757575; vertical-align:top; *display:inline; *zoom:1; } .product-relation .relation ul.prdList li.item .box { position:relative; display:inline-block; *display:inline; *zoom:1; width: 100%; vertical-align:top; padding-bottom:45px; font-size:13px; line-height:20px;text-align:left;} .product-relation .relation ul.prdList li.item .box strong {text-align: left;margin-bottom: 6px;font-weight: bold;font-size: 13px;font: 12px/1.2 'Apple SD Gothic Neo', '맑은 고딕', NanumGothic, '돋움', sans-serif;font-weight: bold;color: #000;} .product-relation .relation ul.prdList li.item .box .salePrice strong { text-align:left; margin-bottom:6px; font-weight:400;} .product-relation .relation ul.prdList li.item .box .strike {text-align:left; margin-bottom:6px; font-weight:400; text-decoration:line-through; } .product-relation .relation ul.prdList li.item .thumb {max-width:100%; margin:0 auto 10px; text-align:left;} .product-relation .relation ul.prdList li.item p { margin-bottom: 20px; } .product-relation .relation .flickity-viewport { width: 100%; } .product-relation .relation .flickity-prev-next-button { top: 40%; width: 20px; height: 20px; border-radius: 50%; transform: translateY(-50%); background: none; } .product-relation .flickity-prev-next-button.previous { left: -5px; } .product-relation .flickity-prev-next-button.next { right: -5px; } /* 진열방식 */ .product-relation .relation ul.grid2 li.item{ width:49%; margin-right:2%; } .product-relation .relation ul.grid3 li.item{ width:32%; margin-right:2%; } .product-relation .relation ul.grid4 li.item{ width:23.5%; margin-right:2%; } .product-relation .relation ul.grid5 li.item{ width:18.8%; margin-right:1.5%; } .product-relation .relation ul.grid6 li.item{ width:15.5%; margin-right:1.4%; } .product-relation .relation ul.grid2 li.item:nth-child(2n){margin-right:0;} .product-relation .relation ul.grid3 li.item:nth-child(3n){margin-right:0;} .product-relation .relation ul.grid4 li.item:nth-child(4n){margin-right:0;} .product-relation .relation ul.grid5 li.item:nth-child(5n){margin-right:0;} .product-relation .relation ul.grid6 li.item:nth-child(6n){margin-right:0;} /* 사이즈 차트 */ .box-btn-size-chart { width: 300px; padding: 10px; background: #D9DBDA; text-align: center; } td.area-btn-size-chart a { color: #000000; font-size: 15px; font-weight: bold; } #sizeChart { width:693px; position: absolute; display: none; } #sizeChart .btn-close-box { width: 100%; position: relative; } #sizeChart .btn-close-layer { position: absolute; display: block; width: 15px; height: 14px; top: 10px; right: 10px; color: #FFFFFF; font-size: 15px; font-weight: bold; } .size-chart-box { width: 100%; font-family: 'dotum'; border: 2px solid #3F4045;} .size-chart-box h4 { width: 100%; margin:0; padding: 10px 0px; color: #FFFFFF; background: #3F4045; text-align: center; } .size-chart-cont { background: #FFFFFF; text-align: center; padding: 5px; } .size-chart-cont table { width: 100%; margin:0; padding:0; border-collapse: collapse; border: 1px solid #D9DBDA; } .size-chart-cont table th, .size-chart-cont table td { font-family: 'dotum'; padding: 10px; text-align: center; border-bottom: 1px solid #D9DBDA; } .size-chart-cont table th { background: #EBECF0; } .size-chart-cont table tr:last-child { border-bottom: 1px solid #D9DBDA; } .size-chart-cont img.sc-img-chart, #sc_img_chart { width: 670px; height: 300px; } .size-chart-cont img.sc-img-guide, #sc_img_guide { width: 190px; height: 240px; } .size-chart-cont p { margin-top: 10px; text-align: left; } /************ 추가내용 ***************/ .info .table-opt {padding-right:0px;} .table-opt .tit {/*display:none;*/} .table-opt .opt-wrap{ padding-top: 0 !important;} .table-opt .opt-wrap dl {display:table;width:100%; margin-bottom:6px } .table-opt .opt-wrap dl dt {display:table-cell;width:105px; vertical-align: middle;} .table-opt .opt-wrap dl dd {display:table-cell;} #wrap.scroll .product-detail .infoArea .infoInner .table-opt .opt-wrap dl dt {display:none;} #wrap.scroll.info .table-opt {padding-right:0;} .product-detail .infoArea .info { text-align: left; } .product-detail .infoArea .info .tit-prd { font-size: 20px; color: #000;font-weight:600;display:block; padding: 0 0 17px;} .product-detail .infoArea .info .tit-prd .MK-product-icons {display:block;} .product-detail .infoArea .info .tit-prd .MK-product-icons img {height:10px;} .product-detail .infoArea .info .tit-prd2 { font-size: 12px; color: #555555;padding: 0 0 14px !important;display:block; } .product-detail .infoArea .info .tit-prd2 span { display:inline-block; *display:inline; *zoom:1; width: 100%; } .product-detail .infoArea #MK_innerOptTotal {} .product-detail .infoArea #MK_innerOptTotal .totalLeft {padding: 15px 15px 20px; height: 18px; overflow:hidden; border-top:2px solid #000; font-size:14px; color:#ff6a10;} #span_product_price_sale span {display:none !important;} .ec-base-table.review-list table:before {display:none;} .ec-base-table.qna-list table:before {display:none;} .ec-base-table.qna-list td img { max-height: 25px; } .review_board_content > div, .qna_board_content > div { padding-bottom: 15px; padding-left: 26px !important; padding-top: 15px; line-height: 25px !important;} .cnt {display:none;} .MK_optAddWrap .MK_price span { line-height:18px;} /* tr.nbg td { height: 100px; padding-top: 69px; } */ /* 앱 */ .direct-app {margin-top: 0px!important;} .direct-app {z-index: 1;position: relative;margin-top: 10px;} .direct-app .btn-app {display: inline-block;border: none;} .direct-app .step {display: none;z-index: 20;zoom: 1;overflow: hidden;position: absolute;top: 50px;right: 0;width: 270px;border: 1px solid #c7c7c7;background: #fff;text-align: left;font-size: 12px !important;line-height: 1.25 !important;} .direct-app .step .close {position: absolute;top: 10px;right: 10px;width: 17px;height: 17px;background: url(/images/d3/modern_simple/btn/btn_h17_close.gif) no-repeat 0 0;text-indent: -9999px;} .direct-app .step dl.step2 {width: 184px;} .direct-app .step dl {float: left;padding: 30px 40px;} .direct-app .step dl.step2 dd {margin-top: 15px;} .direct-app .step dl.step2 dd .txt-none {margin: 50px 0;text-align: center;} .direct-app .step dl.step2 dd a {margin: 0;padding: 0;} .direct-app .step dl.step2 input { width: 20%; display:inline-block; *display:inline; *zoom:1; } .direct-app .step dl .btn a {box-sizing: border-box; display: inline-block; *display: inline; width: 90%; *zoom: 1; text-align: center; padding: 10px !important; background: #e9e9e9; margin: 5px 0 !important; } .fit_product_size_summary { border-bottom: none; } .icon_footTop div.detailSize { background: #da6025; display: block; } .detailImgBox { text-align: center; } .detailImgBox img { max-width: 100%; } /* ****************** 상품 상세 옵션 : 190619 추가 ******************** */ .MK_not_choice { color: red; } .MK_optAddWrap, .MK_optAddWrap * { margin: 0; padding: 0; } .MK_optAddWrap { color: #666; line-height: 13px; } .MK_optAddWrap li { list-style: none; } /* 옵션선택 */ #MK_optAddList { overflow: hidden; *zoom: 1; } #MK_optAddList li { float: left; width: 100%; margin-top: 5px; } #MK_optAddList .MK_tit, #MK_optAddList .MK_div, #MK_optAddList .MK_st { float: left; } #MK_optAddList .MK_tit, #MK_optAddList .MK_div { font-size: 11px; line-height: 16px; } #MK_optAddList .MK_tit { width: 65px; margin-right: 5px; } #MK_optAddList .MK_div { width: 5px; text-align: center; } #MK_optAddList .MK_st { width: 205px; } #MK_optAddList .MK_st .MK_btn-add { cursor: pointer; } #MK_optAddList .MK_st select { margin-left: 5px; width: 195px; height: 18px; } /* 옵션선택PP */ #MK_optAddListPP { overflow: hidden; *zoom: 1; } #MK_optAddListPP .MK_tit, #MK_optAddListPP .MK_st { float: left; width: auto; } #MK_optAddListPP .MK_tit { margin-right: 5px; margin-top: 3px; } /* 옵션 결과 리스트 */ #MK_innerOptWrap { margin-top: 10px;} #MK_innerOptWrap #MK_innerOptScroll.limit { position: relative; height: 150px; overflow-y: auto; } #MK_innerOptWrap .MK_inner-opt-cm li {position: relative; padding:15px; background: #f8f8f8; margin-bottom:10px; border-radius: 10px; overflow:hidden;} #MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl, #MK_innerOptWrap .MK_inner-opt-cm li .MK_price, #MK_innerOptWrap .MK_inner-opt-cm li .MK_btn-del { } #MK_innerOptWrap .MK_inner-opt-cm li .MK_p-name, #MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl, #MK_innerOptWrap .MK_inner-opt-cm li .MK_price, #MK_innerOptWrap .MK_inner-opt-cm li .MK_btn-del { display: block; } #MK_innerOptWrap .MK_inner-opt-cm li .MK_price { line-height: 32px; float: right; font-size: 18px; color: #000; font-weight: 600;} #MK_innerOptWrap .MK_inner-opt-cm li .MK_btn-del {position:absolute; right: 5px; top: calc(50% - 7px); margin-top:-1px;} #MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl .basic_option { /*margin-top: 3px;*/ } /* 사용자 입력 인풋박스 (color, size )*/ .MK_optAddWrap .MK_inner-opt-cm li .MK_txt_uinput { width: 200px; } /* 기본옵션 */ #MK_innerOptWrap #MK_innerOpt_01 li .MK_p-name {display: block; vertical-align: middle; width: 100%; line-height: 30px; font-size: 14px; color:#000; font-weight:500; margin-bottom:10px; padding-right: 19px; box-sizing: border-box;} #MK_innerOptWrap #MK_innerOpt_01 li .MK_qty-ctrl{margin-right:6px; padding:0 30px; font-size:0;position:relative;vertical-align:top; display:inline-block; background:#fff; border:1px solid #c0c0c0;} #MK_innerOptWrap #MK_innerOpt_01 li .MK_qty-ctrl input{padding: 0;width: 50px;height:30px;font-size: 14px; font-weight:600; border: none;text-align:center !important;box-shadow:none; border-left:1px solid #c0c0c0; border-right:1px solid #c0c0c0;} #MK_innerOptWrap #MK_innerOpt_01 li .MK_btn-del{position:absolute;top:14px;right:10px;display:block;} #MK_innerOptWrap #MK_innerOpt_01 li .MK_btn-del:before { display:block; width: 30px; height: 30px; text-align:center; line-height: 30px; content:"\e9af"; font-size: 18px; color:#000; font-family:xeicon; speak:none; font-style:normal; font-weight:bold; font-variant:normal; text-transform:none; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;} #MK_innerOptWrap #MK_innerOpt_01 li .MK_btn-del img{display:none;} #MK_innerOptWrap #MK_innerOpt_01 li .MK_qty-ctrl a{ position: absolute; top: 0; bottom: 0; right: 0; background-color: #fff; width: 30px; height: 30px; text-align: center; vertical-align: middle; font-size: 12px; line-height: 30px; color: #444; display: inline-block;} #MK_innerOptWrap #MK_innerOpt_01 li .MK_qty-ctrl a:after {content: "\e913"; font-family: xeicon; font-size: 14px; width: 30px; height: 30px; text-align: center; line-height: 30px; color: #000; pointer-events: none;} #MK_innerOptWrap #MK_innerOpt_01 li .MK_qty-ctrl a.MK_btn-dw {left: 0; right: auto;} #MK_innerOptWrap #MK_innerOpt_01 li .MK_qty-ctrl a.MK_btn-dw:after {content: "\e91a"; font-family: xeicon; font-size: 14px; width: 30px; height: 30px; text-align: center; line-height: 30px; color: #000; pointer-events: none;} #MK_innerOptWrap #MK_innerOpt_01 li .MK_qty-ctrl a img {display:none;} /* 개별옵션 */ #MK_innerOptWrap #MK_innerOpt_02 li .MK_p-name { margin-right: 140px; } #MK_innerOptWrap #MK_innerOpt_02 li .MK_qty-ctrl { width: 50px; top:2px; *top: 2px; right: 90px; } #MK_innerOptWrap #MK_innerOpt_02 li .MK_qty-ctrl input.MK_count { width: 30px; height: 16px; line-height: 16px; padding: 2px 0 0 2px; } #MK_innerOptWrap #MK_innerOpt_02 li .MK_qty-ctrl a { position: absolute; right: 0px; font-size: 0; line-height: 0; } #MK_innerOptWrap #MK_innerOpt_02 li .MK_qty-ctrl a img { vertical-align: top; } #MK_innerOptWrap #MK_innerOpt_02 li .MK_qty-ctrl a.MK_btn-up { top: 2px; } #MK_innerOptWrap #MK_innerOpt_02 li .MK_qty-ctrl a.MK_btn-dw { top: 13px; } #MK_innerOptWrap #MK_innerOpt_03 { display:block; } #MK_innerOptWrap #MK_innerOpt_03 li .MK_p-name { margin-right: 140px; } #MK_innerOptWrap #MK_innerOpt_03 li .MK_qty-ctrl { width: 50px; top: 2px; *top: 2px; right: 90px; } #MK_innerOptWrap #MK_innerOpt_03 li .MK_qty-ctrl input.MK_count { width: 30px; height: 16px; line-height: 16px; padding: 2px 0 0 2px; } #MK_innerOptWrap #MK_innerOpt_03 li .MK_qty-ctrl a { display:inline-block; vertical-align:middle; right: 0px; font-size: 0; line-height: 0; } #MK_innerOptWrap #MK_innerOpt_03 li .MK_qty-ctrl a img { vertical-align: top; } #MK_innerOptWrap #MK_innerOpt_03 li .MK_qty-ctrl a.MK_btn-up { top: 2px; } #MK_innerOptWrap #MK_innerOpt_03 li .MK_qty-ctrl a.MK_btn-dw { top: 13px; } /* 총합계 */ #MK_innerOptWrap #MK_innerOptPrice { display:none; padding: 12px 5px 10px; font-size: 12px; color: #333; text-align: right; } #MK_innerOptAdd { display:block; padding: 0 5px; font-size: 12px; color: #333; text-align: right; } #MK_innerOptTotal { font-size: 12px; color: #333; text-align: right; } #MK_innerOptTotal .MK_txt-total {float:left; font-size: 14px; color: #000; font-weight: 500;} #MK_innerOptTotal .MK_txt-won { float:right; font-size: 14px; color: #000; font-weight: 500;} #MK_innerOptTotal .MK_total { color: #ff0000; font-weight: bold; } /* 추가구성상품 : 190618 추가 */ .table-opt td.add-option-tit { padding:15px 0 0; border-top:1px solid #e4e4e5; color:#555; font-size:14px; } .table-opt tr.add-option-start > td .add-option-img, .table-opt tr.add-option-start > td .add-option-wrap { } .table-opt tr > td .add-option-wrap td .tb-left{text-align:right;} .table-opt td.add-option-img { padding-top:10px; /*border-bottom:1px solid #e4e4e5;*/ vertical-align:top; } .table-opt td.add-option-img .thumb-s{width:130px;} .table-opt td.add-option-img .thumb-s img { max-width:90%; } .table-opt td.add-option-wrap { padding-top:10px; /*border-bottom:1px solid #e4e4e5;*/ } .table-opt td.add-option-wrap .prd-icon{display:none;} .table-opt td.add-option-wrap .prd-icon, .table-opt td.add-option-wrap .tit-prd { padding-left:20px; padding-top:10px !important; padding-bottom:0 !important; } .table-opt td.add-option-wrap .table-opt { /*padding-left:20px;*/ } .table-opt td.add-option-wrap .table-opt th { width: 110px !important; } .table-opt td.add-option-wrap .table-opt td select.basic_option, .table-opt td.add-option-wrap .table-opt td select.addition_option { width:310px; } .table-opt td.add-option-wrap .table-opt td input.basic_option, .table-opt td.add-option-wrap .table-opt td input.addition_option { width:306px; height:22px; line-height:24px; } .table-opt td.add-option-wrap .table-opt td .opt-wrap { padding:5px 0 0 0; } .table-opt td.add-option-wrap .table-opt td .opt-wrap .tit { display:none; } .table-opt td.add-option-wrap .infoArea th { width: 150px !important; } .table-opt td.add-option-wrap .table-opt td .opt-wrap dd { width: 110px; text-align: right; } .table-opt td.add-option-wrap .table-opt td .opt-wrap select { width: 100%; } .table-opt td.add-option-wrap .table-opt td .opt-wrap input { width: 205px; } .table-opt tr.add-option-end .MK_p-tit { display:block; width:90%; height:100%; line-height:12px; color:#555; font-weight:bold; } .table-opt tr.add-option-end .MK_price { top:40px; right:0; } .table-opt tr.add-option-end .MK_btn-del { top:0; } /* 하이브리드옵션 : 190618 추가 */ .table-opt .opt-wrap .tit { margin-bottom: 5px; } .table-opt .opt-wrap-hybrid { width: 100%; padding:0 0 10px; border-bottom:1px solid #e4e4e4; } .table-opt .opt-wrap-hybrid .tit { margin-bottom: 8px; color:#969696; } .table-opt .option-wrap { margin-top: 10px; padding:10px 0; border-top:1px solid #ddd; } .table-opt .option-wrap .option-box { width:100%; } .table-opt .option-wrap .option-box .tit { padding:10px 0 5px; color:#666; } .table-opt .option-wrap .option-box .list:after { clear: both; content: ""; display: block; } .table-opt .option-wrap .option-box .list { width:100%; } .table-opt .option-wrap .option-box .list li { float:left; width:70px; margin-left:25px; } .table-opt .option-wrap .option-box .list li.first, .table-opt .option-wrap .option-box .list li:first-child { margin-left:0; } .table-opt .option-wrap .option-box .list li dl { /*padding-bottom:10px;*/ color:#333; } .table-opt .option-wrap .option-box .list li dl dd.prdchk { text-align:left; padding-bottom:5px; } .table-opt .option-wrap .option-box .list li dl dd.prdchk input { width:13px; height:13px; } .table-opt .option-wrap .option-box .list li dl dd.prdimg { position:relative; } .table-opt .option-wrap .option-box .list li dl dd.prdimg img { width:70px; height:70px; } .table-opt .option-wrap .option-box .list li dl dd.prdimg.noimg { } .table-opt .option-wrap .option-box .list li dl dd.prdimg .soldout { position:absolute; top:0; left:0; display:inline-block; width:100%; height:100%; line-height:71px; color:#fff; text-align:center; } .table-opt .option-wrap .option-box .list li dl dd.prdimg .soldout-bg { position:absolute; top:0; left:0; display:inline-block; width:100%; height:100%; background:#000; filter:alpha(opacity:40); opacity:0.4; } .table-opt .option-wrap .option-box .list li dl dd.prdimg .sel-img { position:absolute; top:0; left:0; display:inline-block; width:100%; height:100%; background:#000; filter:alpha(opacity:40); opacity:0.4; } .table-opt .option-wrap .option-box .list li dl dd.prdname { padding-top:7px; line-height:14px;} .table-opt .option-wrap .option-box .list li dl dd.prdname { padding-bottom:3px; line-height:14px;} .table-opt .option-wrap .option-box .list li dl dd.prdprice { padding-bottom:3px; } .table-opt .option-wrap .option-box .list li dl dd.prdqty { } .table-opt .option-wrap .option-box .list li dl dd.prdqty input { width:44px; height:20px; line-height:20px; border: 1px solid #dfdfdf; text-align:center; background:none; } .table-opt .option-wrap .option-box .list li dl dd.prdqty .btn-up-down { display:inline-block; width:12px; height:26px; line-height:0; font-size:0; vertical-align:top; } .table-opt .option-wrap .option-box .list li dl dd.prdqty .btn-up-down a { display:inline-block; width:12px; height:12px; line-height:0; font-size:0; vertical-align:top; } .table-opt .option-wrap .option-box .list li dl dd.prdqty .btn-up-down .btn-up { margin-bottom:2px; } .table-opt .option-wrap .option-box .list li.lst-soldout dl { color:#a7a7a7; } .table-opt .option-wrap .option-box .list li.lst-soldout dl input { color:#929292; } /* 하이브리드 기본상품 가격 노출 및 선택된 하이브리드 옵션노출항목*/ #MK_innerOptWrap .MK_inner-opt-hybrid li .MK_p-name, #MK_innerOptWrap .MK_inner-opt-hybrid li .MK_price, #MK_innerOptWrap .MK_inner-opt-hybrid li .MK_btn-del { display: inline-block; *float:left; } #MK_innerOptWrap .MK_inner-opt-hybrid li .MK_price { top:4px; } /* 하이브리드 선택된 옵션 총가격 노출*/ #MK_innerOptWrap #MK_innerOptPrice { display:none; padding: 12px 5px 10px; font-size: 12px; color: #333; text-align: right; } #MK_innerOptAdd { display:none; padding: 0 5px; font-size: 12px; color: #333; text-align: right; } #MK_innerOptTotal { *zoom:1; text-align:right; } #MK_innerOptTotal .MK_total { padding-left: 2px; font-size: 18px; color: #000; font-weight: 700; display: inline-block; color: #ff6a10; } #MK_innerOptTotal .totalRight .MK_total { display:inline-block; margin-top:-4px; font-size:24px; color:#000; vertical-align:middle; } .MK-oneclick-list { overflow:hidden; zoom:1; } .MK-oneclick-list:after { content: ""; display: block; clear: both; } .MK-oneclick-list li { float:left; margin: 0 5px 5px 0; } .MK-oneclick-list li a { border:1px solid #231f20; display: inline-block; border-radius: 1px; box-sizing:border-box; } .MK-oneclick-list li.MK-oneclick-sel a { border:2px solid #000000; } /*.MK-oneclick-list li.MK-oneclick-dis a { position:relative; background: url('data:image/svg+xml;utf8,');}*/ .MK-oneclick-list li.MK-oneclick-dis a {filter:alpha(opacity=50); -moz-opacity:.5; opacity:.5;} .MK-oneclick-list li.MK-oneclick-color.MK-oneclick-sel a { padding:1px; filter:alpha(opacity=100); -moz-opacity:1; opacity:1; } .MK-oneclick-list li a span { display: block; text-align: center; vertical-align: middle; line-height: 19px; } .MK-oneclick-list li a img { width: 100%; height:100%;} .MK-oneclick-list li.MK-oneclick-image { width:37px; height: 37px; } .MK-oneclick-list li.MK-oneclick-image a { padding: 2px; } .MK-oneclick-list li.MK-oneclick-image span { width: 30px; height: 30px; } .MK-oneclick-list li.MK-oneclick-image .mk-oo-sel span { width: 27px; height: 27px; } .MK-oneclick-list li.MK-oneclick-image.MK-oneclick-sel a img { height : 100%; width: 100%;} .MK-oneclick-list li.MK-oneclick-color { width:37px; height: 37px; } .MK-oneclick-list li.MK-oneclick-color a { padding: 2px; } .MK-oneclick-list li.MK-oneclick-color span { width: 30px; height: 30px; } .MK-oneclick-list li.MK-oneclick-color .mk-oo-sel span { width: 27px; height: 27px; } .MK-oneclick-list li.MK-oneclick-text .MK-oneclick-list li.MK-oneclick-text {min-width:35px; max-width:100%; height: 50px; } .MK-oneclick-list li.MK-oneclick-text a { padding: 2px; } .MK-oneclick-list li.MK-oneclick-text.MK-oneclick-sel a {padding:1px;} .MK-oneclick-list li.MK-oneclick-text span { min-width: 29px; line-height: 44px; } .MK-oneclick-list li.MK-oneclick-text .MS-oneclick-sel span { min-width: 30px; line-height: 27px; } .MK-oneclick-value { padding: 5px 0; display:block; } .MK-oneclick-only-text li.MK-oneclick-text { height: auto; } .MK-oneclick-only-text li.MK-oneclick-text span { height: auto; line-height: 19px; } /*201207품절된 옵션 스타일추가*/ .MK-oneclick-list li.MK-oneclick-dis a { filter:alpha(opacity=50); -moz-opacity:.5; opacity:.5; /*text-decoration: line-through; cursor:default; background-color:#888888;*/} /* 190619 추가 */ .sel-btn { text-align: right; } .sel-btn a.add_sel{ display: inline-block;background: #8a8a8a;font-size: 11px;padding: 0px 9px ;color: #fff;margin-right: 4px;line-height: 23px;} span.extra_option_name {line-height:20px;} /* 통옵 추가 구성 상품 */ #productDetail .thumb-info .info .table-opt td.add-option-tit { padding:15px 0 0; border-top:1px solid #e4e4e5; color:#555; font-size:14px; } #productDetail .thumb-info .info .table-opt tr.add-option-start > td .add-option-img, #productDetail .thumb-info .info .table-opt tr.add-option-start > td .add-option-wrap { border-bottom:1px dashed #e4e4e5; } #productDetail .thumb-info .info .table-opt td.add-option-img { padding-top:10px; border-bottom:1px solid #e4e4e5; vertical-align:top; } #productDetail .thumb-info .info .table-opt td.add-option-img .thumb-s img { max-width:100%; } #productDetail .thumb-info .info .table-opt td.add-option-wrap { padding-top:10px; border-bottom:1px solid #e4e4e5; } #productDetail .thumb-info .info .table-opt td.add-option-wrap .prd-icon, #productDetail .thumb-info .info .table-opt td.add-option-wrap .tit-prd { padding-left:20px; padding-top:0; } #productDetail .thumb-info .info .table-opt td.add-option-wrap .table-opt { padding-left:20px; } #productDetail .thumb-info .info .table-opt td.add-option-wrap .table-opt th { width: 125px !important; } #productDetail .thumb-info .info .table-opt td.add-option-wrap .table-opt td select.basic_option, #productDetail .thumb-info .info .table-opt td.add-option-wrap .table-opt td select.addition_option { width:310px; } #productDetail .thumb-info .info .table-opt td.add-option-wrap .table-opt td input.basic_option, #productDetail .thumb-info .info .table-opt td.add-option-wrap .table-opt td input.addition_option { width:306px; height:22px; line-height:24px; } #productDetail .thumb-info .info .table-opt td.add-option-wrap .table-opt td .opt-wrap { padding:5px 0 0 0; } #productDetail .thumb-info .info .table-opt td.add-option-wrap .table-opt td .opt-wrap .tit { display:none; } #productDetail .thumb-info .info .table-opt td.add-option-wrap .table-opt td .opt-wrap dd { width: 110px; } #productDetail .thumb-info .info .table-opt td.add-option-wrap .table-opt td .opt-wrap select { width: 100px; } #productDetail .thumb-info .info .table-opt td.add-option-wrap .table-opt td .opt-wrap input { width: 205px; } #productDetail .thumb-info .info .table-opt tr.add-option-end .MK_p-tit { display:block; width:90%; height:100%; line-height:12px; color:#000; font-weight:bold; } #productDetail .thumb-info .info .table-opt tr.add-option-end .MK_price { top:40px; right:0; } #productDetail .thumb-info .info .table-opt tr.add-option-end .MK_btn-del { top:0; } /*Pooky*/ .pooky_card_name{ position: relative; top: 5px; } #pooky_card_info{ position: relative; display:inline-block; } #pooky_card_info > span{ font-size: 12px; border: 1px solid #333; padding: 0 10px; display: inline-block; color: #333; width: 110px; text-align: center; vertical-align: top; height: 25px; box-sizing: border-box; line-height: 25px; padding-bottom: 14px; cursor:pointer; } #pooky_card_info:hover > span{ background: #333; color: #fff; } #pooky_card_info > span:after{ content: "+"; position: relative; bottom: 1px; margin-left: 2px; } #pooky_card_benefit{ position: absolute; left: 0; top: 13px; width: 90%; z-index: 1000000; box-sizing: border-box; display: none; padding-top: 20px; width:370px; } #pooky_card_benefit .layer_bg{ background: rgba(0,0,0,.75); position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 10; display: none; } #pooky_card_benefit .card_content{ width: 100%; background: #fff; border: 1px solid #000; box-sizing: border-box; } #pooky_card_benefit .card_content .title{ display: none; position: relative; text-align: center; font-size: 16px; padding: 15px 0; border-bottom: 1px solid #333; font-weight: 600; } #pooky_card_benefit .card_content .close_btn{ /* display: none; */ position: absolute; right: 15px; top: 18px; background: url(/design/odeshop/smartskin2017/custom/img/close.gif) no-repeat center; background-size: contain; width: 13px; height: 13px; } #pooky_card_benefit .card_content .card_top_tab{} #pooky_card_benefit .card_content .card_top_tab ul{ overflow: hidden; } #pooky_card_benefit .card_content .card_top_tab ul li{ float: left; width: 50%; text-align: center; font-size: 14px; padding: 10px; background: #333; color: #fff; box-sizing: border-box; cursor:pointer; } #pooky_card_benefit .card_content .card_top_tab ul li.active{ background: #fff; color: #333; font-weight: bold; } #pooky_card_benefit .card_content .card_detail{ padding: 5px 20px 10px; display:none; } #pooky_card_benefit .card_content .card_detail.active{display:block;} #pooky_card_benefit .card_content .card_detail > ul{ } #pooky_card_benefit .card_content .card_detail > ul > li{ display: block; overflow: hidden; padding: 6px 0 10px; border-bottom: 1px solid #e9e9e9; color: #000; font-size: 14px; line-height: 14px; } #pooky_card_benefit .card_content .card_detail > ul > li .left_area{ float: left; width: 25%; margin-top: 4px; } #pooky_card_benefit .card_content .card_detail > ul > li .right_area{ float: right; width: 75%; display: block; margin-top: 4px; text-align: right; background: #fff; } #pooky_card_benefit .card_content .card_detail > ul > li .right_area span{display:block;margin-bottom: 5px;} #pooky_card_benefit .card_content .card_detail > ul > li .right_area span:last-child{ margin-bottom: 0; } #pooky_card_benefit .card_content .card_text{ color: #000; font-size: 13px; font-weight: normal; line-height: 20px; padding: 5px 20px 10px; } #pooky_card_benefit .card_content .card_text ul{} #pooky_card_benefit .card_content .card_text ul li{} @media (max-width: 340px) { #pooky_card_benefit .card_content .card_detail{ max-height: 275px; overflow-y: scroll; } } .mCSB_inside > .mCSB_container,.mCustomScrollBox{overflow:visible !important;} #mCSB_3_scrollbar_vertical{display:none !important;} .makeshop-stock-sellpia-btn {display:inline-block; vertical-align:top; margin-right:16px; } .makeshop-stock-sellpia-btn a {font-size:12px; color:#000; display:inline-block; vertical-align:top; border-bottom:1px solid #000; line-height:1.5} #pooky_card_info > span {border:none;border-bottom:1px solid #000;display: inline-block;color:#000;padding: 0;width: auto; height:auto; line-height:1.5} #pooky_card_info > span:after {display:none} #pooky_card_info:hover > span {background:#fff; color:#000} #pooky_card_benefit {width:100%; height:100%; position:fixed; top:0; left:0; z-index:999} #pooky_card_benefit .layer_bg {display:block} #pooky_card_benefit .card_content {z-index: 99;position: relative;width: 440px;transform: translateX(-50%) translateY(-50%);top: 50%;left: 50%;border:none;padding: 39px;} #pooky_card_benefit .card_content .card_content_inner {border:1px solid #000; } #pooky_card_benefit .card_content .close_btn {display:block; cursor: pointer;} .washingtip_btn {width:1050px; margin:30px auto; display:block; padding:30px 0; text-align:center; border:1px solid #eee; font-size:16px; color:#000; line-height:24px; } .washingtip_btn img {height:24px; margin-right:10px;} #washingtip {width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 999; box-sizing: border-box; padding-top: 20px; display: none;} #washingtip .layer_bg {background: rgba(0,0,0,.75); position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 10; display: block;} #washingtip .washing_content .close_btn{ position: absolute; right: 15px; top: 18px; width: 13px; height: 13px; cursor: pointer;} #washingtip .washing_content { z-index: 99; position: relative; width: 980px; transform: translateX(-50%) translateY(-50%); top: 50%; left: 50%; border: none; padding: 40px; background: #fff; box-sizing:border-box; max-height: 640px; overflow-y: scroll;} #nhn_btn .npay_type_D_1_2 { width:100% !important; box-sizing: border-box; padding:0!important; height:auto!important;} #nhn_btn .npay_button_box {border:none !important; padding:0!important;} #nhn_btn .npay_text {display:none !important; } #nhn_btn .npay_button {padding:0 !important; } #nhn_btn .npay_btn_link {border-radius:0 !important; border-color: #00bd39 !important; border-width:2px!important; background-color: #fff !important; height: 38px!important; background-position: 50% -2px !important; background-size: 76px auto!important;} #nhn_btn .npay_event, #nhn_btn .npay_btn_item.btn_width {display:none !important;} #kakaopay_order_btn {display:inline-block; width:100%; margin-top:4px;} #kakaopay_order_btn a {display:block; width:100%; height: 42px; line-height: 38px; box-sizing: border-box; border:2px solid #FFED00; margin:0; background:#fff; color:#0B0B0D; font-size:14px;} #kakaopay_order_btn a img {height:14px;} #nhn_btn {display:inline-block; width:100%; vertical-align:top; margin-left:0; margin-top:4px;} #nhn_btn a.npay_btn_link.btn_green {border-radius:0!important; height: 44px!important; line-height:42px!important;} #wrap.scroll .product-detail .infoArea #kakaopay_order_btn a {height:40px; line-height:38px;} #wrap.scroll .product-detail .infoArea #nhn_btn .npay_btn_link {height: 40px!important; background-position: 50% -2px !important; background-size: 80px auto!important;} .detailTab {border-bottom:1px solid #AEAEAE;} .detailTab .wrapper {width:100%; text-align:center;} .detailTab .wrapper a {position:relative; display:inline-block; height:70px; line-height:70px; box-sizing:border-box; font-size:16px; color:#000; text-align:center; padding:0 10px; margin:0 70px;} .detailTab .wrapper a.active {color:#000;} .detailTab .wrapper a.active:after {content:''; width:100%; height:4px; background:#000; position:absolute; bottom:-3px; left:0;} .detailTab.fixed {position:fixed; left:0; top:0; width:100%; background:#fff; z-index:998; } .qnaTitle{text-align:center; margin-bottom:50px;} .qnaTitle h2{font-size:24px; color:#252525; letter-spacing:2px;} .qnaTitle p{font-size:14px; margin-top:10px; color:#252525} .detailQnaList {padding-bottom:110px;} .detailQnaList .wrapper {width:1366px;} .detailQnaList .tit-detail {margin-bottom:12px; position:relative; } .detailQnaList .tit-detail h3 {font-size:16px; color:#303030; } .detailQnaList .tit-detail .more {position:absolute; right:0; top:2px;} .detailQnaList .tit-detail .more a {font-size:11px; color:#8c8b8b; } .detailQnaList .qna-list { border-top:1px solid #000} .detailQnaList .qna-list table th {height:46px; font-size:13px; border-bottom:1px solid #e9e9e9; font-weight:normal } .detailQnaList .qna-list table td {height:45px; font-size:13px; border-bottom:1px solid #e9e9e9; } .detailQnaList .qna-list table tr.cnt {display:none; } .detailQnaList .list-btm {position:relative} .detailQnaList .btm_write {position:absolute; top:10px; left:0} .detailQnaList .btm_write a {display:flex; align-items:center; justify-content: space-evenly; width:110px; height:40px; box-sizing:border-box; border:1px solid #000; font-size:13px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .detailQnaList .btm_write a:hover {background:#000; color:#fff; } .detailQnaList .paging-wrap {} .detailQnaList .paging-wrap .paging {text-align:center; } .detailQnaList .paging-wrap .paging a {display:inline-block; vertical-align:top; padding:10px 0px; text-align:center; font-size:14px; margin:0 4px; box-sizing:border-box; width:33px; height:36px;} .detailQnaList .paging-wrap .paging a:hover, .detailQnaList .paging-wrap .paging a.now, .detailQnaList .paging-wrap .paging a .now {color: #000 !important;background: #f9f9f9;} .user_icon img { height: 14px; } #header_wrap.slideDown.animated { -webkit-animation-name: slideDown03!important; animation-name: slideDown03!important; } #header_wrap.slideUp.animated { -webkit-animation-name: slideUp03!important; animation-name: slideUp03!important; } #header_wrap.slideUp { height: 59px; } @-webkit-keyframes slideDown03 { 0% { -webkit-transform: translateY(-110px) } 100% { -webkit-transform: translateY(0) } } @keyframes slideDown03 { 0% { transform: translateY(-110px) } 100% { transform: translateY(0) } } @-webkit-keyframes slideUp03 { 0% { -webkit-transform: translateY(0) } 100% { -webkit-transform: translateY(-110px) } } @keyframes slideUp03 { 0% { transform: translateY(0) } 100% { transform: translateY(-110px) } } #prdReview {padding-top:0} #vimeoWrap{padding-bottom: 50% !important;} .dropDown {margin:24px auto 62px;max-width: 1200px;width:100%; text-align:left; } .dropDown h2 { font-size: 26px; font-weight: 700; margin-bottom: 35px;} .dropDown .con { position: relative; box-sizing: border-box; border-bottom: 1px solid #d2d2d2; margin:0 !important; } .dropDown .con .tt {width: 100%; display: block; cursor: pointer; line-height: 35px; font-size: 20px; user-select: none; color: #000; padding:23px 30px 23px 0; box-sizing:border-box; position:relative; } .dropDown .con .tt:after { content: "\e9c5"; font-family: xeicon !important; position: absolute; top: 50%; right: 0; transform: translateY(-50%); -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out; } .dropDown .con .des {padding: 23px 30px;color: #000;font-size: 16px;display:none;border-top: 1px solid #ddd; line-height:1.5} .dropDown .con.active .tt:after {content: "\e9c1";} .dropDown .con.active .des {display:block; } .dropDown .con .des > dl { display: flex;margin-bottom: 23px;} .dropDown .con .des > dl:last-child {margin-bottom:0} .dropDown .con .des > dl dt { width: 200px; font-weight: 500; } .dropDown .con .des > dl dd { width: calc(100% - 200px);} .product_img_box .swiper-slide img {width:100%} /* BASIC css end */