/* BASIC css start */ div.C-36236-1-7478 .img-goods {text-align:center;} div.C-36236-1-7478 .img-goods img {max-width:100%; height:auto;} div.C-36236-1-7478 .thumb ul { overflow: hidden; } div.C-36236-1-7478 .thumb ul li {width: 33.3%; float: left; list-style: none; padding-top: 4px;} div.C-36236-1-7478 .thumb ul li .multi-thumb {margin: 0 2px;} div.C-36236-1-7478 .thumb ul li img {max-width: 100%;} div.C-36236-1-7478 .thumb {margin-top: 5px; padding-bottom: 4px;} div.C-36236-1-7478 .thumb { background-color:; } div.C-36236-1-7478 .thumb ul li .multi-thumb { border:0px solid ; } div.C-36236-1-7478 { margin:15px 0px 0px 0px; padding:0px 0px 15px 0px; background:repeat center top; border-top:0px solid ; border-right:0px solid ; border-bottom:0px solid ; border-left:0px solid ; } div.C-13906-1-4 .img-goods img {border-radius:5px !important;} div.C-13906-1-4 .font_shopdetailA {color:#313131;font-size: 1em;font-weight:bold;font-family: 'Jeju Gothic', sans-serif;text-decoration:none;} div.C-36236-1-7479 .font_shopdetailA {word-break: break-all;} div.C-36236-1-7479 .tit dl dt img { padding: 3px 4px; } div.C-36236-1-7479 .tit {text-align:left;} div.C-36236-1-7479 .MK-product-icons {margin-right : -5px;} div.C-36236-1-7479 .gray-delivery {padding: 0px 3px 2px 3px;background-color: #fff;color: #656565;font-size: 0.875em;border-radius: 3px;border: 1px solid #656565;vertical-align:1px; margin-left :4px; } div.C-36236-1-7479 .font_shopdetailH { color:#777777; font-size:0.875em; font-weight:normal; font-style:normal; text-decoration:none; } div.C-36236-1-7479 .font_shopdetailA { color:#000000; font-size:1em; font-weight:bold; font-style:normal; text-decoration:none; } div.C-36236-1-7479 .font_shopdetailB { color:#777777; font-size:0.875em; font-weight:normal; font-style:normal; text-decoration:none; } div.C-36236-1-7479 { margin:0px 10px 10px 10px; padding:0px 0px 3px 0px; background:repeat left top; border-top:0px solid ; border-right:0px solid ; border-bottom:0px solid ; border-left:0px solid ; } .tit .font_shopdetailA { display: block; width: fit-content; white-space: normal; word-break: keep-all; overflow-wrap: break-word; font-size: clamp(25px, 2.2vw, 22px) !important; line-height: 1.3 !important; font-weight: 700 !important; letter-spacing: -0.4px; color: #000 !important; margin-bottom: 0px; } /* 상품 정보 영역 */ div.C-36236-1-7480 #info-goods-all {padding: 0 10px;} div.C-36236-1-7480 .info-goods .goods-price {font-size: 0.875em;} div.C-36236-1-7480 .info-goods .goods-price ul li .price-tit {display: inline-block; width: 30%;} div.C-36236-1-7480 .info-goods .goods-price ul li {padding-bottom: 5px;} div.C-36236-1-7480 .info-goods .goods-price ul li .group_p {font-size: 0.875em; color: #656565;} div.C-36236-1-7480 .info-goods .goods-price ul li span.dc_price_origin {text-decoration:line-through;} div.C-36236-1-7480 .info-goods .goods-price ul li span.price_consumer {text-decoration:line-through;} div.C-36236-1-7480 .info-goods .point {padding: 5px 0 13px; font-size: 0.75em;} div.C-36236-1-7480 .info-goods .point p {padding-bottom: 5px;} div.C-36236-1-7480 .info-goods .point .price-tit {display: inline-block; width: 30%;} div.C-36236-1-7480 .info-goods .point .price-desc {color: #000;} div.C-36236-1-7480 .info-goods .goods-price ul li .font_shopdetailE {font-weight: bold;} div.C-36236-1-7480 .info-goods .goods-price ul li .btn-coupon { display:inline-block; height:18px; line-height:16px; padding:0; border:1px solid #000; font-size:0.750em; text-align:left; color:#000; } div.C-36236-1-7480 .info-goods .goods-price ul li .btn-coupon span { display:inline-block; height:18px; padding:0 5px; color:#fff; background:#000; font-size:0.750em; vertical-align:top;} div.C-36236-1-7480 .info-goods .goods-price ul li .btn-coupon em { display:inline-block; height:18px; padding:0 3px 0 0; font-size:0.750em; font-style:normal; } div.C-36236-1-7480 .info-goods .goods-price ul li .price-desc .price-red{color: #f1191f;} div.C-36236-1-7480 .info-goods .info-tab {position: relative; border: 3px double #A7A7A7; margin-bottom: 7px; border-radius: 3px;} div.C-36236-1-7480 .info-goods .info-tab .info-tab-ul {overflow:hidden; display: none;} div.C-36236-1-7480 .info-goods .info-tab .info-tab-ul li {float: left; text-align: center;font-size: 0.75em;border-right: 1px solid #A7A7A7; height: 35px; line-height: 35px; box-sizing: border-box;} div.C-36236-1-7480 .info-goods .info-tab .info-tab-ul li:last-child {border-right: 0px;} div.C-36236-1-7480 .info-goods .info-tab .info-tab-ul li.on {background-color: #525252; color: #fff;} div.C-36236-1-7480 .info-goods .info-tab .group-detail, div.C-36236-1-7480 .info-goods .info-tab .user-detail, div.C-36236-1-7480 .info-goods .info-tab .static-detail { font-size: 0.75em; padding: 5px 0; color: #585858; } div.C-36236-1-7480 .info-goods .info-tab .group-detail .group-tit, div.C-36236-1-7480 .info-goods .info-tab .static-detail .static-tit, div.C-36236-1-7480 .info-goods .info-tab .user-detail .user-tit {display: inline-block;width: 26%;padding: 3px 10px;font-weight: bold;box-sizing: border-box;vertical-align: middle;} div.C-36236-1-7480 .info-goods .info-tab .group-detail .group-desc, div.C-36236-1-7480 .info-goods .info-tab .static-detail .static-desc, div.C-36236-1-7480 .info-goods .info-tab .user-detail .user-desc {padding-left: 5px;box-sizing: border-box;width: 74%;display: inline-block;vertical-align: middle;} div.C-36236-1-7480 .info-goods .info-tab .group-detail .group-one, div.C-36236-1-7480 .info-goods .info-tab .static-detail .static-one, div.C-36236-1-7480 .info-goods .info-tab .user-detail .user-one {padding: 5px 0 5px 10px; display: inline-block;} div.C-36236-1-7480 .info-goods .info-tab .txt-region {margin-left: 10px;} div.C-36236-1-7480 .info-goods .info-tab .group-detail .group-msg {padding: 0 10px 5px 10px;} div.C-36236-1-7480 .info-goods .info-tab .group-detail .group-dc-tit {padding: 0 10px; font-weight: bold;} /* 구매할인 추가 */ div.C-36236-1-7480 .info-goods .goods-price .buy-benefit { position:relative; display:inline-block; font-weight:bold; max-width:70%; } div.C-36236-1-7480 .info-goods .goods-price .buy-benefit .tit-txt { font-size:14px; color:#000; display: block; white-space: nowrap; overflow:hidden; text-overflow:ellipsis; } div.C-36236-1-7480 .info-goods .goods-price .buy-benefit .view-wrap { position:relative; } div.C-36236-1-7480 .info-goods .goods-price .buy-benefit .btn-view { display:inline-block; padding:3px 5px 3px 5px; font-size:11px; color:#000; border:2px solid #a9a9a9; width:48px; top:-3px; left:100%; position:absolute; } div.C-36236-1-7480 .info-goods .goods-price .buy-benefit .btn-view em { display: inline-block; font-size:10px; color: #000; padding-top:2px; vertical-align: top; } div.C-36236-1-7480 .info-goods .goods-price .buy-benefit .view-wrap { display:none; position:absolute; top:30px; left:0px; width:200px; padding:15px; background:#fff; border:2px solid #a9a9a9; z-index:1; } div.C-36236-1-7480 .info-goods .goods-price .buy-benefit .view-wrap.active { display:block; } div.C-36236-1-7480 .info-goods .goods-price .buy-benefit .view-wrap .layer-view { font-size:13px; line-height:20px; color:#000; font-weight:bold; word-break:break-word; } div.C-36236-1-7480 .info-goods .goods-price .buy-benefit .view-wrap .layer-view .fc-red { color:#ff0000; } div.C-36236-1-7480 .info-goods .goods-price .buy-benefit .view-wrap .layer-view ul.list { margin-top:5px; padding:0; } div.C-36236-1-7480 .info-goods .goods-price .buy-benefit .view-wrap .layer-view ul.list li { list-style-type:none; border:0 none; font-size:14px; margin-bottom:0; } div.C-36236-1-7480 .info-goods .goods-price .buy-benefit .view-wrap .layer-view ul.list li.layer-info { list-style-type:none; border-bottom: 0 none; border-left: 0 none; border-right: 0 none; border-top:1px solid #ccc; font-size:14px; margin-bottom:0; padding-top:5px; margin-top:5px; color:#585858; font-weight:normal; } div.C-36236-1-7480 .info-goods .goods-price .buy-benefit .view-wrap .btn-close { position:absolute; right:8px; top:6px; } /* 기본옵션 */ div.C-36236-1-7480 .normal-option p {font-size: 0.875em; padding-bottom: 10px;} div.C-36236-1-7480 .normal-option p:first-child {padding-top: 10px;} div.C-36236-1-7480 .normal-option p .opt-tit {display: inline-block; width: 35%; vertical-align: middle; font-size: 0.875em; word-break: break-all;} div.C-36236-1-7480 .normal-option p .opt-desc {display: inline-block; width: 62%;} div.C-36236-1-7480 .normal-option p .opt-quantity {background-color: #FFFFFF; width: 50px; height: 35px; text-align: center; vertical-align: middle; line-height: 35px; display: inline-block; border: 1px solid #7D7D7D; border-radius: 2px; box-sizing: border-box;} div.C-36236-1-7480 .opt-input input {width: 46px !important; height: 35px; color:#808080;font-size:0.875em; box-sizing: border-box; text-align: center !important; border: 1px solid #bbb; -webkit-appearance: none;} div.C-36236-1-7480 .normal-option .option-complete a {width: 100%; border: 1px solid #5D5D5D; display: block; text-align: center; height: 30px; line-height: 30px; border-radius: 3px; background-color: #5D5D5D; color: #fff;} div.C-36236-1-7480 .normal-option .add-option-title {font-size: 0.875em; font-weight: bold; padding: 4px 0; border-top: 1px solid #777;} div.C-36236-1-7480 .normal-option .add-option-sel {padding-bottom: 5px;} div.C-36236-1-7480 .normal-option {background:#f9f9f9; padding: 0 12px; border: 1px solid #A7A7A7;} div.C-36236-1-7480 .multi-option1 dl, div.C-36236-1-7480 .normal-option dl {padding-top:13px;} div.C-36236-1-7480 .multi-option1 dl dt, div.C-36236-1-7480 .normal-option dl dt {color:#808080; font-size:0.875em; padding-left:12px; background:url('/images/d3/m_powerpack/32/bull/bul_bg_tit.gif') no-repeat 0 center; background-size:10px 8px; text-align:left;} div.C-36236-1-7480 .multi-option1 dl dd, div.C-36236-1-7480 .normal-option dl dd {position:relative; padding-top:5px;} div.C-36236-1-7480 .multi-option1 dl dd .input01, div.C-36236-1-7480 .normal-option dl dd .input01 {margin-right:76px;} div.C-36236-1-7480 .multi-option1 dl dd .input01 input, div.C-36236-1-7480 .normal-option dl dd .input01 input {width:100%; text-align:right;} div.C-36236-1-7480 .multi-option1 dl dd .btn-up, div.C-36236-1-7480 .normal-option dl dd .btn-up {position:absolute; right:38px; top:5px;} div.C-36236-1-7480 .multi-option1 dl dd .btn-up img, div.C-36236-1-7480 .normal-option dl dd .btn-up img {width:33px; height:33px;} div.C-36236-1-7480 .multi-option1 dl dd .btn-down, div.C-36236-1-7480 .normal-option dl dd .btn-down {position:absolute; right:0; top:5px;} div.C-36236-1-7480 .multi-option1 dl dd .btn-down img, div.C-36236-1-7480 .normal-option dl dd .btn-down img {width:33px; height:33px;} /* 고객 작성형 입력옵션 추가 버튼 style */ div.C-36236-1-7480 .normal-option .MK_btn-add {text-align: right; display: block; padding-bottom: 10px;} /* 총 상품 금액 */ div.C-36236-1-7480 .normal-option-price, div.C-36236-1-7480 .multi-option1 .total {text-align: right; padding: 10px 10px;} div.C-36236-1-7480 .normal-option-price .option-total-price, div.C-36236-1-7480 .multi-option1 .total .MK_total {font-size:1.2em; font-weight:bold; color: #f1191f;} /* 멀티옵션 전용 */ div.C-36236-1-7480 .MK_inner-opt-cm li {position: relative; border-bottom: 1px solid #c7c7c7; padding: 12px 0; font-size: 0.875em;} div.C-36236-1-7480 .MK_inner-opt-cm .MK_p-name {padding-right: 30px; display: block;} div.C-36236-1-7480 .MK_qty-ctrl {margin-top: 8px;} div.C-36236-1-7480 .MK_qty-ctrl .btn-type-02 {background-color: #E6E6E6; width: 35px; height: 35px; text-align: center; vertical-align: middle; line-height: 35px; color: #4A4A4A; display: inline-block; border: 1px solid #CCC; border-radius: 2px; box-sizing: border-box;} div.C-36236-1-7480 .MK_price {position: absolute; bottom: 21px; right: 0; font-size: 1.2em;} div.C-36236-1-7480 .MK_btn-del {position: absolute; top: 12px; right: 0; width: 27px; height: 27px; border-radius: 25px; background-image: url("/images/d3/m_powerpack/49/pp2-btn-del.png"); background-repeat: no-repeat; background-size: 75%; background-position: center;} div.C-36236-1-7480 .MK_inner-opt-cm .MK_qty-ctrl input[type="tel"] {text-align: center !important; border-radius: 2px; width: 50px; padding: 0;} div.C-36236-1-7480 .MK_inner-opt-cm .MK_btn-del img {display: none;} /* 상품 상세 페이지 확대보기 사용 시 아이폰에서 input을 탭하면 자동으로 확대되는 현상 방지 */ input[type="text"], input[type="date"], input[type="tel"], input[type="number"], input[type="email"], input[type="password"], select {font-size: 16px !important;} /* 세트상품 */ div.C-36236-1-7480 .normal-option-price .package-disc {font-size: 0.75em; padding-left: 5px; color: #424242;} div.C-36236-1-7480 .package-price {margin-top: 10px;} div.C-36236-1-7480 .package tbody td {padding:15px 12px 15px 7px; font-size:0.875em; vertical-align:top; border-bottom:1px solid #8A8A8A;} div.C-36236-1-7480 .package {width:100%; text-align:left;} div.C-36236-1-7480 .package tbody th {padding:15px 0 15px 12px; font-size:0.875em; color:#808080; vertical-align:top; text-align:left; border-bottom:1px solid #e0e0e0;} div.C-36236-1-7480 .package tbody .img {padding-left:0; padding-right:0;} div.C-36236-1-7480 .package tbody .img img {width:106px; margin-left: 10px;} div.C-36236-1-7480 .package tbody td h4 {font-weight:normal; padding-top:3px; padding-bottom:3px;} div.C-36236-1-7480 .package tbody td .set-name {position: relative; border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-right: 25px;} div.C-36236-1-7480 .package tbody td .set-name .MS_package_checkbox {position: absolute; top: 4px; right: 0;} div.C-36236-1-7480 .package tbody td .color-size .set-quantity input[type="text"] {width: 46px !important; height: 35px; color: #808080; box-sizing: border-box; text-align: center; border: 1px solid #bbb; -webkit-appearance: none;} div.C-36236-1-7480 .package tbody td .color-size .set-quantity .opt-quantity {background-color: #FFFFFF; width: 50px; height: 35px; text-align: center; vertical-align: middle; line-height: 35px; display: inline-block; border: 1px solid #7D7D7D; border-radius: 2px; box-sizing: border-box;} div.C-36236-1-7480 .package tbody td dl {margin-bottom:4px; overflow:hidden;} div.C-36236-1-7480 .package tbody td dl dt {color:#000; float:left; width:63px; padding-left:8px; background:url('/images/d3/m_powerpack/32/bull/bul_bg_black01.gif') no-repeat 0 center; background-size:3px 3px;} div.C-36236-1-7480 .package tbody td dl dd .input01 {border:2px solid #dadada; width:20px; padding:0 3px 0 0; text-align:center; float:left;} div.C-36236-1-7480 .package tbody td dl dd .input01 input {width:100%; text-align:center; padding:0 !important;} div.C-36236-1-7480 .package tbody td dl dd a {float:left; margin-right:2px;} div.C-36236-1-7480 .package tbody td dl dd img {width:34px; height:34px;} div.C-36236-1-7480 .package tbody td dl .tit-count {margin-top:7px;} div.C-36236-1-7480 .package tbody .color-size {margin-left:8px;} div.C-36236-1-7480 .package tbody .color-size h4 {padding-top:8px; padding-bottom:5px;} div.C-36236-1-7480 .package .color-size .relation_box-select input[type=text] {width: 100%; border: 1px solid #bbb;} div.C-36236-1-7480 .package .package_product_tit {display: none;} /* 하이브리드 */ div.C-36236-1-7480 .option-wrap { padding:0 10px 10px; font-size:0.875em; background:#f6f6f6; border-top:2px solid #e1e1e1; border-bottom:2px solid #e1e1e1; } div.C-36236-1-7480 .option-wrap .option-box { width:100%; } div.C-36236-1-7480 .option-wrap .option-box.last { border-bottom:none; } div.C-36236-1-7480 .option-wrap .option-box .tit { padding:10px 12px; color:#808080; text-align:left; background:url('/images/d3/m_powerpack/32/bull/bul_bg_tit.gif') no-repeat 0 center; background-size:10px 8px; } div.C-36236-1-7480 .option-wrap .option-box:first-child .tit { border:none; } div.C-36236-1-7480 .option-wrap .option-box .list:after { clear: both; content: ""; display: block; } div.C-36236-1-7480 .option-wrap .option-box .list { width:100%; padding-left:5px; } div.C-36236-1-7480 .option-wrap .option-box .list li { float:left; width:20%; list-style:none; } div.C-36236-1-7480 .option-wrap .option-box .list li.last { } div.C-36236-1-7480 .option-wrap .option-box .list li dl { width:54px; padding-bottom:10px; text-align:center; color:#333; } div.C-36236-1-7480 .option-wrap .option-box .list li dl dd.prdchk { text-align:left; } div.C-36236-1-7480 .option-wrap .option-box .list li dl dd.prdchk input { width:12px; height:12px; } div.C-36236-1-7480 .option-wrap .option-box .list li dl dd.prdimg { position:relative; } div.C-36236-1-7480 .option-wrap .option-box .list li dl dd.prdimg img { width:54px; height:54px; } div.C-36236-1-7480 .option-wrap .option-box .list li dl dd.prdimg.noimg { } div.C-36236-1-7480 .MK_qty-ctrl .basic_option {text-align: center !important; border-radius: 2px; width: 50px; padding: 0;} div.C-36236-1-7480 .option-wrap .option-box .list li dl dd.prdimg .soldout { position:absolute; top:0; left:0; display:inline-block; width:54px; height:54px; line-height:56px; color:#fff; text-align:center; } div.C-36236-1-7480 .option-wrap .option-box .list li dl dd.prdimg .soldout-bg { position:absolute; top:50%; left:0; display:inline-block; width:54px; height:20px; margin-top:-10px; background:#000; filter:alpha(opacity:40); opacity:0.4; } div.C-36236-1-7480 .option-wrap .option-box .list li dl dd.prdimg .sel-img { position:absolute; top:0; left:0; display:inline-block; width:54px; height:54px; background:#000; filter:alpha(opacity:40); opacity:0.4; } div.C-36236-1-7480 .option-wrap .option-box .list li dl dd.prdname { padding-top:5px; line-height:14px; word-wrap:break-word; } div.C-36236-1-7480 .option-wrap .option-box .list li dl dd.prdnote { padding-bottom:3px; line-height:14px; word-wrap:break-word; } div.C-36236-1-7480 .option-wrap .option-box .list li dl dd.prdprice { padding-bottom:5px; } div.C-36236-1-7480 .option-wrap .add-option-title { padding-top:20px; text-align: left; color: #333; font-weight: bold; } div.C-36236-1-7480 .option-wrap .add-option-list {padding-top:13px;} div.C-36236-1-7480 .option-wrap .add-option-list dt {color:#808080; padding-left:12px; background:url('/images/d3/m_powerpack/32/bull/bul_bg_tit.gif') no-repeat 0 center; background-size:10px 8px; text-align:left;} div.C-36236-1-7480 .option-wrap .add-option-list dd {position:relative; padding-top:5px;} div.C-36236-1-7480 .option-wrap .add-option-list dd .input01 {margin-right:76px;} div.C-36236-1-7480 .option-wrap .add-option-list dd .input01 input {width:100%; text-align:right;} div.C-36236-1-7480 .option-wrap .add-option-list dd .btn-up {position:absolute; right:38px; top:5px;} div.C-36236-1-7480 .option-wrap .add-option-list dd .btn-up img {width:33px; height:33px;} div.C-36236-1-7480 .option-wrap .add-option-list dd .btn-down {position:absolute; right:0; top:5px;} div.C-36236-1-7480 .option-wrap .add-option-list dd .btn-down img {width:33px; height:33px;} div.C-36236-1-7480 .add-option-detail { padding:13px 0px; 12px; border-bottom:2px solid #e1e1e1; text-align:center;} div.C-36236-1-7480 .add-option-detail table { width:100%; } div.C-36236-1-7480 .add-option-detail .MK_inner-opt-cm { margin-bottom:7px; } div.C-36236-1-7480 .add-option-detail .MK_inner-opt-cm li { overflow:hidden;border: 1px solid #777;border-radius: 5px;background-color: #FAFAFA; margin-bottom: 5px;} div.C-36236-1-7480 .add-option-detail .MK_inner-opt-cm li .MK_qty-ctrl { float:left; } div.C-36236-1-7480 .add-option-detail .MK_inner-opt-cm li .MK_qty-ctrl input {float:left; background:#fff; height:35px; margin-left:10px; padding:0 18px 0 10px; text-align:right; width:50px; color:#666;} div.C-36236-1-7480 .add-option-detail .MK_inner-opt-cm li .MK_qty-ctrl a { float:left; margin-left:5px; } div.C-36236-1-7480 .add-option-detail .MK_inner-opt-cm li .MK_qty-ctrl .box-gradient-02 {background-image: none; } div.C-36236-1-7480 .add-option-detail .MK_inner-opt-cm li .MK_price {float:left; font-size:1em; color:#808080; font-weight:normal; margin-left:10px;position: absolute; right: 50px; line-height: 27px;} div.C-36236-1-7480 .add-option-detail .MK_inner-opt-cm li .MK_btn-del {float:left; margin-left:5px; margin-top:1px;position: absolute; right: 20px;} div.C-36236-1-7480 .add-option-detail .total-price { padding:15px 0 0; border-top:1px solid #f0f0f0; font-size:0.875em; } div.C-36236-1-7480 .add-option-detail .total-price-none { padding:0; border:0; } div.C-36236-1-7480 .add-option-detail .MK_total {font-size:1.2em; font-weight:bold; color: #D02121;} /* 추가구성상품 */ div.C-36236-1-7480 .shopdetailInfoTit { height:40px; line-height:42px; padding:0 12px; border-top:1px solid #c7c7c7; border-bottom:1px solid #c7c7c7; font-size:14px; color:#000; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; } div.C-36236-1-7480 .shopdetailInfoWrap:after { clear: both; content: ""; display: block; } div.C-36236-1-7480 .shopdetailInfoWrap { width:100%; border-bottom:1px solid #e1e1e1; font-size: 0.825em; } div.C-36236-1-7480 .shopdetailInfoWrap .shopdetailInfoTop { float:left; width:45%; } div.C-36236-1-7480 .shopdetailInfoWrap .shopdetailInfoTop figure { padding:15px 12px; border:0; } div.C-36236-1-7480 .shopdetailInfoWrap .shopdetailInfoTop figure img { width: 100%; } div.C-36236-1-7480 .shopdetailInfoWrap .shopdetailInfoValue { position: relative; float:right; width:52%; padding:15px 0; margin-right:3%; border:0; } div.C-36236-1-7480 .shopdetailInfoWrap .shopdetailInfoValue p {margin-bottom:8px;} div.C-36236-1-7480 .shopdetailInfoWrap .shopdetailInfoValue p:last-child {margin-bottom:0px;; text-align: right; } div.C-36236-1-7480 .shopdetailInfoWrap .shopdetailInfoValue .shopdetailInfoCont { width:auto; margin:0; } div.C-36236-1-7480 .shopdetailInfoWrap .shopdetailInfoValue .shopdetailInfoName { width:auto; } div.C-36236-1-7480 .shopdetailInfoWrap .shopdetailInfoValue .region {margin-left: 10px;} div.C-36236-1-7480 .shopdetailInfoWrap .shopdetailInfoSelect p { padding:0; background:none; } div.C-36236-1-7480 .shopdetailInfoWrap .shopdetailInfoSelect .shopdetailInfoCont .basic_option { width:100%; } div.C-36236-1-7480 .shopdetailInfoWrap .shopdetailInfoSelect .shopdetailInfoName { display:none; width:100%; padding:0 0 5px 0; } /* 원클릭옵션 */ div.C-36236-1-7480 .MK-oneclick-list { overflow:hidden; zoom:1; } div.C-36236-1-7480 .MK-oneclick-list:after { content: ""; display: block; clear: both; } div.C-36236-1-7480 .MK-oneclick-list li { float:left; margin: 0 5px 5px 0; list-style-type:none; } div.C-36236-1-7480 .MK-oneclick-list li a { border:1px solid #231f20; display: inline-block; border-radius: 1px; box-sizing:border-box; } div.C-36236-1-7480 .MK-oneclick-list li.MK-oneclick-sel a { border:2px solid #000000; } div.C-36236-1-7480 .MK-oneclick-list li.MK-oneclick-dis a { filter:alpha(opacity=50); -moz-opacity:.5; opacity:.5; } div.C-36236-1-7480 .MK-oneclick-list li.MK-oneclick-color.MK-oneclick-sel a { padding:1px; filter:alpha(opacity=100); -moz-opacity:1; opacity:1; } div.C-36236-1-7480 .MK-oneclick-list li a span { display: block; text-align: center; vertical-align: middle; line-height: 19px; } div.C-36236-1-7480 .MK-oneclick-list li a img { width: 100%; height:100%;} div.C-36236-1-7480 .MK-oneclick-list li.MK-oneclick-image a {height:50px;} div.C-36236-1-7480 .MK-oneclick-list li.MK-oneclick-image a img {width: auto; height: 48px;;} div.C-36236-1-7480 .MK-oneclick-list li.MK-oneclick-image.MK-oneclick-sel a img {height:46px; width: auto;} div.C-36236-1-7480 .MK-oneclick-list li.MK-oneclick-color { width:50px; height: 50px; } div.C-36236-1-7480 .MK-oneclick-list li.MK-oneclick-color a { padding: 2px; } div.C-36236-1-7480 .MK-oneclick-list li.MK-oneclick-color span { width: 44px; height: 44px; } div.C-36236-1-7480 .MK-oneclick-list li.MK-oneclick-color .mk-oo-sel span { width: 27px; height: 27px; } div.C-36236-1-7480 .MK-oneclick-list li.MK-oneclick-text .MK-oneclick-list li.MK-oneclick-text {min-width:35px; max-width:100%; height: 50px; } div.C-36236-1-7480 .MK-oneclick-list li.MK-oneclick-text a { padding: 2px; } div.C-36236-1-7480 .MK-oneclick-list li.MK-oneclick-text.MK-oneclick-sel a {padding:1px;} div.C-36236-1-7480 .MK-oneclick-list li.MK-oneclick-text span { min-width: 29px; line-height: 44px; } div.C-36236-1-7480 .MK-oneclick-list li.MK-oneclick-text .MS-oneclick-sel span { min-width: 30px; line-height: 27px; } div.C-36236-1-7480 .MK-oneclick-value { padding: 5px 0; display:block; word-break: break-all; } div.C-36236-1-7480 .MK-oneclick-only-text li.MK-oneclick-text { height: auto; } div.C-36236-1-7480 .MK-oneclick-only-text li.MK-oneclick-text span { height: auto; line-height: 19px; } div.C-36236-1-7480 .shopdetailInfoOneclick {font-size: 0.875em; padding-bottom: 10px;} div.C-36236-1-7480 .shopdetailInfoOneclick .opt-tit {display: inline-block; width: 35%; vertical-align: top; font-size: 0.875em; word-break: break-all; padding-top: 5px; } div.C-36236-1-7480 .shopdetailInfoOneclick .opt-desc {display: inline-block; width: 62%;} /* 정기배송 혜택 팝업 */ div.C-36236-1-7480 .tb-center {text-align:center;} div.C-36236-1-7480 .info-goods .goods-price ul li {position:relative;} div.C-36236-1-7480 .delivery .view-wrap {display:none; position:fixed; left:0; top:0; width:100%; height:100%; min-height:100%; background:rgba(60,60,60,0.8); z-index:999;} div.C-36236-1-7480 .delivery .view-wrap.active { display:block; } div.C-36236-1-7480 .delivery .view-wrap .layer-view {display:inline-block; position:absolute; left:50%; top:50%; transform: translate(-50%, -50%); width:290px; background:#fff;} div.C-36236-1-7480 .delivery .view-wrap h3.title {padding:8px 14px; background:#f0f0f0; font-weight:700;} div.C-36236-1-7480 .delivery .view-wrap .list {margin:18px 20px; padding:0; border:1px solid #e4e4e5; border-top:0;} div.C-36236-1-7480 .delivery .view-wrap .list dl {overflow:hidden;} div.C-36236-1-7480 .delivery .view-wrap .list dt, div.C-36236-1-7480 .delivery .view-wrap .list dd {float:left; width:33.33%; padding:5px 8px; font-size:11px; color:#000; font-weight:normal; box-sizing:border-box; text-align:right;} div.C-36236-1-7480 .delivery .view-wrap .list dt {border-top:1px solid #e4e4e5; background:#f8f8f8; text-align:center;} div.C-36236-1-7480 .delivery .view-wrap .list dd {border-top:1px solid #e4e4e5; border-left:1px solid #e4e4e5;} div.C-36236-1-7480 .delivery .view-wrap .list dd.txt {color:#ff0000;} div.C-36236-1-7480 .delivery .view-wrap p {margin:-4px 20px; padding-bottom:18px; color:#666; font-size:11px; font-weight:normal;} div.C-36236-1-7480 .delivery .view-wrap .btn-close { position:absolute; right:10px; top:5px; } /* 묶음 할인 추가 */ div.C-36236-1-7480 .bundle-wrap { margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #bbb; } div.C-36236-1-7480 .bundle-wrap.first { margin-top:20px; padding-top:20px; border-top:1px solid #bbb; } div.C-36236-1-7480 .bundle-wrap .bundle-img { display:flex; gap:25px; } div.C-36236-1-7480 .bundle-wrap .bundle-img .MS_prod_img_s {width:100px; height:100px;} div.C-36236-1-7480 .bundle-wrap p { color:#222; padding-bottom:5px; font-size:.875em; } div.C-36236-1-7480 .bundle-wrap .sub-txt { color:#999; font-size:.75em; } div.C-36236-1-7480 .bundle-wrap p.opt, div.C-36236-1-7480 .bundle-wrap .shopdetailInfoOneclick { display:flex; align-items:center; } div.C-36236-1-7480 .bundle-wrap p.opt .opt-tit, div.C-36236-1-7480 .bundle-wrap .shopdetailInfoOneclick .shopdetailInfoName { width:35%; } div.C-36236-1-7480 .bundle-wrap p.opt .txt, div.C-36236-1-7480 .bundle-wrap .shopdetailInfoOneclick .shopdetailInfoList { width:65%; } div.C-36236-1-7480 .bundle-wrap .shopdetailInfoOneclick {padding-bottom:0 !important;} div.C-36236-1-7480 .font_shopdetailEC { color:; font-size:0.75em; font-weight:normal; font-style:normal; text-decoration:none; } div.C-36236-1-7480 .font_shopdetailEE { color:#FF0000; font-size:0.75em; font-weight:normal; font-style:normal; text-decoration:line-through; } div.C-36236-1-7480 .font_shopdetailED { color:; font-size:0.75em; font-weight:normal; font-style:normal; text-decoration:none; } div.C-36236-1-7480 .font_shopdetailEG { color:; font-size:0.75em; font-weight:normal; font-style:normal; text-decoration:none; } div.C-36236-1-7480 .font_shopdetailEB { color:; font-size:0.75em; font-weight:normal; font-style:normal; text-decoration:none; } div.C-36236-1-7480 .font_shopdetailEF { color:; font-size:0.75em; font-weight:normal; font-style:normal; text-decoration:none; } div.C-36236-1-7480 .font_shopdetailV { color:; font-size:0.75em; font-weight:normal; font-style:normal; text-decoration:none; } div.C-36236-1-7480 .font_shopdetailD { color:#000000; font-size:1em; font-weight:bold; font-style:normal; text-decoration:none; } div.C-36236-1-7480 .font_shopdetailC { color:#FF0000; font-size:0.875em; font-weight:normal; font-style:normal; text-decoration:line-through; } div.C-36236-1-7480 .font_shopdetailE { color:#FF0000; font-size:1em; font-weight:normal; font-style:normal; text-decoration:none; } div.C-36236-1-7480 .shopdetailInfoTit { color:#000000; font-size:0.938em; font-weight:normal; font-style:normal; text-decoration:none; } div.C-36236-1-7480 .font_shopdetailEA { color:; font-size:0.75em; font-weight:normal; font-style:normal; text-decoration:none; } div.C-36236-1-7480 { margin:0px 0px 10px 0px; padding:0px 0px 0px 0px; background:repeat left top; border-top:0px solid ; border-right:0px solid ; border-bottom:0px solid ; border-left:0px solid ; } .normal-option{width:100% !important;margin:0 !important;padding:0 !important;border:0 !important;outline:0 !important;background:transparent !important;box-shadow:none !important;box-sizing:border-box !important} .normal-option>p{display:block !important;width:100% !important;margin:0 !important;padding:0 !important;border:0 !important;background:transparent !important;box-shadow:none !important;box-sizing:border-box !important} .normal-option>p>.opt-tit{display:none !important} .normal-option>.add-option-title{display:none !important} .normal-option .opt-desc,.normal-option .box-select,.normal-option .opt-desc.box-select{display:block !important;width:100% !important;height:0 !important;min-height:0 !important;margin:0 !important;padding:0 !important;border:0 !important;background:transparent !important;box-shadow:none !important;overflow:hidden !important;box-sizing:border-box !important} .normal-option .box-select::before,.normal-option .box-select::after,.normal-option .opt-desc::before,.normal-option .opt-desc::after{display:none !important;content:none !important} .normal-option select.basic_option,.normal-option select.addition_option{position:absolute !important;left:-99999px !important;top:auto !important;width:1px !important;height:1px !important;margin:0 !important;padding:0 !important;opacity:0 !important;pointer-events:none !important;overflow:hidden !important;border:0 !important;appearance:none !important;-webkit-appearance:none !important} .uf-option-ui{display:block;width:100%;margin:0;padding:0;border:0;background:transparent;box-shadow:none;box-sizing:border-box} .uf-option-head{display:flex;align-items:center;justify-content:flex-start;width:100%;gap:0;margin:0 0 12px 0;padding:0;box-sizing:border-box} .uf-option-title{flex:0 0 auto;margin:0;padding:0;font-size:0;line-height:1.4;font-weight:700;color:#111} .uf-option-title::after{content:"내 옵션 고르기";font-size:14px;line-height:1.4;font-weight:700;color:#111} .uf-option-selection{display:none !important} .uf-option-group{display:block;width:100%;margin:0 0 10px 0;padding:0;box-sizing:border-box} .uf-option-group:last-child{margin-bottom:0} .uf-option-buttons{display:grid;width:100%;gap:7px;margin:0;padding:0;box-sizing:border-box} .uf-option-btn{display:flex;align-items:center;justify-content:center;gap:4px;width:100%;min-width:0;height:42px;min-height:42px;margin:0;padding:7px 5px;border:1px solid #d9dee5;border-radius:6px;background:#fff;color:#111;font-family:inherit;font-size:13px;line-height:1.25;font-weight:400;text-align:center;white-space:nowrap;box-sizing:border-box;appearance:none;-webkit-appearance:none;cursor:pointer;transition:border-color .15s ease,background-color .15s ease,color .15s ease} .uf-option-btn:hover{border-color:#999} .uf-option-btn.is-selected{padding:6px 4px;border:2px solid #111;background:#fff;color:#111;font-weight:700} .uf-option-btn.is-soldout,.uf-option-btn.is-temp-soldout{border-color:#e5e5e5 !important;background:#f6f6f6 !important;color:#aaa !important;cursor:not-allowed !important} .uf-option-btn.is-soldout:hover,.uf-option-btn.is-temp-soldout:hover{border-color:#e5e5e5 !important} .uf-option-status{display:inline-block;flex:0 0 auto;margin-left:2px;font-size:10px;line-height:1;font-weight:500;white-space:nowrap} .uf-option-btn.is-soldout .uf-option-status{color:#999} .uf-option-btn.is-temp-soldout .uf-option-status{color:#999} .uf-option-btn.is-delay{cursor:pointer} .uf-option-btn.is-delay .uf-option-status{color:#c87500;font-weight:600} .uf-color-dot{display:inline-block;flex:0 0 auto;width:11px;height:11px;margin:0 3px 0 0;border:1px solid rgba(0,0,0,.15);border-radius:50%;box-sizing:border-box} .uf-addition-ui{display:block;width:100%;margin:20px 0 0 0;padding:10px 0 0 0;border:0;border-top:1px solid #eee;background:transparent;box-shadow:none;box-sizing:border-box} .uf-addition-title{display:block;width:100%;margin:0 0 12px 0;padding:0;font-size:14px;line-height:1.4;font-weight:700;color:#111} .uf-addition-buttons{display:grid;width:100%;gap:7px;margin:0;padding:0;box-sizing:border-box} .uf-addition-btn{min-width:0;height:44px;padding-left:5px;padding-right:5px;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} @media screen and (max-width:480px){.uf-option-buttons,.uf-addition-buttons{gap:5px} .uf-option-btn{height:40px;min-height:40px;padding-left:3px;padding-right:3px;font-size:12px} .uf-option-btn.is-selected{padding-left:2px;padding-right:2px} .uf-color-dot{width:10px;height:10px;margin-right:2px} .uf-option-status{font-size:9px} .uf-addition-btn{font-size:11px} } .info-goods .goods-price{margin:0;padding:0} .info-goods .goods-price ul{margin:0;padding:0;list-style:none} .info-goods .goods-price li{margin:0;padding:0} .info-goods .consumer_tit,.info-goods .sell_tit{display:none !important} .info-goods .goods-price li:first-child{display:flex;align-items:center;gap:5px;margin-bottom:3px} .info-goods .price_consumer{width:auto !important;font-size:12px !important;line-height:1.3;color:#999 !important;text-decoration:line-through} .info-goods .font_shopdetailV{font-size:11px !important;line-height:1.3;color:#e33} .info-goods .price_li{display:block;margin:0 !important;padding:0 !important} .info-goods .price_li .price-desc{display:inline-flex;align-items:baseline;width:auto !important;color:#000 !important;font-size:28px !important;line-height:1.15 !important;font-weight:800 !important;letter-spacing:-0.7px} .info-goods .uf-sale-number{font-size:28px;font-weight:800} .info-goods .uf-sale-won{margin-left:2px;font-size:12px;line-height:1;font-weight:500;letter-spacing:0} .info-goods .point{margin:0;padding-bottom:20px !important} .info-goods .point p{display:flex;align-items:center;margin:0;padding:0;font-size:12px;line-height:1.4} .info-goods .point .reserve_tit{display:inline-block;width:10% !important;min-width:42px;margin:0;padding:0;font-size:12px;font-weight:400;color:#333} .info-goods .point .price-desc{width:auto !important;margin:0;padding:0;font-size:12px;color:#333} @media screen and (max-width:480px){.info-goods .price_li .price-desc,.info-goods .uf-sale-number{font-size:40px !important} .info-goods .uf-sale-won{font-size:11px} } .info-goods .goods-price ul li{padding-bottom:0 !important} .info-goods .goods-price ul li:first-child{margin-bottom:0 !important;padding-bottom:0 !important} .shopdetailInfoTit{border-bottom:0 !important;margin-top:0px !important; padding-top:10px !important;} .shopdetailInfoWrap{display:grid !important;grid-template-columns:40% 55% !important;justify-content:space-between;align-items:start;width:100%;box-sizing:border-box} .shopdetailInfoTop{width:100% !important;margin:0 !important;padding:0 !important;box-sizing:border-box} .shopdetailInfoTop figure{width:100% !important;margin:0 !important;padding:0 !important;box-sizing:border-box} .shopdetailInfoTop figure a{display:block;width:100%} .shopdetailInfoTop img,.shopdetailInfoTop .response100{display:block;width:100% !important;max-width:100% !important;height:auto !important;object-fit:contain;margin:0 !important} .shopdetailInfoValue{width:100% !important;margin:0 !important;padding:0 !important;box-sizing:border-box} .shopdetailInfoSelect .shopdetailInfoName{display:none !important} .shopdetailInfoSelect .shopdetailInfoCont.box-select{display:block !important;width:100% !important;height:0 !important;min-height:0 !important;margin:0 !important;padding:0 !important;border:0 !important;background:transparent !important;overflow:hidden !important} .shopdetailInfoSelect .box-select::before,.shopdetailInfoSelect .box-select::after{display:none !important;content:none !important} .shopdetailInfoSelect select.basic_option{position:absolute !important;left:-99999px !important;width:1px !important;height:1px !important;opacity:0 !important;pointer-events:none !important} .shopdetailInfoSelect>p{margin:0 !important;padding:0 !important;height:0 !important;min-height:0 !important;overflow:hidden !important} .uf-extra-option-ui{width:100%;margin:10px 0 0 0;padding:0;box-sizing:border-box} .uf-extra-option-buttons{display:grid;width:100%;gap:6px;margin:0;padding:0;box-sizing:border-box} .uf-extra-option-buttons .uf-option-btn{width:100%;min-width:0;height:40px;min-height:40px;padding:6px 4px;font-size:12px;white-space:nowrap;overflow:hidden;box-sizing:border-box} .uf-extra-option-buttons .uf-option-btn.is-delay{cursor:pointer} .uf-extra-option-buttons .uf-option-btn.is-delay .uf-option-status{color:#c87500;font-size:9px;font-weight:600} .uf-extra-option-buttons .uf-option-btn.is-soldout,.uf-extra-option-buttons .uf-option-btn.is-temp-soldout{border-color:#e5e5e5 !important;background:#f6f6f6 !important;color:#aaa !important;cursor:not-allowed !important} @media screen and (max-width:480px){.shopdetailInfoWrap{grid-template-columns:40% 55% !important} .uf-extra-option-buttons{gap:5px} .uf-extra-option-buttons .uf-option-btn{height:38px;min-height:38px;padding-left:2px;padding-right:2px;font-size:11px} } .shopdetailInfoWrap{padding-bottom:20px !important} .normal-option-price{padding:25px 00px 10px 00px !important} .uf-option-title{margin-top:20px} #info-goods-all .info-goods .point{display:block !important;visibility:visible !important;opacity:1 !important;width:100% !important;margin:3px 0 0 0 !important;padding:0 !important;height:auto !important;min-height:0 !important;overflow:visible !important} #info-goods-all .info-goods .point p{display:flex !important;align-items:center !important;width:100% !important;margin:0 !important;padding:0 !important;font-size:12px !important;line-height:1.4 !important} #info-goods-all .info-goods .point .reserve_tit{display:inline-block !important;width:auto !important;min-width:42px !important;margin:0 6px 0 0 !important;padding:0 !important;font-size:12px !important;font-weight:400 !important;color:#333 !important} #info-goods-all .info-goods .point .price-desc{display:inline-block !important;width:auto !important;margin:0 !important;padding:0 !important;font-size:12px !important;font-weight:400 !important;color:#333 !important} .MK_inner-opt-cm>li{position:relative}.MK_qty-ctrl{display:flex!important;align-items:center!important;gap:4px!important}.MK_qty-ctrl input[type="tel"]{order:2!important;width:32px!important;height:26px!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important;box-shadow:none!important;text-align:center!important;font-size:13px!important;color:#111!important;float:none!important}.MK_qty-ctrl a{display:flex!important;align-items:center!important;justify-content:center!important;width:22px!important;height:22px!important;margin:0!important;padding:0!important;border:1px solid #e1e1e1!important;border-radius:3px!important;background:#fff!important;box-shadow:none!important;text-decoration:none!important;float:none!important;font-size:0!important}.MK_qty-ctrl a[href*="'down'"]{order:1!important}.MK_qty-ctrl a[href*="'up'"]{order:3!important}.MK_qty-ctrl a span{display:none!important}.MK_qty-ctrl a[href*="'down'"]::before{content:"−";font-size:14px;color:#555;line-height:1}.MK_qty-ctrl a[href*="'up'"]::before{content:"+";font-size:14px;color:#555;line-height:1}.MK_inner-opt-cm .MK_btn-del{position:absolute!important;top:8px!important;right:4px!important;width:20px!important;height:20px!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;text-decoration:none!important;font-size:0!important;z-index:2}.MK_inner-opt-cm .MK_btn-del img{display:none!important}.MK_inner-opt-cm .MK_btn-del::before{content:"×";display:block;font-size:22px;font-weight:300;line-height:18px;color:#777;text-align:center}.MK_inner-opt-cm .MK_btn-del:hover::before{color:#111} .MK_qty-ctrl{margin-left:-16px!important} .uf-selected-product-name{display:block;margin:0 0 3px;font-size:13px;line-height:1.35;font-weight:700;color:#111} /* 추가 구성 상품 영역 왼쪽 여백 제거 */ .shopdetailInfoTit{padding-left:0!important} /* "추가 구성 상품" 제목을 "내 옵션 고르기"와 동일하게 */ .shopdetailInfoTit{font-size:14px!important;font-weight:700!important} /* 추가 구성상품 상품명 */ .shopdetailInfoprdName, .shopdetailInfoprdName .shopdetailInfoCont{font-size:1em!important;font-weight:500} /* 추가 구성상품 가격 숫자 */ .shopdetailInfoValue .font_shopdetailED{font-weight:500;font-size:1em!important;} /* 가격 뒤의 "원"만 작게 */ .shopdetailInfoValue p .shopdetailInfoCont{font-size:.75em} /* 단, 숫자 자체는 다시 1em 유지 */ .shopdetailInfoValue p .shopdetailInfoCont .font_shopdetailED{font-size:1.3333em!important} .uf-option-ui { padding-bottom: 20px; border-bottom: 1px solid #c7c7c7;} .uf-addition-ui { margin-top: 15px; padding-top: 0px; border-top: 0px;} .uf-addition-buttons{ padding-bottom: 20px; border-bottom: 1px solid #c7c7c7;} .shopdetailInfoTit { border-top: 0px !important; } .shopdetailInfoWrap {border-bottom: 1px solid #c7c7c7 !important;} .normal-option-price{display:flex!important;align-items:baseline!important;width:100%!important;padding:25px 0 10px!important;text-align:left!important;box-sizing:border-box!important;font-weight:700!important}.normal-option-price .option-total-price{margin-left:auto!important;margin-right:3px!important}.normal-option-price .MK_total{font-size:1.4em!important;font-weight:700!important;color:#f22!important} /* 옵션 결과 가격 원 표시 */ .MK_price .uf-price-won{margin-left:1px;font-size:.85em;font-weight:400!important} /* ==================== 추가 구성 상품 제목 변경 ==================== */ .shopdetailInfoTit{font-size:0!important} .shopdetailInfoTit::after{content:"함께 구매하면 좋은 상품";font-size:14px!important;line-height:1.4!important;font-weight:700!important;color:#111!important} /* ==================== 추가 옵션 제목 변경 ==================== */ .uf-addition-title{font-size:0!important} .uf-addition-title::after{content:"+ 추가 옵션 선택 (추가 구매를 원하시면 선택하세요)";font-size:14px!important;line-height:1.4!important;font-weight:700!important;color:#111!important} div.C-36236-1-7481 { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background:repeat left top; border-top:0px solid ; border-right:0px solid ; border-bottom:0px solid ; border-left:0px solid ; } div.C-36236-1-7487 .btn-groups { position: relative; padding: 10px; } div.C-36236-1-7487 .btn-groups .clearfix li { float: left; text-align: center; height: 50px; line-height: 50px; margin-bottom: 5px; } div.C-36236-1-7487 .btn-groups .clearfix li a { display: block; font-size: 1.250em; color: #333; } div.C-36236-1-7487 .btn-groups .clearfix li a i { font-style: normal; margin-right: 5px; } div.C-36236-1-7487 .btn-groups .clearfix .row-large { width: 100%; } div.C-36236-1-7487 .btn-groups .clearfix .row-large a { color: #fff; background-color: #333; } div.C-36236-1-7487 .btn-groups .clearfix .row-middle { width: 48%; border: 1px solid #333; } div.C-36236-1-7487 .btn-groups .clearfix .row-right { float: right; } div.C-36236-1-7487 .is_soldout {font-size:0.875em; padding: 10px 0 10px; box-sizing: border-box; background-color: #F1F6FF; text-align: center;} div.C-36236-1-7487 .is_stop_order {clear:both; font-size:0.875em; padding: 10px 0;} div.C-36236-1-7487 .nosell ul .words {padding:10px 0 10px; width:100%; text-align:center; font-size:0.875em; box-sizing: border-box; background-color: #F1F6FF;} div.C-36236-1-7487 .btn-center {padding: 10px 10px 20px 10px; overflow: hidden;} div.C-36236-1-7487 .btn-center .soldout_area {float: right; margin-bottom: 10px;} div.C-36236-1-7487 .btn-center .soldout_area .btn_soldout_anchor {display:block; float:right; padding:0; margin:0 0 0 5px;} div.C-36236-1-7487 .btn-center .soldout_area .btn_soldout_anchor span {display:inline-block; -webkit-box-shadow:none; box-shadow: none;} div.C-36236-1-7487 .btn-center .soldout_area .soldout_once {display: inline-block; float: left; margin-left: 5px;} div.C-36236-1-7487 .btn-center ul {width: 100%; overflow: hidden;} /* 선물하기 */ div.C-36236-1-7487 .btn-center ul li.w100p { width:100%; height:55px; } div.C-36236-1-7487 .btn-center ul li.w100p .btnTyC { border: 1px solid #333; display: flex; align-items: center; justify-content: center; margin: 5px 0 0 0; } div.C-36236-1-7487 .btn-center ul li.w100p .btnTyC .fa-gift { display: inline-flex; align-items: center; justify-content: center; margin-right: 3px; font-size: 16px; } div.C-36236-1-7487 .btn-groups .clearfix .row-middle i { color:#333333; } div.C-36236-1-7487 .btn-groups .clearfix .row-right i { color:#333333; } div.C-36236-1-7487 .btn-groups .clearfix li a { background-color:#FFFFFF; color:#333333; } div.C-36236-1-7487 .btn-groups .clearfix .row-large a { background-color:#333333; color:#FFFFFF; } div.C-36236-1-7487 .btn-groups .clearfix .row-middle { border-color:#333333; } div.C-36236-1-7487 { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background:repeat left top; border-top:0px solid ; border-right:0px solid ; border-bottom:0px solid ; border-left:0px solid ; } /* ========================= 구매버튼 한글화 + 크기 유지 ========================= */ /* ------------------------- 공통 기본 설정 ------------------------- */ #btn-group-01 .MS-buy-log > span, #btn-group-01 #cartBtn > span:last-child, #btn-group-01 #wishBtn > span:last-child { position: relative; color: transparent !important; line-height: 1 !important; } /* ------------------------- BUY NOW → 구매하기 ------------------------- */ #btn-group-01 .MS-buy-log > span { font-size: 18px !important; } #btn-group-01 .MS-buy-log > span::after { content: "구매하기"; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); color: #fff; font-size: 18px; line-height: 1; white-space: nowrap; } /* ------------------------- CART / WISH 공통 정렬 ------------------------- */ #btn-group-01 #cartBtn, #btn-group-01 #wishBtn { display: flex !important; align-items: center !important; justify-content: center !important; } /* 아이콘 */ #btn-group-01 #cartBtn i, #btn-group-01 #wishBtn i { position: static !important; display: inline-block !important; margin-right: 7px !important; flex: 0 0 auto !important; } /* 장바구니 아이콘만 왼쪽 여백 추가 */ #btn-group-01 #cartBtn i { margin-left: 7px !important; } /* 아이콘 크기 */ #btn-group-01 #cartBtn i, #btn-group-01 #wishBtn i, #btn-group-01 #cartBtn i span, #btn-group-01 #wishBtn i span { font-size: 16px !important; } /* CART / WISH 원래 영문 텍스트 영역 */ #btn-group-01 #cartBtn > span:last-child, #btn-group-01 #wishBtn > span:last-child { position: relative !important; display: inline-block !important; font-size: 15px !important; color: transparent !important; line-height: 1 !important; } /* ------------------------- CART → 장바구니 ------------------------- */ #btn-group-01 #cartBtn > span:last-child { width: 64px !important; flex: 0 0 64px !important; } #btn-group-01 #cartBtn > span:last-child::after { content: "장바구니"; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 64px; color: #333; font-size: 15px; line-height: 1; text-align: left; white-space: nowrap; } /* ------------------------- WISH → 찜하기 ------------------------- */ #btn-group-01 #wishBtn > span:last-child { width: 48px !important; flex: 0 0 48px !important; } #btn-group-01 #wishBtn > span:last-child::after { content: "찜하기"; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 48px; color: #333; font-size: 15px; line-height: 1; text-align: left; white-space: nowrap; } div.C-36236-1-7488 { margin:0px 0px 60px 0px; padding:0px 0px 0px 0px; background:repeat left top; border-top:0px solid ; border-right:0px solid ; border-bottom:0px solid ; border-left:0px solid ; } /* 네이버페이 전체 컨테이너 */ #nhn_btn { width: 100% !important; } /* 네이버페이 본체 */ #nhn_btn .npay_type_MA_1 { width: 96% !important; max-width: none !important; box-sizing: border-box !important; } .detailTab {margin:50px auto 6px auto; border-bottom:1px solid #000000; width:100% ;} .detailTab:after {content:""; display:block; clear:both;} .detailTab ul { font-size:0; } .detailTab ul li { display:inline-block; width:25%; text-align:center; line-height:40px; font-size:12px; } .detailTab ul li a { color:#a9a9a9; font-weight:500; } .detailTab ul li.selected a, .detailTab ul li a:hover {color:#000; font-weight:bold;} div.C-36236-1-7491 { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background:repeat left top; border-top:0px solid ; border-right:0px solid ; border-bottom:0px solid ; border-left:0px solid ; } .bt-button {bottom: 60px !important;} .layer_preview {bottom:56px !important;} .shopdetail #quickBy .btn-order { bottom: 5px; width: 48%; font-size: 15px; font-weight: bold; color: #fff; height: 38px; line-height: 38px; padding: 0; margin: 0; border-radius: 3px; background-color: #313131; text-align: center; float: left; } .shopdetail #quickBy .btn-cart { bottom: 5px; width: 48%; font-size: 15px; font-weight: bold; color: #fff; height: 38px; line-height: 38px; padding: 0; margin: 0; border-radius: 3px; background-color: #656565; text-align: center; float: right;} .shopdetail #quickBy .btn-gift { display: inline-flex; justify-content: center; align-items: center; width: 100%; font-size: 15px; font-weight: bold; color: #000; height: 32px; padding: 0; margin: 5px 0 0; border-radius: 3px; background-color: #fff; text-align: center; border: 1px solid #656565; box-sizing: border-box; } /* 선물하기 추가 */ .shopdetail #quickBy .btn-gift i { margin-right: 3px; color: #333; font-size: 19px; } /* 선물하기 추가 */ .shopdetail #quickBy .btn-order-fake { display: block; font-size: 18px; font-weight: bold; height: 35px; line-height: 35px; text-align: center; margin: 0; padding: 0; } .shopdetail #quickBy .quick-toggle span:after { font-weight: bold; font-size: 18px; color: #fff; } /* 상품상세 퀵 바이 기능 */ .shopdetail #quickBy { display: none; } .shopdetail #quickBy.fixed { display: block; position: fixed; left: 0; bottom: 0; width: 100%; z-index: 10; box-sizing: border-box; box-shadow: 0 0 7px 1px #A5A5A5; } .shopdetail #quickBy .quick-toggle { display: block; position: absolute; top: -26px; left: 50%; width: 70px; margin-left: -35px; border-radius: 4px 4px 0 0; z-index: 11; background: none; } .shopdetail #quickBy .quick-toggle span { text-align: center; display: block; position: absolute; top: 5px; left: 0; background-color: #2D2D2D; border-radius: 5px 5px 0 0; border: 1px solid #000; border-bottom: none; width: 70px; height: 20px; line-height: 20px; } .shopdetail #quickBy.toggle-on {background-color: #fff;} .shopdetail #quickBy.toggle-off .quick-toggle span:after { content: '∧' } .shopdetail #quickBy.toggle-on .quick-toggle span:after { content: '∨' } .shopdetail #quickBy .wrap { position: static; width: 100%; margin: 0 auto; } .shopdetail #quickBy.toggle-off .btn-order-fake { display: block; } .shopdetail #quickBy.toggle-off .btn-order, .shopdetail #quickBy.toggle-off .btn-cart, .shopdetail #quickBy.toggle-off .btn-gift { display: none; } /* 선물하기 추가 */ .shopdetail #quickBy.toggle-on .btn-order-fake { display: none; } .shopdetail #quickBy.toggle-on .btn-order, .shopdetail #quickBy.toggle-on .btn-cart { display: block; } .shopdetail .quickby-wrap #info-goods-all { position: fixed; bottom: 50px; z-index: 11; width: 100%; background-color: #fff; overflow: auto; box-sizing: border-box; padding-top: 10px; -webkit-overflow-scrolling: touch;} .shopdetail .quickby-wrap #info-goods-all .info-goods .point { display: none; } .shopdetail .quickby-wrap #info-goods-all .info-goods .info-tab { display: none; } .shopdetail .quickby-wrap #info-goods-all .normal-option { margin-bottom: 0;} .shopdetail .quickby-wrap #info-goods-all .normal-option-price { background-color: #fff; } .shopdetail .quickby_simplepay { position: fixed; z-index: 11; width: 100%; } /* 퀵 바이 type03 */ .shopdetail #quickBy .btn-order-fake { height: 40px; line-height: 40px; } .shopdetail #quickBy.toggle-off .btn-coupon, .shopdetail #quickBy.toggle-off .btn-rev, .shopdetail #quickBy.toggle-off .btn-qcart, .shopdetail #quickBy.toggle-off .btn-qna { display: block; } .shopdetail #quickBy.toggle-on .btn-coupon, .shopdetail #quickBy.toggle-on .btn-rev, .shopdetail #quickBy.toggle-on .btn-qcart, .shopdetail #quickBy.toggle-on .btn-qna { display: none; } .shopdetail #quickBy.toggle-on { border-top: 1px solid #374140; padding: 0 10px; } .shopdetail #quickBy.toggle-off { padding:0; border-top:0 none; background:#2a2c2b; } .shopdetail #quickBy.toggle-on .quick-toggle { margin-left:-35px; } .shopdetail #quickBy.toggle-off .quick-toggle { margin-left:-11px; } .shopdetail #quickBy.qtype-03 .quick-toggle span { top:12px; height:14px; line-height:14px; border-radius:15px 15px 0 0; background-color: #2a2c2b; border:0 none; } .shopdetail #quickBy.qtype-03 .quick-toggle span:after { font-size:15px; } .shopdetail #quickBy.qtype-03 .btn-order-fake { float:left; width:35%; vertical-align:top; font-weight:normal; font-size:14px; color: #fff; } .shopdetail #quickBy.qtype-03 .btn-coupon, .shopdetail #quickBy.qtype-03 .btn-qcart { float:left; width:15%; vertical-align:top; font-size:12px; } .shopdetail #quickBy.qtype-03 .btn-coupon span, .shopdetail #quickBy.qtype-03 .btn-qcart span { display:block; height:40px; font-size: 0; background:#2a2c2b url('/images/d3/m_powerpack/49/shop_design/coupon.png') no-repeat center center; background-size:17px 15px; } .shopdetail #quickBy.qtype-03 .btn-qcart span { display:block; height:40px; font-size: 0; background:#2a2c2b url('/images/d3/m_powerpack/49/shop_design/cart_2.png') no-repeat center center; background-size:16.5px 20px; } .shopdetail #quickBy.qtype-03 .btn-rev { float:left; width:25%; vertical-align:top; text-align:center; font-size:12px; color: #fff; } .shopdetail #quickBy.qtype-03 .btn-rev span { display:block; height:40px; line-height:40px; background:#374140; } .shopdetail #quickBy.qtype-03 .btn-qna { float:left; width:25%; vertical-align:top; text-align:center; font-size:12px; color: #fff; } .shopdetail #quickBy.qtype-03 .btn-qna span { display:block; height:40px; line-height:40px; background:#374140; } /* 쿠폰 리스트 */ #quick-coupon-container { display:none; position:absolute; width:100%; height:100%; background:rgba(1,1,1,0.5); z-index:1001; top:0px; left:0px; } #quick-coupon-container .couponlist-container{ position: fixed; padding-top: 20px; display: -webkit-box; -webkit-box-pack: center; -webkit-box-align: center; width: 100%; } #quick-coupon-container .couponlist-container .couponlist-contents{ width:90%; background:#fff; border: 2px solid #A1A1A1; box-shadow: 0px 0px 15px 0px #303030; } #quick-coupon-container .couponlist-title{ border-bottom:1px solid #ccc; } #quick-coupon-container .couponlist-title b{ text-align: left; padding-left:10px; height:50px; line-height:50px; font-size:1em; font-weight:bold; color:#464646; } #quick-coupon-container .couponlist-total-price{ padding: 20px; text-align: center; font-size: 0.875em; background-color: #f5f5f5; max-height: 300px; overflow: auto; -webkit-overflow-scrolling: touch; } #quick-coupon-container .couponlist-total-price span{ font-size: 1em; color: #FFAE00; font-weight: bold; padding: 0 5px; } #quick-coupon-container .cupon-issue-pop { margin:0; overflow:hidden; } #quick-coupon-container .cupon-issue-pop .cupon-tit { position:relative; text-align:center; background:#3D3D3D; line-height:22px; color:#fff; font-size:1em; } #quick-coupon-container .cupon-issue-pop .cupon-tit span { left:0; bottom:6px; width:100%; text-align:center; } #quick-coupon-container .cupon-issue-pop .cupon-tit span img { width:62px; height:14px; } #quick-coupon-container .cupon-issue-pop .cupon-txt { height:63px; border:1px solid #999999; border-top: 2px dotted #696969; background:#fff; text-align:left; } #quick-coupon-container .cupon-issue-pop .overflow { box-shadow: 0px 1px 2px 0px #696969; border-radius: 3px; margin-bottom:5px; } #quick-coupon-container .cupon-issue-pop table { width:100%; height:65px; } #quick-coupon-container .cupon-issue-pop table td { color:#3C3C3C; vertical-align:middle; font-size:0.75em; } #quick-coupon-container .cupon-issue-pop table td p { padding:2px 0 2px 9px; margin-left:10px; background:url('/images/d3/m_powerpack/32/bull/bul_bg_gray01.gif') no-repeat 0 center; background-size:3px 3px; } #quick-coupon-container #coupon-pop-btn img { max-width: 100%; height: auto; } #quick-coupon-container .couponlist-close {position:absolute; top: 32px; right: 35px;} #quick-coupon-container .couponlist-close-btn {font-size: 1.25em; color: #999999;} #quick-coupon-container .btnTycoupon {display:block; border: 1px solid #525252; text-align:center; padding-right:25px; padding-left:25px; margin-top:10px; color:#333; font-size:0.875em; height:31px; line-height:32px;border-radius: 3px; box-shadow: 0px 1px 2px 0px #696969;} div.C-36236-1-7496 { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background:repeat left top; border-top:0px solid ; border-right:0px solid ; border-bottom:0px solid ; border-left:0px solid ; } .shopdetail #quickBy.toggle-off .quick-toggle { margin-left:-35px; } .shopdetail #quickBy.toggle-off {color: #fff;} .shopdetail #quickBy.toggle-off {padding:0; border-top:0 none; background:#00ff0000; } .shopdetail #quickBy .quick-toggle span {text-align: center;display: block;position: absolute;top: 5px;left: 0;background-color: #ff999a;border-radius: 5px 5px 0 0;border: 1px solid #ff999a;border-bottom: none;width: 70px;height: 20px;line-height: 20px;} .shopdetail #quickBy.qtype-01 .quick-toggle span {top:12px;height:14px;line-height:14px;border-radius:15px 15px 0 0;background-color: #ff999a;border:0 none;} .shopdetail #quickBy.qtype-01 .btn-qcart s pan {display:block;height:40px;border-right: 1px solid #f74f4f;font-size: 0;background:url('/images/d3/m_powerpack/49/shop_design/cart_2.png') no-repeat center center;background-size:16.5px 20px;} .shopdetail #quickBy.qtype-01 .btn-wish span {display:block;height:40px;border-left: 1px solid #f74f4f;font-size: 0;background:url('/images/d3/m_powerpack/49/shop_design/wish.png') no-repeat center center;background-size:17px 15px;} .shopdetail #quickBy.qtype-03 .quick-toggle span { top:12px; height:14px; line-height:14px; border-radius:15px 15px 0 0; /* background-color: #2a2c2b; */ border:0 none; } .shopdetail #quickBy.qtype-03 .btn-rev { float: left; width: 25%; vertical-align: top; text-align: center; font-size: 12px; color: #fff;} .shopdetail #quickBy.qtype-03 .btn-order-fake { float: left; width: 50%; vertical-align: top; font-weight: bolder; font-size: 14px; color: #000000; background-color: #2aff00;} .shopdetail #quickBy.qtype-03 .btn-qna { float: left; width: 25%; vertical-align: top; text-align: center; font-size: 12px; color: #fff;} .shopdetail #quickBy.qtype-03 .btn-coupon, .shopdetail #quickBy.qtype-03 .btn-qcart { float: left; width: 0; vertical-align: top; font-size: 12px;} .shopdetail #quickBy.qtype-03 .btn-qcart span { display: block; height: 40px; font-size: 0; background: #ff999a url(/images/d3/m_powerpack/49/shop_design/cart_2.png) no-repeat center center; background-size: 16.5px 20px;} .shopdetail #quickBy.qtype-03 .quick-toggle span { top: 12px; height: 14px; line-height: 14px; border-radius: 15px 15px 0 0; background-color: #2aff00; border: 0 none;} .shopdetail #quickBy.qtype-03 .btn-rev span { display: block; height: 40px; line-height: 40px; background: #ff000; opacity:0.8;} .shopdetail #quickBy.qtype-03 .btn-qna span { display: block; height: 40px; line-height: 40px; background: #ff000; opacity:0.8;} .shopdetail #quickBy.qtype-03 .btn-order-fake {float: left;width: 50%;vertical-align: top;font-weight: bolder;font-size: 14px;color: #000000;background-color: #2aff00;opacity: 0.9;} .shopdetail #quickBy.qtype-03 .quick-toggle span {top: 12px;height: 14px;line-height: 14px;border-radius: 15px 15px 0 0;background-color: #2aff00;border: 0 none;opacity: 0.9;} .shopdetail #quickBy .quick-toggle { display: block; position: absolute; top: -26px; left: 50%; width: 70px; margin-left: -35px; border-radius: 4px 4px 0 0; z-index: 11; background: none;} .shopdetail #quickBy {border-top: 1px solid #ff999a;} .shopdetail #quickBy .btn-order {bottom: 5px;width: 48%;font-size: 15px;font-weight: bold;color: #fff;height: 38px;line-height: 38px;padding: 0;margin: 0;border-radius: 3px;background-color: #2aff00;text-align: center;float: left;} /* 쿠폰 style 기능 설정 관련 */ div.C-36236-1-7498 .cupon-issue {margin:0; overflow: initial;} div.C-36236-1-7498 .cupon-issue .overflow {margin-top:0; border: 1px solid #8B8B8B;border-radius: 3px; box-shadow: 0 1px 3px 0 #BDBDBD;} div.C-36236-1-7498 .cupon-issue .cupon-tit {position:relative; text-align:center; line-height:22px; padding-top:12px; color:#fff; font-size:1em; float:left; width: 97px; height: 53px; border: none; border-right:none; background: #525252;} div.C-36236-1-7498 .cupon-issue .cupon-tit span {position:absolute; left:0; bottom:6px; width:100%; text-align:center;font-weight: bold; font-size:0.875em; color: #FFF200;} div.C-36236-1-7498 .cupon-issue .cupon-tit span img {width:62px; height:14px;} div.C-36236-1-7498 .cupon-issue .cupon-txt {height: 65px; margin-left: 97px; border-left: 2px dotted #9C9C9C; background: #F7F7F7; text-align:left; border-top: none; border-bottom: none; border-right: none;} div.C-36236-1-7498 .cupon-issue .overflow:first-child {margin-bottom: 5px;} div.C-36236-1-7498 .cupon-issue table {width:100%; height:65px;} div.C-36236-1-7498 .cupon-issue table td {color: #353535; vertical-align:middle; font-size:0.75em;} div.C-36236-1-7498 .cupon-issue table td p {padding:2px 0 2px 9px; margin-left:5px; background: none;} div.C-36236-1-7498 .cupon-issue .image_src {max-width: 100%;} div.C-36236-1-7498 .cupon-issue .overflow { border:0px solid ; } div.C-36236-1-7498 .cupon-issue .cupon-txt { background-color:; border-left:0px solid ; } div.C-36236-1-7498 .cupon-issue table td p { color:; } div.C-36236-1-7498 .cupon-issue .cupon-tit span { color:; } div.C-36236-1-7498 .cupon-issue .cupon-tit { color:; background-color:; } div.C-36236-1-7498 { margin:0px 0px 0px 0px; padding:10px 0px 0px 0px; background:repeat left top; border-top:0px solid ; border-right:0px solid ; border-bottom:0px solid ; border-left:0px solid ; } div.C-13906-1-24 { text-align: center;} div.C-13906-1-24 .cupon-issue .overflow { margin-top: 0; border: 0px solid #8B8B8B; border-radius: 3px; box-shadow: 0 0px 0px 0 #BDBDBD; } div.C-36236-1-7499 { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background:repeat left top; border-top:0px solid ; border-right:0px solid ; border-bottom:0px solid ; border-left:0px solid ; } div.C-36236-1-7501 table { width:100%; border-collapse:collapse; } div.C-36236-1-7501 table td { text-align:center; width:100%; border:1px solid #FFFFFF; } div.C-36236-1-7501 table td img { max-width:100%; } div.C-36236-1-7501 { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background:repeat left top; border-top:0px solid ; border-right:0px solid ; border-bottom:0px solid ; border-left:0px solid ; } div.C-36236-1-7502 .goods-detail {text-align: center; font-size: 0.875em; color: #666;} div.C-36236-1-7502 .goods-detail table {width:100% !important;} div.C-36236-1-7502 .goods-detail object {width:100% !important;} div.C-36236-1-7502 .goods-detail iframe {width:100% !important;} div.C-36236-1-7502 .goods-detail table {table-layout: auto !important;} div.C-36236-1-7502 .goods-detail div {width:100% !important;} div.C-36236-1-7502 .goods-detail img {max-width: 100%;} /* 상품 상세 확대보기 */ div.C-36236-1-7502 .ppscale {text-align: center; color: #767676; font-size: 0.875em; padding-bottom: 20px;} div.C-36236-1-7502 .ppscale img {width:30px; height: auto; margin: 0 10px;} div.C-36236-1-7502 { margin:20px 0px 10px 0px; padding:0px 0px 0px 0px; background:repeat left top; border-top:0px solid ; border-right:0px solid ; border-bottom:0px solid ; border-left:0px solid ; } div.C-36236-1-7503 table { width:100%; border-collapse:collapse; } div.C-36236-1-7503 table td { text-align:center; width:100%; border:1px solid #FFFFFF; } div.C-36236-1-7503 table td img { max-width:100%; } div.C-36236-1-7503 { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background:repeat left top; border-top:0px solid ; border-right:0px solid ; border-bottom:0px solid ; border-left:0px solid ; } div.C-36236-1-7505 { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background:repeat left top; border-top:0px solid ; border-right:0px solid ; border-bottom:0px solid ; border-left:0px solid ; } div.C-36236-1-7506 .relation-goods { display: none; } div.C-36236-1-7506 .view-mode { display: none; } div.C-36236-1-7506 .relation-title { position: relative; } div.C-36236-1-7506 .relation-title span { text-align: right; border: 1px solid #777; padding: 5px 5px; font-size: 0.750em; background-color: #fff; border-radius: 3px; position: absolute; top: 9px; right: 5px; } div.C-36236-1-7506 .grouping-goods .align-style { text-align: center;} .font_relatedA { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* 관련상품 */ div.C-36236-1-7506 .relation-goods .related-input {padding: 0 3px 0 0; text-align: center; float: left;} div.C-36236-1-7506 .relation-goods .related-quan {background-color: #E6E6E6; width: 35px; height: 35px; text-align: center; vertical-align: middle; line-height: 35px; color: #4A4A4A; display: inline-block; border: 1px solid #CCC; border-radius: 2px; box-sizing: border-box;} div.C-36236-1-7506 .related-consumer, div.C-36236-1-7506 .related-price{ text-decoration: line-through; } div.C-36236-1-7506 .relation-goods h3 {height: 40px;line-height: 40px;color: #000000;font-size:0.875em; background-color: #F3F3F3;font-weight: bold;border-top: 2px solid #444;text-align: center;} div.C-36236-1-7506 .relation-goods table {width:100%; text-align:left;} div.C-36236-1-7506 .relation-goods table tbody td {position: relative; padding:15px 12px 15px 7px; font-size:0.875em; vertical-align:top; border-bottom:1px solid #e0e0e0;} div.C-36236-1-7506 .relation-goods table tbody .img {padding-left:0; padding-right:0; text-align: center; width: 30%;} div.C-36236-1-7506 .relation-goods table tbody .img img {max-width:100%; height:auto;} div.C-36236-1-7506 .relation-goods table tbody .related-subname, div.C-36236-1-7506 .relation-goods table tbody .related-uid {display: block; margin-bottom: 3px;} div.C-36236-1-7506 .relation-goods table tbody td h4 {position: relative; font-weight:normal; padding: 3px 25px 5px 0; border-bottom: 2px solid #484848; margin-bottom: 5px;} div.C-36236-1-7506 .relation-goods table tbody td dl {margin-bottom:4px; overflow:hidden;} div.C-36236-1-7506 .relation-goods table tbody td dl dt {float:left; width:70px;} div.C-36236-1-7506 .relation-goods table tbody td dl dd a {float:left; margin-right:2px;} div.C-36236-1-7506 .relation-goods table tbody .MS_related_checkbox {position: absolute; top: 18px; right: 17px;} div.C-36236-1-7506 .relation-goods .related-center {margin: 15px 15px 0;} div.C-36236-1-7506 .relation-goods .related-center .related-cart {display: block; border: 1px solid #CECECE; text-align: center; color: #444; font-size: 0.875em; height: 40px; line-height: 40px; background: #ECECEC; font-weight: bold; border-radius: 3px;} div.C-36236-1-7506 .relation-goods .color-size .option-title {margin: 5px 0 2px;display: inline-block;} div.C-36236-1-7506 .relation-box-select select {border: 1px solid #bbb; height: 33px;vertical-align: middle;color: #808080;font-size: 0.875em;background: #fff url('/images/d3/m_powerpack/32/btn/btn_select.gif') no-repeat right 0;background-size: 33px 33px;-webkit-appearance: none;width: 100%;} /* 간단정보 보기 */ div.C-36236-1-7506 .relation-title h3 { height:40px; line-height:40px; color:#000; font-size:0.875em; background-color: #F3F3F3; font-weight: bold; border-top: 2px solid #444; text-align: center; } div.C-36236-1-7506 .list_shopping {overflow:hidden; padding-top:8px;} div.C-36236-1-7506 .list_shopping ul {table-layout: fixed; box-sizing: border-box; font-size: 0; margin-top:8px; width: 100%;} div.C-36236-1-7506 .list_shopping ul.items li.pro1x { width : 100%; } div.C-36236-1-7506 .list_shopping ul.items li.pro2x { width : 50%; } div.C-36236-1-7506 .list_shopping ul.items li.pro3x { width : 33.3%; } div.C-36236-1-7506 .list_shopping ul.items li.pro4x { width : 25%; } div.C-36236-1-7506 .list_shopping ul li dl dt { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } div.C-36236-1-7506 .list_shopping .align-style { text-align: center; font-size: 14px;} div.C-36236-1-7506 .MS-vertical { padding-bottom:10px;} div.C-36236-1-7506 .list_shopping .MS-vertical .icons-two img:first-child {padding-left: 0px;} div.C-36236-1-7506 .list_shopping ul li {margin-bottom:10px; width: 100%; word-wrap: break-word; word-break: keep-all; display: inline-block; vertical-align: top;} div.C-36236-1-7506 .list_shopping ul li img {max-width:100%; height:auto;} div.C-36236-1-7506 .list_shopping ul li .thumb-img a {display:block; margin:0 2px;} div.C-36236-1-7506 .list_shopping ul li dl {padding:5px 7px 0;} div.C-36236-1-7506 .list_shopping ul li dl dt {padding-bottom:5px;} div.C-36236-1-7506 .list_shopping ul li p {padding:0 7px;} div.C-36236-1-7506 .list_shopping ul li p em {font-style:normal; text-decoration:line-through; display:block;} div.C-36236-1-7506 .list_shopping ul li .img { float:left; margin-right:8px; max-width:43%; padding-left: 5px;} div.C-36236-1-7506 .list_shopping ul li.prd-info {text-align:center;} div.C-36236-1-7506 .list_shopping .thumb-img { position:relative; } div.C-36236-1-7506 .list_shopping .tit { float: left; word-wrap: break-word; word-break: keep-all; max-width: 50%; font-size: 14px;} div.C-36236-1-7506 .pp-goods-group .btn-rolling {position:relative; overflow:hidden; top:-24px;z-index: 1;text-align:center;} div.C-36236-1-7506 .pp-goods-group .btn-rolling p {display:inline-block; overflow:hidden;} div.C-36236-1-7506 .pp-goods-group .btn-rolling p span {float:left; font-size:0; line-height:0; text-indent:-9999px; margin: 0 3px 3px; border: 2px solid #bbb; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; width:6px; height:6px;} div.C-36236-1-7506 .pp-goods-group .btn-rolling p .on {border: 2px solid #333; background: #333;} div.C-36236-1-7506 .pp-goods-group { overflow:visible; } div.C-36236-1-7506 .pp-goods-group .btn-rolling { top:7px; margin-bottom:12px; } div.C-36236-1-7506 { margin:0px 0px 20px 0px; padding:0px 0px 0px 0px; background:repeat left top; border-top:0px solid ; border-right:0px solid ; border-bottom:0px solid ; border-left:0px solid ; } li.prd-info.pro3x.swiper-slide { width: 161px; height: 270px;} div.C-13906-1-27 .relation-title h3 {height:40px;line-height: 40px;color: #000000;font-size: 0.875em;background-color: #ffffff;font-weight: bold;border-top: 0px solid #444;text-align: start;padding-left: 10px;border-bottom: 2px solid #000000;} div.C-36236-1-7507 { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background:repeat left top; border-top:0px solid ; border-right:0px solid ; border-bottom:0px solid ; border-left:0px solid ; } div.C-36236-1-7508 table { width:100%; border-collapse:collapse; } div.C-36236-1-7508 table td { text-align:center; width:100%; border:1px solid #FFFFFF; } div.C-36236-1-7508 table td img { max-width:100%; } div.C-36236-1-7508 { margin:0px 0px 20px 0px; padding:0px 0px 0px 0px; background:repeat left top; border-top:0px solid ; border-right:0px solid ; border-bottom:0px solid ; border-left:0px solid ; } div.C-36236-1-7509 { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background:repeat left top; border-top:0px solid ; border-right:0px solid ; border-bottom:0px solid ; border-left:0px solid ; } div.C-36236-1-7512 .btn-center2 .btn {overflow:hidden;border: 1px solid #BFBFBF;text-align: center;font-size: 0.75em;border-top: 2px solid #333;} div.C-36236-1-7512 .btn-center2 .btn li {float:left; width:33.3%;} div.C-36236-1-7512 .btn-center2 .btn li a {padding-right:5px;padding-left:5px;display:block;border-right: 1px solid #BFBFBF;color: #4E4E4E; padding: 10px 5px;} div.C-36236-1-7512 .btn-center2 .btn li a em {font-style:normal; font-weight: bold; */} div.C-36236-1-7512 .btn-center2 .btn li:last-child a {border-right:0px;} div.C-36236-1-7512 .btn-center2 .btn li a { border-right-color:#BFBFBF; color:#4E4E4E; } div.C-36236-1-7512 .btn-center2 .btn li { background-color:#FFFFFF; } div.C-36236-1-7512 .btn-center2 .btn { border-color:#BFBFBF; border-top-color:#333333; } div.C-36236-1-7512 { margin:0px 10px 20px 10px; padding:0px 0px 0px 0px; background:repeat left top; border-top:0px solid ; border-right:0px solid ; border-bottom:0px solid ; border-left:0px solid ; } div.C-13906-1-33 {display:none;} div.C-36236-1-7515 .order-ex-info {border: 3px double #969696; border-radius: 3px; margin-bottom: 5px;} div.C-36236-1-7515 .order-ex-info .order-ex-info-ul li {position: relative; padding: 12px 10px; font-size: 0.875em; text-align: left; font-weight: bold; color: #3A3A3A;} div.C-36236-1-7515 .order-ex-info .order-ex-info-ul li .fa {position: absolute; top: 16px; right: 16px; font-weight: bold;} div.C-36236-1-7515 .order-ex-info .order-ex-info-ul .btn-close {display: none;} div.C-36236-1-7515 .order-ex-info .order-ex-info-detail {border-top: 1px dotted #9E9E9E; font-size: 0.75em; display: none; padding: 5px 7px;} div.C-36236-1-7515 .order-ex-info .order-ex-info-detail img {max-width: 100%;} div.C-36236-1-7515 { margin:0px 10px 10px 10px; padding:0px 0px 0px 0px; background:repeat left top; border-top:0px solid ; border-right:0px solid ; border-bottom:0px solid ; border-left:0px solid ; } div.C-36236-1-7516 { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background:repeat left top; border-top:0px solid ; border-right:0px solid ; border-bottom:0px solid ; border-left:0px solid ; } div.C-36236-1-7517 { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background:repeat left top; border-top:0px solid ; border-right:0px solid ; border-bottom:0px solid ; border-left:0px solid ; } /* 상품 게시판 */ .shopdetail #tabs {margin: 20px 10px 5px;border: 1px solid #7a838c; padding-bottom: 10px;} .shopdetail #tabs .shopdetailBoard {text-align:center;border-top:1px solid #7a838c;border-bottom:1px solid #7a838c;background-color: #f8f8f8;} .shopdetail #tabs .shopdetailBoard .tab_on {background-color: #555d65; color: #fff; font-weight: bold;} .shopdetail #tabs .util {border-bottom: 1px solid #464646; padding:10px;} .shopdetail #tabs .util a {font-size: 0.75em;border: 1px solid #7a838c;display: inline-block;height: 30px;line-height: 30px;border-radius: 3px;width: 100%;text-align: center;} .shopdetail #tabs .list_board .bgc077fe2 {margin:0 5px;border: 1px solid #73adff;font-size: 0.875em;color: #5da0ff;display: inline-block;height: 18px;line-height: 18px;padding: 0 3px;} #tabs .review .list_board > ul > li.now > .cont_wrap {display: block;} .shopdetail #tabs .list_board > ul > li > .wrap .re-wrap {padding:10px; border-top:1px solid #bebebe;} .shopdetail #tabs .shopdetailBoard ul {overflow: hidden;} .shopdetail #tabs .shopdetailBoard ul li {float: left; width:33.33%; border-left: 1px solid #7a838c;display:inline-block;padding: 10px 0;font-size: 0.75em;box-sizing: border-box;} .shopdetail #tabs .shopdetailBoard ul li:first-child {border-left: 0;} .shopdetail #tabs .empty-board {text-align: center; padding: 15px 0 5px; font-size: 0.75em;} .shopdetail #tabs .paging a.now {color:#000;} /* //상품 게시판 */ .list_board ul li {color: #424242; font-size: 0.79em; border-bottom: 1px solid #bebebe; word-break: break-all;} .list_board .re-wrap ul li {font-size: 1em; border-bottom: 0; border-top: 1px dotted #bebebe; margin-top: 5px; padding-top: 5px;} .list_board ul li dl {padding: 7px;} .list_board ul li .cont_wrap {display: none; padding-top: 5px; border-top: 1px dotted rgb(190, 190, 190); background-color: #f9f9f9; padding: 7px;} .list_board ul li .cont_wrap img {max-width: 100%; padding-bottom: 5px;} .list_board ul li dl dt h4 .review-list-no, .list_board ul li dl dt h4 .qna-list-no {font-weight: normal; color: #808080;} .list_board ul li .info {color: #808080;} /* 댓글 */ .MS_cmt_list_box {color: #656565;} .MS_cmt_list_box .comment_list:last-child {border-bottom: 1px solid #cecece;} .MS_cmt_list_box .comment_list {padding: 5px;border: 1px solid #cecece;border-bottom: 0;background-color: #fff;} .MS_cmt_list_box .MS_cmt_hname {padding-left: 5px;} .MS_cmt_list_box .MS_cmt_content {padding-left: 15px;} .MS_cmt_list_box .comment_depth2 {padding-left: 10px;} .MS_cmt_list_box .comment_depth3 {padding-left: 15px;} #comment_password {width: 250px; left: 7px; box-shadow: 0 0 5px 0 #808080;} #comment_password input[type="password"] {width: 75%;} #comment_password form {height: auto !important;} /* 답글 */ .list_board ul li .reply_depth1 .rating, .list_board ul li .reply_depth1 .info, .list_board ul li .reply_depth2 .rating, .list_board ul li .reply_depth2 .info, .list_board ul li .reply_depth3 .rating, .list_board ul li .reply_depth3 .info {padding-left: 12px;} .list_board ul li .reply_status {font-size: 0.875em; color: #777777; font-weight: normal;} /* 비번입력 */ .list_board input[type="password"] {height: 35px; border-radius: 3px 0 0 3px; width: 80%; border-right: 0; box-sizing: border-box;} .list_board input[type="button"] {width: 20%; float: right; height: 35px; border-radius: 0 3px 3px 0; background-color: #444; color: #fff; border: 1px solid #444;} /* new, hit 아이콘 */ .list_board ul li dl h4 .new {display: inline-block;width: 15px;height: 15px;line-height: 15px;color:#fff;font-size:0.875em;background-color:#5cb7fa;-webkit-border-radius:3px !important;border-radius:3px !important;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box; text-align: center;} .list_board ul li dl h4 .hit {display: inline-block;width: 15px;height: 15px;line-height: 15px;color:#fff;font-size:0.875em;background-color:#ff912c;-webkit-border-radius:3px !important;border-radius:3px !important;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box; text-align: center;} /* 수정,삭제버튼 */ .list_board ul li .cont_wrap .comment_modify {text-align: right; margin-top: 5px;} .list_board ul li .cont_wrap .comment_modify a {width: 45px; border: 1px solid #444; border-radius: 3px; font-size: 0.875em; display: inline-block; text-align: center; line-height: 20px; height: 20px; background-color: #fff;} .list_board ul li dl .info .review_del {width: 45px; border: 1px solid #444; border-radius: 3px; font-size: 0.875em; display: inline-block; text-align: center; line-height: 20px; height: 20px; background-color: #fff;} /* 시즌1 스킨 pre, next 버튼 폰트사이즈 처리 */ .paging .pp1-use {font-size: 17px;} .cnt-btn-block { overflow: hidden;} .cnt-btn-block .btn-report { float: right; display:inline-block; color:#9d9d9d; font-size:11px; z-index:1; } .MS_cmt_list {width:100%;} .MS_cmt_list .MS_cmt_detail {position:relative;} .MS_cmt_list .MS_cmt_detail .btns {position:absolute; right:0; top:0;} .MS_cmt_list .MS_cmt_detail .btns a {border:1px solid #9d9d9d; padding:2px 6px; border-radius:3px; color:#9d9d9d; font-size:11px;} div.C-36236-1-7518 { margin:0px 0px 0px 0px; padding:0px 0px 0px 10px; background:repeat left top; border-top:0px solid ; border-right:0px solid ; border-bottom:0px solid ; border-left:0px solid ; } .shopdetail #tabs {margin: 20px 10px 5px;border: 0px solid #7a838c;padding-bottom: 10px;} .shopdetail #tabs .shopdetailBoard {text-align:center;border-top: 0px solid #000000;border-bottom: 0px solid #000000;background-color: #ffffff;} .shopdetail #tabs .shopdetailBoard .tab_on {background-color: #ffffff;color: #000000;font-weight: bolder;text-align: start;font-size: large;} div.C-36236-1-7519 { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background:repeat left top; border-top:0px solid ; border-right:0px solid ; border-bottom:0px solid ; border-left:0px solid ; } /* BASIC css end */