/* BASIC css start */ /* BASIC css start */ .dn {display:none !important} .product_info_box {margin:0px 0 80px } .product_img_box {display:inline-block;vertical-align:top;width:1110px;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;height: 72px;box-sizing: border-box;} .gallery-thumbs .swiper-slide {margin-bottom: 0;height:auto;width: 64px; margin-right:4px} .gallery-thumbs .swiper-slide a {width:100%; height:100%; cursor: pointer; display:block;} .gallery-thumbs .swiper-slide-active { opacity: 0.2 ; pointer-events: none;} .gallery-thumbs .swiper-slide-active a {pointer-events: none;} .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:42%;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/chicfox/imgs/comm/ic_arrow_down.png);transform: rotate(270deg);right: 16px;} .product_img_box .swiper-button-prev {background-image:url(/design/chicfox/imgs/comm/ic_arrow_up.png);right: 32px;} .product_img_box .swiper-pagination-clickable .swiper-pagination-bullet {display:none; } #productDetail .page-body { margin-top: 70px; } #productDetail h5.detail_SubTitle { margin-top: 80px; position: relative; font-size: 28px; text-align: center; width: 1320px; font-weight: 500; margin-bottom: 20px; } #productDetail .thumb-info { width: 1260px; margin: 0px auto; } #productDetail .thumb-info::after { content: ""; display: block; clear: both; } #productDetail .thumb-info .thumb-wrap { float: left; width: 600px; overflow: hidden; } #productDetail .thumb-info .thumb { position: relative; width: 100%; } #productDetail .thumb-info .thumb::after { display: block; clear: both; content: ""; } #productDetail .thumb-info .thumb .originImgArea { width: 600px; } #productDetail .thumb-info .thumb .originImgArea img { width: 100%; } #productDetail .thumb-info .thumb .multiImgArea { float: left; width: 600px; height: 0px; overflow: hidden; } #productDetail .thumb-info .thumb .multiImgArea.on { height: auto; } #productDetail .thumb-info .thumb .multiImgArea li img { width: 100%; } #multiPager { float: right; width: 115px; } #multiPager li { margin-bottom: 6px; position: relative; width: 115px; } #multiPager li a::after { display: block; content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 2; box-sizing: border-box; } #multiPager li img { width: 100%; } #productDetail .thumb-info .snsArea {display: none;padding: 10px 20px 8px 20px;position: absolute;top: 42px;right: 0px;border: 1px solid #ddd;background: rgb(255, 255, 255);font-size: 13px;z-index: 10;width: 150px;box-shadow: 0px 1px 3px #ececec;height: 84px;padding-top: 40px;line-height:30px; /*overflow: hidden;*/text-align: center;} #productDetail .thumb-info .snsArea div {display: inline-block;vertical-align: top;} #productDetail .thumb-info .snsArea div a {display: block;position: relative;font-size: 18px;color: rgb(155, 155, 155);width: 50px;height: 50px;/* line-height: 30px; */transition: all 0.3s ease 0s;} #productDetail .thumb-info .snsArea div.btn_fb {display: inline-block;margin: 0 10px;background:url('/design/chicfox/phps/pc/common/detail_facebook.png') no-repeat 0 0;width:50px;height:50px;background-size:50px;} #productDetail .thumb-info .snsArea div.btn_urlCopy {/* text-align:center; */width: 69px;/* height: 50px; */text-align: center;/* overflow: hidden; */} #productDetail .thumb-info .snsArea div.btn_urlCopy span{display: inline-block;margin: 0 10px;background:url('/design/chicfox/phps/pc/common/detail_url.png') no-repeat 0 0;width:50px;height:50px;background-size:50px;} #productDetail .thumb-info .snsArea div a img {display:none } #productDetail .thumb-info .snsArea div.btn_fb a:after { position: absolute; top: 0px; left: 0px; } #productDetail .thumb-info .snsArea div.btn_tw a::after { position: absolute; top: 0px; left: 0px; width: 30px; text-align: center; } #productDetail .thumb-info .snsArea div.btn_urlCopy a {font-size: 12px; color:#000; text-align:center; width:70px; line-height:20px} #productDetail .thumb-info .snsArea div a:hover { color: rgb(44, 44, 44); } #productDetail .thumb-info .snsArea .snsShareClose { position: absolute; top: 5px; right: 5px; font-size: 24px; cursor: pointer; } div.MS_btn_scrap_fb{display:none !important; z-index:99;} #productDetail .thumb-info .info { float: right; position: relative; width: 533px; } #productDetail .thumb-info .info.infoHide { display: none; } #productDetail .thumb-info .info.infoShow { display: block; } #productDetail .thumb-info .info .prd-icon { padding: 0px 40px 6px 0px; } #productDetail .thumb-info .info .prd-icon img { margin-right: 3px; height:16px } #productDetail .thumb-info .info .tit-prd { padding-right: 40px; font-size: 24px; color: rgb(0, 0, 0); font-weight: 600; margin-bottom: 10px; } #productDetail .thumb-info .info .listSubnam { padding-bottom: 10px; font-size: 16px; color: rgb(153, 153, 153); font-weight: 100; line-height: 22px; } #productDetail .thumb-info .info .snsShareBtn { position: absolute; top: 1px; right: 1px; width: 27px; height: 29px; text-indent: -9999em; cursor: pointer; background: url("/design/chicfox/phps/pc/common/btn_share.jpg") 0px 0px no-repeat; } #productDetail .thumb-info .info .table-opt { margin-top: 15px; } #productDetail .thumb-info .info .table-opt th, #productDetail .thumb-info .info .table-opt td { padding: 7px 0px; } #productDetail .thumb-info .info .table-opt th { font-size: 14px; color: rgb(0, 0, 0); font-weight: 300; } #productDetail .thumb-info .info .table-opt th .tb-left, #productDetail .thumb-info .info .table-opt td .tb-left { padding: 0px; } #productDetail .thumb-info .info .table-opt td { color: rgb(85, 85, 85); } #productDetail .thumb-info .info .sell_price { font-size: 21px; color: rgb(0, 0, 0); font-weight: bold; padding-top: 10px; padding-bottom: 10px; } #productDetail .thumb-info .info .sell_price .salePercent { color:#8e929c; font-size: 20px; font-weight: 400; display:none} #productDetail .thumb-info .info .sell_price .saleWon { color:#8e929c; font-size: 20px; font-weight: 400; } #productDetail .thumb-info .info .sell_price #discount_percent_span { color:#8e929c; font-size: 22px; } #productDetail .thumb-info .info .sell_price strike { font-size: 16px; color: rgb(194, 194, 194); font-weight: normal; } #productDetail .prdInfoInner .purchaseTop { display: none; } #productDetail .prdInfoInner.prdInfoFixed { margin-right: -650px; position: fixed; bottom: 80px; right: 41%; z-index: 101; } #productDetail .prdInfoInner.prdInfoFixed .purchaseTop { display: block; } #productDetail .prdInfoInner.prdInfoFixed .purchaseTop::after { display: block; clear: both; content: ""; } #productDetail .prdInfoInner.prdInfoFixed .btnPurchase { float: right; width: 235px; height: 66px; font-size: 18px; color: rgb(255, 255, 255); font-weight: 100; text-align: center; line-height: 68px; background:#2b3244; cursor: pointer; } #productDetail .prdInfoInner.prdInfoFixed .btnPurchase.prdInfoOpen { width: 235px; } #productDetail .prdInfoInner.prdInfoFixed .btnPurchase i { font-size: 20px; line-height: 68px; vertical-align: top; } #productDetail .prdInfoInner.prdInfoFixed .info { display: none; padding: 25px 0px; position: relative; float: none; width: 500px; max-height: 783px; border: 1px solid rgb(194, 194, 194); background: rgb(255, 255, 255); margin-bottom: 20px;} #productDetail .prdInfoInner.prdInfoFixed .info .scrollBox { padding: 0px 26px; width: 448px; } .info .scrollBox .buyClose{ display:none; position: absolute; top: 5px; right: -35px; cursor:pointer } #productDetail .prdInfoInner.prdInfoFixed .info .snsShareBtn { top: 25px; right: 26px; } #productDetail .prdInfoInner.prdInfoFixed .info .snsArea { top: 65px; right: 26px; } #productDetail .prdInfoInner.prdInfoFixed .info .table-opt .opt-wrap dd { width: 368px !important; } #productDetail .prdInfoInner.prdInfoFixed .info .table-opt .opt-wrap select { width: 368px !important; } #productDetail .prdInfoInner.prdInfoFixed .info .prd-btns .btns .CSSbuttonBlackB, #productDetail .prdInfoInner.prdInfoFixed .info .prd-btns .btns .CSSbuttonB { width: 144px; } #productDetail .prdInfoInner.prdInfoFixed .info .prd-btns .btns .btnWish span { width: 48px; } #productDetail .prdInfoInner.prdInfoFixed .info .prd-btns .btn_buy { width: 440px !important; } #productDetail .prdInfoInner.prdInfoFixed .info .prd-btns .btn_wish { width: 214px !important; } #productDetail .prdInfoInner.prdInfoFixed .info .prd-btns .btn_cart { width: 214px !important; } #productDetail .prdInfoInner.prdInfoFixed .info .table-opt .opt-wrap dd { width: 350px !important; } #productDetail .prdInfoInner.prdInfoFixed .info .table-opt .opt-wrap select { width: 100% !important; } #productDetail .thumb-info .info .table-opt .price { } #productDetail .thumb-info .info .table-opt .sell_price { font-size: 21px; color: rgb(0, 0, 0); font-weight: 600; } #productDetail .thumb-info .info .table-opt .sell_price strike { font-size: 15px; color: rgb(131, 131, 131); font-weight: 100; } #productDetail .thumb-info .info .table-opt .sell_price .won { font-size: 14px; font-weight: 300; } #goods_amount { float: left; } #productDetail .thumb-info .info .table-opt .opt-spin { position: relative; width: 52px; height: 15px; border: 1px solid rgb(172, 172, 172); } #productDetail .thumb-info .info .table-opt .opt-spin .txt-spin, #productDetail .thumb-info .info .table-opt .opt-spin .btns { float: left; } #productDetail .thumb-info .info .table-opt .opt-spin .txt-spin { width: 41px; height: 13px; padding-left: 2px; padding-top: 2px; border: 0px; font-size: 11px; } #productDetail .thumb-info .info .table-opt .opt-spin .btns { width: 17px; height: 15px; border-left: 1px solid rgb(170, 170, 170); } #productDetail .thumb-info .info .table-opt .opt-spin .btns a { overflow: hidden; float: left; width: 100%; height: 8px; text-indent: -999px; background: none; } #productDetail .thumb-info .info .table-opt .opt-spin .btns a.btn-up { border-bottom: 1px solid rgb(170, 170, 170); background: url("/images/d3/modern_simple/btn/btn_h5_spin_up.gif") 50% 50% no-repeat; } #productDetail .thumb-info .info .table-opt .opt-spin .btns a.btn-dw { background: url("/images/d3/modern_simple/btn/btn_h5_spin_dw.gif") 50% 50% no-repeat; } #productDetail .thumb-info .info .prd-btns .soldout { margin-top: 6px; width: 100%; height: 70px; font-size: 14px; color: rgb(35, 31, 32); text-align: center; line-height: 70px; letter-spacing: 2px; border: 1px solid #d0d0d0; background: rgb(255, 255, 255); } #productDetail .thumb-info .info .prd-btns .prdBtnTop { margin-top: 30px; } #productDetail .thumb-info .info .prd-btns .prdBtnBtm { padding-top: 9px; font-size: 0px; } #productDetail .thumb-info .info .prd-btns a { margin-top: 6px; } #productDetail .thumb-info .info .prd-btns .btn_buy { display: block; width: 531px; height: 64px; font-size: 18px; color: rgb(255, 255, 255); font-weight: 100; text-align: center; line-height: 64px; border: 1px solid rgb(51, 51, 51); background: rgb(51, 51, 51); transition: all 0.3s ease 0s; } #productDetail .thumb-info .info .prd-btns .btn_cart { display: inline-block; width: 260px; height: 64px; font-size: 18px; color: rgb(0, 0, 0); font-weight: 100; text-align: center; line-height: 64px; border: 1px solid rgb(102, 102, 102); background: rgb(255, 255, 255); transition: all 0.3s ease 0s; } #productDetail .thumb-info .info .prd-btns .btn_wish { display: inline-block; margin-right: 8px; width: 261px; height: 64px; font-size: 18px; color: rgb(0, 0, 0); font-weight: 100; text-align: center; line-height: 64px; border: 1px solid rgb(0, 0, 0); background: rgb(255, 255, 255); transition: all 0.3s ease 0s; } #productDetail .thumb-info .info .prd-btns .btn_wish, #productDetail .thumb-info .info .prd-btns .btn_cart {width: calc(50% - 4px); box-sizing: border-box;} #productDetail .thumb-info .info .prd-btns .btn_barotalk { display: block; margin-top: 10px; } #productDetail .thumb-info .info .table-opt .opt-wrap { width: 100%; padding: 10px 0px; } #productDetail .thumb-info .info .table-opt .opt-wrap .tit { margin-bottom: 5px; } #productDetail .thumb-info .info .table-opt .opt-wrap-hybrid { width: 100%; padding: 0px 0px 10px; border-bottom: 1px solid rgb(228, 228, 228); } #productDetail .thumb-info .info .table-opt .opt-wrap-hybrid .tit { margin-bottom: 8px; color: rgb(150, 150, 150); } #productDetail .thumb-info .info .table-opt .opt-wrap-hybrid .tit strong { color: rgb(85, 85, 85); } #productDetail .thumb-info .info .table-opt .opt-wrap dl { overflow: hidden; width: 100%; } #productDetail .thumb-info .info .table-opt .opt-wrap dl::after { display: block; clear: both; content: ""; } #productDetail .thumb-info .info .table-opt .opt-wrap dt { float: left; width: 90px; margin-bottom: 15px; padding-top: 15px; font-size: 14px; color: rgb(0, 0, 0); font-weight: 300; } #productDetail .thumb-info .info .table-opt .opt-wrap dd { float: left; width: 369px; margin-bottom: 5px; } #productDetail .thumb-info .info .table-opt .opt-wrap .sel-btn { text-align: right; } #productDetail .thumb-info .info .table-opt .opt-wrap .sel-btn a { display: inline-block; width: 84px; height: 24px; font-size: 13px; color: rgb(255, 255, 255); text-align: center; line-height: 24px; border: 1px solid rgb(35, 31, 32); background: rgb(35, 31, 32); transition: all 0.3s ease 0s; } #productDetail .thumb-info .info .table-opt .opt-wrap .sel-btn a:hover { color: rgb(35, 31, 32); background: rgb(255, 255, 255); } #productDetail .thumb-info .info .table-opt .opt-wrap .sel-btn a:active { position: relative; top: 1px; } #productDetail .thumb-info .info .table-opt .opt-wrap .sel-btn a img { display: none; } #productDetail .thumb-info .info .table-opt .opt-wrap select { width: 441px; height: 43px; font-size: 14px; font-weight: 300; border: 1px solid rgb(204, 204, 204); border-radius: 0px; outline: none; } #productDetail .thumb-info .info .table-opt .opt-wrap .opt-btns { position: relative; } #productDetail .thumb-info .info .table-opt .opt-wrap .opt-btns input { margin-right: 3px; width: 42px; height: 24px; border: 1px solid rgb(223, 223, 223); line-height: 24px; text-align: center !important; } #productDetail .thumb-info .info .table-opt .opt-wrap .opt-btns a { display: inline-block; width: 26px; height: 26px; text-indent: -9999em; vertical-align: top; background: url("//image.makeshop.co.kr/makeshop/d3/basic_simple/common/sp_qty.gif") 0px 0px no-repeat; } #productDetail .thumb-info .info .table-opt .opt-wrap .opt-btns a.btn-up { background-position: 0px 0px; } #productDetail .thumb-info .info .table-opt .opt-wrap .opt-btns a.btn-dw { background-position: 0px -26px; } #productDetail .thumb-info .info .table-opt .opt-wrap dl .opt-count select { float: left; width: 350px; } #productDetail .thumb-info .info .table-opt .opt-wrap dl .opt-count .opt-btns { padding-top: 5px; clear: both; } #productDetail .thumb-info .info .table-opt .option-wrap { margin-top: 10px; padding: 10px 0px; border-top: 1px solid rgb(221, 221, 221); } #productDetail .thumb-info .info .table-opt .option-wrap .option-box { width: 100%; } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .tit { padding: 10px 0px 5px; color: rgb(102, 102, 102); } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list::after { clear: both; content: ""; display: block; } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list { width: 100%; } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li { float: left; width: 70px; margin-left: 25px; } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li.first, #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li:first-child { margin-left: 0px; } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li dl { padding-bottom: 10px; color: rgb(51, 51, 51); } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li dl dd.prdchk { text-align: left; padding-bottom: 5px; } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li dl dd.prdchk input { width: 13px; height: 13px; } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li dl dd.prdimg { position: relative; } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li dl dd.prdimg img { width: 70px; height: 70px; } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li dl dd.prdimg.noimg { } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li dl dd.prdimg .soldout { position: absolute; top: 0px; left: 0px; display: inline-block; width: 100%; height: 100%; line-height: 71px; color: rgb(255, 255, 255); text-align: center; } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li dl dd.prdimg .soldout-bg { position: absolute; top: 0px; left: 0px; display: inline-block; width: 100%; height: 100%; background: rgb(0, 0, 0); opacity: 0.4; } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li dl dd.prdimg .sel-img { position: absolute; top: 0px; left: 0px; display: inline-block; width: 100%; height: 100%; background: rgb(0, 0, 0); opacity: 0.4; } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li dl dd.prdname { padding-top: 7px; line-height: 14px; } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li dl dd.prdname { padding-bottom: 3px; line-height: 14px; } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li dl dd.prdprice { padding-bottom: 3px; } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li dl dd.prdqty { } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li dl dd.prdqty input { width: 52px; height: 24px; line-height: 24px; border: 1px solid rgb(223, 223, 223); text-align: center; background: none; } #productDetail .thumb-info .info .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: 0px; vertical-align: top; } #productDetail .thumb-info .info .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: 0px; vertical-align: top; } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li dl dd.prdqty .btn-up-down .btn-up { margin-bottom: 2px; } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li.lst-soldout dl { color: rgb(167, 167, 167); } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li.lst-soldout dl input { color: rgb(146, 146, 146); } #productDetail .detailBnnr { padding-top: 75px; width: 1300px; } #productDetail .detailBnnr a { display: block; } #productDetail .detailBnnr img { width: 100%; } #productDetail .detailTab { margin-top: 80px; position: relative; height: 60px; font-size: 0px; text-align: center; width: 1320px; } #productDetail .detailTab.fix {position:fixed;top:0px;margin-top:58px;z-index:10;background: #fff;padding-top:10px;background-color:#fff;} #productDetail .detailTab a { border: 1px solid rgb(221, 221, 221); margin: 0px 0px 0px -1px; position: relative; height: 56px; font-size: 18px; width: 33.33%; box-sizing:border-box; display: inline-block; color: rgb(0, 0, 0); font-weight: 100; line-height: 55px; background: rgb(249, 249, 249); } #productDetail .detailTab a.active { font-weight: 400; background: rgb(255, 255, 255); border-bottom: 1px solid rgb(255, 255, 255); } #productDetail .detailTab a.active::after { position: absolute; top: 0px; left: 0px; right: 0px; width: 100%; height: 3px; background: rgb(0, 0, 0); content: ""; } #productDetail .detailTab .span.snap_review_count.noset, .qna-board-count { color: rgb(255, 255, 255); background:#2b3244; border-radius: 50px; font-size: 14px; padding: 4px 10px; } #productDetail .tit-detail { position: relative; padding-top: 40px; } #productDetail .tit-detail::after { display: block; clear: both; content: ""; } #productDetail .tit-detail h3 { font-size: 30px; color: rgb(35, 31, 32); text-align: center; } #productDetail .tit-detail .more { float: right; } #productDetail .tit-detail .more a { font-size: 11px; color: rgb(140, 139, 139); } #productDetail .prd-detail table { table-layout: auto; border-spacing: 0px !important; border-collapse: collapse !important; } #productDetail .prd-detail table td { word-break: break-all; } #productDetail .prd-detail { padding-top: 10px; margin-top: 30px; width: 100%; text-align: left; overflow: hidden; } #productDetail .prd-detail img { max-width: 100%; } #productDetail #related-product { margin-top: 80px; clear: both; position: relative; } #productDetail .related-product-area { margin: 0px auto; width: 1297px !important; height:500px} #productDetail .related-product-area .relatedPrdTitle { text-align: left; margin-bottom: 10px; } #productDetail .related-product-area .relatedPrdTitle h3 { font-size: 30px; color: rgb(35, 31, 32); margin: 0px auto; padding-top: 40px; font-weight: 600; text-align: center; } #productDetail .related-product-area .relatedPrdTitle p { padding-top: 5px; font-size: 16px; color: rgb(0, 0, 0); font-weight: 100; } #productDetail .relatedPrdArea { padding: 40px 0px; position: relative; } #productDetail .relatedPrdArea .relateSlider { } #productDetail .related-product-area .item-list { width: 248px; margin-right: 11px; } #productDetail .related-product-area .item-list .MS_related_checkbox { position: absolute; margin-top: 0px; } #productDetail .related-product-area .item-list .prd-name { margin-top: 10px; } #productDetail .related-product-area .item-list .prd-name input { position: absolute; top: 7px; left: 0px; } #productDetail .related-product-area .item-list .prd-name a { display: block; text-align: left; font-size: 14px; } #productDetail .related-product-area .item-list .prd-price { text-align: left; font-weight: bold; padding-top: 5px; } #productDetail .related-product-area .item-list .prd-price strike { font-weight: normal; color: rgb(153, 153, 153); } #productDetail .related-product-area .item-list .prd-price .salePercent { color:#ff6b13; font-weight: bold; } #productDetail .related-product-area .item-list .prd-price .price { font-size: 17px; } #productDetail .related-product-area .item-list .prd-price .price .won { font-size: 14px; font-weight: 500; } #productDetail .related-product-area .prd-opt { padding-top: 15px; } #productDetail .related-product-area .prd-opt dl { padding: 3px 0px; text-align: left; width: 100%; } #productDetail .related-product-area .prd-opt dl::after { display: block; clear: both; content: ""; } #productDetail .related-product-area .prd-opt dt.optTitle { float: left; width: 20%; font-size: 12px; color: rgb(97, 97, 97); font-weight: 300; line-height: 30px; margin-right: 10px; vertical-align: middle; } #productDetail .related-product-area .prd-opt dd.optSelect { float: left; padding-top: 0px; } #productDetail .related-product-area .prd-opt select { width: 196px; height: 30px; font-size: 12px; color: rgb(97, 97, 97); font-weight: 300; border: 1px solid rgb(204, 204, 204); border-radius: 0px; } #productDetail .related-product-area .prd-qty { padding: 0px; position: relative; } #productDetail .related-product-area .prd-qty::after { display: block; } #productDetail .related-product-area .prd-qty .MS_related_quantity, #productDetail .related-product-area .prd-qty .btns { float: left; } #productDetail .related-product-area .prd-qty .MS_related_quantity { width: 30px; height: 28px; line-height: 28px; border: 1px solid rgb(204, 204, 204); font-size: 15px; font-weight: 300; text-align: center !important; } #productDetail .related-product-area .prd-qty .btns { width: 24px; height: 28px; border-top: 1px solid rgb(204, 204, 204); border-right: 1px solid rgb(204, 204, 204); border-bottom: 1px solid rgb(204, 204, 204); border-image: initial; border-left: none; } #productDetail .related-product-area .prd-qty .btns a { display: block; overflow: hidden; width: 100%; height: 14px; color: rgb(97, 97, 97); text-align: center; line-height: 17px; } #productDetail .related-product-area .prd-qty .btns a.btn-up { border-bottom: 1px solid rgb(204, 204, 204); } #productDetail .related-product-area .prd-qty .btns a.btn-dw { height: 13px; } #productDetail .related-allbasket { padding-bottom: 40px; text-align: center; margin-top: 20px; } #productDetail .related-allbasket a { display: inline-block; width: 222px; height: 50px; font-size: 16px; color: rgb(0, 0, 0); font-weight: 300; text-align: center; line-height: 50px; border: 1px solid rgb(0, 0, 0); background: rgb(255, 255, 255); transition: all 0.3s ease 0s; } #productDetail .related-allbasket a:hover { color: rgb(255, 255, 255); background: rgb(0, 0, 0); } #productDetail .related-allbasket a:active { position: relative; top: 1px; } #productDetail .relateSlider .slick-track { min-width: 1360px; } #productDetail .relateSlider .slick-list a { width: 100%; outline: none; } #productDetail .relateSlider .slick-slide {margin: 0px; height: 400px; width: 261px !important; overflow: hidden;} #productDetail .relateSlider .slick-list img { width: 100%; } #productDetail .relateSlider .slick-arrow { position: absolute; top: 20%; width: 59px; height: 44px; z-index: 10; cursor: pointer; background: url("/design/chicfox/phps/pc/main/madeArrow.png") center center no-repeat; font-size: 0px; outline: none; } #productDetail .relateSlider .slick-next { right: 60%; left: auto; background-position: 0px -44px; margin-right: -850px; } #productDetail .relateSlider .slick-prev {left: 60%;right: auto;background-position: 0px 0px;margin-left: -820px;} #productDetail .relateSlider .slick-arrow.slick-disabled { opacity: 0.3; } #productDetail .review-write { margin-top: 30px; padding: 20px; border: 1px solid rgb(228, 228, 229); } #productDetail .review-write th, #productDetail .review-write td { padding: 4px 0px; } #productDetail .review-write th { font-weight: normal; } #productDetail .review-write td input[name="hname"] { padding-left: 5px; width: 210px; height: 31px; line-height: 31px; border: 1px solid rgb(221, 221, 221); } #productDetail .review-write td label { margin-right: 10px; } #productDetail .review-write td textarea { padding: 5px; width: 840px; height: 81px; border: 1px solid rgb(221, 221, 221); } #productDetail .review-write td .btn_write { display: inline-block; width: 109px; height: 91px; font-size: 14px; color: rgb(255, 255, 255); text-align: center; line-height: 91px; border: 1px solid rgb(35, 31, 32); background: rgb(35, 31, 32); transition: all 0.3s ease 0s; } #productDetail .review-write td .btn_write:hover { color: rgb(35, 31, 32); background: rgb(255, 255, 255); } #productDetail .review-write td .btn_write:active { position: relative; top: 1px; } #productDetail .table-slide { border-top: 1px solid rgb(0, 0, 0); } #productDetail .table-slide thead th { padding: 15px 0px; font-size: 13px; border-bottom: 1px solid rgb(233, 233, 233); font-weight: normal; font-family: Verdana; } #productDetail .table-slide td { padding: 15px 0px; background: url("//image.makeshop.co.kr/makeshop/d3/basic_simple/common/board_dot.gif") 0px bottom repeat-x; } #productDetail .table-slide td .paging a { font-family: Verdana; } #productDetail .table-slide td .paging .first, #productDetail .table-slide td .paging .prev, #productDetail .table-slide td .paging .next, #productDetail .table-slide td .paging .last { } #productDetail .table-slide tr.cnt { display: none; } #productDetail .table-slide tr.cnt td { padding: 20px; color: rgb(153, 153, 153); cursor: default; } #productDetail .table-slide tr.cnt td p { word-break: break-all; white-space: normal; } #productDetail .table-slide tr.reply .tb-txt { padding-left: 30px; background: url("/images/d3/modern_simple/common/bull_reply.gif") 10px 0px no-repeat; } #productDetail .table-slide .list-btm { position: relative; } #productDetail .table-slide .list-btm::after { display: block; clear: both; content: ""; } #productDetail .btn_qna { margin-top: 10px; position: relative; text-align: center; margin-bottom: 30px; } #productDetail .btn_qna a { display: inline-block; width: 132px; height: 40px; font-size: 14px; font-weight: 300; text-align: center; line-height: 40px; transition: all 0.3s ease 0s; } #productDetail .btn_qna a:hover { color: rgb(66, 66, 66); background: rgb(255, 255, 255); } #productDetail .btn_qna a:active { position: relative; top: 1px; } #productDetail .table-slide .paging-wrap { margin: 0px; position: relative; float: left; width: 1320px; } #productDetail .btn_qna a.CSSbuttonWhite { } #productDetail .btn_qna a.CSSbuttonBlack { border: 1px solid rgb(66, 66, 66); background: rgb(66, 66, 66); color: rgb(255, 255, 255); } #productDetail .review-list { margin-top: 10px; } #productDetail .qna-list { margin-top: 10px; } .MK_not_choice { color: red; } .MK_optAddWrap, .MK_optAddWrap * { margin: 0px; padding: 0px; } .MK_optAddWrap { } .MK_optAddWrap li { list-style: none; } #MK_optAddList { overflow: hidden; } #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; } #MK_optAddListPP { overflow: hidden; } #MK_optAddListPP .MK_tit, #MK_optAddListPP .MK_st { float: left; width: auto; } #MK_optAddListPP .MK_tit { margin-right: 5px; margin-top: 3px; } #MK_innerOptWrap #MK_innerOptScroll.line { padding-top: 5px; } #MK_innerOptWrap #MK_innerOptScroll.limit { position: relative; height: 150px; overflow-y: auto; } #MK_innerOptWrap .MK_inner-opt-cm li { position: relative; font-size: 13px; border-top: 1px solid rgb(228, 228, 229); padding: 12px 0px; } #MK_innerOptWrap .MK_inner-opt-cm li::after { display: block; clear: both; content: ""; } #MK_innerOptWrap .MK_inner-opt-cm li .MK_price, #MK_innerOptWrap .MK_inner-opt-cm li .MK_btn-del { position: absolute; } #MK_innerOptWrap .MK_inner-opt-cm li .MK_p-name, #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_p-name { overflow: hidden; width: 200px; vertical-align: middle; text-overflow: ellipsis; float: left; } #MK_innerOptWrap .MK_inner-opt-cm li .MK_price { top: 16px; right: 46px; font-size: 16px; color: rgb(6, 6, 6); font-weight: normal; } #MK_innerOptWrap .MK_inner-opt-cm li .MK_price span { font-weight: bold; } #MK_innerOptWrap .MK_inner-opt-cm li .MK_btn-del { top: 18px; right: 10px; width: 13px; height: 13px; text-indent: -9999em; background: url("//image.makeshop.co.kr/makeshop/d3/basic_simple/common/btn_comment_del.gif") 0px 0px no-repeat; } #MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl { position: relative; margin-top: 0px; overflow: hidden; float: left; left: 16px; } #MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl .basic_option, #MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl .MS_amount_basic, #MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl .addition_option { width: 42px; height: 24px; line-height: 24px; border: 1px solid rgb(223, 223, 223); text-align: center !important; } #MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl a { float: left; display: inline-block; width: 26px; height: 26px; text-indent: -9999em; margin: 0px; vertical-align: top; background: url("//image.makeshop.co.kr/makeshop/d3/basic_simple/common/sp_qty.gif") 0px 0px no-repeat; } #MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl a.MK_btn-up { background-position: 0px 0px; margin: 0px 4px; } #MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl a.MK_btn-dw { background-position: 0px -26px; } #MK_innerOptWrap .MK_inner-opt-cm li #MK_p_price_basic_0 { font-weight: bold; } .MK_optAddWrap .MK_inner-opt-cm li .MK_txt_uinput { width: 200px; } #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_qty-ctrl, #MK_innerOptWrap .MK_inner-opt-hybrid li .MK_btn-del { display: inline-block; } #MK_innerOptWrap .MK_inner-opt-hybrid li .MK_price { top: 4px; bottom: 0px; right: 23px; } #MK_innerOptWrap .MK_inner-opt-hybrid li .MK_p-name { width: 200px; line-height: 26px; } #MK_innerOptWrap .MK_inner-opt-hybrid li .MK_qty-ctrl { vertical-align: middle; margin-top: 0px; } #MK_innerOptWrap #MK_innerOpt_03 { } #MK_innerOptWrap #MK_innerOptPrice { display: none; padding: 12px 5px 10px; font-size: 12px; color: rgb(51, 51, 51); text-align: right; } #MK_innerOptAdd { display: none; padding: 0px 5px; font-size: 12px; color: rgb(51, 51, 51); text-align: right; } #MK_innerOptTotal { padding-top: 30px; border-top: 1px solid rgb(221, 221, 221); text-align: right; } #MK_innerOptTotal::after { display: block; clear: both; content: ""; } #MK_innerOptTotal .totalLeft { float: left; } #MK_innerOptTotal .totalRight { float: right; } #MK_innerOptTotal .MK_txt-total { font-size: 24px; color: rgb(0, 0, 0); font-weight: 300; } #MK_innerOptTotal .MK_txt-won { font-size: 18px; color: rgb(0, 0, 0); font-weight: 500; } #MK_innerOptTotal .MK_total { font-size: 12px; color: rgb(253, 1, 0); } #MK_innerOptTotal .totalRight .MK_total { display: inline-block; margin-top: -5px; margin-right: -4px; font-size: 28px; color: rgb(0, 0, 0); font-weight: 600; vertical-align: middle; } #sorivu { position: relative; margin-top: 20px; } #productWrap { margin: 30px auto; width: 800px; } #productWrap h3.tb-tit { margin-bottom: 10px; text-align: left; } #productWrap table { width: 100%; font-size: 13px; border-collapse: collapse; border-width: 1px; border-color: rgb(214, 214, 214); border-style: solid; table-layout: fixed; } #productWrap table th { border-right: 1px solid rgb(232, 232, 232); border-bottom: 1px solid rgb(232, 232, 232); color: rgb(92, 92, 92); text-align: left; font-weight: normal; padding: 10px 0px 10px 20px; } #productWrap table td { color: rgb(139, 139, 139); border-bottom: 1px solid rgb(232, 232, 232); word-break: break-all; text-align: left; padding: 10px 0px 10px 20px; } td.area-btn-size-chart a.btn-size-chart { display: inline-block; width: 84px; height: 24px; font-size: 11px; color: rgb(35, 31, 32); text-align: center; line-height: 24px; border: 1px solid rgb(35, 31, 32); background: rgb(255, 255, 255); transition: all 0.3s ease 0s; } td.area-btn-size-chart a.btn-size-chart:hover { color: rgb(255, 255, 255); background: rgb(35, 31, 32); } td.area-btn-size-chart a.btn-size-chart:active { position: relative; top: 1px; } #sizeChart { padding-bottom: 10px; width: 810px; position: absolute; display: none; background: rgb(255, 255, 255); } #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: rgb(255, 255, 255); font-size: 15px; font-weight: bold; } #importune_btn { margin-left: 10px; } #importune_btn a { vertical-align: top; } .couponWrap { text-align: center; } .couponBox { display: inline-block; } .couponInfo { text-align: left; } .couponInfo * { } .size-chart-box { width: 100%; border: 2px solid rgb(63, 64, 69); } .size-chart-box h4 { width: 100%; margin: 0px; padding: 10px 0px; color: rgb(255, 255, 255); background: rgb(63, 64, 69); text-align: center; } .size-chart-cont { margin: 10px auto 0px; width: 800px; background: rgb(255, 255, 255); } .size-chart-cont table { width: 100%; margin: 0px; padding: 0px; border-collapse: collapse; border: 1px solid rgb(217, 219, 218); } .size-chart-cont table th, .size-chart-cont table td { padding: 8px 0px; font-size: 13px; font-weight: normal; text-align: center; } .size-chart-cont table th { border-bottom: 1px solid rgb(214, 214, 214); } .size-chart-cont table tr, .size-chart-img { height: 1px; } .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; font-size: 13px; color: rgb(167, 167, 167); } #nhn_btn { padding-top: 15px; } #nhn_btn .npay_type_B_2 { width: 100% !important; } #payco_order_btn { padding-top: 10px; } #payco_order_btn .payco_checkout.ta .payco_checkout_btn { margin-top: 0px !important; } #kakaopay_order_btn { padding-top: 10px; } .ocb-area { width: 323px; } .ocb-area a { margin-top: 0px !important; } #productDetail .thumb-info .info .table-opt td.add-option-tit { padding: 15px 0px 0px; border-top: 1px solid rgb(228, 228, 229); color: rgb(0, 0, 0); font-size: 14px; } #productDetail .thumb-info .info .table-opt tr.add-option-not-start { border-top: 1px dashed rgb(228, 228, 229); } #productDetail .thumb-info .info .table-opt td.add-option-img { padding-top: 10px; 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; } #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: 0px; } #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 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 0px 0px; } #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: rgb(0, 0, 0); font-weight: bold; } #productDetail .thumb-info .info .table-opt tr.add-option-end .MK_price { top: 40px; right: 0px; } #productDetail .thumb-info .info .table-opt tr.add-option-end .MK_btn-del { top: 0px; } #MK_innerOptWrap .MK_inner-opt-cm li .MK_p-name p { overflow: hidden; text-overflow: ellipsis; } #MK_innerOptWrap .MK_inner-opt-cm li .MK_p-name span.extra_option_name { overflow: hidden; text-overflow: ellipsis; display: block; } .MK-oneclick-list { overflow: hidden; zoom: 1; } .MK-oneclick-list::after { content: ""; display: block; clear: both; } .MK-oneclick-list li { float: left; margin: 0px 5px 5px 0px; } .MK-oneclick-list li a { border: 1px solid rgb(35, 31, 32); display: inline-block; border-radius: 1px; box-sizing: border-box; } .MK-oneclick-list li.MK-oneclick-sel a { border: 2px solid rgb(0, 0, 0); } .MK-oneclick-list li.MK-oneclick-dis a { opacity: 0.5; } .MK-oneclick-list li.MK-oneclick-color.MK-oneclick-sel a { padding: 1px; 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 a { height: 50px; } .MK-oneclick-list li.MK-oneclick-image a img { width: auto; height: 48px; } .MK-oneclick-list li.MK-oneclick-image.MK-oneclick-sel a img { height: 46px; width: auto; } .MK-oneclick-list li.MK-oneclick-color { width: 50px; height: 50px; } .MK-oneclick-list li.MK-oneclick-color a { padding: 2px; } .MK-oneclick-list li.MK-oneclick-color span { width: 44px; height: 44px; } .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; max-width: 320px; overflow: hidden; height: 44px; } .MK-oneclick-list li.MK-oneclick-text .MS-oneclick-sel span { min-width: 30px; line-height: 27px; } .MK-oneclick-value { padding: 5px 0px; display: block; } .MK-oneclick-only-text li.MK-oneclick-text { height: auto; } .MK-oneclick-only-text li.MK-oneclick-text span { line-height: 19px; max-width: 320px; overflow: hidden; height: 19px; } .shoppingGuide { padding: 80px 0px; text-align: center; } .shoppingGuide .guideTitle h3 { font-size: 30px; color: rgb(35, 31, 32); } .shoppingGuide .guideTitle .guideDesc { font-size: 16px; color: rgb(141, 141, 141); font-weight: 300; } .shoppingGuide .guideList { margin-top: 12px; padding: 36px 0px; font-size: 0px; background: rgb(246, 246, 246); } .shoppingGuide .guideList a { display: inline-block; margin: 0px 5px; width: 209px; height: 36px; font-size: 15px; color: rgb(0, 0, 0); font-weight: 300; line-height: 36px; border: 1px solid rgb(204, 204, 204); background: rgb(255, 255, 255); } .product-info-wrapper { padding-bottom: 30px; } .product-info-wrapper img { width: auto; height: auto; max-width: 100%; } .product-info-wrapper table { width: 100%; } .product-info-wrapper .sc-title { width: 100%; height: auto; margin: 8px 0px; padding: 0px 10px 10px; font-size: 1rem; line-height: 1.3; font-weight: bold; text-align: center; letter-spacing: 1px; background: rgb(255, 255, 255); color: rgb(0, 0, 0); border-bottom: 1px solid rgb(216, 216, 216); } .product-info-wrapper .sc-title.lt { padding-bottom: 0px; font-size: 0.85rem; text-align: left; border: 0px; } .product-info-wrapper .sc-title .title-sub { margin: 8px 0px 5px; font-size: 12px; font-weight: normal; color: rgb(153, 153, 153); } .product-info-wrapper .sc-title .sub { float: right; font-size: 0.9em; font-weight: normal; letter-spacing: 0px; } .pi-basic, .pi-size-info, .pi-check-point { margin-top: 30px; margin-bottom: 30px; } .product-info-wrapper .pi-basic { margin-bottom: 70px; } .size-guide { margin-bottom: 20px; text-align: center; } .washing-tip { display: flex; margin-top: 20px; } .washing-tip li { flex: 1 1 0%; text-align: center; } i.c { display: inline-block; width: 11px; height: 11px; line-height: 11px; border: 1px solid rgb(51, 51, 51); } i.c.on { background-color: rgb(51, 51, 51); } .detail-box table .h { width: 30%; } .detail-box table th, .detail-box table td { padding: 10px 5px; font-size: 12px; line-height: 1.3; color: rgb(80, 80, 80); border-bottom: 1px solid rgb(229, 229, 229); } .detail-box table th { font-weight: bold; text-align: left; } .detail-box table td { font-weight: normal; text-align: left; } .pi-size-info .note { margin-top: 10px; padding: 0px 10px; font-size: 13px; line-height: 1.8; color: rgb(136, 136, 136); } .size-info-table th, .size-info-table td { padding: 10px 1px; text-align: center; color: rgb(51, 51, 51); } .size-info-table th { background-color: rgb(241, 241, 241); font-weight: bold; } .size-info-table td { border-bottom: 1px solid rgb(216, 216, 216); font-weight: normal; } .pi-check-point th, .pi-check-point td { padding: 10px 1px; text-align: center; color: rgb(51, 51, 51); border-top: 1px solid rgb(216, 216, 216); border-bottom: 1px solid rgb(216, 216, 216); } .pi-check-point th { background-color: rgb(241, 241, 241); font-weight: bold; } .pi-check-point td { padding: 10px 5px; text-align: left; font-weight: normal; } .pi-check-point td span::before { content: " "; display: inline-block; width: 8px; height: 8px; margin-top: -1px; line-height: 11px; border: 1px solid rgb(51, 51, 51); margin-right: 3px; vertical-align: middle; } .pi-check-point td span.on::before { background-color: rgb(51, 51, 51); } .product-info-wrapper { box-sizing: border-box; } .product-info-wrapper * { box-sizing: inherit; } .sz-shop-detail-content .product-info-wrapper { max-width: 800px; margin: 0px auto; } .sz-shop-detail-content .pi-size-info { margin-bottom: 60px; } .sz-shop-detail-content .pi-check-point th, .sz-shop-detail-content .pi-check-point td { padding: 12px 10px; } .sz-shop-detail-content .pi-check-point th { width: 130px; } .sz-shop-detail-content .pi-check-point td { padding-left: 20px; padding-right: 20px; } .sz-shop-detail-content .pi-check-point td span::before { margin-right: 7px; } #productDetail .prd-detail .product-info-wrapper .size-guide img { max-width: 310px; } @media screen and (min-width: 768px) { .size-guide, .detail-box { float: left; width: 50%; padding-left: 10px; padding-right: 10px; } .size-guide { margin-bottom: 0px; } } .prd-detail .sz-head { margin-bottom: 20px; padding: 0px 10px; font-size: 12px; line-height: 1.5; } .prd-detail .sz-title, .prd-detail .sz-head h5 { margin: 0px 0px 8px; padding: 0px; font-size: 15px; font-weight: bold; text-align: center; letter-spacing: 1px; background-color: transparent; color: rgb(48, 48, 48); } .prd-detail .subtitle, .prd-detail .sz-head p { margin: 0px; font-size: 12px; text-align: center; color: rgb(144, 144, 144); } .prd-detail .sz-body { padding: 0px 10px; font-size: 15px; line-height: 1.5; } .prd-detail .sz-body h5 { margin-bottom: 40px; font-size: 16px; line-height: 1.5; font-weight: bold; text-align: center; color: rgb(0, 0, 0); } .prd-detail .sz-body h6 { margin-top: 30px; font-size: 11px; line-height: 1.5; font-weight: bold; text-align: center; color: rgb(51, 51, 51); } .prd-detail .sz-body p { margin-bottom: 25px; font-size: 13px; line-height: 1.8; text-align: center; letter-spacing: -1px; color: rgb(102, 102, 102); } .prd-qna-container { margin-top: 25px; } .qna-guide p strong { color: rgb(17, 17, 17); } .qna-guide p span { color: rgb(170, 170, 170); } #productDetail .table-slide.qna-list th { padding-top: 12px; padding-bottom: 12px; color: rgb(136, 136, 136); } #productDetail .table-slide.qna-list tbody td { padding-top: 12px; padding-bottom: 12px; border-bottom: 1px solid rgb(221, 221, 221); background: none; font-size: 12px; color: rgb(51, 51, 51); } #productDetail .table-slide.qna-list .board-table-subject a { color: rgb(0, 0, 0); } .prd-qna-container .board-btns a { display: inline-block; padding: 10px 40px; font-size: 13px; line-height: 1; border-radius: 3px; border: 1px solid rgb(221, 221, 221); color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); } .prd-qna-container .board-btns a.prd-qna-add { border: 1px solid rgb(51, 51, 51); color: rgb(255, 255, 255); background-color: rgb(51, 51, 51); } .prd-qna-container .board-btns a.prd-qna-list { margin-left: 2px; } .sz-sd-floating-banner { position: fixed; left: 20px; bottom: 20px; border: 15px solid rgb(242, 242, 242); z-index: 500; display: none; } .sz-sd-floating-banner .inner-wrap { position: relative; width: 256px; height: 345px; } .sz-sd-floating-banner .inner-wrap .close { display: inline-block; position: absolute; width: 20px; height: 20px; right: 5px; bottom: 5px; z-index: 510; cursor: pointer; } .sz-sd-floating-banner .inner-wrap img { max-width: 100%; max-height: 100%; } .sz-sd-floating-banner .banner-set a { display: none; } .sz-sd-floating-banner .banner-set a.active { display: block; } .inner-anchor-menu { margin-bottom: -1px; } .inner-anchor-menu li { float: left; border-top: 1px solid rgb(224, 224, 224); border-right: 1px solid rgb(224, 224, 224); border-bottom: 1px solid rgb(224, 224, 224); padding: 10px 25px; background-color: rgb(249, 249, 249); cursor: pointer; } .inner-anchor-menu li:first-child { border-left: 1px solid rgb(224, 224, 224); } .inner-anchor-menu li.active { background-color: rgb(255, 255, 255); border-bottom: 1px solid rgb(255, 255, 255); } .inner-anchor-wrapper { padding: 35px 30px; border-width: 1px; border-style: solid; border-color: rgb(224, 224, 224); } .inner-anchor-wrapper ul { margin-left: 20px; } .inner-anchor-wrapper li { margin-bottom: 5px; list-style-type: square; } .inner-anchor-wrapper li.deli-ml-20 { list-style-type: none; } .inner-anchor-wrapper li.exchange-title, .inner-anchor-wrapper li.image-terms-title { margin-left: -20px; list-style-type: none; } .inner-anchor-wrapper .inner-wrap-div { padding-bottom: 30px; } #exchange-info, #image-terms-info { display: none; } .noticeWrap { margin-top: 40px; border: 1px solid rgb(221, 221, 221); padding: 4%; } .noticeWrap .wrap { width: 48%; display: inline-block; vertical-align: top; min-height: 165px; } .noticeWrap .wrap .tit { font-size: 16px; padding-bottom: 20px; font-weight: bold; } .noticeWrap .wrap .sub { font-size: 13px; font-weight: 100; line-height: 21px; } .noticeLTip { text-align: center; margin-top: 20px; color: rgb(173, 7, 7); } #detailReview{display: block; position: relative; top: -140px;} #detailQna{display: block; position: relative; top: -140px;} #detailRelation{display: block; position: relative; top: -140px;} #productDetail iframe:not([id^=review_widget]) {width:860px !important; min-height:485px; height:auto !important; } #productDetail .thumb-info .info .prd-btns a.btn_gift {margin-top:16px; display:inline-block; width:100%; height:60px; line-height:60px; text-align:center; border:1px solid #eee; background:#eee; color:#333; font-size:16px; } #productDetail .thumb-info .info .prd-btns a.btn_gift span:before {margin-right:4px} #hdWrap .hdCateArea {z-index:2000 !important} .inventory_btn {border-bottom:1px solid #000} .new_banner_box {text-align:center; margin-bottom:32px; } .new_banner_box a {display:block; margin-bottom:10px; } .new_banner_box a:last-child {margin-bottom:0} .prodSwiperBox { margin:60px auto; max-width:1000px; width:100% } .prodSwiperBox .swiper-slide img {width:100%} /*.prodSwiperBox .swiper-pagination { bottom: 0!important; } .prodSwiperBox .swiper-pagination-bullet { width: 10px; height: 10px; margin: 0 6px!important; } .prodSwiperBox .swiper-pagination-bullet-active { background: #000; }*/ .prodSwiperBox .swiper-button-prev { left:32px; background:none; margin: 0; top: calc(50% - 22px); z-index: 1;} .prodSwiperBox .swiper-button-prev:after {content: ''; width:22px; height:22px;border-top: 2px solid #ddd; border-right: 2px solid #ddd;display: inline-block; transform: rotate(225deg);position: absolute;top:12px; left:15px;} .prodSwiperBox .swiper-button-next { right:32px; background:none; margin: 0; top: calc(50% - 22px); z-index: 1; } .prodSwiperBox .swiper-button-next:after {content: ''; width:22px; height:22px;border-top: 2px solid #ddd; border-right: 2px solid #ddd;display: inline-block; transform: rotate(45deg);position: absolute;top:12px;right:15px;} .prodSwiperBox .swiper-pagination{ left:25% !important; bottom:16px !important; width:50% !important; border-radius:0 !important; background:rgba(204,204,204,0.8) !important; height: 5px;} .prodSwiperBox .swiper-scrollbar-drag { border-radius:0 !important; background:#b1b1b1 !important } .txt_box {margin:0 auto; max-width:1000px; width:100% } #productDetail .vimeoWrap{position: relative;padding-bottom:100%;overflow: hidden;margin: 0;} #productDetail .vimeoWrap iframe {width:1000px !important ;height:100% !important; position:absolute; top:0; left:calc(50% - 500px)} #productDetail .youtubeIframe {position:relative;max-width:600px; width:100%;padding-bottom:177.2%; margin:0 auto} #productDetail .youtubeIframe iframe {width:100% !important ;height:100% !important; position:absolute; top:0; left:calc(50% - 300px); min-height:auto !important} #detailRelationTitle {padding-top:130px; } .btnTop {display:none !important; } .btnTop_shopdetail { display: none; position: fixed; z-index: 99; right: 15px; bottom:100px; } .btnTop_shopdetail .wbox { background: rgb(51, 51, 51); padding: 10px 3px; } .btnTop_shopdetail a { display: block; width: 50px; height: 50px; line-height: 50px; text-align: center; color: rgb(255, 255, 255); font-size: 18px; } .btnTop_shopdetail a .xi { font-size: 28px; vertical-align: middle; } .btnTop_shopdetail a .icon img { width:21px !important} .btnTop_shopdetail .wbox a:hover { opacity: 0.8; } .btnTop_shopdetail a.pageTop { } .btnTop_shopdetail .wbox a { vertical-align: middle; } .btnTop_shopdetail .wbox a img { width: 24px; } /* BASIC css end */