/* BASIC css start */ /* BASIC css start */ .table-opt { margin-top:20px } .table-opt th, .table-opt td { padding:7px 0 } .table-opt th { color:#999; font-weight:500; font-size:14px; } .table-opt th .tb-left, .table-opt td .tb-left { padding:0 } .table-opt td { color:#555 } /* 판매가격 */ .table-opt .price { } .table-opt .sell_price { font-size:18px; color:#1c1c1c; font-weight:bold } /* 주문수량 */ #goods_amount { float:left; } .table-opt .opt-spin { position: relative; width: 52px; height: 15px; border: 1px solid #acacac; } .table-opt .opt-spin .txt-spin, .table-opt .opt-spin .btns { float: left; } .table-opt .opt-spin .txt-spin { width: 41px; height: 13px; padding-left: 2px; padding-top: 2px; border: 0; font-size: 11px; } .table-opt .opt-spin .btns { width: 17px; height: 15px; border-left: 1px solid #aaa; } .table-opt .opt-spin .btns a { overflow: hidden; float: left; width: 100%; height: 8px; text-indent: -999px; background: none; } .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%; } .table-opt .opt-spin .btns a.btn-dw { background: url(/images/d3/modern_simple/btn/btn_h5_spin_dw.gif) no-repeat 50% 50%; } .table-opt .sell_benefit { position:relative; } .table-opt .sell_benefit .benefit_btn { display:inline-block; height:18px; line-height:20px; border:1px solid #000; font-size:11px; } .table-opt .sell_benefit .benefit_btn span { display:inline-block; height:18px; padding:0 5px; color:#fff; background:#000; vertical-align:top; } .table-opt .sell_benefit .benefit_btn em { display:inline-block; height:18px; padding:0 3px 0 0; font-size:10px; vertical-align:top; } /* 통합옵션 */ .table-opt .opt-wrap { width: 100%; padding:7px 0 } .table-opt .opt-wrap .tit { margin-bottom: 5px; } .table-opt .opt-wrap-hybrid { width: 100%; padding:0 0 10px; border-bottom:1px solid #e4e4e4; } .table-opt .opt-wrap-hybrid .tit { margin-bottom: 8px; color:#969696; } .table-opt .opt-wrap-hybrid .tit strong { color:#555; } .table-opt .opt-wrap dl { /* overflow: hidden; *//* width: 100%; */ *zoom:1 } .table-opt .opt-wrap dl:after { display:block; clear:both; content:'' } .table-opt .opt-wrap dt { position: inherit; font-size: 14px; line-height: 1em; color: #999999; font-weight: 500; margin-top: 10px; margin-bottom: 10px; } .table-opt .opt-wrap dd { /* float: left; *//* width:350px; *//* margin-bottom:5px; */ *padding-bottom:5px; } .table-opt .opt-wrap .sel-btn { text-align:right; } .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 } .table-opt .opt-wrap .sel-btn a:hover { color:#231f20; background:#fff } .table-opt .opt-wrap .sel-btn a:active { position: relative; top: 1px } .table-opt .opt-wrap .sel-btn a img { display:none } .table-opt .opt-wrap select { width: 100%; display: flex; align-items: center; height: 50px; line-height: 48px; padding: 0 15px; border: 1px solid #ccc; border-radius: 6px; color: #999; font-size: 16px; box-shadow: none !important; } .table-opt .opt-wrap .opt-btns { position:relative } .table-opt .opt-wrap .opt-btns input { margin-right:3px; width:42px; height: 26px; border: 1px solid #cccccc; text-align:center !important; line-height:24px; border-radius: 6px; } .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; box-sizing: border-box; } .table-opt .opt-wrap .opt-btns a.btn-up { background-position:0 0 } .table-opt .opt-wrap .opt-btns a.btn-dw { background-position:0 -26px } .table-opt .opt-wrap dl .opt-count select { width: 100%; } .table-opt .opt-wrap dl .opt-count .opt-btns { margin: 5px 0 15px; clear:both } .table-opt .option-wrap { margin-top: 10px; padding:10px 0; border-top:1px solid #ddd; } .table-opt .option-wrap .option-box { width:100%; } .table-opt .option-wrap .option-box .tit { padding:10px 0 5px; color:#666; } .table-opt .option-wrap .option-box .list:after { clear: both; content: ""; display: block; } .table-opt .option-wrap .option-box .list { width:100%; } .table-opt .option-wrap .option-box .list li { float:left; width:70px; margin-left:25px; } .table-opt .option-wrap .option-box .list li.first, .table-opt .option-wrap .option-box .list li:first-child { margin-left:0; } .table-opt .option-wrap .option-box .list li dl { padding-bottom:10px; color:#333; } .table-opt .option-wrap .option-box .list li dl dd.prdchk { text-align:left; padding-bottom:5px; } .table-opt .option-wrap .option-box .list li dl dd.prdchk input { width:13px; height:13px; } .table-opt .option-wrap .option-box .list li dl dd.prdimg { position:relative; } .table-opt .option-wrap .option-box .list li dl dd.prdimg img { width:70px; height:70px; } .table-opt .option-wrap .option-box .list li dl dd.prdimg.noimg { } .table-opt .option-wrap .option-box .list li dl dd.prdimg .soldout { position:absolute; top:0; left:0; display:inline-block; width:100%; height:100%; line-height:71px; color:#fff; text-align:center; } .table-opt .option-wrap .option-box .list li dl dd.prdimg .soldout-bg { position:absolute; top:0; left:0; display:inline-block; width:100%; height:100%; background:#000; filter:alpha(opacity:40); opacity:0.4; } .table-opt .option-wrap .option-box .list li dl dd.prdimg .sel-img { position:absolute; top:0; left:0; display:inline-block; width:100%; height:100%; background:#000; filter:alpha(opacity:40); opacity:0.4; } .table-opt .option-wrap .option-box .list li dl dd.prdname { padding-top:7px; line-height:14px; } .table-opt .option-wrap .option-box .list li dl dd.prdname { padding-bottom:3px; line-height:14px; } .table-opt .option-wrap .option-box .list li dl dd.prdprice { padding-bottom:3px; } .table-opt .option-wrap .option-box .list li dl dd.prdqty { } .table-opt .option-wrap .option-box .list li dl dd.prdqty input { width:52px; height:24px; line-height:24px; border: 1px solid #dfdfdf; text-align:center; background:none; } .table-opt .option-wrap .option-box .list li dl dd.prdqty .btn-up-down { display:inline-block; width:12px; height:26px; line-height:0; font-size:0; vertical-align:top; } .table-opt .option-wrap .option-box .list li dl dd.prdqty .btn-up-down a { display:inline-block; width:12px; height:12px; line-height:0; font-size:0; vertical-align:top; } .table-opt .option-wrap .option-box .list li dl dd.prdqty .btn-up-down .btn-up { margin-bottom:2px; } .table-opt .option-wrap .option-box .list li.lst-soldout dl { color:#a7a7a7; } .table-opt .option-wrap .option-box .list li.lst-soldout dl input { color:#929292; } /* 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 { margin-top: 40px; border-top: 1px solid #222; padding-top: 8px; } #MK_innerOptWrap #MK_innerOptScroll.line { } #MK_innerOptWrap #MK_innerOptScroll.limit { position: relative; height: 150px; overflow-y: auto; } #MK_innerOptWrap .MK_inner-opt-cm li { display: flex; position: relative; font-size:13px; margin: 0; justify-content: space-between; background: #f7f7f7; margin-bottom: 2px; padding: 15px; border-radius: 6px; box-sizing: border-box; align-items: center; } #MK_innerOptWrap .MK_inner-opt-cm li:after { cler: both; } #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: 360px; vertical-align:middle; font-size: 14px; color: #555555; line-height: 1.2em; } #MK_innerOptWrap .MK_inner-opt-cm li .MK_price { color:#060606; font-weight:normal; text-align: right; font-size: 14px; width: 155px; padding-right: 15px; } #MK_innerOptWrap .MK_inner-opt-cm li .MK_price span { font-weight: 400; font-family: 'NEXON Lv1 Gothic', 'Noto Sans KR', sans-serif; margin-right: 2px; } #MK_innerOptWrap .MK_inner-opt-cm li .MK_btn-del { /* top:3px; */right:0; width: 20px; height: 20px; text-indent:-9999em; background: url(/design/vittz/img/btn_opt_del.png) no-repeat center; background-size: contain; } #MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl { width: 80px; display: block; position: relative; border: 1px solid #e2e2e2; border-radius: 6px; background: #fff; overflow: hidden; height: 30px; } #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: 22px; height: 28px; line-height: 28px; border: 0; text-align:center !important; position: absolute; top: 0; left: 50%; transform: translateX(-50%); } #MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl a { float:left; display: block; width: 30px; height: 30px; position: absolute; top: 0; right: 0; text-indent:-9999em; vertical-align:top; background: url(/design/vittz/img/btn_opt_plus.png) no-repeat center; background-size: 9px auto; } #MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl a.MK_btn-up { } #MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl a.MK_btn-dw { background: url(/design/vittz/img/btn_opt_minus.png) no-repeat center; background-size: 9px auto; left: 0; } #MK_innerOptWrap .MK_inner-opt-cm li #MK_p_price_basic_0 { } /* 사용자 입력 인풋박스 (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 { } /* 하이브리드옵션 */ #MK_innerOptWrap #MK_innerOpt_03 { } /* 총합계 */ #MK_innerOptWrap #MK_innerOptPrice { display:none; padding: 12px 5px 10px; font-size: 12px; color: #333; text-align: right; } #MK_innerOptAdd { display:none; padding: 0 5px; font-size: 12px; color: #333; text-align: right; } #MK_innerOptTotal { margin-top: 40px; display: flex; justify-content: space-between; align-items: center; } #MK_innerOptTotal:after { } #MK_innerOptTotal .totalLeft { float:left } #MK_innerOptTotal .totalRight { float:right } #MK_innerOptTotal .MK_txt-total { font-size: 16px; font-weight: 500; color: #222; text-align: left; } #MK_innerOptTotal .MK_txt-won { font-family: 'Noto Sans KR', sans-serif; font-size: 16px; font-weight: 500; padding-left: 4px; } #MK_innerOptTotal .MK_total { font-size:12px; color:#fd0100; } #MK_innerOptTotal .totalRight .MK_total { font-size: 30px; font-family: 'NEXON Lv1 Gothic', 'Noto Sans KR', sans-serif; color: #110252; font-weight: 700; } .pay_box { text-align:right; margin-top:10px; position:relative; } .open_btn { position: absolute; left: 0; bottom: 0; text-align: center; display:none; cursor:pointer; } .open_btn p { font-size: 20px; color: #000; font-weight: 700; margin-bottom: 10px; font-family: 'Noto Sans KR'; } .open_btn a { border: 1px solid #110252; color: #fff; background: #110252; font-weight: 500; width: 262px; height: 70px; border-radius: 7px; display: none; line-height: 68px; font-size: 18px; box-sizing: border-box; font-family: 'Noto Sans KR'; user-select:none; -webkit-user-select:none; cursor:pointer; } .open_btn a img { vertical-align: middle; margin-top: -4px; margin-right: 5px; } .jsTrxGdsVewInf.fixed #MK_innerOptWrap .MK_inner-opt-cm li { display: block; } .jsTrxGdsVewInf.fixed #MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl { margin-top: 11px; } .jsTrxGdsVewInf.fixed #MK_innerOptWrap .MK_inner-opt-cm li .MK_price { width: auto; position: absolute; right: 34px; bottom: 20px; } .jsTrxGdsVewInf.fixed #MK_innerOptWrap .MK_inner-opt-cm li .MK_btn-del { position: absolute; right: 16px; bottom: 20px; } .jsTrxGdsVewInf.fixed .MS_diy_option_row td input { width:70% !important; } .jsTrxGdsVewInf.fixed .MS_diy_option_row td:after { content:unset !important; } .jsTrxGdsVewInf.fixed .option_sub dl { display:block !important; } .jsTrxGdsVewInf.fixed .optview div { width:auto; } /* 소리뷰 */ #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; } /* 사이즈 차트 */ 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 * { } .size-chart-box { width: 100%; border: 2px solid #3F4045; } .size-chart-box h4 { width: 100%; margin:0; padding: 10px 0px; color: #FFFFFF; background: #3F4045; text-align: center; } .size-chart-cont { margin:10px auto 0; width:800px; background: #fff } .size-chart-cont table { width: 100%; margin:0; padding:0; border-collapse: collapse; border: 1px solid #D9DBDA; } .size-chart-cont table th, .size-chart-cont table td { padding:8px 0; font-size:13px; font-weight:normal; text-align:center } .size-chart-cont table th { border-bottom:1px solid #d6d6d6 } .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:#a7a7a7 } #nhn_btn { padding-top:10px; } #payco_order_btn { padding-top:10px; } #payco_order_btn .payco_checkout.ta .payco_checkout_btn { margin-top:0 !important } #kakaopay_order_btn { padding-top:10px; } #kakaopay_order_btn img { width:auto !important; } .ocb-area { width:323px } .ocb-area a { margin-top:0 !important } /* 통옵 추가 구성 상품 */ .table-opt td.add-option-tit { padding:15px 0 0; border-top:0px solid #e4e4e5; color:#000; font-size:14px; } .table-opt tr.add-option-not-start { border-top:1px dashed #e4e4e5; } .table-opt td.add-option-img { padding-top:10px; vertical-align:top; } .table-opt td.add-option-img .thumb-s img { max-width:100%; } .table-opt td.add-option-wrap { padding-top:10px; } .table-opt td.add-option-wrap .prd-icon, .table-opt td.add-option-wrap .tit-prd { padding-left:20px; padding-top:0; } .table-opt td.add-option-wrap .table-opt { padding-left:20px; } .table-opt td.add-option-wrap .table-opt td select.basic_option, .table-opt td.add-option-wrap .table-opt td select.addition_option { width:310px; } .table-opt td.add-option-wrap .table-opt td input.basic_option, .table-opt td.add-option-wrap .table-opt td input.addition_option { width:306px; height:22px; line-height:24px; } .table-opt td.add-option-wrap .table-opt td .opt-wrap { padding:5px 0 0 0; } .table-opt td.add-option-wrap .table-opt td .opt-wrap .tit { display:none; } .table-opt td.add-option-wrap .table-opt td .opt-wrap dd { width: 110px; } .table-opt td.add-option-wrap .table-opt td .opt-wrap select { width: 100px; } .table-opt td.add-option-wrap .table-opt td .opt-wrap input { width: 205px; } .table-opt tr.add-option-end .MK_p-tit { display:block; width:90%; height:100%; line-height:12px; color:#000; font-weight:bold; } .table-opt tr.add-option-end .MK_price { top:40px; right:0; } .table-opt tr.add-option-end .MK_btn-del { top:0; } .kdkOptTypSlct select { width: 100%; height: auto; min-height: 50px; border-radius: 6px; padding: 10px; border: 1px solid #ccc; margin-bottom: 2px; } /* 원클릭옵션 */ .MK-oneclick-list { overflow:hidden; zoom:1; display: flex; justify-content: flex-start; flex-wrap: wrap; align-items: center; } .MK-oneclick-list:after { content: ""; display: block; clear: both; } .MK-oneclick-list li { width: 89px; margin: 0 5px 5px 0; } .MK-oneclick-list li:nth-child(6n) { margin-right:0; } .MK-oneclick-list li a { display: inline-block; box-sizing:border-box; border: 3px solid #fff; } .MK-oneclick-list li.MK-oneclick-sel a { border: 3px solid #21117f; border-radius: 6px; box-sizing: border-box; } /*.MK-oneclick-list li.MK-oneclick-dis a { filter:alpha(opacity=50); position:relative;} .MK-oneclick-list li.MK-oneclick-dis a:after {content:'품절'; display:inline-block; position:absolute; font-size:14px; color:red; left: 50%; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);} .MK-oneclick-list li.MK-oneclick-dis a:after {display:inline-block; position:absolute; font-size:14px; color:red; left: 50%; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);}*/ .MK-oneclick-list li.MK-oneclick-dis a { filter:alpha(opacity=50); -moz-opacity:.5; opacity:.5; text-decoration: line-through; cursor:default; background-color:#888888; position:relative;} .MK-oneclick-list li.MK-oneclick-dis a:after {content:'품절'; display:inline-block; position:absolute; font-size:14px; color:red; left: 50%; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);} .MK-oneclick-list li.MK-oneclick-default-dis a : {filter:alpha(opacity=50); -moz-opacity:.5; opacity:.5;} .MK-oneclick-list li.MK-oneclick-default-dis a:after {content:'';} .MK-oneclick-list li.MK-oneclick-dis a img {-moz-opacity:.2; opacity:.2;} .MK-oneclick-list li.MK-oneclick-color.MK-oneclick-sel a { padding:1px; filter:alpha(opacity=100); -moz-opacity:1; opacity:1; } .MK-oneclick-list li a span { display: block; text-align: center; vertical-align: middle; line-height: 19px; } .MK-oneclick-list li a img { width: 100%; height:100%; } .MK-oneclick-list li.MK-oneclick-image a { } .MK-oneclick-list li.MK-oneclick-image a img { width: 100%; height: auto; box-sizing: border-box; } .MK-oneclick-list li.MK-oneclick-image a:hover { border: 3px solid #21117f; border-radius: 6px; box-sizing: border-box; } .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 { display: inline-block; } .MK-oneclick-only-text li.MK-oneclick-text { height: auto; } .MK-oneclick-only-text li.MK-oneclick-text span { height: auto; line-height: 19px; max-width: 320px; overflow: hidden; height: 19px; } /* 정기배송 */ #productDetail .thumb-info .info .prd-btns .btn_subs { display:block; width:448px; height:48px; font-size:12px; color:#fff; text-align:center; line-height:50px; border:1px solid #f1191f; background:#f1191f; } #productDetail .thumb-info .info .prd-btns .btn_subs:hover { color:#000; background:#fff } #productDetail .thumb-info .info .prd-btns .btn_subs:active { position: relative; top: 1px; } /* 상품 상세 이벤트 공통 정보 */ #productDetail .detail-common-info-event { width:100%; padding-top:20px; word-break: break-all; } #productDetail .detail-common-info-event img { max-width: 100%; } #productDetail .detail-common-info-event div { margin-top:15px; } /* 상품 상세 일반 공통 정보 */ #productDetail .detail-common-info { width:100%; padding-bottom:20px; word-break: break-all; } #productDetail .detail-common-info dl { padding-top:20px; font-size:12px; font-weight:normal; letter-spacing:-0.5px; } #productDetail .detail-common-info dl dt { padding-bottom:10px; color:#444; font-weight:bold; } #productDetail .detail-common-info dl dd { padding-left:10px; text-indent:-10px; color:#777; line-height:20px; } #productDetail .detail-common-info div { margin-top:15px; } /* 스마트쿠폰목록 */ #productDetail .smart-coupon-list { padding:20px 0; text-align:center; } #productDetail .smart-coupon-list ul { display: inline-block; *display:inline; zoom:1; overflow:hidden; margin-left:-30px; min-width:300px; } #productDetail .smart-coupon-list ul li { position:relative; float:left; width:344px; margin:0 0 30px 30px; border:1px solid #cecece; border-radius:10px; letter-spacing:-1px; overflow:hidden; text-align:left; } #productDetail .smart-coupon-list ul li .c-info { position:relative; float:left; width:245px; padding:20px; border-right: 1px dashed #cecece; } #productDetail .smart-coupon-list ul li .c-image a { display:block; } #productDetail .smart-coupon-list ul li .c-image img { width:368px; height:128px; } #productDetail .smart-coupon-list ul li p { padding-bottom:10px; line-height:18px; font-size:12px; color:#999; word-break:break-all; font-family:"Malgun Gothic"; } #productDetail .smart-coupon-list ul li p:last-child { padding-bottom:0; } #productDetail .smart-coupon-list ul li p.c-name { font-size:14px; color:#000; font-weight:bold; word-break: break-all; } #productDetail .smart-coupon-list ul li p.c-price { font-size:26px; color:#ff3a34; font-weight:bold; line-height:24px; } #productDetail .smart-coupon-list ul li.sc-style1.sc-reserve p.c-price { color:#3b6ce9; } #productDetail .smart-coupon-list ul li .sc-btn-down { position:absolute; top:0; right:0; bottom:0; width:58px; margin:auto; vertical-align:middle; background:#f8f8f8; font-family:"Malgun Gothic"; } #productDetail .smart-coupon-list ul li .sc-btn-down > span { position:absolute; left:0; top:0; right:0; bottom:0; margin:auto; height:22px; text-align:center; font-size:0; } #productDetail .smart-coupon-list ul li .sc-btn-down > span > span.sc-complete { font-size:12px; color:#999; } #productDetail .smart-coupon-list ul li .sc-btn-down > span a { font-size:0; display:inline-block; margin-top:-5px; } #productDetail .smart-coupon-list ul li .sc-btn-down span a > span { font-size:0; text-indent:-9999px; display:inline-block; width:22px; height:22px; background:url('/images/common/ico_h11_down_black_l.png') no-repeat center center; } #productDetail .smart-coupon-list ul li.sc-style2 { border:1px solid #fff; } #productDetail .smart-coupon-list ul li.sc-style2 .c-info { background:#171940; border-color:#171940; } #productDetail .smart-coupon-list ul li.sc-style2 p { color:#fff; } #productDetail .smart-coupon-list ul li.sc-style2 p.c-txt { color:#999; } #productDetail .smart-coupon-list ul li.sc-style2 .sc-btn-down { background:#ff3a34; border:0; color:#fff; } #productDetail .smart-coupon-list ul li.sc-style2.sc-reserve .sc-btn-down { background:#3b6ce9; color:#fff; } #productDetail .smart-coupon-list ul li.sc-style2 .sc-btn-down span a { color:#fff; } #productDetail .smart-coupon-list ul li.sc-style2 .sc-btn-down span .num { color:#fff; } #productDetail .smart-coupon-list ul li.sc-style2 .sc-btn-down span a > span { background:url('/images/common/ico_h11_down_white_l.png') no-repeat center center; } #productDetail .smart-coupon-list ul li.sc-style3 { width:346px; border:0; border-radius:0; } #productDetail .smart-coupon-list ul li.sc-style3 .c-info { width:244px; border:1px solid #000; border-right:2px dotted #272a4d; border-radius:10px; } #productDetail .smart-coupon-list ul li.sc-style3 p.c-price { color:#eb3697; } #productDetail .smart-coupon-list ul li.sc-style3 .sc-btn-down { background:#fff2f9; border:1px solid #272a4d; border-left:0; border-radius:10px; } #productDetail .smart-coupon-list ul li.sc-style3 .sc-btn-down span a { color:#999; } #productDetail .smart-coupon-list ul li.sc-style3 .sc-btn-down span a > span { background:url('/images/common/ico_h11_down_pink_l.png') no-repeat center center; } #productDetail .smart-coupon-list ul li.sc-style3.sc-reserve .sc-btn-down { background:#eefff7; } #productDetail .smart-coupon-list ul li.sc-style3.sc-reserve p.c-price { color:#18b776; } #productDetail .smart-coupon-list ul li.sc-style3.sc-reserve .sc-btn-down span a > span { background:url('/images/common/ico_h11_down_green_l.png') no-repeat center center; } #productDetail .btn-report { display:inline-block; float:right; color:#9d9d9d; font-size:11px; } /* 타이틀 공통 */ .tit-detail { position: relative; padding-top:30px; margin-bottom:10px; *zoom:1 } .tit-detail:after { display:block; clear:both; content:'' } .tit-detail h3 { float:left; font-size:16px; color:#303030; line-height:18px } .tit-detail .more { float:right } .tit-detail .more a { font-size:11px; color:#8c8b8b } .table-slide.review-list td .writer > span { display: block; } .table-slide.review-list td .writer .btn-member-declare { display:inline-block; width:12px; height:13px; margin:4px 0 0 0px; text-indent:-9999px; background:url(/images/d3/modern_simple/btn_declare_icon_pc.png) 0 0 no-repeat; } #productDetail .pr-list-writer > span { display: block; } #productDetail .pr-list-writer .btn-member-declare { display:inline-block; width:12px; height:13px; margin:4px 0 0 0px; text-indent:-9999px; background:url(/images/d3/modern_simple/btn_declare_icon_pc.png) 0 0 no-repeat; } .table-slide.review-list .MS_review_content_box .cnttit { position: relative; padding-right: 100px; } .table-slide.review-list .MS_review_content_box .cnttit .btn-report { float: none; position: absolute; right: 40px; top: 50%; transform: translateY(-50%); } .table-slide { border-top: 1px solid #000 } .table-slide thead th { padding:15px 0; font-size:13px; border-bottom: 1px solid #e9e9e9; font-weight: normal; font-family:Verdana } .table-slide td { padding: 15px 0; background: url(//image.makeshop.co.kr/makeshop/d3/basic_simple/common/board_dot.gif) repeat-x 0 bottom; } .table-slide td .paging a { font-family:Verdana } .table-slide td .paging .first, .table-slide td .paging .prev, .table-slide td .paging .next, .table-slide td .paging .last { } .table-slide tr.cnt { display: none; } .table-slide tr.cnt td { padding:20px; color:#999; cursor: default; } .table-slide tr.cnt td p { word-break:break-all; white-space:normal } .table-slide tr.reply .tb-txt { padding-left: 30px; background: url(/images/d3/modern_simple/common/bull_reply.gif) no-repeat 10px 0; } .table-slide .list-btm { position:relative; *zoom:1 } .table-slide .list-btm:after { display:block; clear:both; content:'' } .table-slide .btm_write { margin-top:10px; margin-right:-110px; position:relative; float:right; right:110px } .table-slide .btm_write a { display:inline-block; width:108px; height:38px; font-size:13px; color:#000; text-align:center; line-height:38px; border:1px solid #231f20; background:#fff; -webkit-transition:all 0.3s ease; transition:all 0.3s ease } .table-slide .btm_write a:hover { color:#fff; background:#231f20 } .table-slide .btm_write a:active { position: relative; top: 1px } .table-slide .paging-wrap { margin:0 110px; position:relative; float:left; width:880px } #productDetail .thumb-info .info .prd-btns { margin-bottom: 10px; overflow: hidden; text-align: right; } #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 #shoppay_btn { padding-top: 10px; } /* PC (공통) 상세페이지 전용 */ #cartWrap #shoppay_btn { display: inline; } /* PC (공통) 장바구니 전용 */ .shopdetail #shoppay_btn { padding-top:10px; } /* MO (4.0) 상세페이지 전용 */ #basket #shoppay_btn { margin-top:20px; } /* MO (4.0) 장바구니 전용 */ .shopdetail #shoppay_btn { text-align:center; } /* MO (파워팩) 상세페이지 전용 */ .basket #shoppay_btn { text-align:center; } /* MO (파워팩) 장바구니 전용 */ .shoppay_storebtn_bx, .shoppay_storebtn_bx *, .shoppay_button_box, .shoppay_button_box * { display: inline-block !important; overflow: hidden; !important; float: none !important; position: static !important; top: auto !important; left: auto !important; margin: 0 !important; padding: 0 !important; border: 0 none !important; font-size: 11px !important; line-height:16px !important; font-family: '돋움',Dotum,Helvetica,sans-serif !important; text-align: left !important; text-decoration: none !important; vertical-align: top !important; background: none !important; border-radius: 0 !important; } .shoppay_button_box { width: auto !important; height: 100% !important; zoom: 1 !important; padding: 0 !important; border-top: 2px solid #2b2f3a !important; background-color: #fff !important; } .shoppay_button { position: relative !important; margin: 0 !important; padding: 5px 0 5px 88px !important; zoom:1 !important; } .shoppay_button .shoppay_blind { overflow: hidden !important; position: absolute !important; width: 1px !important; height: 1px !important; margin: -1px !important; padding: 0 !important; clip: rect(0 0 0 0) !important; } .shoppay_text { display: block !important; *display: inline !important; position: absolute !important; top: 10px !important; left: 0 !important; width: 82px !important; height: 26px !important; margin: 0 !important; padding: 0 !important; background: url('/images/common/shoppay_sp_text.png') no-repeat !important; } .shoppay_btn_list { *zoom: 1 !important; display: table !important; width: 100% !important; margin:0 !important; padding: 0 !important; table-layout: fixed !important; list-style: none !important; } .shoppay_btn_list tbody { display: table-row-group !important; } .shoppay_btn_list tr { display: table-row !important; } .shoppay_btn_list .shoppay_btn_item { *width: 120px !important; } .shoppay_btn_item { display: table-cell !important; height: 37px !important; margin: 0 !important; padding: 0 !important; text-align: left !important; } .shoppay_btn_link { display: block !important; height: 35px !important; margin: 0 !important; padding: 0 !important; border: 1px solid #bfc4c7 !important; background-color: #fcfcfc !important; background-repeat: no-repeat !important; background-repeat: no-repeat !important; text-align: center !important; text-decoration: none !important; } .shoppay_btn_item:first-child .shoppay_btn_link { margin: 0 !important; } .shoppay_text { background-size: 82px auto !important; } .shoppay_btn_link.shoppay_btn_pay { background-size: 133px auto !important; } .shoppay_btn_link.shoppay_btn_pay { background-image: url('/images/common/shoppay_sp_payment.png') !important; background-position: 50% 0 !important; background-repeat: no-repeat !important; border-radius: 2px !important; } .shoppay_btn_link.btn_blue { border-color: #025eea !important; background-color: #025eea !important; } .shoppay_event { position: relative !important; width: 100% !important; margin: 0 !important; padding: 3px 0 0 0 !important; border: 0 none !important; border-top: 1px solid #e5e9ea !important; letter-spacing: -0.5px !important; } .shoppay_event_tex t { display: block !important; *display: inline !important; overflow: hidden !important; *width: 100% !important; margin: 0 !important; padding: 5px 0 !important; letter-spacing: 0 !important; white-space: nowrap !important; *zoom: 1 !important; text-overflow: ellipsis !important; word-wrap: normal !important; } .shoppay_event_text { padding: 0 !important; } .shoppay_event_text .event_title { display: inline !important; margin: 0 5px 0 0 !important; padding: 0 !important; font-weight: normal !important; color: #015ce8 !important; vertical-align: middle !important; } .shoppay_event .shoppay_event_text .event_link { display: inline !important; margin: 0 !important; padding: 0 !important; font-weight: normal !important; color: #727272 !important; text-decoration: none !important; vertical-align: middle !important; } .shoppay_event .shoppay_event_text .event_link span { display: inline-block !important; margin: -1px 0 1px !important; vertical-align: middle !important; } .shoppay_type_A_1 { width: 277px !important; height: 70px !important; } .shoppay_type_A_2 { width: 296px !important; height: 84px !important; } .shoppay_type_A_2 .shoppay_button { padding: 5px 0 5px 86px !important; } .shoppay_type_A_2 .shoppay_text { top: 14px !important; } .shoppay_type_A_2 .shoppay_btn_link { height: 45px !important; } .shoppay_type_A_2 .shoppay_btn_link.shoppay_btn_pay { background-position: 50% -40px !important; } .shoppay_type_A_3 { width: 338px !important; height: 84px !important; } .shoppay_type_A_3 .shoppay_button { padding: 6px 0 6px 102px !important; } .shoppay_type_A_3 .shoppay_text { top: 13px !important; height: 31px !important; background-position: 0 -31px !important; } .shoppay_type_A_3 .shoppay_btn_link { height: 45px !important; } .shoppay_type_A_3 .shoppay_btn_link.shoppay_btn_pay { background-position: 50% -40px !important; } @charset "utf-8"; /* CSS Document */ /* 상품 상세 */ .item_photo_info_sec { } .item_photo_info_sec:after { display:block; clear:both; content:''; } /* 상품 이미지 크게 보기 */ .item_photo_view_box { float:left; position:relative; width:600px; } .item_photo_view { } .item_photo_big { display:table-cell; position:relative; width:600px; height:600px; text-align:center; vertical-align:middle; border:1px solid #ebebeb; } .item_photo_big span { display:inline-block; width:600px; } .item_photo_big img { max-width:100%; max-height:100%; } .item_photo_big .btn_zoom { position:absolute; bottom:0px; right:0; } /* 상품 이미지 슬라이드 */ .item_photo_slide { position:relative; margin:20px 0 0 0; } .item_photo_slide .slider_goods_nav { font-size:0; width:520px; } .item_photo_slide .slider_goods_nav li { display:inline-block; width:80px; height:84px; padding:0 10px 0 10px; /* background:#666; */ } .item_photo_slide .slider_goods_nav li img { width:80px; height:80px; margin:2px 2px 2px 2px; } .item_photo_slide .slider_goods_nav li a { display:block; width:80px; } /* 작은 슬라이드 이미지 오버시, 선택시 */ .item_photo_slide .slider_goods_nav li a:hover { width:80px; height:80px; border:2px solid #333; } .item_photo_slide .slider_goods_nav li a:hover img { margin:0; } .item_photo_slide .slider_goods_nav li a.on { width:80px; height:80px; border:2px solid #333; } .item_photo_slide .slider_goods_nav li a.on img { margin:0; } /* 작은 슬라이드 버튼 */ .item_photo_slide .slick_goods_prev, .item_photo_slide .slick_goods_next { position:absolute; top:20px; left:0; padding:10px; z-index:150; } .item_photo_slide .slick_goods_next { right:0; left:auto; } /* 상품 대표 색상 */ .item_photo_info_sec .color { margin:10px 0 5px; overflow:hidden } .item_photo_info_sec .color > div { width:16px; height:16px; text-indent:-9999px; border:#dfdfdf 1px solid; float:left; margin:5px 5px 0 0; } /* 상품 상세 리스트 */ .item_info_box { float:right; position:relative; width:556px; } /* 타임세일 */ .item_info_box .time_sale { overflow:hidden; height:49px; margin:0 0 20px 0; padding:10px 10px 0 10px; border-bottom:1px solid #dbdbdb; background:#f5f5f5; } .time_sale strong { display:block; float:left; } .time_sale .time_sale_num { width:59px; height:44px; padding:5px 0 0 0; color:#ffffff; font-size:18px; background:url("/design/vittz/img/bg_sale.png") no-repeat 0 0; text-align:center; } .time_sale .time_sale_num span { padding:0 0 0 1px; font-size:14px; } .time_sale .time_day { margin:7px 0 0 16px; font-size:18px; letter-spacing:2px; } .time_sale .time_day b { padding:0 10px 0 0; } .time_sale .time_now_order { float:right; margin:5px 0 0 0; } .time_sale .time_now_order span { color:#ab3e55; font-size:18px; } /* 상품 상세 리스트 내용 */ .item_tit_detail_cont { } .item_detail_tit { position:relative; padding:0 0 10px 0; border-bottom:1px solid #dbdbdb; } .item_detail_tit h3 { width:405px; font-size:18px; word-break: break-all; } .item_detail_tit .btn_qa_share_box { position:absolute; bottom:10px; right:0px; } /* 상품상세 공통 */ .item_detail_list { border-bottom:1px solid #999999; margin:10px 0 0 0; } .item_detail_list:after { display:block; clear:both; content:""; } .item_detail_list dl { float:left; width:100%; min-height:24px; padding:7px 0 6px 0; } .item_detail_list dt { float:left; width:80px; margin:0 10px 0 0; color:#888888; font-weight:normal; word-wrap:break-word; } .item_detail_list dd { float:left; width:460px; } .item_detail_list del { color:#333333; } /* 판매가 */ .item_price dd { margin:-2px 0 0 0; font-size:16px; font-weight:bold; } /* 타임세일가격 */ .time_sale_price dd { margin:-3px 0 0 0; color:#ab3e55; font-size:16px; font-weight:bold; } .time_sale_price dd del { position:relative; top:-2px; font-size:14px; font-weight:normal; } .time_sale_price dd strong { margin:0 0 0 5px; font-size:18px; } .time_sale_price dd img { margin:7px 0 0 0; } /* 구매혜택 */ .item_discount_mileage dd { } .item_apply { color:#999999; font-size:11px; } /* .item_discount { display:block; padding:1px 0 2px 20px; background:url("/design/vittz/img/icon_discount.gif") no-repeat 0 2px; } */ /* .item_mileage { display:block; padding:2px 0 1px 20px; background:url("/design/vittz/img/icon_mileage.gif") no-repeat 0 2px; } */ /* 배송비 */ .item_delivery dd strong { padding:0 5px 5px 0; font-weight:normal; } .item_delivery select { width:55%; } .item_delivery .chosen-container { display:inline-block; margin:5px 0 0 0; } .item_delivery .delivery-detail .delivery-division { display: inline-block; height: 30px; line-height: 30px; vertical-align: bottom; } /* 옵션추가 */ .item_add_option_box { float:left; margin:5px 0 0 0; padding:10px 0 5px 0; border-top:1px solid #dbdbdb; } .item_add_option_box dl { padding:10px 0 9px 0 } .item_add_option_box dt strong { color:#ab3e55; } .item_add_option_box dd { margin:-5px 0 0 0; } .item_add_option_box dd strong { display:block; padding:2px 0 0 0; } .item_add_option_box select { width:100%; } .item_add_option_box input { width:100%; } /* 상품 총 가격 */ /* .item_price_cont { text-align:right; } .item_tatal_box { float:right; width:225px; padding:20px 0 0 0; } .item_tatal_box dl { width:100%; padding:0 0 5px 0; font-size:0; } .item_tatal_box dt { display:inline-block; width:110px; font-size:12px; } .item_tatal_box dd { display:inline-block; width:125px; font-size:14px; } */ /* 총 상품금액 */ .item_tatal_box .total_goods { } /* 총 할인금액 */ .item_tatal_box .total_discount dd { color:#999999; } /* 총 합계급액 */ /* .item_tatal_box .total_amount { margin:15px 0 0 0; padding-top:10px; border-top:1px solid #dbdbdb; } .item_tatal_box .total_amount dt { font-size:16px; font-weight:bold; } .item_tatal_box .total_amount dd { color:#ab3e55; font-weight:bold; } .item_tatal_box .total_amount dd strong { font-size:20px; } .btn_choice_box { clear:both; width:100%; padding:20px 0 0 0; text-align:right; } .btn_restock_box { text-align:center; } */ /* 페이고페이,네이버 페이 */ .pay_box { margin:20px 0 10px 0; text-align:right; } .pay_box .payco_pay, .pay_box .naver_pay { display:inline-block; margin:0 0 10px 0; } /* 상품상세정보, 배송안내, 교환 및 반품안내, 상품후기, 상품문의 */ .item_goods_sec { position:relative; margin:100px 0 0 0; } .item_goods_sec .detail_cont, .item_goods_sec .delivery_cont, .item_goods_sec .exchange_cont, .item_goods_sec .reviews_cont, .item_goods_sec .qna_cont { position:relative; min-height:200px; } .item_goods_sec h3 { padding:45px 0 10px 0; font-size:18px; } .item_goods_sec .admin_msg { min-height:100px; line-height:1.5; } .item_goods_sec .admin_msg > p { margin-bottom:3px; } /* 상품 정보내용 탭 */ .item_goods_tab { padding:80px 0 0 0; border-bottom:1px solid #bbbbbb; } .item_goods_tab ul { float:none; width:870px; height:42px; margin:0 auto; padding:16px 0 0 0; font-size:0; } .item_goods_tab li { float:left; position:relative; width:174px; font-size:12px; text-align:center; z-index:10; } .item_goods_tab li.on { margin-top:-16px; z-index:20; } .item_goods_tab li a { display:block; margin:0 0 0 -1px; padding:10px 0 12px 0; color:#999999; font-size:13px; border:1px solid #dadada; border-bottom:1px solid #bbbbbb; background:#ffffff; } .item_goods_tab li.on a { padding-top:18px; margin-top:8px; color:#333333; font-weight:bold; border:1px solid #bbbbbb; border-bottom:1px solid #ffffff; } .item_goods_tab li.on a span { display:inline-block; position:relative; top:-3px; } .item_goods_tab li:first-child a { margin-left:0; } .item_goods_tab li a strong { color:#ab3e55; } /* 상품상세보기 */ .item_goods_sec .detail_explain_box { min-height:100px; } /* 상품필수 정보 */ .datail_table { } .left_table_type { width:100%; border:0; border-spacing:0; border-collapse:collapse; } .left_table_type th { padding:10px 10px 10px 14px; color:#555555; border:1px solid #dbdbdb; background:#f9f9f9; text-align:left; } .left_table_type td { padding:10px 10px 10px 18px; border:1px solid #dbdbdb; text-align:left; } .left_table_type td .kcmark { width: 28px; height: 40px; display: inline-block; padding: 7px 16px 7px 0; background :url("/design/vittz/img/kcmark.jpg")no-repeat left; background-size: 26px 40px; vertical-align: middle; } .left_table_type td a { font-size: 10px; text-decoration: underline; } /* 관련상품 */ .item_goods_sec .detail_explain_box { min-height:100px; } .item_goods_sec .detail_explain_box .goods_list_cont { margin-top:-40px; } /* ------------- 게시판 공통 ------------- */ /* 게시판 제목 */ .board_tit { text-align:left; vertical-align:middle; } .board_tit strong { font-weight:normal; } .board_tit strong > span { color:#ab3e55; } .board_tit.on strong { font-weight:bold; } .board_tit img { margin:0 2px 0 2px; vertical-align:middle; } .board_tit .js_comment_count { color:#ab3e55; font-weight:bold; } /* 게시판 제목 답글 */ .board_tit .reply { } .board_tit .reply { margin:0 0 0 15px; padding:0 0 0 20px; background:url("/design/vittz/img/icon_comment_reply.png") no-repeat 8px 4px; } /* 동록된 게시글 없음 */ #wrap .no_data { padding:30px 30px 30px 30px; text-align:center; } .board_cont { } .board_view { line-height:1.8; } .board_view .img_attach { margin:10px 0 10px 0; } /* 답글 쓰기 확인 버튼 */ .btn_comment_ok { display:inline-block; width:82px; height:82px; padding:0 5px 0 5px; color:#ffffff; font-size:12px; border:1px solid #c7c7c7; background:#c7c7c7; text-align:center; cursor:pointer; } .btn_comment_ok:hover { border:1px solid #979797; background:#979797; } /* 파일첨부 */ /* .board_view_attach { padding:15px 0 0 0; font-size:0; } .board_view_attach strong { display:inline-block; padding:0 10px 0 10px; font-size:12px; background:url("/design/vittz/img/icon_board_attach_file.png") no-repeat 0 6px; } .board_view_attach .attach_list { display:inline-block; font-size:12px; } .board_view_attach .attach_list a { padding:0 5px 0 5px; } .board_view_attach .attach_list a:hover { text-decoration:underline; } */ /* 플러스 리뷰 파일 업로드 */ .review_file_upload { overflow:hidden; width:100%; height:auto; margin:-1px 0 0 0; border-top:1px solid #f0f0f0; } .review_file_upload .btn_upload_box { overflow:hidden; position:relative; float:left; width:auto; padding:0; } .review_file_upload .btn_upload_box .btn_upload { width:68px; height:59px; color:#fff; border:none; background:#ffffff; text-align:center; } .review_file_upload .btn_upload_box .file { position:absolute; top:0; left:0; width:68px; height:59px; cursor:pointer; opacity:0; filter:alpha(opacity=0); -ms-filter:"alpha(opacity=0)"; -khtml-opacity:0; -moz-opacity:0; } .file_upload_list { float:left; font-size:0; } .file_upload_list ul { } .file_upload_list ul li { display:inline-block; position:relative; width:40px; height:40px; margin:10px 8px 10px 0; } .file_upload_list ul li img { width:100%; height:100%; border:1px solid #dbdbdb; } .file_upload_list ul li:hover .btn_file_photo_close { display:block; } .file_upload_list .btn_file_photo_close { display:none; position:absolute; top:0px; left:0px; width:100%; height:100%; text-align:center; background-color:#000000; filter:alpha(opacity=60); background-color:rgba(0, 0, 0, 0.6); } .btn_right_box { float:right; width:140px; } .btn_right_box .btn_plus_review_enroll { width:140px; height:60px; color:#ffffff; font-size:15px; font-weight:bold; background:#666666; } .btn_right_box .btn_plus_review_enroll:hover { background:#484848; } /* 개인정보 수집항목 동의 */ .board_commen_agree { margin:20px 0 0 0; } .board_commen_agree h5 { font-size:12px; } .board_commen_agree textarea { display:inline-block; width:100%; margin:10px 0 0 0; padding:10px 10px 10px 10px; } .board_commen_agree .textarea_box { display:inline-block; width:99%; height:120px; margin:10px 0 0 0; border:1px solid #d6d6d6; overflow-y:scroll; } .board_commen_agree .textarea_txt { padding:10px 0 10px 10px; color:#a9a9a9; } .board_commen_agree .form_element { display:block; } .board_commen_agree .agree_choice_box { padding:10px 0 10px 0; color:#777777; font-size:11px; } .board_commen_agree .link_agree_go { font-size:11px; text-decoration:underline; } .board_commen_agree .entry_name_pw { padding:10px 0 0 0; border-top:1px dotted #cccccc; } .board_commen_agree .entry_name_pw dl { display:inline-block; margin:0 30px 0 0; font-size:0; } .board_commen_agree .entry_name_pw dt { display:inline-block; padding:0 10px 0 0; font-size:12px; } .board_commen_agree .entry_name_pw dd { display:inline-block; font-size:12px; } .board_commen_agree a { font-size:11px; text-decoration:underline; } /* ------------- 상품후기 ------------- */ .reviews_table { } .reviews_table_type { width:100%; border:0; border-spacing:0; border-collapse:collapse; border-top:1px solid #999999; text-align:center; } .reviews_table_type thead { display:none; } .reviews_table_type th { padding:10px 10px 10px 14px; color:#555555; } .reviews_table_type td { padding:13px 10px 15px 18px; border-bottom:1px solid #dbdbdb; } /* 상품후기 내용 시작 */ .reviews_new_box { text-align:left; background:#f8f8f8; } .reviews_new_box .board_cont { float:right; width:84%; padding:0 30px 0 0; } .reviews_new_box .btn_view_comment_box { margin:10px 0 0 0; padding:10px 0 10px 0; /*border-bottom:1px dotted #dbdbdb; */ text-align:left; } /* 답글 박스 */ .view_comment { padding:0 0 10px 0; } .view_comment_top { overflow:hidden; width:100%; padding:10px 0 10px 0; border-bottom:1px solid #dbdbdb; } .view_comment_top .comment_num { padding:0 20px 0 0; } .view_comment_top .comment_num strong { color:#ab3e55; } .view_comment_top .comment_best_num { } .view_comment_top .comment_best_num strong { color:#ab3e55; } .view_comment_top .btn_view_comment_box { float:right; } /* 답글 리스트 */ .view_comment_list { } .view_comment_list ul { } .view_comment_list ul li { padding:15px 0 15px 0; border-bottom:1px solid #dbdbdb; } .view_comment_list ul li:first-child { border-top:1px solid #dbdbdb; } .view_comment_list .comment_name { padding:0 20px 0 5px; color:#444; word-wrap:break-word; } .view_comment_list p { padding:0 0 10px 0; } .view_comment_list p > em { display:block; padding:10px 10px 10px 5px; } .view_comment_list .board_comment_box { margin:10px 0 0 0; padding:0 0 0px 0; border-top:1px dotted #dbdbdb; border-bottom:none 0; } /* 답글에 답글 리스트 */ .view_comment_list .comment_reply { padding:15px 0 15px 10px; } .view_comment_list .comment_reply .comment_name { padding:0 20px 0 20px; background:url("/design/vittz/img/icon_comment_reply.png") no-repeat 8px 4px; } /* 답글쓰기 */ .board_comment_box { padding:0px 0 20px 0; /*border-bottom:1px solid #dbdbdb; */ } .board_day_time { display:inline-block; padding:0 5px 0 5px; color:#a1a1a1; font-size:11px; } .board_comment_write { position:relative; padding:15px 0 0 0; } .board_comment_write input[type="text"] { width:105px; margin-bottom:10px; } .board_comment_write input[type="password"] { width:152px; margin-bottom:10px; } .board_comment_write .comment_textarea { position:relative; width:100%; } .board_comment_write textarea { display:inline-block; width:100%; height:82px; padding:10px 95px 10px 10px; } .board_comment_write .btn_comment_box { position:absolute; top:0px; right:0px; padding:0 0 0 10px; border-left:1px solid #d6d6d6; background:#f8f8f8; } /* 상품후기 별 */ .reviews_table_type .rating_star { display:inline-block; width:88px; height:15px; background: url("/design/vittz/img/icon_star_bg.png") no-repeat left top; vertical-align: middle; text-indent: -9999px; } .reviews_table_type .rating_star span { display:block; background:url("/design/vittz/img/icon_star_fill.png") no-repeat left top; } /* ------------- 상품 Q&A ------------- */ .qna_table { table-layout:auto; } .qna_table_type { width:100%; border:0; border-spacing:0; border-collapse:collapse; border-top:1px solid #999999; text-align:center; } .qna_table_type thead { display:none; } .qna_table_type th { padding:10px 10px 10px 14px; color:#555555; } .qna_table_type td { padding:13px 10px 15px 18px; border-bottom:1px solid #dbdbdb; } /* 상품후기 내용 시작 */ .qna_new_box { text-align:left; background:#f8f8f8; } .qna_new_box .board_cont { float:right; width:92%; padding:0 30px 0 0; } .qna_new_box .btn_view_qna_box { margin:10px 0 0 0; padding:10px 0 10px 0; text-align:left; } .qna_new_box .board_cont .qna_box { } .qna_new_box .board_cont .qna_box dt { position:relative; padding:10px 0 10px 20px; } .qna_new_box .board_cont .qna_box dd { position:relative; margin:10px 0 0 0; padding:10px 0 10px 20px; border-top:1px solid #dbdbdb; } .qna_new_box .board_cont .qna_box .icon_qan { position:absolute; top:14px; left:0px; } .qna_new_box .board_cont .qna_box strong { } .qna_new_box .board_cont .qna_box p { padding:5px 0 0 0; } .MS_qna_content_box > td > div > div > div > div { padding-left: 0 !important; font-size: 15px; } .qna_board_content input[type="button"] { background: #d1d1d1; height: 40px; line-height: 40px; padding: 0 20px; border-radius: 6px; font-size: 15px; color: #000; } .qna_board_content input[type="password"] { width: 110px; height: 40px; line-height: 40px; border: 1px solid #ddd; border-radius: 6px; padding-left: 15px; font-size: 17px; box-sizing: border-box; } /* ------------- 브랜드 ------------- */ .goods_brand { } .goods_brand_tit { padding:0 0 20px 0; font-size:14px; } .goods_brand_cont { padding:0 0 30px 0; } .brand_all_list { margin:0 0 30px 0; padding:23px 0 23px 87px; background:#f4f4f4; } .brand_all_list button { width:34px; height:34px; margin:4px 2px 4px 1px; color:#666666; font-weight:bold; border:1px solid #d0d0d0; background:#ffffff; } .brand_all_list button:hover { border:1px solid #9b344a; } .brand_all_list button.on { color:#ffffff; background:#ab3e55; } .brand_all_list .bnt_all_brand { width:46px; margin-left:-52px; } .brand_search_box { display:inline-block; margin:0 0 4px -52px; width:335px; background:#ffffff; border: 1px solid #d0d0d0; box-sizing:border-box; } .brand_search_box input[type="text"] { border:none 0; vertical-align:top; width:297px; height:33px; line-height:33px; padding:0 10px; } .brand_search_box input[type="text"]::-webkit-input-placeholder { } .brand_search_box input[type="text"]::-moz-placeholder { } .brand_search_box input[type="text"]:-ms-input-placeholder { line-height:10px; } .btn_brand_search { float:right; border-left:1px solid #d0d0d0 !important; } .goods_brand .no_list { display:none; text-align:center; margin-top: 120px; } /* ------------- 상품검색 페이지 ------------- */ .goods_search_cont { } .goods_search_box { margin:0 0 35px 0; border:3px solid #eeeeee; } /* 검색결과 텍스트 */ .search_text_result { display:block; padding:0 0 12px 0; font-size:16px; } .search_text_result span { color:#ab3e55; } .search_text_result .paycosearch-banner { float:right; padding-top:2px; } /* 결과 내 재검색 */ .search_again_box { padding:20px 0 20px 0; text-align:center; } .search_again_box .form_element { margin:0 10px 0 0; vertical-align:middle; } /* 인기 검색어 */ .search_hot_list { padding:10px 0 10px 0; font-size:0; text-align:center; border-top:1px solid #dbdbdb; } .search_hot_list .search_hot_tit { display:inline-block; margin:0 10px 0 0; padding:3px 5px 5px 5px; color:#ffffff; font-size:11px; background:#999999; line-height:1; } .search_hot_list ul { display:inline-block; font-size:12px; } .search_hot_list ul li { display:inline-block; vertical-align:middle; } .search_hot_list ul li a { display:block; height:11px; padding:0 5px 0 5px; border-left:1px solid #cccccc; } .search_hot_list ul li a span { position:relative; top:-5px; } .search_hot_list ul li a span:hover { border-bottom:1px solid #333333; } .search_hot_list ul li:first-child a { border-left:none 0; } .search_again_box .chosen-container { font-size:12px; text-align:left; } .search_again_box .keyword_input { width:230px; } /* ------------- 상품 리스트, 상품 메인 ------------- */ .goods_list_item { position:relative; } .goods_list_item_tit { position:relative; margin:0 0 20px 0; padding:0 0 10px 0; font-size:14px; } .goods_list_item_tit + .list_item_category { margin-top:-21px; } .list_item_category { margin:0 0 40px 0; padding:3px 0 3px 0; border:1px solid #d8d8d8; border-top:1px solid #999999; } .list_item_category ul { display:inline-block; width:100%; padding:0 20px 0 20px; font-size:0; } .list_item_category li { display:inline-block; width:20%; font-size:12px; text-align:center; vertical-align:middle; } .list_item_category li a { display:block; padding:10px 10px 10px 10px; color:#414141; text-align:left; } .list_item_category li a img { max-width:100%; max-height:20px; } .list_item_category li a:hover { text-decoration:underline; } .list_item_category li em { color:#777; } .list_item_category li.on, .list_item_category li.on em { font-weight:bold; } /* ------------- 인기상품 ------------- */ .goods_list_hot { position:relative; } .goods_list_hot_tit { position:relative; margin:0 0 20px 0; padding:0 0 10px 0; font-size:14px; border-bottom:none 0; } .goods_list_hot_tit + .list_item_category { margin-top:-21px; } .goods_list_hot .goods_pick_list .pick_list_num { border-bottom:1px solid #3c3c3c; } /* ------------- 기획전 ------------- */ .goods_event_sale { position:relative; } .goods_event_sale_cont { padding:15px 0 0 0; } .goods_event_sale_cont img { max-width:100%; } .goods_event_sale_cont .goods_list_tit { padding:0 0 10px 0; } .goods_event_sale_cont .goods_list_cont { margin:30px 0 0 0; } /* ------------- 플러스 리뷰 ------------- */ .plus_review_cont { width:100%; } .plus_review_tit { position:relative; } .plus_review_tit ul { position:absolute; top:56px; right:-12px; } .plus_review_tit ul li { float:left; border-left:1px solid #cdcdcd; } .plus_review_tit ul li:first-child { border-left:none 0; } .plus_review_tit ul li a { display:block; padding:0 12px 0 12px; font-size:11px; line-height:1; } .plus_review_tit ul li a:hover { font-weight:bold; text-decoration:underline; } /* 평가,셍부평가,포토리뷰 모아보기 */ .plus_review_info { display:block; padding:20px 0 20px 0; border:1px solid #dbdbdb; } /* 평가 */ .plus_review_num { display:inline-block; overflow:hidden; width:31%; height:150px; vertical-align:top; } .plus_review_num_cont { padding:5px 10px 5px 10px; font-size:0; text-align:center; } .plus_review_num_tit { display:inline-block; min-width:125px; height:150px; } .plus_review_num_tit h4 { font-size:16px; } .plus_review_num_tit > strong { font-size:48px; } .plus_review_num_tit > em { display:block; color:#ffcc00; font-size:20px; } .plus_review_num_tit > span { display:block; font-size:12px; } .plus_review_num ul { display:inline-block; padding:14px 0 14px 0; font-size:12px; background:#f8f8f8; vertical-align:top; } .plus_review_num ul li { width:115px; padding:10px 15px 10px 15px; text-align:left; } .plus_review_num ul li em { display:inline-block; width:70px; } .plus_review_num ul li strong { text-align:right; float:right; } /* 세부평가 */ .plus_review_grade { display:inline-block; width:42.5%; height:150px; margin-left:-1px; border-left:1px solid #ededed; vertical-align:top; } .plus_review_grade_cont { padding:5px 20px 5px 10px; } .plus_review_grade h4 { display:block; padding:0 0 5px 0; font-size:14px; text-align:center; } .plus_review_grade ul { width:100%; } .plus_review_grade li { display:table; width:100%; margin:0 0 4px 0; padding:0; font-size:0; } .plus_review_grade .grade_star { display:inline-block; width:10%; font-size:12px; text-align:center; } .plus_review_grade .grade_star span { padding:0 5px 0 0; color:#ffcc00; } .plus_review_grade .grade_stick { display:inline-block; width:83%; height:10px; margin:0; background:#f9f9f9; } .plus_review_grade .grade_stick em { display:inline-table; height:10px; background:#ab3e55; } .plus_review_grade .grade_num { display:inline-block; width:7%; font-size:12px; text-align:right; } /* 포토리뷰 모아보기 */ .plus_review_photo { display:inline-block; width:25%; height:150px; margin-left:-1px; border-left:1px solid #ededed; vertical-align:top; } .plus_review_photo_cont { padding:5px 20px 5px 30px; } .plus_review_photo h4 { display:block; padding:0 0 5px 0; font-size:14px; text-align:center; } .plus_review_photo ul { overflow:hidden; height:110px; margin:0 0 0 0px; } .plus_review_photo ul li { display:inline-block; width:52px; height:52px; margin:0 0 5px 5px; } .plus_review_photo ul li img { width:100%; } /* 별선택 + 혜택안내 */ .plus_review_write { padding:20px 0 0 0; background:#ffffff; } .plus_review_write .plus_review_write_select { } .plus_review_write .plus_review_write_select select { width:74.5%; color:#ffcc00; font-size:14px; } .plus_review_write_select .chosen-single, .plus_review_write_select .chosen-container .chosen-results { color:#ffcc00 !important; font-size:14px !important; } .plus_review_write .plus_review_write_select option, .plus_review_write_select .chosen-single > span { line-height:24px !important; } /* 혜택안내버튼 */ .plus_review_write .btn_layer { width:25%; float:right; text-align:right; } .plus_review_write .btn_layer .btn_gray_big { width:93%; height:29px; text-align:center; } .plus_review_write .btn_layer .btn_gray_big em { font-weight:bold; } /* 상품 상세 선택 */ .plus_review_write_cont { margin:10px 0 0 0; border:1px solid #f0f0f0; } .plus_review_write_cont .plus_review_detail_select { position:relative; padding:20px 20px 20px 20px; border-bottom:1px solid #f0f0f0; background:#f8f8f8; } .plus_review_write_cont .plus_review_detail_select dl { display:block; min-height:31px; padding:4px 0 4px 0; font-size:0; } .plus_review_write_cont .plus_review_detail_select dt { display:inline-block; width:130px; padding:0 0 0 10px; color:#484848; font-size:12px; vertical-align:middle; } .plus_review_write_cont .plus_review_detail_select dd { display:inline-block; height:21px; padding:7px 0 0 0; font-size:12px; font-weight:bold; vertical-align:middle; } .plus_review_write_cont .plus_review_detail_select .btn_differ_choice { position:absolute; bottom:20px; right:20px; color:#666666; font-size:11px; border-bottom:1px solid #666666; } .plus_review_write_cont .plus_review_detail_select input, .plus_review_write_cont .plus_review_detail_select select { width:280px; margin-top:-7px; font-weight:normal; } .plus_review_detail_select .chosen-container { margin-top:-7px !important; font-weight:normal; } .plus_review_write_textarea { height:130px; padding:20px 20px 20px 20px; border-top:1px solid #f0f0f0; border-bottom:1px solid #f0f0f0; } .plus_review_write_textarea textarea { width:100%; height:100%; color:#333333; border:none; } .plus_review_write_cont .board_write_agree { padding:0 20px 20px 20px; } /* ------ 플러스리뷰 상세 내용 ------ */ .plus_review_view { margin:30px 0 0 0; background:#ffffff; } .plus_review_view_list { display:table; width:100%; margin-top:-1px; padding:20px 0 20px 0; border-top:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; } .plus_review_view_list.view_point_bg { background:#fcfcfc; } /* 별 + 날짜 + 이름 */ .plus_review_view .star_day_name { display:table-cell; width:15%; padding:0 20px 0 20px; } .plus_review_view .star_day_name strong { display:block; color:#ffcc00; font-size:20px; } .plus_review_view .star_day_name span { display:block; padding:5px 0 5px 0; color:#787878; } .plus_review_view .star_day_name .goods_photo { display:block; width:100px; height:100px; border:1px solid #dbdbdb; } .plus_review_view .star_day_name .goods_photo img { width:100%; height:100%; } /* 옵션, 내용 */ .plus_review_view .option_text_file_box { display:table-cell; width:85%; padding:0 20px 0 0; vertical-align:top; } /* 옵션 */ .plus_review_view .option_text_file_box .option_list_cont { display:block; padding:20px 20px 20px 20px; border-bottom:1px solid #f0f0f0; background:#f8f8f8; } .plus_review_view .option_text_file_box .option_list_cont dl { display:block; width:100%; min-height:31px; padding:0; font-size:0; } .plus_review_view .option_text_file_box .option_list_cont dt { display:inline-block; width:100px; padding:0; color:#484848; font-size:12px; font-weight:bold; vertical-align:middle; } .plus_review_view .option_text_file_box .option_list_cont dd { display:inline-block; height:21px; padding:7px 0 0 0; font-size:12px; vertical-align:middle; } /* 내용 */ .plus_review_view .text_file_cont { } .plus_review_view .text_file_cont .review_text { min-height:50px; margin:15px 0 15px 0; } .plus_review_view .text_file_cont .review_text.reviews_new { text-indent:15px; background:url("/design/vittz/img/icon_board_new.png") no-repeat left 5px; } .plus_review_view .text_file_cont .btn_review_text_more { margin:0 0 0 10px; color:#484848; font-size:11px; border-bottom:1px solid #484848; } .plus_review_view .text_file_cont .btn_view_comment_box { margin:0 0 20px 0; } /* 내용안에 이미지 */ .plus_review_view .text_file_cont .file_upload_list { } .plus_review_view .text_file_cont .file_upload_list { float:none; font-size:0; } .plus_review_view .text_file_cont .file_upload_list ul { } .plus_review_view .text_file_cont .file_upload_list ul li { display:inline-block; position:relative; width:auto; height:auto; margin:10px 8px 10px 0; } .plus_review_view .text_file_cont .file_upload_list ul li img { width:100px; height:100px; border:1px solid #dbdbdb; } .plus_review_view .text_file_cont .file_upload_list .img_pr_zoom { position:absolute; top:102px; left:0px; max-width:600px; width:auto; height:auto; z-index:999000; } /* 댓글 */ .plus_review_view .review_comment_box { display:block; } .plus_review_view .review_comment { padding:0 0 10px 0; } .plus_review_view .review_comment_top { overflow:hidden; width:100%; padding:10px 0 10px 0; border-bottom:none 0; } .plus_review_view .review_comment_top .comment_num { padding:0 20px 0 0; } .plus_review_view .review_comment_top .comment_num strong { border-bottom:1px solid #333; } .plus_review_view .review_comment_top .comment_best_num { color:#fa2828; } .plus_review_view .review_comment_top .btn_view_comment_box { float:right; } /* 답글 리스트 */ .plus_review_view .review_comment_list { } .plus_review_view .review_comment_list ul { } .plus_review_view .review_comment_list ul li { position:relative; padding:15px 0 15px 0; border-bottom:1px solid #dbdbdb; } .plus_review_view .review_comment_list ul li:first-child { border-top:1px solid #dbdbdb; } .plus_review_view .review_comment_list .comment_name { padding:0 20px 0 5px; color:#444; word-wrap:break-word; } .plus_review_view .review_comment_list p { padding:0; } .plus_review_view .review_comment_list p > em { display:block; padding:10px 10px 10px 5px; } .plus_review_view .review_comment_list .board_comment_box { margin:0; padding:0; border-bottom:none 0; } .plus_review_view .review_comment_list .board_day_time { font-weight:normal; } .plus_review_view .review_comment_list .btn_right_box { position:absolute; top:15px; right:5px; } /*브랜드 페이지 특수문자 검색*/ .brand_all_list .alphabet .all { width: 46px; margin-left: -52px; } .pc-top-banner-ctrl > a { position: absolute; } .pc-top-banner-close { right: 20px; top: 30px; } .pc-top-banner-today { white-space: nowrap; right: 20px; bottom: 20px; } /*20161121 상단 배너 // */ /* 상품 재입고 알림 신청 */ #goodsRestock { position:relative; width:660px; height:100%; /* border:2px solid #555555; */ } #goodsRestock .ly_tit { padding: 13px 20px 11px 20px; } #goodsRestock .ly_tit h4 { padding:0 0 12px 0; color:#000; font-size:18px; border-bottom:1px solid #717171; letter-spacing:-1px; } #goodsRestock .ly_cont { padding:7px 15px 26px 15px; } #goodsRestock .goods_restock .gs_product_cont { padding:0 0 20px 0; margin:0 15px 15px 15px; color:#333333; border-bottom:1px solid #e6e6e6; } #goodsRestock .goods_restock .gs_product_cont span { display:inline-block; width:78%; } #goodsRestock .goods_restock .gs_product_cont strong { display:block; font-size:14px; color:#111111; font-weight:bold; } #goodsRestock .gs_option_list { padding:0 15px 0 15px; } #goodsRestock .gs_option_list .scroll_box { overflow-x: hidden; overflow-y: auto; max-height:176px; border-top:1px solid #717171; border-bottom:1px solid #dbdbdb; } #goodsRestock .gs_option_list strong { display:block; padding:0 0 12px 0; font-size:14px; color:#555555; font-weight:bold; } #goodsRestock .gs_option_list .top_table_type tr { vertical-align:top; } #goodsRestock .gs_option_list .top_table_type th { padding:10px 10px 10px 10px; vertical-align:top; border-top:none; } #goodsRestock .gs_option_list .top_table_type tr:first-child td { padding:15px 0 4px 0; } #goodsRestock .gs_option_list .top_table_type td { padding:0 0 4px 0; border-bottom:none; color:#444444; } #goodsRestock .gs_option_list .btn_center_box { margin:20px 0 0 0; } #goodsRestock .gs_option_list .btn_select { margin:0; } #goodsRestock .gs_request_input { margin:30px 15px 0 15px; padding:15px 0; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; } #goodsRestock .gs_request_input dl { display:inline-block; margin:0 29px 0 0; font-size:0; } #goodsRestock .gs_request_input dl.request_area input { width:235px; } #goodsRestock .gs_request_input dl.phone_area { margin:0; } #goodsRestock .gs_request_input dl.phone_area select { width:79px; } #goodsRestock .gs_request_input dl.phone_area input { width:235px; } #goodsRestock .gs_request_input dt { display:inline-block; padding:0 12px 0 0; font-size:12px; color:#555555; font-weight:bold; } #goodsRestock .gs_request_input dd { display:inline-block; font-size:12px; } #goodsRestock .gs_request_input .chosen-container-single .chosen-single { height:31px; line-height:29px; } #goodsRestock .gs_privacy_agree { padding:16px 15px 0 15px; } #goodsRestock .gs_privacy_agree .agree_choice_box label { font-size:11px; color:#777777; } #goodsRestock .gs_privacy_agree .agree_choice_box strong, #goodsRestock .gs_privacy_agree .agree_choice_box a { color:#ab3e55; font-size:11px; font-weight:bold; } #goodsRestock .gs_privacy_agree .agree_choice_box a { text-decoration:underline; } #goodsRestock .gs_privacy_agree textarea { display:inline-block; width:100%; margin:8px 0 0 0; padding:12px 16px 10px 16px; color:#333333; font-size:11px; line-height:19px; } #goodsRestock .gs_privacy_agree em { display:inline-block; width:100%; padding:10px 0 0 0; font-size:11px; color:#777777; text-align:center; } #goodsRestock .btn_center_box { } #goodsRestock .ly_close { display:block; position:absolute; top:0px; right:0px; padding:20px; } .plus_review_alike_search_wrap { margin-top:45px; } .plus_review_alike_search_tit { font-size:18px; font-weight:bold; color:#333; border-bottom:#999999 1px solid; padding:0 0 10px 2px; } .plus_review_alike_search_tit > a { display:inline-block; width:31px; height:22px; overflow:hidden; vertical-align:middle; } .plus_review_alike_search_tit > a.on img { margin-top:-22px; } .plus_review_alike_search_area { position:relative; } .plus_review_alike_search_con { background:#fcfcfc; border:#f0f0f0 1px solid; border-top:none; display:none; } .plus_review_alike_search_con table { width:100%; table-layout: fixed; border-collapse: collapse; } .plus_review_alike_search_con table tr th { padding:17px 30px 17px 19px; text-align:left; } .plus_review_alike_search_con table tr td { padding:11px 0 17px 0; border-top:#e6e6e6 1px solid; vertical-align:top; } .plus_review_alike_search_con table tr:first-child td { border-top:none; } .plus_review_alike_search_con .choice_option { position:relative; padding:0 0 0 102px; } .plus_review_alike_search_con .choice_option .choice_all { position:absolute; top:0; left:0; } .plus_review_alike_search_con .choice_option .choice_each > div { margin-right:50px; } .plus_review_alike_search_con .choice_option .form_element { margin-top:6px; } .plus_review_alike_search_con .choice_option .form_element label.check_s { padding-left:32px; } body .diyoption-wrap { } body .diyoption-wrap table { margin-top:0 !important; } body .diyoption-wrap .diy_opt_basic_wrap { } body .diyoption-wrap .diyoption_basic { padding-bottom:13px; } body .diyoption-wrap .diyoption_basic .tit { } body .diyoption-wrap .diyoption_basic .tit strong { display:inline-block; height:42px; line-height:42px; font-size:13px; color:#000; } body .diyoption-wrap .diyoption_basic .diyoption-comment { display:none; } body .diyoption-wrap .diyoption_basic table tr { display:none; } body .diyoption-wrap .diyoption_basic table tr.MS_diy_option_row { display:table-row; vertical-align: middle; } body .diyoption-wrap .diyoption_basic table th, body .diyoption-wrap .diyoption_basic table td { border:0; } body .diyoption-wrap .diyoption_basic table tr.MS_diy_option_row td { padding:0 !important; text-align:left; position: relative; } body .diyoption-wrap .diyoption_basic table tr.MS_diy_option_row td:nth-of-type(1) { width:30%; } body .diyoption-wrap .diyoption_basic table tr.MS_diy_option_row td:nth-of-type(2) { width:30%; } body .diyoption-wrap .diyoption_basic table tr.MS_diy_option_row td:nth-of-type(3) { display:none; } body .diyoption-wrap .diyoption_basic table tr.MS_diy_option_row td:nth-of-type(4) { width:40% !important; font-size: 0; } body .diyoption-wrap .diyoption_basic table tr.MS_diy_option_row td:nth-of-type(4):after { content:unset !important; } body .diyoption-wrap .diyoption_basic table tr.MS_diy_option_row td input { position: relative; width: 140px; text-align:center; height: 50px; line-height: 48px; font-size: 14px; padding: 0 15px; border: 1px solid #ccc; border-radius: 6px; color: #222; /* transition: border-color 0.3s, box-shadow 0.3s; *//* outline: 0; */ } body .diyoption-wrap .diyoption_basic table tr.MS_diy_option_row td:after { content:'cm'; position: absolute; top: 50%; transform: translateY(-50%); right: 39px; font-size: 14px; color: #000; font-weight: normal; }; body .diyoption-wrap .diyoption_basic table tr.MS_diy_option_row td input::placeholder { color:#b4b3b3; } body .diyoption-wrap .diyoption_basic table tr.MS_diy_option_row td:nth-of-type(1) span.mark, body .diyoption-wrap .diyoption_basic table tr.MS_diy_option_row td:nth-of-type(2) span.mark { display:inline-block; height: 50px; width: 21px; text-align:center; box-sizing:border-box; line-height: 50px; font-size: 15px; color: #9b9b9b; font-weight:700; } body #productDetail .diyoption-wrap .diyoption_basic table tr.MS_diy_option_row td:nth-of-type(4) { font-size:0; } body .diyoption-wrap .diyoption_basic table tr.MS_diy_option_row td:nth-of-type(4) .MS_diy_option_price { display:block; box-sizing:border-box; width:100%; text-align:right; background:#FFF; font-weight:700; height: 50px; line-height: 48px; font-size: 14px; padding: 0 15px; border: 1px solid #ccc; border-radius: 6px; color: #222; transition: border-color 0.3s, box-shadow 0.3s; outline: 0; } body .diyoption-wrap .diyoption_basic table tr.MS_diy_option_row td:nth-of-type(4) .MS_diy_option_price:after { content:" 원"; } body .diyoption-wrap .diy_opt_add_wrap { } body .diyoption-wrap .diy_opt_add_wrap .diyoption-add { } body .diyoption-wrap .diy_opt_add_wrap .diyoption-add table { } body .diyoption-wrap .diy_opt_add_wrap .diyoption-add table th, body .diyoption-wrap .diy_opt_add_wrap .diyoption-add table td { display: block; padding: 0; } body .diyoption-wrap .diy_opt_add_wrap .diyoption-add table th { line-height: 1em; color: #999999; font-size: 14px !important; font-weight: 500 !important; margin: 10px 0; padding: 0 !important; } body .diyoption-wrap .diy_opt_add_wrap .diyoption-add table td { } body .diyoption-wrap .diy_opt_add_wrap .diyoption-add table td select { width:100%; outline:none; display: flex; align-items: center; height: 50px; line-height: 48px; padding: 0 15px; border: 1px solid #ccc; border-radius: 6px; color: #999; font-size: 16px; box-shadow: none !important; } body .diyoption-wrap .diy_opt_add_wrap .btn_diy_option_add { margin-top: 20px; border: 1px solid #110252; color: #110252; background: #fff; font-weight: 400; height: 50px; line-height: 48px; font-size: 16px; border-radius: 6px; padding: 0 15px; letter-spacing: -0.1em; text-align: center; transition: all 0.3s; cursor:pointer; } body .diyoption-wrap .diy_opt_add_wrap .btn_diy_option_add:hover { border-color: #000; background: #000; color: #fff; } body .diyoption-wrap .diy_opt_add_wrap .diyoption_basic_add { margin-top: 40px; border-top: 1px solid #222; padding-top: 8px; } body .diyoption-wrap .diy_opt_add_wrap .diyoption_basic_add .option_sub { background:none !important; /* border-top:1px solid #ddd; *//* margin-bottom:-1px; *//* background:#FFF; *//* padding:0; *//* margin-top:0; */ } body .diyoption-wrap .diy_opt_add_wrap .diyoption_basic_add .option_sub dl { border-top:none; /* margin:0; *//* padding:0 10px 5px; *//* border:0; *//* position:relative; */display: flex; position: relative; font-size: 13px; margin: 0; justify-content: space-between; background: #f7f7f7; margin-bottom: 2px; padding: 15px; border-radius: 6px; box-sizing: border-box; align-items: center; } body .diyoption-wrap .diy_opt_add_wrap .diyoption_basic_add .option_sub dl:nth-last-of-type(1) { /* border-bottom:1px solid #ddd; */ } body .diyoption-wrap .diy_opt_add_wrap .diyoption_basic_add .option_sub dl dt, body .diyoption-wrap .diy_opt_add_wrap .diyoption_basic_add .option_sub dl dd { /* display:inline-block; *//* margin:0; *//* position:static; *//* vertical-align:top; *//* color:#7b7b7b; *//* font-size:13px; *//* overflow: hidden; *//* vertical-align: middle; *//* font-size: 14px; *//* color: #555555; *//* line-height: 1.2em; */white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0; } body .diyoption-wrap .diy_opt_add_wrap .diyoption_basic_add .option_sub dl dd.optview { width: 200px; white-space: unset; overflow: hidden; text-overflow: unset; } body .diyoption-wrap .diy_opt_add_wrap .diyoption_basic_add .option_sub dl dd.optview div { width: 205px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } body .diyoption-wrap .diy_opt_add_wrap .diyoption_basic_add .option_sub dl dt { /* padding:5px 0; */overflow: hidden; width: auto; vertical-align: middle; font-size: 14px; color: #555555; line-height: 1.2em; position: initial; } body .diyoption-wrap .diy_opt_add_wrap .diyoption_basic_add .option_sub dl dt:after { content:"/"; } body .diyoption-wrap .diy_opt_add_wrap .diyoption_basic_add .option_sub dl dt.writeopt .btn_close { position:absolute; top: 50%; transform: translateY(-50%); left: auto; right:10px; width: 20px; height: 20px; text-indent: -9999em; background:url(/design/vittz/img/btn_opt_del.png) no-repeat center; background-size: contain; } body .diyoption-wrap .diy_opt_add_wrap .diyoption_basic_add .option_sub dl dd.amount { /* display:block; *//* position:relative; *//* height:24px; */width: 166px; display: block; position: relative; /* border: 1px solid #e2e2e2; */border-radius: 6px; /* background: #fff; */overflow: hidden; height: 30px; } body .diyoption-wrap .diy_opt_add_wrap .diyoption_basic_add .option_sub dl dd.amount input.MS_diy_option_basic { /* width:38px; *//* height:24px; *//* box-sizing:border-box; *//* border:1px solid #aaa; *//* text-align:center; */width: 17px; height: 30px; line-height: 30px; border: 0; text-align: center !important; position: absolute; top: 0; left: 27px; background: #fff; border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; box-sizing: border-box; font-size: 12px; padding: 0 !important; } body .diyoption-wrap .diy_opt_add_wrap .diyoption_basic_add .option_sub dl dd.amount a.btn-diy-qty-up.btn_plus , body .diyoption-wrap .diy_opt_add_wrap .diyoption_basic_add .option_sub dl dd.amount a.btn-diy-qty-down.btn_minus { /* position:absolute; *//* top:0; *//* width:24px; *//* height:24px; *//* font-size:13px; *//* line-height:24px; *//* text-align:center; */float: left; display: block; width: 30px; height: 30px; position: absolute; top: 0; left: 43px; text-indent: -9999em; vertical-align: top; background: url(/design/vittz/img/btn_opt_plus.png) no-repeat center; background-size: 9px auto; background-color: #fff; } body .diyoption-wrap .diy_opt_add_wrap .diyoption_basic_add .option_sub dl dd.amount a.btn-diy-qty-up.btn_plus { /* left:70px; */border: 1px solid #e2e2e2; border-left: 0; border-radius: 0 6px 6px 0; } body .diyoption-wrap .diy_opt_add_wrap .diyoption_basic_add .option_sub dl dd.amount a.btn-diy-qty-down.btn_minus { background: url(/design/vittz/img/btn_opt_minus.png) no-repeat center; background-size: 9px auto; left: 0; background-color: #fff; border: 1px solid #e2e2e2; border-right: 0; border-radius: 6px 0 0 6px; } body .diyoption-wrap .diy_opt_add_wrap .diyoption_basic_add .option_sub dl dd.amount .amount_price { width: auto !important; height: 30px; line-height: 30px; /* right:10px; *//* font-size:13px; *//* color:#000; *//* font-weight:700; */color: #060606; font-weight: normal; text-align: right; font-size: 14px; /* width: 46px; */padding-right: 15px; position: absolute; right: 0; } body .diyoption-wrap .diy_opt_add_wrap .diyoption_basic_add .option_sub dl dd.hiddenopt { display:block; overflow:hidden; } body .diyoption-wrap .diyoption-total { border:0; font-size:16px !important; padding:10px 5px; text-align:left; } body .diyoption-wrap .diyoption-total strong { position: relative; vertical-align:baseline; font-family: 'Noto Sans KR',sans-serif; font-size: 0; font-weight: 500; color: #222; height: 42px; } body .diyoption-wrap .diyoption-total strong em { float: right; font-family: 'Noto Sans KR', sans-serif; font-size: 16px; font-weight: 500; padding-left: 4px; color: #555; } body .diyoption-wrap .diyoption-total strong:before { content:'총 결제금액'; font-size: 16px; position: absolute; bottom: 0; } body .diyoption-wrap .diyoption-total strong em:after { content:'원'; font-size: 16px; font-family: 'Noto Sans KR', sans-serif; font-weight: 500; padding-left: 4px; } body .diyoption-wrap .diyoption-total strong #diy_option_price_total_box { font-size: 30px; font-family: 'NEXON Lv1 Gothic', 'Noto Sans KR', sans-serif; color: #110252; font-weight: 700; } .diyoption-each .tit { font-size: 13px; color: #000; } .diyoption-each .opt select { width: 100%; outline: none; display: flex; align-items: center; height: 25px; line-height: 25px; padding: 0 15px; border: 1px solid #ccc; border-radius: 6px; color: #999; font-size: 12px; box-shadow: none !important; text-align: left; } .diyoption-each .opt label.amount input[type=text] { height: 25px; line-height: 25px; border: 1px solid #ccc; border-radius: 6px; text-align: center !important; } body .diyoption_basic_add .option_sub dd.optview div span:nth-child(n + 2) { display:none; } /* 그룹 할인, 적립 */ .group_benefit { display:none !important; } .common_input { width:100%; } .item_money_box .main_sale_price { margin-left:7px; } .MK-product-icons img { margin-right:5px; } /* 추가항목 */ .add_info:last-of-type { display: none; } .add_cell_txt02 { display:none; } .add_cell_txt02:last-of-type { display: block; } /* 추가상품 */ .kdkOptTypImg .kdkOptTypImgWrp { max-width:68px; } /* 색상 흰색 테두리 */ body .goods_view .color > div { border:none; } body .goods_view .color > div[style*="#ffffff; "], body .goods_view .color > div[style*="#faf9f6; "] { border:1px solid #dfdfdf; } /* 원클릭 옵션 */ p.oneclick_opt_val { width: 89px; max-width: 89px; height: 35px; text-align: center; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .guide_icon{margin-left:0 !important;} /* 렌탈 상품 */ .table-opt .rental .period {display: inline-block;} .table-opt .rental .period li {float: left; margin:4px 6px 3px 0; text-align: center; border: 1px solid #dfdfdf; } .table-opt .rental .period li label {display: block; width:80px; line-height: 34px; font-size: 12px; color: #555555; position: relative; cursor: pointer;} .table-opt .rental .period li label input {position: absolute; opacity: 0; filter:alpha(opacity=0);} .table-opt .rental .period li.on {border: 1px solid #441e7c;} .table-opt .rental .period li.on label { color: #441e7c;} .table-opt .rental .period li:last-child {margin-right: 0;} .table-opt .rental .rental-price {font-weight: 500; font-size: 16px; color: #555;} .table-opt .rental .rental-price #MK_p_rental_total{font-size: 30px; font-family: 'NEXON Lv1 Gothic', 'Noto Sans KR', sans-serif; color: #110252; font-weight: 700; padding: 0 4px;} .table-opt .rental .border {border-top: 1px solid #dddddd;} .table-opt .rental .open-layer-tip {display: inline-block; margin-top: -3px;} .table-opt .rental th {position: relative;} .table-opt .rental th .layer-tip {display: none; position: absolute; top: 18px; left: 0; border: 2px solid #666666; z-index: 99; text-align: left; } .table-opt .rental th .layer-tip .top {height: 28px; background: #f0f0f0; line-height: 28px; padding: 0 15px; position: relative;} .table-opt .rental th .layer-tip .top .btn-close {display: inline-block; position: absolute; top: 8px; right: 9px; width: 9px; height: 9px;} .table-opt .rental th .layer-tip .top .btn-close img {vertical-align: top;} .table-opt .rental th .layer-tip .top p {font-size: 12px; font-weight: bold; color: #000000;} .table-opt .rental th .layer-tip .cont {padding: 15px 20px; background: #fff; line-height: 18px; font-size: 11px; color: #666666;} .trxGdsVeuOdrBtns .n_btn.btn_add_rental {width:100%; } .ico-rental {display: inline-block; font-weight: 400; padding: 0 7px; line-height: 17px; background: #441e7c; font-size: 11px; color: #fff;} .thumb-info .info .table-opt .comment-txt {font-size: 12px; color: #777777;} .pop_back { position: fixed; top: 0; left: 0; background: rgba(0,0,0,.5); width: 100%; height: 100%; z-index: 999; display:none; } .qr_pop { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #fff; width: 411px; text-align: center; padding: 30px 0; border-radius: 7px; } img.pop_close { cursor: pointer; position: absolute; right: 20px; top: 20px; } .qr_pop h1 { font-size: 16px; color: #000; font-weight: 500; font-family: 'Noto Sans KR'; margin-top: 20px; margin-bottom: 30px; } .open_btn2 { display:none; cursor:pointer; } .detail_explain_box.fixed .open_btn2 { display:none } .detail_explain_box.fixed .open_btn2.show_btn {display:block;position: fixed;top: 150px;left: 150px;} .jsTrxGdsVewInf.fixed .open_btn { display: none!important; } .android_box, .ios_box { display: inline-block; text-align: center; width: 114px; margin: 0 17px; } .android_box span, .ios_box span { display: block; margin-bottom: 7px; } .android_box img, .ios_box img { display: block; width: 100%; } /****************** 텍스트화 **********************/ @font-face { font-family: 'Modern No. 20'; src: url('https://vittz.hgodo.com/fonts/Modern-No-20.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'SungDongMyungjo'; font-style: normal; font-weight: 400; src: url('//cdn.jsdelivr.net/korean-webfonts/1/orgs/govs/sdgu/SungDongMyungjo/SungDongMyungjoR.woff2') format('woff2'), url('//cdn.jsdelivr.net/korean-webfonts/1/orgs/govs/sdgu/SungDongMyungjo/SungDongMyungjoR.woff') format('woff'); } div.detail_page { max-width: 1280px; } div.detail_page img { max-width: 100%; display: block; margin: 0 auto; max-width: 1280px; } div.tit_wrapper { padding-top: 200px; padding-bottom: 100px; } div.dis_tit_wrapper { padding-top: 200px; padding-bottom: 100px; } div.dis_wrapper { padding-top: 200px; padding-bottom: 200px; } div.info_wrapper { padding-top: 200px; padding-bottom: 50px; } span.spec_title_en { display: block; font-family: 'SungDongMyungjo', sans-serif; margin: 0 auto; text-align: center; font-weight: 350; font-size: 30pt; color: #000; opacity: 0.5; line-height: 40pt; } span.spec_title_ko { display: block; margin: 0 auto; text-align: center; font-family: 'Noto Sans Korean', sans-serif; font-weight: 700; font-size: 60pt; line-height: 70pt; letter-spacing: -0.05em; } span.description_tit_en { display: none; font-family: 'SungDongMyungjo', sans-serif; font-weight: 350; font-size: 70pt; color: #4c2f29; position: relative; /* 상대적 위치 설정 */ left: 8%; /* 왼쪽으로 40% 이동 */ transform: translateX(-50%); /* 중앙 정렬을 위한 조정 */ } span.description_tit_ko { display: block; margin: 0 auto; text-align: center; font-family: 'Noto Sans Korean', sans-serif; font-weight: 700; font-size: 60pt; line-height: 70pt; letter-spacing: 0; position: relative; /* 상대적 위치 설정 */ /*left: 8%; transform: translateX(-50%);*/ /* 중앙 정렬을 위한 조정 */ } span.description { display: block; margin: 0 auto; text-align: center; font-family: 'Noto Sans Korean', sans-serif; font-weight: 350; font-size: 38pt; line-height: 50pt; letter-spacing: -2; width: 90%; } span.infomation_title_en { display: block; margin: 0 auto; text-align: center; font-family: 'SungDongMyungjo', sans-serif; font-size: 40pt; font-style: italic; color: #86704c; opacity: 0.5; } span.infomation_title_ko { display: block; margin: 0 auto; text-align: center; font-family: 'Noto Sans Korean', sans-serif; font-size: 40pt; font-weight: 600; color: #86704c; } table.spec { border-collapse: separate; width: 90%; border-spacing: 1px; text-align: left; line-height: 1.5; border-top: 1px solid #ccc; margin-left: auto; margin-right: auto; } table.spec th { padding: 10px; font-weight: bold; vertical-align: top; border-bottom: 1px solid #ccc; width: 20%; font-size: 30pt !important; } table.spec td { padding: 10px; vertical-align: top; border-bottom: 1px solid #ccc; width: 80%; font-size: 30pt !important; } .license-table-container { width: 90%; max-width: 1100px; display: grid; grid-template-columns: 1fr 1fr; gap: 00px; margin-bottom: 200px; margin-left: auto; margin-right: auto; } table.license { border-collapse: collapse; text-align: left; line-height: 1.5; margin: 20px 0px; width: 100%; } table.license th { width: 150px; padding: 10px; font-weight: bold; vertical-align: top; background: #f7f7f7; width: 30%; font-size: 15pt !important; } table.license td { width: 350px; padding: 10px; vertical-align: top; width: 70%; font-size: 15pt !important; } hr.license-line { width: 85%; margin: 0 auto; border-color: #f9f9f9; margin-bottom: 50px; opacity: 0.5; } /* 모바일 화면에 대한 미디어 쿼리 */ @media screen and (max-width: 1200px) { span.description_tit_en, span.description_tit_ko { font-size: 35pt; line-height: 50pt; } span.description, span.infomation_title_en, span.infomation_title_ko, span.spec_title_en { font-size: 25pt; line-height: 40pt; } table.spec { font-size: 20pt; } } @media screen and (max-width: 800px) { span.description_tit_en, span.description_tit_ko, span.spec_title_ko { font-size: 25pt; line-height: 40pt; } span.description, span.infomation_title_en, span.infomation_title_ko, span.spec_title_en { font-size: 14pt; line-height: 22pt; } table.spec th, table.spec td, table.license th, table.license td { font-size: 10pt !important; } div.detail_page { max-width: 1280px; } div.detail_page img { max-width: 100%; display: block; margin: 0 auto; max-width: 1280px; } div.tit_wrapper { padding-top: 80px; padding-bottom: 40px; } div.dis_tit_wrapper { padding-top: 80px; padding-bottom: 40px; } div.dis_wrapper { padding-top: 80px; padding-bottom: 80px; } div.info_wrapper { padding-top: 100px; padding-bottom: 25px; } .license-table-container { grid-template-columns: 1fr; /* 1열로 변경 */ } } /****************** 텍스트화 끝 **********************/ body .gdsVueRel .main_item_wr > ul li{ width: calc(100% / 6) !important; } #discountAmount{color:#f07133;} /* BASIC css end */