/* BASIC css start */ .detail-common-info-event{ display: table; margin: auto; } .share-icon{ background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.014 16.636L8.986 13.894M15.112 7.582L8.888 10.977M6.015 15.809C6.44377 15.809 6.86833 15.7245 7.26446 15.5605C7.66059 15.3964 8.02052 15.1559 8.3237 14.8527C8.62689 14.5495 8.86738 14.1896 9.03147 13.7935C9.19555 13.3973 9.28 12.9728 9.28 12.544C9.28 12.1152 9.19555 11.6907 9.03147 11.2945C8.86738 10.8984 8.62689 10.5385 8.3237 10.2353C8.02052 9.93211 7.66059 9.69162 7.26446 9.52753C6.86833 9.36345 6.44377 9.279 6.015 9.279C5.14907 9.279 4.3186 9.62299 3.7063 10.2353C3.09399 10.8476 2.75 11.6781 2.75 12.544C2.75 13.4099 3.09399 14.2404 3.7063 14.8527C4.3186 15.465 5.14907 15.809 6.015 15.809ZM17.985 9.28C18.4138 9.28 18.8383 9.19555 19.2345 9.03147C19.6306 8.86738 19.9905 8.62689 20.2937 8.3237C20.5969 8.02052 20.8374 7.66059 21.0015 7.26446C21.1655 6.86833 21.25 6.44377 21.25 6.015C21.25 5.58623 21.1655 5.16167 21.0015 4.76554C20.8374 4.36941 20.5969 4.00948 20.2937 3.7063C19.9905 3.40311 19.6306 3.16261 19.2345 2.99853C18.8383 2.83445 18.4138 2.75 17.985 2.75C17.1191 2.75 16.2886 3.09399 15.6763 3.7063C15.064 4.3186 14.72 5.14907 14.72 6.015C14.72 6.88093 15.064 7.7114 15.6763 8.3237C16.2886 8.93601 17.1191 9.28 17.985 9.28ZM17.985 21.25C18.8509 21.25 19.6814 20.906 20.2937 20.2937C20.906 19.6814 21.25 18.8509 21.25 17.985C21.25 17.1191 20.906 16.2886 20.2937 15.6763C19.6814 15.064 18.8509 14.72 17.985 14.72C17.1191 14.72 16.2886 15.064 15.6763 15.6763C15.064 16.2886 14.72 17.1191 14.72 17.985C14.72 18.8509 15.064 19.6814 15.6763 20.2937C16.2886 20.906 17.1191 21.25 17.985 21.25Z' stroke='%23999999' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-size: contain; width: 20px; height: 20px; } #productDetail { border:0px solid #1C1C1C ; box-sizing:border-box; position: relative; border:0px solid #1C1C1C ; } #productDetail .detail-left { margin-top:0px; display: block; zoom:1;*display: inline;vertical-align: top; border:0px solid #1C1C1C ; height:100% ; box-sizing:border-box; } #productDetail .detail-right { padding: 10px; vertical-align:top; border:0px solid #1C1C1C; box-sizing:border-box; z-index:7 } /* Support for all WebKit browsers. */ -webkit-font-smoothing: antialiased; /* Support for Safari and Chrome. */ text-rendering: optimizeLegibility; /* Support for Firefox. */ -moz-osx-font-smoothing: grayscale; /* Support for IE. */ /* 상품 상세 이벤트 공통 정보 */ .detail-common-info-event { padding:0 0 20px; word-break: break-all; } .detail-common-info-event img {max-width: 100%;} .detail-common-info-event div {margin-top:10px; } /* 상품 상세 일반 공통 정보 */ .detail-common-info { padding:0 15px 20px; word-break: break-all; } .detail-common-info img {max-width: 100%;} .detail-common-info dl { width: 100%; font-size:inherit; font-weight:normal; letter-spacing:-0.5px; display: grid; grid-template-columns: 1fr 3fr; border: 1px solid #B4B4B4; border-bottom: none;} .detail-common-info dl dt { width: 100%; background-color: #f7f7f7; padding-bottom:10px; color:#444; font-weight:bold; display: flex; justify-content: center; align-items: center; text-align: center; border-right: 1px solid #B4B4B4;} .detail-common-info dl dd { width: -webkit-fill-available; padding:20px; text-indent:-10px; color:#777; line-height:20px;} .detail-common-info > div { display: grid; grid-template-columns: 1fr; border-bottom: 1px solid #B4B4B4;} /* 베스트 리뷰*/ .re_tit {margin-left:20%; width:60%; height:125px; background:url(/design/kimsj0120/wizdesign/fff.png) no-repeat;} .best {margin-left:20%; width:60%; height:450px; } .best:after{ clear: both; display: block; content: ''; } .best ul { width:215px; height:382px; border:1px solid #dadada; margin: 10px 65px 10px 57px; float:left; background:#fff;} .best .best_th img { width:215px; height:237px; } .product {padding: 13px 11px; height: 40px !important; cursor: pointer;} .be.product .score { text-align:right;} .best .product .score .sco { font-weight:bold; margin-top: -9px; text-align: right; } .best .best_pro img { width:33px; height:33px;} .best_info {height: 42px; padding: 12px 2px 15px 2px; margin: 0 10px; border-bottom: 1px solid #f3f3f3;} .best .sco_txt {position:relative; right:24px; top:5px; text-align: right; } .best .date { position: relative; top: 11px;} .best .writer { text-align: right; position: relative; top: -4px;} /* 상단반응형영역 */ @media all and (max-width :640px) and (orientation : landscape){ #productDetail .detail-left { width:100%;padding-right:0%; } #productDetail .detail-right { display: block; width:100%;}} @media all and (max-width :640px) and (orientation : portrait){#productDetail .detail-left { width:100%;padding-right:0%; } #productDetail .detail-right { display: block; width:100%;} } @media all and (min-width :641px){ #productDetail .detail-left { width:calc(66% - 2% - 20px);padding-right:2%; } #productDetail .detail-right { position: fixed; top:100px; right: 50px; width: 33%;} } .event img {width: 100%; margin:50px 0 50PX 0;} /* 상단 섬네일, 상품 옵션 정보 */ #productDetail .thumb-info { *zoom:1 } #productDetail .thumb-info:after { content: ""; display: block; clear: both; } /* 섬네일 */ #productDetail .thumb-info .thumb-wrap { float: left; width:100%; text-align: center } #productDetail .thumb-info .thumb { margin:0 auto; width:100%} #productDetail .thumb-info .thumb img { max-width:100% } #productDetail .thumb-info .thumb-ctrl { clear: both; padding-top: 20px; text-align: center; } #productDetail .thumb-info .thumb-ctrl a { font-size: 11px; } #productDetail .thumb-info .thumb-ctrl a img { vertical-align: middle; margin-right: 3px; } #productDetail .thumb-info .thumb-ctrl a:hover { text-decoration: underline; } /* 상품옵션 정보 */ #productDetail .info { background:#fff; /*max-height: 660px;*/ overflow:auto; padding-right: 12px;} #productDetail .info .main-name { display:flex; justify-content:space-between; align-items: center; } #productDetail .info .main-name .share-url{ background-color: rgba(0,0,0,0); margin: 0;} #productDetail .info .main-name .share-url i{ font-size: 18px;} #productDetail .info .prd-icon { padding-top:10px } #productDetail .info .prd-icon img { margin-right:3px } #productDetail .info .tit-prd { font-size:14px; color:#1C1C1C; font-weight:bold; font-family:'Montserrat'; margin: 0;} #productDetail .info .table-opt { margin-top:20px } #productDetail .info .table-opt th, #productDetail .info .table-opt td { padding:6px 0; color:#1C1C1C; } #productDetail .info .table-opt th { color:#969696; font-weight: normal } #productDetail .info .table-opt th .tb-left, #productDetail .info .table-opt td .tb-left { padding:0 } .sale { color:#c70000; padding-left:10px; } #productDetail .info .mCSB_container > table > tbody > tr > td { overflow-x: auto; } /* 추가구성상품 x축 스크롤을 위한 CSS */ /*일시품절, 재입고 알림 신청*/ #productDetail .thumb-info .info .prd-btns .soldout-btns { display: inline-block; } #productDetail .thumb-info .info .prd-btns .soldout-btns span {display: inline-block; margin-left: 5px; float: left;} #productDetail .thumb-info .info .prd-btns .soldout-btns span a {display: inline-block; margin: 0;} /* 판매가격 */ #productDetail .info .table-opt .tb-left { color:#1C1C1C; font-family: 'Montserrat','Noto Sans KR', '나눔고딕',"Nanum Gothic"; font-weight:300; } #productDetail .info .table-opt td .tb-left { color:#1C1C1C ; font-family:'Montserrat'; font-weight:400; } #productDetail .info .table-opt .item-price { font-family:'Montserrat'; font-weight:400; } #productDetail .info .table-opt .item-consumer { font-family:'Montserrat'; font-size:12px; color:#1c1c1c; font-weight:400} /* 쿠폰할인 */ .coupon-discount { color:#0066ff; } .download-coupon { vertical-align: baseline; } /* 주문수량 */ #goods_amount { float:left; } #productDetail .info .table-opt .opt-spin { position: relative; width: 52px; height: 15px; border: 1px solid #acacac; } #productDetail .info .table-opt .opt-spin .txt-spin, #productDetail .info .table-opt .opt-spin .btns { float: left; } #productDetail .info .table-opt .opt-spin .txt-spin { width: 41px; height: 13px; padding-left: 2px; padding-top: 2px; border: 0; font-size: 11px; } #productDetail .info .table-opt .opt-spin .btns { width: 17px; height: 15px; border-left: 1px solid #aaa; } #productDetail .info .table-opt .opt-spin .btns a { overflow: hidden; float: left; width: 100%; height: 8px; text-indent: -999px; background: none; } #productDetail .info .table-opt .opt-spin .btns a.btn-up { border-bottom: 1px solid #aaa; background: url(/images/d3/modern_simple/btn/btn_h5_spin_up.gif) no-repeat 50% 50%; } #productDetail .info .table-opt .opt-spin .btns a.btn-dw { background: url(/images/d3/modern_simple/btn/btn_h5_spin_dw.gif) no-repeat 50% 50%; } #productDetail .info .prd-btns .soldout { margin-top:6px; height:104px; font-size:14px; color:#231f20; text-align:center; line-height:104px; letter-spacing:2px; border:1px solid #231f20; background:#fff } #productDetail .info .prd-btns .soldout_sms { margin-top:2px; text-align:center; display: flex; justify-content: center; } #productDetail .info .prd-btns a { padding: 2px; width: 100%; font-weight: 400; font-family:'Montserrat' } #productDetail .info .prd-btns .restock-sms { border: 1px solid #F03131; padding: 7px; color: #F03131; font-weight:600; } #productDetail .info .prd-btns .btn_buy { display:block; width:100%; height:50px; font-size:14px; font-weight:bold; color:#fff; text-align:center; line-height:45px; letter-spacing:1px; /*border-radius:10px;*/ border:1px solid #231f20; background:#1C1C1C; -webkit-transition:all 0.3s ease; transition:all 0.3s ease ; box-sizing:border-box; border-radius: 3px;} #productDetail .info .prd-btns .btn_buy:active { position: relative; top: 1px } #productDetail .info .prd-btns .btn_cart { float:right; width:100%; height:50px; font-size:14px; font-weight:bold; /* margin-left:1%; */ letter-spacing:1px; color:#1C1C1C; text-align:center; /*border-radius:10px;*/ border:1px solid #231f20; background:#fff; -webkit-transition:all 0.3s ease; transition:all 0.3s ease; box-sizing:border-box; display: flex; justify-content: center; align-items: center; border-radius: 3px;} #productDetail .info .prd-btns .btn_cart:active { position: relative; top: 1px } #productDetail .info .prd-btns .btn_cart > i { font-size: 21px;} #productDetail .info .prd-btns .btn_size { float:right; width:100%; height:50px; font-size:14px; font-weight:bold; letter-spacing:1px; color:#1C1C1C; text-align:center; /*border-radius:10px;*/ border:1px solid #231f20; background:#fff; -webkit-transition:all 0.3s ease; transition:all 0.3s ease; box-sizing:border-box; display: flex; justify-content: center; align-items: center; border-radius: 3px;} #productDetail .info .prd-btns .btn_size:active { position: relative; top: 1px } #productDetail .info .prd-btns .btn_size > i { font-size: 21px;} /* #productDetail .info .prd-btns .btn_gift { display:flex; justify-content:center; align-items:center; width:50%; height:48px; font-size:14px; font-weight:bold; color:#1C1C1C; letter-spacing:1px; border:1px solid #231f20; background:#fff; -webkit-transition:all 0.3s ease; transition:all 0.3s ease ; box-sizing:border-box; border-radius: 3px;} */ #productDetail .info .prd-btns .btn_gift { display:block; width:100%; height:50px; font-size:14px; font-weight:bold; color:#1C1C1C; text-align:center; line-height:45px; letter-spacing:1px; /*border-radius:10px;*/ border:1px solid #231f20; background:#fff; -webkit-transition:all 0.3s ease; transition:all 0.3s ease ; box-sizing:border-box; border-radius: 3px; } #productDetail .info .prd-btns .btn_gift:active { position: relative; top: 1px } #productDetail .info .prd-btns .btn_pickup { display:flex; justify-content:center; align-items:center; width:50%; height:48px; font-size:14px; font-weight:bold; color:#1C1C1C; letter-spacing:1px; border:1px solid #231f20; background:#fff; -webkit-transition:all 0.3s ease; transition:all 0.3s ease ; box-sizing:border-box; border-radius: 3px;} #productDetail .info .prd-btns .pickup { margin-top:2px; margin-bottom:2px; display:block; width:100%; height:50px; margin-left:1%; font-size:14px; font-weight:bold; color:#1C1C1C; text-align:center; line-height:45px; letter-spacing:1px; /*border-radius:10px;*/ border:1px solid #231f20; background:#fff; -webkit-transition:all 0.3s ease; transition:all 0.3s ease ; box-sizing:border-box; border-radius: 3px;} #productDetail .info .prd-btns .pickup:active { position: relative; top: 1px } #productDetail .info .prd-btns .pickupOuter { display:block; width:100%; height:50px; font-size:14px; font-weight:bold; color:#1C1C1C; text-align:center; line-height:45px; letter-spacing:1px; /*border-radius:10px;*/ border:1px solid #231f20; background:#fff; -webkit-transition:all 0.3s ease; transition:all 0.3s ease ; box-sizing:border-box; border-radius: 3px;} #productDetail .info .prd-btns .pickupOuter:active { position: relative; top: 1px } #productDetail .info .prd-btns .btn_wish { float:left; width:50%; height:40px; font-size:11px; color:#231f20; text-align:center; line-height:40px; border:1px solid #231f20; border-left:0;background:#fff; -webkit-transition:all 0.3s ease; transition:all 0.3s ease; box-sizing:border-box; } #productDetail .info .prd-btns .btn_wish:active { position: relative; top: 1px } #productDetail .info .prd-btns .btn_barotalk { display:block; margin-top:10px } /* 선물하기 */ #productDetail .thumb-info .info .prd-btns a { display: inline-block; } #productDetail .thumb-info .info .prd-btns a.btn_subs, #productDetail .thumb-info .info .prd-btns a.btn_gift { margin-top: 10px; max-width:100%; } /* 통합옵션 */ #productDetail .info .table-opt .opt-wrap { width: 100%; padding:7px 0 } #productDetail .info .table-opt .opt-wrap .tit { margin-bottom: 5px; } #productDetail .info .table-opt .opt-wrap-hybrid { width: 100%; padding:0 0 10px; border-bottom:1px solid #e4e4e4; } #productDetail .info .table-opt .opt-wrap-hybrid .tit { margin-bottom: 8px; color:#969696; } #productDetail .info .table-opt .opt-wrap-hybrid .tit strong { color:#555; } #productDetail .info .table-opt .opt-wrap dl { overflow: hidden; width: 100%; *zoom:1 } #productDetail .info .table-opt .opt-wrap dl:after { display:block; clear:both; content:'' } #productDetail .info .table-opt .opt-wrap dt { float: left; width:20%; margin-bottom:5px; padding-top: 4px; *padding-bottom:5px; color:#1C1C1C; font-family: 'Montserrat','Noto Sans KR', '나눔고딕',"Nanum Gothic"; font-weight:300; box-sizing:border-box; } #productDetail .info .table-opt .opt-wrap dd { float: left; width:80%; margin-bottom:5px; *padding-bottom:5px;box-sizing:border-box; } #productDetail .info .table-opt .opt-wrap .sel-btn { text-align:right; } #productDetail .info .table-opt .opt-wrap .sel-btn a { display:inline-block; width:84px; height:24px; font-size:13px; color:#fff; text-align:center; line-height:24px; border:1px solid #231f20; background:#231f20; -webkit-transition:all 0.3s ease; transition:all 0.3s ease } #productDetail .info .table-opt .opt-wrap .sel-btn a:hover { color:#231f20; background:#fff } #productDetail .info .table-opt .opt-wrap .sel-btn a:active { position: relative; top: 1px } #productDetail .info .table-opt .opt-wrap .sel-btn a img { display:none } #productDetail .info .table-opt .opt-wrap select { width:100%; height:26px; border:0; border-bottom:1px solid #747474; font-family: 'Montserrat','Noto Sans KR', '나눔고딕',"Nanum Gothic"; font-weight:400; } /* 셀렉터옵션라인 */ #productDetail .info .table-opt .opt-wrap .opt-btns { position:relative } #productDetail .info .table-opt .opt-wrap .opt-btns input { margin-right:3px; width:42px; height:24px; border: 1px solid #dfdfdf; text-align:center !important; line-height:24px } #productDetail .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) 0 0 no-repeat } #productDetail .info .table-opt .opt-wrap .opt-btns a.btn-up { background-position:0 0 } #productDetail .info .table-opt .opt-wrap .opt-btns a.btn-dw { background-position:0 -26px } #productDetail .info .table-opt .opt-wrap dl .opt-count select { float: left; width:100%; } #productDetail .info .table-opt .opt-wrap dl .opt-count .opt-btns { padding-top:5px; clear:both } #productDetail .info .table-opt .opt-wrap input.basic_option { width:100%; height:25px; border:0; border-bottom:1px solid #747474; font-family: 'Montserrat','Noto Sans KR', '나눔고딕',"Nanum Gothic"; font-weight:400; } /* 20191023wiz-입력형옵션 */ #productDetail .info .table-opt .option-wrap { margin-top: 10px; padding:10px 0; border-top:1px solid #ddd; } #productDetail .info .table-opt .option-wrap .option-box { width:100%; } #productDetail .info .table-opt .option-wrap .option-box .tit { padding:10px 0 5px; color:#666; } #productDetail .info .table-opt .option-wrap .option-box .list:after { clear: both; content: ""; display: block; } #productDetail .info .table-opt .option-wrap .option-box .list { width:100%; } #productDetail .info .table-opt .option-wrap .option-box .list li { float:left; width:70px; margin-left:25px; } #productDetail .info .table-opt .option-wrap .option-box .list li.first, #productDetail .info .table-opt .option-wrap .option-box .list li:first-child { margin-left:0; } #productDetail .info .table-opt .option-wrap .option-box .list li dl { padding-bottom:10px; color:#1C1C1C; } #productDetail .info .table-opt .option-wrap .option-box .list li dl dd.prdchk { text-align:left; padding-bottom:5px; } #productDetail .info .table-opt .option-wrap .option-box .list li dl dd.prdchk input { width:13px; height:13px; } #productDetail .info .table-opt .option-wrap .option-box .list li dl dd.prdimg { position:relative; } #productDetail .info .table-opt .option-wrap .option-box .list li dl dd.prdimg img { width:70px; height:70px; } #productDetail .info .table-opt .option-wrap .option-box .list li dl dd.prdimg.noimg { } #productDetail .info .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; } #productDetail .info .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:#1C1C1C; filter:alpha(opacity:40); opacity:0.4; } #productDetail .info .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:#1C1C1C; filter:alpha(opacity:40); opacity:0.4; } #productDetail .info .table-opt .option-wrap .option-box .list li dl dd.prdname { padding-top:7px; line-height:14px;} #productDetail .info .table-opt .option-wrap .option-box .list li dl dd.prdname { padding-bottom:3px; line-height:14px;} #productDetail .info .table-opt .option-wrap .option-box .list li dl dd.prdprice { padding-bottom:3px; } #productDetail .info .table-opt .option-wrap .option-box .list li dl dd.prdqty { } #productDetail .info .table-opt .option-wrap .option-box .list li dl dd.prdqty input { width:52px; height:24px; line-height:24px; border: 1px solid #dfdfdf; text-align:center; background:none; } #productDetail .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:0; vertical-align:top; } #productDetail .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:0; vertical-align:top; } #productDetail .info .table-opt .option-wrap .option-box .list li dl dd.prdqty .btn-up-down .btn-up { margin-bottom:2px; } #productDetail .info .table-opt .option-wrap .option-box .list li.lst-soldout dl { color:#a7a7a7; } #productDetail .info .table-opt .option-wrap .option-box .list li.lst-soldout dl input { color:#929292; } /* 상품정보 탭 */ #productDetail .detailTab { padding-top:40px; position:relative } #productDetail .detailTab ul { padding-left:1px; *zoom:1 } #productDetail .detailTab ul:after { display:block; clear:both; content:'' } #productDetail .detailTab ul li { margin-left:-1px; float:left; width:274px; height:49px; border:1px solid #e4e4e5 } #productDetail .detailTab ul li.first { width:273px } #productDetail .detailTab ul li a { display:block; height:49px; font-size:13px; color:#303030; line-height:49px; text-align:center; } #productDetail .detailTab ul li a.active { height:47px; border-bottom:3px solid #231f20 } /* 타이틀 공통 */ #productDetail .tit-detail { position: relative; padding-top:30px; *zoom:1 } #productDetail .tit-detail:after { display:block; clear:both; content:'' } #productDetail .tit-detail h3 { float:left; font-size:16px; color:#303030; line-height:18px } #productDetail .tit-detail .more { float:right } #productDetail .tit-detail .more a { font-size:11px; color:#1C1C1C } /* 상품 상세 이미지 */ #productDetail .prd-detail table { table-layout: auto; border-spacing:0 !important; border-collapse:collapse !important } #productDetail .prd-detail table td { word-break:break-all } #productDetail .prd-detail { padding-top:0px; margin-top:0px; width: 100%; text-align:left; overflow: hidden } #productDetail .prd-detail img { max-width: 100%; } /* 관련상품 */ #productDetail .prd-list th { padding-bottom: 10px; border-bottom: 1px solid #aaa; } #productDetail .prd-list td { padding: 5px 0;} #productDetail .prd-list .prd-amount { position: relative; width: 52px; height: 15px; border: 1px solid #acacac; } #productDetail .prd-list .prd-amount .txt-spin { width: 41px; height: 13px; padding-left: 2px padding-top: 2px; border: 0; font-size: 11px; } /* review-write */ #productDetail .review-write { margin-top:30px; padding:20px; border:1px solid #e4e4e5 } #productDetail .review-write th, #productDetail .review-write td { padding:4px 0; } #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 #ddd } #productDetail .review-write td label { margin-right:10px } #productDetail .review-write td textarea { padding:5px; width:100%; height:81px; border:1px solid #ddd } #productDetail .review-write td .btn_write { display:inline-block; width:100%; height:30px; font-size:14px; color:#fff; text-align:center; line-height:30px; border:1px solid #231f20; background:#231f20; -webkit-transition:all 0.3s ease; transition:all 0.3s ease } #productDetail .review-write td .btn_write:hover { color:#231f20; background:#fff } #productDetail .review-write td .btn_write:active { position: relative; top: 1px } /* 댓글리스트 공통 */ /* #productDetail .table-slide { border-top: 1px solid #ffc0c0; } #productDetail .table-slide thead th { font-weight: normal; } #productDetail .table-slide th, #productDetail .table-slide td { padding: 10px 0; cursor: pointer; } #productDetail .table-slide tbody td { background: url(/images/d3/modern_simple/common/dot_h1_w10.gif) repeat-x 0 0; } #productDetail .table-slide tr.cnt { display: none; } #productDetail .table-slide tr.cnt td { cursor: default; } #productDetail .table-slide tr.nbg td { background-image: none; } #productDetail .table-slide tr.ndata td { border-bottom: 1px solid #b4b4b5; } #productDetail .table-slide tr.reply .tb-txt { padding-left: 30px; background: url(/images/d3/modern_simple/common/bull_reply.gif) no-repeat 10px 0; } */ #productDetail .table-slide { border-top: 1px solid #1C1C1C } #productDetail .table-slide thead th { padding:15px 0; font-size:13px; border-bottom: 1px solid #e9e9e9; font-weight: normal; font-family:Verdana } #productDetail .table-slide td { padding: 15px 0; background: url(//image.makeshop.co.kr/makeshop/d3/basic_simple/common/board_dot.gif) repeat-x 0 bottom; } #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 { display:inline-block; width:80px; height:30px; font-size:11px; color:#1C1C1C; text-align:center; line-height:30px; border:1px solid #231f20; border-right:0; background:#fff; -webkit-transition:all 0.3s ease; transition:all 0.3s ease } #productDetail .table-slide tr.cnt { display: none; } #productDetail .table-slide tr.cnt td { padding:20px; color:#999; 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) no-repeat 10px 0; } #productDetail .table-slide .list-btm { position:relative; *zoom:1 } #productDetail .table-slide .list-btm:after { display:block; clear:both; content:'' } #productDetail .btm_write { margin-top:10px; position:relative; float:right; right:0px } #productDetail .btm_write a { display:inline-block; width:80px; height:30px; font-size:11px; color:#1C1C1C; text-align:center; line-height:30px; border:1px solid #231f20; background:#fff; -webkit-transition:all 0.3s ease; transition:all 0.3s ease } #productDetail .btm_write a:hover { color:#1C1C1C; background:#fcc0c4} #productDetail .btm_write a:active { position: relative; top: 1px } #productDetail .btm_view { margin-top:10px; position:relative; float:right; right:0px } #productDetail .btm_view a { display:inline-block; width:80px; height:30px; font-size:11px; color:#1C1C1C; text-align:center; line-height:30px; border:1px solid #231f20; border-right:0; background:#fff; -webkit-transition:all 0.3s ease; transition:all 0.3s ease } #productDetail .btm_view a:hover { color:#fff; background:#666} #productDetail .btm_view a:active { position: relative; top: 1px } #productDetail .table-slide .paging-wrap { margin:0 auto; position:relative; width:100%; text-align:center; border:1px solid #1C1C1C } /* review-list */ #productDetail .review-list { margin-top:10px } /* qna board */ #productDetail .qna-list { margin-top: 10px } /* ****************** 상품 상세 옵션 ******************** */ .MK_not_choice { color: red; } .MK_optAddWrap, .MK_optAddWrap * { margin: 0; padding: 0; } .MK_optAddWrap { } .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 { } #MK_innerOptWrap #MK_innerOptScroll.line { padding-top:5px; margin-top:5px; /* border-top:1px solid #e4e4e5; */ } #MK_innerOptWrap #MK_innerOptScroll.limit { position: relative; height: 150px; overflow-y: auto; } #MK_innerOptWrap .MK_inner-opt-cm li { *zoom: 1; position: relative; font-size:13px; margin:16px 0; *padding-bottom:0; } #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; white-space:nowrap; } #MK_innerOptWrap .MK_inner-opt-cm li .MK_price { bottom:4px; right:0; font-size:16px; color:#060606; 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:3px; right:0; width:13px; height:13px; text-indent:-9999em; background:url(//image.makeshop.co.kr/makeshop/d3/basic_simple/common/btn_comment_del.gif) 0 0 no-repeat } #MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl { position:relative; margin-top: 10px; } #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 #dfdfdf; text-align:center !important; font-family: 'Montserrat','Noto Sans KR', '나눔고딕',"Nanum Gothic"; font-weight:400; } #MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl a { float:left; display:inline-block; width:26px; height:26px; text-indent:-9999em; margin:0; vertical-align:top; background:url(//image.makeshop.co.kr/makeshop/d3/basic_simple/common/sp_qty.gif) 0 0 no-repeat } #MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl a.MK_btn-up { background-position:0 0; margin:0 4px; } #MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl a.MK_btn-dw { background-position:0 -26px } #MK_innerOptWrap .MK_inner-opt-cm li #MK_p_price_basic_0 { font-weight:bold; } /* 사용자 입력 인풋박스 (color, size )*/ .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; *float:left; } #MK_innerOptWrap .MK_inner-opt-hybrid li .MK_price { top:4px; bottom:0; 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:0; } /* 기본옵션 */ #MK_innerOptWrap #MK_innerOpt_01 li { padding-bottom:0; } /* 하이브리드옵션 */ #MK_innerOptWrap #MK_innerOpt_03 {} /* 총합계 */ #MK_innerOptWrap #MK_innerOptPrice { display:none; padding: 12px 5px 10px; font-size: 12px; color: #1C1C1C; text-align: right; } #MK_innerOptAdd { display:none; padding: 0 5px; font-size: 12px; color: #1C1C1C; text-align: right; } #MK_innerOptTotal { padding-top:20px; border-top:1px solid #e4e4e5; *zoom:1; 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:14px; color:#1C1C1C; font-family:'Montserrat'; font-weight:700; } #MK_innerOptTotal .MK_txt-won { font-size:14px; color:#1C1C1C; font-family:'Montserrat'; font-weight:400; } #MK_innerOptTotal .MK_total { font-size:12px; color:#fd0100; font-family:'Montserrat'; font-weight:700; } #MK_innerOptTotal .totalRight .MK_total { display:inline-block; margin-top:-4px; font-size:16px; color:#1C1C1C; vertical-align:middle; font-family:'Montserrat'; font-weight:700; } /* 소리뷰 */ #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: #d6d6d6; border-style: solid; table-layout: fixed; } #productWrap table th { border-right: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; color: #5c5c5c; text-align: left; font-weight:normal; padding: 10px 0 10px 20px; } #productWrap table td { color: #8b8b8b; border-bottom: 1px solid #e8e8e8; word-break: break-all; text-align: left; padding: 10px 0 10px 20px; } /* 상품 디테일 상세 정보 .D_D_Box{width:auto; overflow: hidden;color: #000; text-align: left; margin: 50px 0px; box-sizing: border-box; border: #000 1px solid; backfround-size:cover;} .warning_1{padding: 10px; padding-top:30px; margin-bottom: 30px; text-align: center;} .warning_shuck_1{padding: 10px 1%; margin-left:1%; } .warning_shuck_2{padding: 10px 1%; } .warning_shuck_3{padding: 10px 1%; margin-left:1%; } .warning_shuck_4{padding: 10px 1%; } .pop_span{display: inline-block; color: #424242; border: 1px solid #727272; background: #efefef; width: 100%; font-size:12px; padding: 10px 0; text-align: center; font-weight: bold; height:44px; vertical-align:middle; line-height:44px} .pop_span_2{display: inline-block; color: #424242; border: 1px solid #727272; background: #efefef; width: 100%; font-size:12px; padding: 10px 0; text-align: center; font-weight: bold; height:44px;} .shuck{padding-left: 31px; padding-top:50px; padding-bottom:50px; float:left; } .shuck_p{font-size: 13px; font-weight: bolder; letter-spacing: 0em; color:#ffadb9; text-align:center;} .size_pop_p{font-size: 12px; letter-spacing: 0em; color:#424242; margin-top:10px;} .size_pop_span{display: inline-block; font-size: 11px; color: #424242; border: 1px solid #727272; background: #efefef; width: 200px; padding: 10px; text-align: center; font-weight: bold; margin-top:20px;} .size_info {display: inline-block; font-size: 11px; color: #424242; border: 1px solid #727272; background: #efefef; width: 200px; padding: 10px; text-align: center; font-weight: bold; margin-top:20px;} #size_pop{border:3px solid #705c3b;background:#ffffff;} #size_pop .box_in{ height:570px; float:left; margin:20px 10px 0; overflow:scroll;} #size_pop .box_in img{width:950px; } #laundry_pop{border:3px solid #705c3b;background:#ffffff;} #laundry_pop .box_in{ height:570px; float:left; margin:20px 10px 0; overflow:scroll;} #laundry_pop .box_in img{width:950px; } #delivery_pop{border:3px solid #705c3b;background:#ffffff;} #delivery_pop .box_in{ height:570px; float:left; margin:20px 10px 0; overflow:scroll;} #delivery_pop .box_in img{width:950px; } #policy_pop{border:3px solid #705c3b;background:#ffffff;} #policy_pop .box_in{ height:570px; float:left; margin:20px 10px 0; overflow:scroll; } #policy_pop .box_in img{width:950px; } #size_info {border:3px solid #705c3b; background:#ffffff;} #size_info .box_in{ height:auto; float:left; margin:20px 10px 0; } #size_info .box_in img{ } /** modal window styles **/ #lean_overlay { position: fixed; z-index:100; top: 0px; left: 0px; height:100%; width:100%; background: #1C1C1C; display: none; } #m_cut-pop { width: 980px; height:630px; /*팝업창의 크기조절*/ margin-top:10px; /*팝업창 위아래 간격조절*/ padding: 18px; background: #ffffff; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5); } #size_pop { width: 980px; height:630px; /*팝업창의 크기조절*/ margin-top:10px; /*팝업창 위아래 간격조절*/ padding: 18px; background: #ffffff; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5); } #laundry_pop { width: 980px; height:630px; /*팝업창의 크기조절*/ margin-top:10px; /*팝업창 위아래 간격조절*/ padding: 18px; background: #ffffff; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5); } #delivery_pop { width: 980px; height:630px; /*팝업창의 크기조절*/ margin-top:10px; /*팝업창 위아래 간격조절*/ padding: 18px; background: #ffffff; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5); } #policy_pop { width: 980px; height:630px; /*팝업창의 크기조절*/ margin-top:10px; /*팝업창 위아래 간격조절*/ padding: 18px; background: #ffffff; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5); } #size_info { width: auto; height: auto; /*팝업창의 크기조절*/ margin-top:10px; /*팝업창 위아래 간격조절*/ padding: 18px; background: #ffffff; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5); }*/ /* 사이즈 차트 */ td.area-btn-size-chart a.btn-size-chart { display:inline-block; width:84px; height:24px; font-size:11px; color:#231f20; text-align:center; line-height:24px; border:1px solid #231f20; background:#fff; -webkit-transition:all 0.3s ease; transition:all 0.3s ease } td.area-btn-size-chart a.btn-size-chart:hover { color:#fff; background:#231f20 } 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:#fff } #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; } /* 조르기 */ #importune_btn { margin-left:10px } #importune_btn a { vertical-align:top } /* 쿠폰정보 */ .couponWrap { text-align:center } .couponBox { display:inline-block } .couponInfo { text-align:left } .couponInfo * { } /* 20191023-관련상품 */ #related {margin:100px auto !important; } .swiper-container { margin:20px auto 50px!important; width:100%; border:0px solid #1C1C1C; padding-bottom:20px !important; } .swiper-container .swiper-button-prev {background-image: url( ) !important; background-size:80px 80px !important; left:0px !important; right:auto; width:80px !important; height:80px !important; opacity:1 !important; } .swiper-container .swiper-button-next {background-image: url( ) !important; background-size:80px 80px !important;right:0px !important; left:auto; width:80px !important; height:80px !important; opacity:1 !important; } .swiper-container .swiper-button-prev:hover {opacity:0.7 !important; } .swiper-container .swiper-button-next:hover {opacity:0.7 !important; } .related .swiper-pagination-bullets {bottom:0px !important;} .related .swiper-pagination-bullet {margin:0 8px !important; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;} .related .swiper-pagination-bullet {width: 8px;height: 8px;display: inline-block;border-radius: 0;background: #ccc; opacity:0.7;} .related .swiper-pagination-bullet-active {opacity: 1;background:#1C1C1C; } .swiper-container .item_box { border:0px solid #1C1C1C } .swiper-container .item-thumb img { width:100% } .related .swiper-scrollbar-lock{display:block !important;} /* 파워리뷰 강제 적용*/ #productDetail #powerReview .info { max-width:100% !important;} #productDetail #powerReview .paging { width:100%; display:inline-block; } #powerReview .content_p{color: #424242 !important;} #powerReview .PR15N01-review-wrap > li .reply .pr-txt { color: #727272 !important; } #powerReview .PR15N01-write .pr-btn-right a { border: 1px solid #424242 !important; background: #424242 !important; } #powerReview .PR15N01-recmd .cvr a.lnk-review { background: #424242 !important; border: 1px solid #424242 !important; color: #fff !important; } #nhn_btn {padding-top:00px;} #payco_order_btn {padding-top:0px;} #payco_order_btn .payco_checkout.ta .payco_checkout_btn { margin-top:0 !important } #kakaopay_order_btn {padding-top:0px;} .ocb-area { width:323px; } .ocb-area a { margin-top:0 !important } #nhn_btn > div { max-width:277px; !important} /* 통옵 추가 구성 상품 */ #productDetail .info .table-opt td.add-option-tit { /*padding:15px 0 0;*/ border-top:1px solid #e4e4e5; color:#1C1C1C; font-size:12px; } #productDetail .info .table-opt tr.add-option-not-start { border-top:1px dashed #e4e4e5; } #productDetail .info .table-opt td.add-option-img { /*padding-top:10px;*/ vertical-align:top; } #productDetail .info .table-opt td.add-option-img .thumb-s img { max-width:60% !important; } /*#productDetail .info .table-opt td.add-option-wrap { padding-top:10px; }*/ #productDetail .info .table-opt td.add-option-wrap .prd-icon, #productDetail .info .table-opt td.add-option-wrap .tit-prd { padding-left:20px; padding-top:0; font-size:12px; } #productDetail .info .table-opt td.add-option-wrap .table-opt { margin-top:5px; padding-left:20px; } #productDetail .info .table-opt td.add-option-wrap .table-opt td select.basic_option, #productDetail .info .table-opt td.add-option-wrap .table-opt td select.addition_option { width:100%; font-family: 'Montserrat','Noto Sans KR', '나눔고딕',"Nanum Gothic"; font-weight:400; } #productDetail .info .table-opt td.add-option-wrap .table-opt td input.basic_option, #productDetail .info .table-opt td.add-option-wrap .table-opt td input.addition_option { width:306px; height:22px; line-height:24px; } #productDetail .info .table-opt td.add-option-wrap .table-opt td .opt-wrap2 { padding:0/*5*/px 0 0 0; } #productDetail .info .table-opt td.add-option-wrap .table-opt td .opt-wrap2 .tit { display:none; } #productDetail .info .table-opt td.add-option-wrap .table-opt td .opt-wrap2 dd { width: 100%; } #productDetail .info .table-opt td.add-option-wrap .table-opt td .opt-wrap2 select { width: 100%; border-bottom:1px solid #1C1C1C; } #productDetail .info .table-opt td.add-option-wrap .table-opt td .opt-wrap2 input { width: 205px; border-bottom:1px solid #1C1C1C; } #productDetail .info .table-opt tr.add-option-end .MK_p-tit { display:block; width:90%; height:100%; line-height:12px; color:#1C1C1C; font-weight:bold; } #productDetail .info .table-opt tr.add-option-end .MK_price { top:40px; right:0; } #productDetail .info .table-opt tr.add-option-end .MK_btn-del { top:0; } #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; } /* 통합옵션 */ #productDetail .info .table-opt .opt-wrap2 { width: 100%; } #productDetail .info .table-opt .opt-wrap2 .tit { margin-bottom: 5px; } #productDetail .info .table-opt .opt-wrap-hybrid { width: 100%; padding:0 0 10px; border-bottom:1px solid #e4e4e4; } #productDetail .info .table-opt .opt-wrap-hybrid .tit { margin-bottom: 8px; color:#969696; } #productDetail .info .table-opt .opt-wrap-hybrid .tit strong { color:#555; } #productDetail .info .table-opt .opt-wrap2 dl { overflow: hidden; width: 100%; *zoom:1 } #productDetail .info .table-opt .opt-wrap2 dl:after { display:block; clear:both; content:'' } #productDetail .info .table-opt .opt-wrap2 dt { float: left; width:80%; margin-bottom:5px; *padding-bottom:6px; color:#1C1C1C; font-family: 'Montserrat','Noto Sans KR', '나눔고딕',"Nanum Gothic"; font-weight:300; box-sizing:border-box; color: #ff0000;} #productDetail .info .table-opt .opt-wrap2 dd { float: left; width:80%; margin-bottom:5px; *padding-bottom:6px; box-sizing:border-box; } #productDetail .info .table-opt .opt-wrap2 .sel-btn { text-align:right; } #productDetail .info .table-opt .opt-wrap2 .sel-btn a { display:inline-block; width:84px; height:24px; font-size:13px; color:#fff; text-align:center; line-height:24px; border:1px solid #231f20; background:#231f20; -webkit-transition:all 0.3s ease; transition:all 0.3s ease; border-radius: 3px;} #productDetail .info .table-opt .opt-wrap2 .sel-btn a:active { position: relative; top: 1px } #productDetail .info .table-opt .opt-wrap2 .sel-btn a img { display:none } #productDetail .info .table-opt .opt-wrap2 select { width:100%; height:26px; border:0; border-bottom:1px solid #747474; font-family: 'Montserrat','Noto Sans KR', '나눔고딕',"Nanum Gothic"; font-weight:400; } /* 셀렉터옵션라인 */ #productDetail .info .table-opt .opt-wrap2 .opt-btns { position:relative } #productDetail .info .table-opt .opt-wrap2 .opt-btns input { margin-right:3px; width:42px; height:24px; border: 1px solid #dfdfdf; text-align:center !important; line-height:24px } #productDetail .info .table-opt .opt-wrap2 .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) 0 0 no-repeat } #productDetail .info .table-opt .opt-wrap2 .opt-btns a.btn-up { background-position:0 0 } #productDetail .info .table-opt .opt-wrap2 .opt-btns a.btn-dw { background-position:0 -26px } #productDetail .info .table-opt .opt-wrap2 dl .opt-count select { float: left; width:100%; } #productDetail .info .table-opt .opt-wrap2 dl .opt-count .opt-btns { padding-top:5px; clear:both } #productDetail .info .table-opt .opt-wrap input.basic_option { width:100%; height:25px; border:0; border-bottom:1px solid #747474; font-family: 'Montserrat','Noto Sans KR', '나눔고딕',"Nanum Gothic"; font-weight:400; } /* 20191023wiz-입력형옵션 */ /* 원클릭옵션 */ .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 #eee; display: inline-block; border-radius: 1px; box-sizing:border-box; } .MK-oneclick-list li.MK-oneclick-sel a { border:1px solid #999; } .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; font-family: 'Montserrat','Noto Sans KR', '나눔고딕',"Nanum Gothic"; font-weight:400; } .MK-oneclick-list li a img { width: 100%; height:100%;} .MK-oneclick-list li.MK-oneclick-image a {height:28px;} .MK-oneclick-list li.MK-oneclick-image a img {width: auto; height: 26px;;} .MK-oneclick-list li.MK-oneclick-image.MK-oneclick-sel a img {height:24px; width: auto;} .MK-oneclick-list li.MK-oneclick-color { width:30px; height: 20px; } .MK-oneclick-list li.MK-oneclick-color a { padding: 2px; } .MK-oneclick-list li.MK-oneclick-color span { width: 24px; height: 14px; } .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 0; display:block; font-family: 'Montserrat','Noto Sans KR', '나눔고딕',"Nanum Gothic"; font-weight:400; } .MK-oneclick-only-text li.MK-oneclick-text { height: auto; } .MK-oneclick-only-text li.MK-oneclick-text span { height: auto; line-height: 19px; max-width: 320px; overflow: hidden; height: 19px; } .tit-prd2{font-weight: bold; padding: 20px 15px; margin-bottom: 10px; background-color: #f3f3f3;} /* 아코디언 */ .accordion { border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea; padding:5px 0px } .accordion .tinner { padding-left: 0; overflow: hidden; display: none; margin-top:10px; } .accordion li { margin: 10px 0 ; } .accordion li a.toggle { width: 100%; display: block; position: relative; color:#1C1C1C; font-family: 'Montserrat','Noto Sans KR', '나눔고딕',"Nanum Gothic"; font-weight:400; } .accordion li a.toggle span { position:absolute; top:0; right:0; transition:all .3s ease;-webkit-transition:all .3s ease; font-weight:300;} .accordion li a.toggle span i.xi-plus-thin { font-size:10px; color: #1C1C1C !important; font-weight:400; font-family: 'Montserrat','Noto Sans KR', '나눔고딕',"Nanum Gothic"; } .accordion li a.toggle:hover { color: #1C1C1C; } .accordion .tinner p { color:#999; text-align:left; } .accordion:not(:first-of-type) { border-top:0px; } /* 사이즈 차트 */ .size-chart-cont { background: #FFFFFF; text-align: center; padding: 0px; margin-top:5px ; } .size-chart-cont table { width: 100%; margin:0; padding:0; border-collapse: collapse; border: 0px solid #D9DBDA; margin-top:5px; } .size-chart-cont table thead th { font-weight: normal !important; font-family: 'Montserrat','Noto Sans KR', '나눔고딕',"Nanum Gothic",; color:#1C1C1C !important; border-top: 1px solid #eaeaea; } .size-chart-cont table th, .size-chart-cont table td { padding: 5px; text-align: center; border-bottom: 1px solid #eaeaea; color:#999; font-size: 11px; font-family: 'Montserrat'; font-weight:300; color:#1C1C1C !important; } .size-chart-cont table th { background: #fff; border-bottom:1px solid #eaeaea; font-family: 'Montserrat','Noto Sans KR', '나눔고딕',"Nanum Gothic"; } .size-chart-cont table tr:last-child { border-bottom: 1px solid #eaeaea; } .size-chart-cont p { text-align: center; padding:5px 0 ; color: #666; } #payco_order_btn {width:100%!important;} #payco_order_btn .payco_checkout {width:100%!important;} /* #nhn_btn > div{width:77%!important;} */ .npay_button_box, .npay_button_box2{padding:0!important;} .scrollbar { &::-webkit-scrollbar { width: 3px; background: none; } &::-webkit-scrollbar-thumb { background: #f8f7fb; opacity: .4; } &::-webkit-scrollbar-track { background: none; } } /* 노트북 등의 작은 화면에서는 우측 구매 관련 박스가 스크롤처리 되도록 설정 */ @media (max-height: 800px) { #productDetail .info { /*max-height: 650px;*/ } } (.smartpickup-extra-close-info { font-size:14px; } /* 스마트픽업 추가노출내용 항목 */) /* BASIC css end */