/* BASIC css start */ div.C-17406-1-2 { 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-17406-1-3 .tit-page h2 {color:#676767; font-size: 0.75em;} div.C-17406-1-3 .goods-grouping {padding: 6px; text-align: left;} div.C-17406-1-3 { 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 ; } .tit-page h2 {color:#999; font-weight: 300} .tit-page h2 a:first-child{color:#999;} .tit-page h2 a:last-child{color:#000; font-size: 1.3em; font-weight: 600} div.C-17406-1-4 .img-goods {text-align:center;} div.C-17406-1-4 .img-goods img {max-width:100%; height:auto;} div.C-17406-1-4 .thumb ul { overflow: hidden; } div.C-17406-1-4 .thumb ul li {width: 33.3%; float: left; list-style: none; padding-top: 4px;} div.C-17406-1-4 .thumb ul li .multi-thumb {margin: 0 2px;} div.C-17406-1-4 .thumb ul li img {max-width: 100%;} div.C-17406-1-4 .thumb {margin-top: 5px; padding-bottom: 4px;} div.C-17406-1-4 .thumb { background-color:#F9F9F9; } div.C-17406-1-4 .thumb ul li .multi-thumb { border:1px solid #BEBEBE; } div.C-17406-1-4 { margin:0px 0px 0px 0px; padding:0px 0px 15px 0px; background:#F3F6FB repeat left top; border-top:0px solid ; border-right:0px solid ; border-bottom:0px solid ; border-left:0px solid ; } div.C-17406-1-5 .font_shopdetailA {word-break: break-all;} div.C-17406-1-5 .tit dl dt img { padding: 3px 4px; } div.C-17406-1-5 .tit {text-align:left;} div.C-17406-1-5 .MK-product-icons {margin-right : -5px;} div.C-17406-1-5 .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-17406-1-5 .font_shopdetailH { color:#777777; font-size:0.875em; font-weight:normal; font-style:normal; text-decoration:none; } div.C-17406-1-5 .font_shopdetailA { color:#121212; font-size:1em; font-weight:bold; font-style:normal; text-decoration:none; } div.C-17406-1-5 .font_shopdetailB { color:#999999; font-size:0.813em; font-weight:normal; font-style:normal; text-decoration:none; } div.C-17406-1-5 { margin:0px 10px 0px 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 ; } div.C-17406-1-4 { margin: 10px 0 20px 0 ; } //詔讚div.C-17406-1-5 #info-goods-all { padding: 0 18px; } div.C-17406-1-4 .font_shopdetailA { line-height: 2.8em; } div.C-17406-1-4 .font_shopdetailB { line-height: 1.8em; } div.C-17406-1-5 .info-goods .goods-price ul li { padding-left: 10px} div.C-17406-1-5 .info-goods .point .price-tit { padding-left: 10px } div.C-17406-1-5 .font_shopdetailB { margin: 10px 0; } /* 상품 정보 영역 */ div.C-17406-1-7 #info-goods-all {padding: 0 10px;} div.C-17406-1-7 .info-goods .goods-price {font-size: 0.875em;} div.C-17406-1-7 .info-goods .goods-price ul li .price-tit {display: inline-block; width: 30%;} div.C-17406-1-7 .info-goods .goods-price ul li {padding-bottom: 5px;} div.C-17406-1-7 .info-goods .goods-price ul li .group_p {font-size: 0.875em; color: #656565;} div.C-17406-1-7 .info-goods .goods-price ul li span.dc_price_origin {text-decoration:line-through;} div.C-17406-1-7 .info-goods .goods-price ul li span.price_consumer {text-decoration:line-through;} div.C-17406-1-7 .info-goods .point {padding: 5px 0 13px; font-size: 0.75em;} div.C-17406-1-7 .info-goods .point p {padding-bottom: 5px;} div.C-17406-1-7 .info-goods .point .price-tit {display: inline-block; width: 30%;} div.C-17406-1-7 .info-goods .point .price-desc {color: #000;} div.C-17406-1-7 .info-goods .goods-price ul li .font_shopdetailE {font-weight: bold;} div.C-17406-1-7 .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-17406-1-7 .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-17406-1-7 .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-17406-1-7 .info-goods .goods-price ul li .price-desc .price-red{color: #f1191f;} div.C-17406-1-7 .info-goods .info-tab {position: relative; border: 3px double #A7A7A7; margin-bottom: 7px; border-radius: 3px;} div.C-17406-1-7 .info-goods .info-tab .info-tab-ul {overflow:hidden; } div.C-17406-1-7 .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-17406-1-7 .info-goods .info-tab .info-tab-ul li:last-child {border-right: 0px;} div.C-17406-1-7 .info-goods .info-tab .info-tab-ul li.on {background-color: #525252; color: #fff;} div.C-17406-1-7 .info-goods .info-tab .group-detail, div.C-17406-1-7 .info-goods .info-tab .user-detail, div.C-17406-1-7 .info-goods .info-tab .static-detail {border-top: 1px dotted #9E9E9E; font-size: 0.75em; display: none; padding: 5px 0; color: #585858; background: #f9f9f9;} div.C-17406-1-7 .info-goods .info-tab .group-detail .group-tit, div.C-17406-1-7 .info-goods .info-tab .static-detail .static-tit, div.C-17406-1-7 .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-17406-1-7 .info-goods .info-tab .group-detail .group-desc, div.C-17406-1-7 .info-goods .info-tab .static-detail .static-desc, div.C-17406-1-7 .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-17406-1-7 .info-goods .info-tab .group-detail .group-one, div.C-17406-1-7 .info-goods .info-tab .static-detail .static-one, div.C-17406-1-7 .info-goods .info-tab .user-detail .user-one {padding: 5px 0 5px 10px; display: inline-block;} div.C-17406-1-7 .info-goods .info-tab .txt-region {margin-left: 10px;} div.C-17406-1-7 .info-goods .info-tab .group-detail .group-msg {padding: 0 10px 5px 10px;} div.C-17406-1-7 .info-goods .info-tab .group-detail .group-dc-tit {padding: 0 10px; font-weight: bold;} /* 구매할인 추가 */ div.C-17406-1-7 .info-goods .goods-price .buy-benefit { position:relative; display:inline-block; font-weight:bold; max-width:70%; } div.C-17406-1-7 .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-17406-1-7 .info-goods .goods-price .buy-benefit .view-wrap { position:relative; } div.C-17406-1-7 .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-17406-1-7 .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-17406-1-7 .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-17406-1-7 .info-goods .goods-price .buy-benefit .view-wrap.active { display:block; } div.C-17406-1-7 .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-17406-1-7 .info-goods .goods-price .buy-benefit .view-wrap .layer-view .fc-red { color:#ff0000; } div.C-17406-1-7 .info-goods .goods-price .buy-benefit .view-wrap .layer-view ul.list { margin-top:5px; padding:0; } div.C-17406-1-7 .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-17406-1-7 .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-17406-1-7 .info-goods .goods-price .buy-benefit .view-wrap .btn-close { position:absolute; right:8px; top:6px; } /* 기본옵션 */ div.C-17406-1-7 .normal-option p {font-size: 0.875em; padding-bottom: 10px;} div.C-17406-1-7 .normal-option p:first-child {padding-top: 10px;} div.C-17406-1-7 .normal-option p .opt-tit {display: inline-block; width: 35%; vertical-align: middle; font-size: 0.875em; word-break: break-all;} div.C-17406-1-7 .normal-option p .opt-desc {display: inline-block; width: 62%;} div.C-17406-1-7 .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-17406-1-7 .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-17406-1-7 .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-17406-1-7 .normal-option .add-option-title {font-size: 0.875em; font-weight: bold; padding: 4px 0; border-top: 1px solid #777;} div.C-17406-1-7 .normal-option .add-option-sel {padding-bottom: 5px;} div.C-17406-1-7 .normal-option {background:#f9f9f9; padding: 0 12px; border: 1px solid #A7A7A7;} div.C-17406-1-7 .multi-option1 dl, div.C-17406-1-7 .normal-option dl {padding-top:13px;} div.C-17406-1-7 .multi-option1 dl dt, div.C-17406-1-7 .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-17406-1-7 .multi-option1 dl dd, div.C-17406-1-7 .normal-option dl dd {position:relative; padding-top:5px;} div.C-17406-1-7 .multi-option1 dl dd .input01, div.C-17406-1-7 .normal-option dl dd .input01 {margin-right:76px;} div.C-17406-1-7 .multi-option1 dl dd .input01 input, div.C-17406-1-7 .normal-option dl dd .input01 input {width:100%; text-align:right;} div.C-17406-1-7 .multi-option1 dl dd .btn-up, div.C-17406-1-7 .normal-option dl dd .btn-up {position:absolute; right:38px; top:5px;} div.C-17406-1-7 .multi-option1 dl dd .btn-up img, div.C-17406-1-7 .normal-option dl dd .btn-up img {width:33px; height:33px;} div.C-17406-1-7 .multi-option1 dl dd .btn-down, div.C-17406-1-7 .normal-option dl dd .btn-down {position:absolute; right:0; top:5px;} div.C-17406-1-7 .multi-option1 dl dd .btn-down img, div.C-17406-1-7 .normal-option dl dd .btn-down img {width:33px; height:33px;} /* 고객 작성형 입력옵션 추가 버튼 style */ div.C-17406-1-7 .normal-option .MK_btn-add {text-align: right; display: block; padding-bottom: 10px;} /* 총 상품 금액 */ div.C-17406-1-7 .normal-option-price, div.C-17406-1-7 .multi-option1 .total {text-align: right; padding: 10px 10px;} div.C-17406-1-7 .normal-option-price .option-total-price, div.C-17406-1-7 .multi-option1 .total .MK_total {font-size:1.2em; font-weight:bold; color: #f1191f;} /* 멀티옵션 전용 */ div.C-17406-1-7 .MK_inner-opt-cm li {position: relative; border-bottom: 1px solid #c7c7c7; padding: 12px 0; font-size: 0.875em;} div.C-17406-1-7 .MK_inner-opt-cm .MK_p-name {padding-right: 30px; display: block;} div.C-17406-1-7 .MK_qty-ctrl {margin-top: 8px;} div.C-17406-1-7 .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-17406-1-7 .MK_price {position: absolute; bottom: 21px; right: 0; font-size: 1.2em;} div.C-17406-1-7 .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-17406-1-7 .MK_inner-opt-cm .MK_qty-ctrl input[type="tel"] {text-align: center !important; border-radius: 2px; width: 50px; padding: 0;} div.C-17406-1-7 .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-17406-1-7 .normal-option-price .package-disc {font-size: 0.75em; padding-left: 5px; color: #424242;} div.C-17406-1-7 .package-price {margin-top: 10px;} div.C-17406-1-7 .package tbody td {padding:15px 12px 15px 7px; font-size:0.875em; vertical-align:top; border-bottom:1px solid #8A8A8A;} div.C-17406-1-7 .package {width:100%; text-align:left;} div.C-17406-1-7 .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-17406-1-7 .package tbody .img {padding-left:0; padding-right:0;} div.C-17406-1-7 .package tbody .img img {width:106px; margin-left: 10px;} div.C-17406-1-7 .package tbody td h4 {font-weight:normal; padding-top:3px; padding-bottom:3px;} div.C-17406-1-7 .package tbody td .set-name {position: relative; border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-right: 25px;} div.C-17406-1-7 .package tbody td .set-name .MS_package_checkbox {position: absolute; top: 4px; right: 0;} div.C-17406-1-7 .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-17406-1-7 .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-17406-1-7 .package tbody td dl {margin-bottom:4px; overflow:hidden;} div.C-17406-1-7 .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-17406-1-7 .package tbody td dl dd .input01 {border:2px solid #dadada; width:20px; padding:0 3px 0 0; text-align:center; float:left;} div.C-17406-1-7 .package tbody td dl dd .input01 input {width:100%; text-align:center; padding:0 !important;} div.C-17406-1-7 .package tbody td dl dd a {float:left; margin-right:2px;} div.C-17406-1-7 .package tbody td dl dd img {width:34px; height:34px;} div.C-17406-1-7 .package tbody td dl .tit-count {margin-top:7px;} div.C-17406-1-7 .package tbody .color-size {margin-left:8px;} div.C-17406-1-7 .package tbody .color-size h4 {padding-top:8px; padding-bottom:5px;} div.C-17406-1-7 .package .color-size .relation_box-select input[type=text] {width: 100%; border: 1px solid #bbb;} div.C-17406-1-7 .package .package_product_tit {display: none;} /* 하이브리드 */ div.C-17406-1-7 .option-wrap { padding:0 10px 10px; font-size:0.875em; background:#f6f6f6; border-top:2px solid #e1e1e1; border-bottom:2px solid #e1e1e1; } div.C-17406-1-7 .option-wrap .option-box { width:100%; } div.C-17406-1-7 .option-wrap .option-box.last { border-bottom:none; } div.C-17406-1-7 .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-17406-1-7 .option-wrap .option-box:first-child .tit { border:none; } div.C-17406-1-7 .option-wrap .option-box .list:after { clear: both; content: ""; display: block; } div.C-17406-1-7 .option-wrap .option-box .list { width:100%; padding-left:5px; } div.C-17406-1-7 .option-wrap .option-box .list li { float:left; width:20%; list-style:none; } div.C-17406-1-7 .option-wrap .option-box .list li.last { } div.C-17406-1-7 .option-wrap .option-box .list li dl { width:54px; padding-bottom:10px; text-align:center; color:#333; } div.C-17406-1-7 .option-wrap .option-box .list li dl dd.prdchk { text-align:left; } div.C-17406-1-7 .option-wrap .option-box .list li dl dd.prdchk input { width:12px; height:12px; } div.C-17406-1-7 .option-wrap .option-box .list li dl dd.prdimg { position:relative; } div.C-17406-1-7 .option-wrap .option-box .list li dl dd.prdimg img { width:54px; height:54px; } div.C-17406-1-7 .option-wrap .option-box .list li dl dd.prdimg.noimg { } div.C-17406-1-7 .MK_qty-ctrl .basic_option {text-align: center !important; border-radius: 2px; width: 50px; padding: 0;} div.C-17406-1-7 .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-17406-1-7 .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-17406-1-7 .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-17406-1-7 .option-wrap .option-box .list li dl dd.prdname { padding-top:5px; line-height:14px; word-wrap:break-word; } div.C-17406-1-7 .option-wrap .option-box .list li dl dd.prdnote { padding-bottom:3px; line-height:14px; word-wrap:break-word; } div.C-17406-1-7 .option-wrap .option-box .list li dl dd.prdprice { padding-bottom:5px; } div.C-17406-1-7 .option-wrap .add-option-title { padding-top:20px; text-align: left; color: #333; font-weight: bold; } div.C-17406-1-7 .option-wrap .add-option-list {padding-top:13px;} div.C-17406-1-7 .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-17406-1-7 .option-wrap .add-option-list dd {position:relative; padding-top:5px;} div.C-17406-1-7 .option-wrap .add-option-list dd .input01 {margin-right:76px;} div.C-17406-1-7 .option-wrap .add-option-list dd .input01 input {width:100%; text-align:right;} div.C-17406-1-7 .option-wrap .add-option-list dd .btn-up {position:absolute; right:38px; top:5px;} div.C-17406-1-7 .option-wrap .add-option-list dd .btn-up img {width:33px; height:33px;} div.C-17406-1-7 .option-wrap .add-option-list dd .btn-down {position:absolute; right:0; top:5px;} div.C-17406-1-7 .option-wrap .add-option-list dd .btn-down img {width:33px; height:33px;} div.C-17406-1-7 .add-option-detail { padding:13px 0px; 12px; border-bottom:2px solid #e1e1e1; text-align:center;} div.C-17406-1-7 .add-option-detail table { width:100%; } div.C-17406-1-7 .add-option-detail .MK_inner-opt-cm { margin-bottom:7px; } div.C-17406-1-7 .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-17406-1-7 .add-option-detail .MK_inner-opt-cm li .MK_qty-ctrl { float:left; } div.C-17406-1-7 .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-17406-1-7 .add-option-detail .MK_inner-opt-cm li .MK_qty-ctrl a { float:left; margin-left:5px; } div.C-17406-1-7 .add-option-detail .MK_inner-opt-cm li .MK_qty-ctrl .box-gradient-02 {background-image: none; } div.C-17406-1-7 .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-17406-1-7 .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-17406-1-7 .add-option-detail .total-price { padding:15px 0 0; border-top:1px solid #f0f0f0; font-size:0.875em; } div.C-17406-1-7 .add-option-detail .total-price-none { padding:0; border:0; } div.C-17406-1-7 .add-option-detail .MK_total {font-size:1.2em; font-weight:bold; color: #D02121;} /* 추가구성상품 */ div.C-17406-1-7 .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-17406-1-7 .shopdetailInfoWrap:after { clear: both; content: ""; display: block; } div.C-17406-1-7 .shopdetailInfoWrap { width:100%; border-bottom:1px solid #e1e1e1; font-size: 0.825em; } div.C-17406-1-7 .shopdetailInfoWrap .shopdetailInfoTop { float:left; width:45%; } div.C-17406-1-7 .shopdetailInfoWrap .shopdetailInfoTop figure { padding:15px 12px; border:0; } div.C-17406-1-7 .shopdetailInfoWrap .shopdetailInfoTop figure img { width: 100%; } div.C-17406-1-7 .shopdetailInfoWrap .shopdetailInfoValue { position: relative; float:right; width:52%; padding:15px 0; margin-right:3%; border:0; } div.C-17406-1-7 .shopdetailInfoWrap .shopdetailInfoValue p {margin-bottom:8px;} div.C-17406-1-7 .shopdetailInfoWrap .shopdetailInfoValue p:last-child {margin-bottom:0px;; text-align: right; } div.C-17406-1-7 .shopdetailInfoWrap .shopdetailInfoValue .shopdetailInfoCont { width:auto; margin:0; } div.C-17406-1-7 .shopdetailInfoWrap .shopdetailInfoValue .shopdetailInfoName { width:auto; } div.C-17406-1-7 .shopdetailInfoWrap .shopdetailInfoValue .region {margin-left: 10px;} div.C-17406-1-7 .shopdetailInfoWrap .shopdetailInfoSelect p { padding:0; background:none; } div.C-17406-1-7 .shopdetailInfoWrap .shopdetailInfoSelect .shopdetailInfoCont .basic_option { width:100%; } div.C-17406-1-7 .shopdetailInfoWrap .shopdetailInfoSelect .shopdetailInfoName { display:none; width:100%; padding:0 0 5px 0; } /* 원클릭옵션 */ div.C-17406-1-7 .MK-oneclick-list { overflow:hidden; zoom:1; } div.C-17406-1-7 .MK-oneclick-list:after { content: ""; display: block; clear: both; } div.C-17406-1-7 .MK-oneclick-list li { float:left; margin: 0 5px 5px 0; list-style-type:none; } div.C-17406-1-7 .MK-oneclick-list li a { border:1px solid #231f20; display: inline-block; border-radius: 1px; box-sizing:border-box; } div.C-17406-1-7 .MK-oneclick-list li.MK-oneclick-sel a { border:2px solid #000000; } div.C-17406-1-7 .MK-oneclick-list li.MK-oneclick-dis a { filter:alpha(opacity=50); -moz-opacity:.5; opacity:.5; } div.C-17406-1-7 .MK-oneclick-list li.MK-oneclick-color.MK-oneclick-sel a { padding:1px; filter:alpha(opacity=100); -moz-opacity:1; opacity:1; } div.C-17406-1-7 .MK-oneclick-list li a span { display: block; text-align: center; vertical-align: middle; line-height: 19px; } div.C-17406-1-7 .MK-oneclick-list li a img { width: 100%; height:100%;} div.C-17406-1-7 .MK-oneclick-list li.MK-oneclick-image a {height:50px;} div.C-17406-1-7 .MK-oneclick-list li.MK-oneclick-image a img {width: auto; height: 48px;;} div.C-17406-1-7 .MK-oneclick-list li.MK-oneclick-image.MK-oneclick-sel a img {height:46px; width: auto;} div.C-17406-1-7 .MK-oneclick-list li.MK-oneclick-color { width:50px; height: 50px; } div.C-17406-1-7 .MK-oneclick-list li.MK-oneclick-color a { padding: 2px; } div.C-17406-1-7 .MK-oneclick-list li.MK-oneclick-color span { width: 44px; height: 44px; } div.C-17406-1-7 .MK-oneclick-list li.MK-oneclick-color .mk-oo-sel span { width: 27px; height: 27px; } div.C-17406-1-7 .MK-oneclick-list li.MK-oneclick-text .MK-oneclick-list li.MK-oneclick-text {min-width:35px; max-width:100%; height: 50px; } div.C-17406-1-7 .MK-oneclick-list li.MK-oneclick-text a { padding: 2px; } div.C-17406-1-7 .MK-oneclick-list li.MK-oneclick-text.MK-oneclick-sel a {padding:1px;} div.C-17406-1-7 .MK-oneclick-list li.MK-oneclick-text span { min-width: 29px; line-height: 44px; } div.C-17406-1-7 .MK-oneclick-list li.MK-oneclick-text .MS-oneclick-sel span { min-width: 30px; line-height: 27px; } div.C-17406-1-7 .MK-oneclick-value { padding: 5px 0; display:block; word-break: break-all; } div.C-17406-1-7 .MK-oneclick-only-text li.MK-oneclick-text { height: auto; } div.C-17406-1-7 .MK-oneclick-only-text li.MK-oneclick-text span { height: auto; line-height: 19px; } div.C-17406-1-7 .shopdetailInfoOneclick {font-size: 0.875em; padding-bottom: 10px;} div.C-17406-1-7 .shopdetailInfoOneclick .opt-tit {display: inline-block; width: 35%; vertical-align: top; font-size: 0.875em; word-break: break-all; padding-top: 5px; } div.C-17406-1-7 .shopdetailInfoOneclick .opt-desc {display: inline-block; width: 62%;} /* 정기배송 혜택 팝업 */ div.C-17406-1-7 .tb-center {text-align:center;} div.C-17406-1-7 .info-goods .goods-price ul li {position:relative;} div.C-17406-1-7 .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-17406-1-7 .delivery .view-wrap.active { display:block; } div.C-17406-1-7 .delivery .view-wrap .layer-view {display:inline-block; position:absolute; left:50%; top:50%; transform: translate(-50%, -50%); width:290px; background:#fff;} div.C-17406-1-7 .delivery .view-wrap h3.title {padding:8px 14px; background:#f0f0f0; font-weight:700;} div.C-17406-1-7 .delivery .view-wrap .list {margin:18px 20px; padding:0; border:1px solid #e4e4e5; border-top:0;} div.C-17406-1-7 .delivery .view-wrap .list dl {overflow:hidden;} div.C-17406-1-7 .delivery .view-wrap .list dt, div.C-17406-1-7 .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-17406-1-7 .delivery .view-wrap .list dt {border-top:1px solid #e4e4e5; background:#f8f8f8; text-align:center;} div.C-17406-1-7 .delivery .view-wrap .list dd {border-top:1px solid #e4e4e5; border-left:1px solid #e4e4e5;} div.C-17406-1-7 .delivery .view-wrap .list dd.txt {color:#ff0000;} div.C-17406-1-7 .delivery .view-wrap p {margin:-4px 20px; padding-bottom:18px; color:#666; font-size:11px; font-weight:normal;} div.C-17406-1-7 .delivery .view-wrap .btn-close { position:absolute; right:10px; top:5px; } div.C-17406-1-7 .font_shopdetailEC { color:; font-size:0.75em; font-weight:normal; font-style:normal; text-decoration:none; } div.C-17406-1-7 .font_shopdetailED { color:; font-size:0.75em; font-weight:normal; font-style:normal; text-decoration:none; } div.C-17406-1-7 .font_shopdetailEF { color:; font-size:0.75em; font-weight:normal; font-style:normal; text-decoration:none; } div.C-17406-1-7 .font_shopdetailEB { color:; font-size:0.75em; font-weight:normal; font-style:normal; text-decoration:none; } div.C-17406-1-7 .font_shopdetailEE { color:; font-size:0.75em; font-weight:normal; font-style:normal; text-decoration:none; } div.C-17406-1-7 .font_shopdetailC { color:#909090; font-size:0.875em; font-weight:normal; font-style:normal; text-decoration:none; } div.C-17406-1-7 .font_shopdetailD { color:#555555; font-size:0.875em; font-weight:normal; font-style:normal; text-decoration:none; } div.C-17406-1-7 .font_shopdetailE { color:#000000; font-size:0.875em; font-weight:normal; font-style:normal; text-decoration:none; } div.C-17406-1-7 .shopdetailInfoTit { color:#000000; font-size:0.938em; font-weight:normal; font-style:normal; text-decoration:none; } div.C-17406-1-7 .font_shopdetailEA { color:; font-size:0.75em; font-weight:normal; font-style:normal; text-decoration:none; } div.C-17406-1-7 { 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-17406-1-6 .info-goods .goods-price ul li .price-tit { font-size: 0.875em; padding-left:10px; } div.C-17406-1-6 .info-goods .point .price-tit { padding-left:10px; } .box-select select {border-radius: 8px;} div.C-17406-1-6 .MK_inner-opt-cm .MK_qty-ctrl input[type="tel"] { text-align: center !important; border-radius: 8px; width: 50px; padding: 0; } div.C-17406-1-6 .normal-option { background: #e8efff; padding: 0 23px; border: 0 solid #f3f6fb; border-radius: 15px; } .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-17406-1-6 .shopdetailInfoTit { height: 40px; line-height: 42px; padding: 0 12px; border-top: 0 solid #c7c7c7; border-bottom: 1px solid #f3f6f9; font-size: 14px; color: #000; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } div.C-17406-1-6 .shopdetailInfoWrap .shopdetailInfoTop figure img { background-color:#f6f9fb; border-radius: 15px; } div.C-17406-1-6 .font_shopdetailEA { font-size: 0.875em; } /* ÷ 3솩?*/ div.C-17406-1-6 .MK_qty-ctrl .btn-type-02 { background-color: #e8efff; width: 35px; height: 35px; text-align: center; vertical-align: middle; line-height: 35px; color: #4A4A4A; display: inline-block; border: 1px solid #fff; border-radius: 8px; box-sizing: border-box; } div.C-17406-1-6 .MK_inner-opt-cm li { position: relative; border-bottom: 1px solid #e3e3e3; padding: 15px 10px; font-size: 0.875em; } /* ,# */ div.C-17406-1-7 .info-goods .info-tab { border: 3px solid #a0bedd; border-radius: 8px; } div.C-17406-1-7 .info-goods .info-tab .info-tab-ul li.on { background-color: #30475e; border-radius: 5px 5px 0 0; } div.C-17406-1-7 .info-goods .info-tab .group-detail, div.C-17406-1-7 .info-goods .info-tab .user-detail, div.C-17406-1-7 .info-goods .info-tab .static-detail { line-height: 1.6em; padding: 5px 9px; border-radius: 0 0 5px 5px; } div.C-17406-1-7 .info-goods .info-tab .group-detail .group-one, div.C-17406-1-7 .info-goods .info-tab .static-detail .static-one, div.C-17406-1-7 .info-goods .info-tab .user-detail .user-one { padding: 20px 10px 20px 10px; } div.C-17406-1-7 .info-goods .info-tab .group-detail .group-tit, div.C-17406-1-7 .info-goods .info-tab .static-detail .static-tit, div.C-17406-1-7 .info-goods .info-tab .user-detail .user-tit { width: 23%; } div.C-17406-1-7 .info-goods .info-tab .group-detail .group-desc, div.C-17406-1-7 .info-goods .info-tab .static-detail .static-desc, div.C-17406-1-7 .info-goods .info-tab .user-detail .user-desc { width: 77%; } div.C-17406-1-8 .btn-center {overflow: hidden; text-align: center;} div.C-17406-1-8 .btn-center ul li {float:left; width:30%;} div.C-17406-1-8 .btn-center ul li a {margin-left:5px;} div.C-17406-1-8 .btn-center ul li:first-child {width:40%;} div.C-17406-1-8 .btn-center ul li:first-child a {margin-left:0;} div.C-17406-1-8 .btn-center .btnTyA {color: #fff; background-color: #313131; border: 1px solid #313131; height: 50px; line-height: 50px; font-size: 13px; box-sizing: border-box; display: block;} div.C-17406-1-8 .btn-center .btnTyB {background-color: #E8E8E8; border: 1px solid #B5B5B5; height: 50px; line-height: 50px; font-size: 13px; box-sizing: border-box; display: block;} div.C-17406-1-8 .btn-center .btnTyC {background-color: #F5F4F4; border: 1px solid #C1C1C1; height: 50px; line-height: 50px; font-size: 13px; box-sizing: border-box; display: block;} div.C-17406-1-8 .btn-center .btnTyD {margin-top:5px; margin-left:0; color:#fff; background:#f74f4f; border:1px solid #e45c56; height:50px; line-height:50px; font-size:13px; box-sizing:border-box; display:block; } div.C-17406-1-8 .btn-center ul li.w100p { width:100%; } div.C-17406-1-8 .btn-center .is_soldout {font-size:0.875em; padding: 10px 0 10px; box-sizing: border-box; background-color: #F1F6FF;} div.C-17406-1-8 .btn-center .is_stop_order {clear:both; font-size:0.875em; padding: 10px 0;} div.C-17406-1-8 .btn-center .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-17406-1-8 .btn-center .nosell ul .wish-btn {width:100%;} div.C-17406-1-8 .btn-center .nosell ul .wish-btn a {margin-left:0px;} div.C-17406-1-8 .btn-center .btnTyA span {padding-left:24px; background: url(/images/d3/m_powerpack/32/bull/bul_alarm.png) no-repeat 0 50%; background-size:18px 14px;} div.C-17406-1-8 .btn-center {padding: 10px 10px 20px 10px; overflow: hidden;} div.C-17406-1-8 .btn-center .soldout_area {float: right; margin-bottom: 10px;} div.C-17406-1-8 .btn-center .soldout_area .btn_soldout_anchor {display:block; float:right; padding:0; margin:0 0 0 5px;} div.C-17406-1-8 .btn-center .soldout_area .btn_soldout_anchor span {display:inline-block; -webkit-box-shadow:none; box-shadow: none;} div.C-17406-1-8 .btn-center .soldout_area .soldout_once {display: inline-block; float: left; margin-left: 5px;} div.C-17406-1-8 .btn-center ul {width: 100%; overflow: hidden;} div.C-17406-1-8 .btn-center .btnTyC i.fa { margin-right: 4px; } div.C-17406-1-8 .btn-center .btnTyC i.fa-heart-o { color: #999; } div.C-17406-1-8 .btn-center .btnTyC i.fa-heart { color: #f41f3a; display:none; } div.C-17406-1-8 .btn-center .btnTyC .wish-on i.fa-heart-o { display:none; } div.C-17406-1-8 .btn-center .btnTyC .wish-on i.fa-heart { display:inline-block; } /* 선물하기 */ div.C-17406-1-8 .btn-center ul li.w100p .btnTyC { display: flex; align-items: center; justify-content: center; margin: 5px 0 0 0; } div.C-17406-1-8 .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-17406-1-8 .btn-center .btnTyC i.fa-heart { color:#F41F3A; } div.C-17406-1-8 .btn-center .btnTyC i.fa-heart-o { color:#999999; } div.C-17406-1-8 .btn-center .btnTyB { background-color:#30475E; border-color:#30475E; color:#FFFFFF; } div.C-17406-1-8 .btn-center .btnTyA { background-color:#F05454; border-color:#F05454; color:#FFFFFF; } div.C-17406-1-8 .btn-center .btnTyC { background-color:#FFFFFF; border-color:#C1C1C1; color:#000000; } div.C-17406-1-8 { margin:20px 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 ; } .btnTyA, .btnTyB, .btnTyC{border-radius: 18px; margin-bottom: 10px;} .btnTyA {box-shadow: 1px 3px 5px rgb(0 0 0 / 20%); } div.C-17406-1-9 .btn-center2 .btn {overflow:hidden;border: 1px solid #BFBFBF;text-align: center;font-size: 0.75em;border-top: 2px solid #333;} div.C-17406-1-9 .btn-center2 .btn li {float:left; width:33.3%;} div.C-17406-1-9 .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-17406-1-9 .btn-center2 .btn li a em {font-style:normal; font-weight: bold; */} div.C-17406-1-9 .btn-center2 .btn li:last-child a {border-right:0px;} div.C-17406-1-9 .btn-center2 .btn li a { border-right-color:#EAECEE; color:#4E4E4E; } div.C-17406-1-9 .btn-center2 .btn li { background-color:#FFFFFF; } div.C-17406-1-9 .btn-center2 .btn { border-color:#EAECEE; border-top-color:#30475E; } div.C-17406-1-9 { 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-17406-1-13 { 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 ; } .shopdetailCoupon .smart-coupon-list li {position:relative; margin:14px; border:1px solid #cecece; border-radius:10px; letter-spacing:-1px; overflow:hidden;} .shopdetailCoupon .smart-coupon-list li .c-info { width:82%; padding:20px; border-right: 1px dashed #cecece; box-sizing: border-box;} .shopdetailCoupon .smart-coupon-list li .c-image img { width:100%; height:128px;} .shopdetailCoupon .smart-coupon-list li p { padding-bottom:10px; line-height:18px; font-size:13px; color:#999; word-break:break-all; font-family:"Malgun Gothic"; } .shopdetailCoupon .smart-coupon-list li p:last-child {padding-bottom:0;} .shopdetailCoupon .smart-coupon-list li p.c-name { font-size:14px; color:#000; font-weight:bold; word-break: break-all; } .shopdetailCoupon .smart-coupon-list li p.c-price {font-size:22px; color:#ff3a34; font-weight:bold;} .shopdetailCoupon .smart-coupon-list li .btn-down {position:absolute; top:0; right:0; width:18%; height:100%; background:#f8f8f8; text-align:center; box-sizing: border-box;} .shopdetailCoupon .smart-coupon-list li .btn-down span {position:absolute; right:0; top:50%; width:100%; margin-top:-22px; height:44px; font-size:12px; display:flex; word-break:break-all; flex-wrap:wrap; align-items:center; justify-content:center; } .shopdetailCoupon .smart-coupon-list li .btn-down span {color:#999;} .shopdetailCoupon .smart-coupon-list li .btn-down span a { 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; } .shopdetailCoupon .smart-coupon-list li.sc-style1.sc-reserve p.c-price {color:#3b6ce9;} .shopdetailCoupon .smart-coupon-list li.sc-style2 {border:1px solid #fff;} .shopdetailCoupon .smart-coupon-list li.sc-style2 .c-info { background:#171940; border-color:#171940; } .shopdetailCoupon .smart-coupon-list li.sc-style2 p { color:#fff; } .shopdetailCoupon .smart-coupon-list li.sc-style2 p.c-txt { color:#999; } .shopdetailCoupon .smart-coupon-list li.sc-style2 .btn-down { background:#ff3a34; border:0; color:#fff; } .shopdetailCoupon .smart-coupon-list li.sc-style2 .btn-down a { background:url('/images/common/ico_h11_down_white_l.png') no-repeat center right; } .shopdetailCoupon .smart-coupon-list li.sc-style2 .btn-down span { color:#fff; } .shopdetailCoupon .smart-coupon-list li.sc-style2.sc-reserve .btn-down { background:#3b6ce9; color:#fff; } .shopdetailCoupon .smart-coupon-list li.sc-style3 { border:0; border-radius:0;} .shopdetailCoupon .smart-coupon-list li.sc-style3 .c-info { border:1px solid #000; border-right:2px dotted #272a4d; border-radius:10px; } .shopdetailCoupon .smart-coupon-list li.sc-style3 p.c-price { color:#eb3697;} .shopdetailCoupon .smart-coupon-list li.sc-style3 .btn-down { background:#fff2f9 ; border:1px solid #272a4d; border-left:0; border-radius:10px;} .shopdetailCoupon .smart-coupon-list li.sc-style3 .btn-down a { background:url('/images/common/ico_h11_down_pink_l.png') no-repeat center right; } .shopdetailCoupon .smart-coupon-list li.sc-style3.sc-reserve p.c-price {color:#18b776;} .shopdetailCoupon .smart-coupon-list li.sc-style3.sc-reserve .btn-down { background:#eefff7; } .shopdetailCoupon .smart-coupon-list li.sc-style3.sc-reserve .btn-down span a {color:#000;} .shopdetailCoupon .smart-coupon-list li.sc-style3.sc-reserve .btn-down a { background:url('/images/common/ico_h11_down_green_l.png') no-repeat center right; } .shopdetailCoupon .smart-coupon-list .all-down { padding:0px 15px; text-align:center; font-size:0.75em; } .shopdetailCoupon .smart-coupon-list .all-down .fa { vertical-align:middle; } .shopdetailCoupon .smart-coupon-list .all-down .btn_Grey {width:100%; height:35px; line-height:32px; background-color:#858585; color:#fff; text-align:center; display:block; border:1px solid #858585; box-sizing: border-box; vertical-align: middle; } div.C-17406-1-15 { 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 ; } /* 쿠폰 style 기능 설정 관련 */ div.C-17406-1-16 .cupon-issue {margin:0; overflow: initial;} div.C-17406-1-16 .cupon-issue .overflow {margin-top:0; border: 1px solid #8B8B8B;border-radius: 3px; box-shadow: 0 1px 3px 0 #BDBDBD;} div.C-17406-1-16 .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-17406-1-16 .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-17406-1-16 .cupon-issue .cupon-tit span img {width:62px; height:14px;} div.C-17406-1-16 .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-17406-1-16 .cupon-issue .overflow:first-child {margin-bottom: 5px;} div.C-17406-1-16 .cupon-issue table {width:100%; height:65px;} div.C-17406-1-16 .cupon-issue table td {color: #353535; vertical-align:middle; font-size:0.75em;} div.C-17406-1-16 .cupon-issue table td p {padding:2px 0 2px 9px; margin-left:5px; background: none;} div.C-17406-1-16 .cupon-issue .image_src {max-width: 100%;} div.C-17406-1-16 .cupon-issue .overflow { border:0px solid ; } div.C-17406-1-16 .cupon-issue .cupon-txt { background-color:#F7F7F7; border-left:1px dotted #F0F0F0; } div.C-17406-1-16 .cupon-issue table td p { color:#313131; } div.C-17406-1-16 .cupon-issue .cupon-tit span { color:#FFF200; } div.C-17406-1-16 .cupon-issue .cupon-tit { color:#FFFFFF; background-color:#525252; } div.C-17406-1-16 { margin:0px 0px 20px 0px; padding:0px 10px 0px 10px; background:repeat left top; border-top:0px solid ; border-right:0px solid ; border-bottom:0px solid ; border-left:0px solid ; } div.C-17406-1-15 .cupon-issue .overflow { margin-top: 0; border: 0 solid #8B8B8B; border-radius: 3px; box-shadow: 0 0 0 0 #bdbdbd; } div.C-17406-1-17 { 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 ; } /* 상품 상세 이벤트 공통 정보 */ .detail-common-info-event { padding:10px; word-break: break-all; } .detail-common-info-event img {max-width: 100%;} .detail-common-info-event div {margin-top:10px; } /* //상품 상세 이벤트 공통 정보 */ div.C-17406-1-19 { 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-17406-1-20 { 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-17406-1-21 .goods-detail {text-align: center; font-size: 0.875em; color: #666;} div.C-17406-1-21 .goods-detail table {width:100% !important;} div.C-17406-1-21 .goods-detail object {width:100% !important;} div.C-17406-1-21 .goods-detail iframe {width:100% !important;} div.C-17406-1-21 .goods-detail table {table-layout: auto !important;} div.C-17406-1-21 .goods-detail div {width:100% !important;} div.C-17406-1-21 .goods-detail img {max-width: 100%;} /* 상품 상세 확대보기 */ div.C-17406-1-21 .ppscale {text-align: center; color: #767676; font-size: 0.875em; padding-bottom: 20px;} div.C-17406-1-21 .ppscale img {width:30px; height: auto; margin: 0 10px;} div.C-17406-1-21 { 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 ; } /* 경호추가 상품정보고시용 */ /* 기본 스타일 */ #info_table { width: 100%; padding-top: 20px; padding-bottom: 20px; background-color: #fff; text-align: left; } /* 제목 스타일 */ #info_table > .info-title { width: 97%; margin: 5px; font-weight: bold; /* 볼드 설정 */ font-size: 13px; /* 크기 설정 */ letter-spacing: -1px; text-align: left; line-height: 24px; color: #333; border-bottom: 1px solid #e0e0e0; } /* 항목 레이아웃 */ .info-item { display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; padding: 10px 0; width: 99%; margin: 0 auto; font-weight: 400; font-size: 10px; color: #333; } .info-label { flex: 0 0 26%; /* 너비를 26%로 고정 */ font-weight: bold; color: #333; } .info-content { flex: 1; /* 남은 공간을 차지 */ padding-left: 15px; color: #666; line-height: 1.5; } /* 모바일용 스타일 */ @media (max-width: 768px) { .info-item { flex-direction: column; /* 세로로 쌓이도록 */ align-items: flex-start; padding: 5px 5px; } .info-label, .info-content { width: 100%; /* 각 항목이 전체 폭을 차지 */ padding-left: 0; text-align: left; } .info-label { padding-bottom: 5px; /* 모바일에서 레이블과 콘텐츠 간격 조정 */ font-weight: bold; } } div.C-17406-1-22 { 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-17406-1-24 .order-ex-info {border: 3px double #969696; border-radius: 3px; margin-bottom: 5px;} div.C-17406-1-24 .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-17406-1-24 .order-ex-info .order-ex-info-ul li .fa {position: absolute; top: 16px; right: 16px; font-weight: bold;} div.C-17406-1-24 .order-ex-info .order-ex-info-ul .btn-close {display: none;} div.C-17406-1-24 .order-ex-info .order-ex-info-detail {border-top: 1px dotted #9E9E9E; font-size: 0.75em; display: none; padding: 5px 7px;} div.C-17406-1-24 .order-ex-info .order-ex-info-detail img {max-width: 100%;} div.C-17406-1-24 { 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-17406-1-25 .relation-title { position: relative; } .font_relatedA { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } div.C-17406-1-25 .relation-title h3 { height:40px; line-height:40px; color:#000; font-size:0.875em; padding-left:12px; background-color: #F3F3F3; font-weight: bold; border-top: 2px solid #444; text-align: center;} div.C-17406-1-25 .list_shopping {overflow:hidden;} div.C-17406-1-25 .list_shopping ul {display: table; table-layout: fixed; box-sizing: border-box; font-size: 0; margin-top:8px; width: 100%;} div.C-17406-1-25 .list_shopping ul.items li.pro1x { width : 100%; } div.C-17406-1-25 .list_shopping ul.items li.pro2x { width : 50%; } div.C-17406-1-25 .list_shopping ul.items li.pro3x { width : 33.3%; } div.C-17406-1-25 .list_shopping ul.items li.pro4x { width : 25%; } div.C-17406-1-25 .list_shopping ul li dl dt { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } div.C-17406-1-25 .list_shopping .align-style { text-align: ; font-size: 14px;} div.C-17406-1-25 .MS-vertical { padding-bottom:10px;} div.C-17406-1-25 .list_shopping .MS-vertical .icons-two img:first-child {padding-left: 0px;} div.C-17406-1-25 .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-17406-1-25 .list_shopping ul li img {max-width:100%; height:auto;} div.C-17406-1-25 .list_shopping ul li .thumb-img a {display:block; margin:0 2px;} div.C-17406-1-25 .list_shopping ul li dl {padding:5px 7px 0;} div.C-17406-1-25 .list_shopping ul li dl dt {padding-bottom:5px;} div.C-17406-1-25 .list_shopping ul li p {padding:0 7px;} div.C-17406-1-25 .list_shopping ul li p em {font-style:normal; text-decoration:line-through; display:block;} div.C-17406-1-25 .list_shopping ul li .img { float:left; margin-right:8px; max-width:43%; padding-left: 5px;} div.C-17406-1-25 .list_shopping ul li.prd-info {text-align:center;} div.C-17406-1-25 .list_shopping .thumb-img { position:relative; } div.C-17406-1-25 .list_shopping .tit { float: left; word-wrap: break-word; word-break: keep-all; max-width: 50%; font-size: 14px;} div.C-17406-1-25 .list_shopping ul li .txt2 {padding:5px 7px 0;} div.C-17406-1-25 .list_shopping ul li .txt2 span {display:block;} div.C-17406-1-25 .pp-goods-group .btn-rolling {position:relative; overflow:hidden; top:-24px;z-index: 1;text-align:center;} div.C-17406-1-25 .pp-goods-group .btn-rolling p {display:inline-block; overflow:hidden;} div.C-17406-1-25 .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-17406-1-25 .pp-goods-group .btn-rolling p .on {border: 2px solid #333; background: #333;} div.C-17406-1-25 .pp-goods-group { overflow:visible; } div.C-17406-1-25 .pp-goods-group .btn-rolling { top:7px; margin-bottom:12px; } div.C-17406-1-25 .font_relatedS { color:#909090; font-size:0.875em; font-weight:normal; font-style:normal; text-decoration:none; } div.C-17406-1-25 .font_relatedE { color:#000000; font-size:0.875em; font-weight:bold; font-style:normal; text-decoration:none; } div.C-17406-1-25 .font_relatedA { color:#555555; font-size:0.875em; font-weight:normal; font-style:normal; text-decoration:none; } div.C-17406-1-25 .font_relatedD { color:#555555; font-size:0.875em; font-weight:normal; font-style:normal; text-decoration:none; } div.C-17406-1-25 { 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 ; } .list_shopping ul li img{ background-color: #f6f9fb; border-radius: 15px; } div.C-17406-1-18 .font_relatedA { font-size: 0.875em} div.C-17406-1-18 .font_relatedD { font-size: 0.675em} div.C-17406-1-18 .list_shopping ul li dl dt { padding-bottom: 0; } div.C-17406-1-18 .pp-goods-group .btn-rolling p span { width: 3px; height: 3px; } .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%; } /* 퀵 바이 type02 */ .shopdetail #quickBy .btn-order-fake { height: 40px; line-height: 40px; } .shopdetail #quickBy.toggle-off .btn-coupon, .shopdetail #quickBy.toggle-off .btn-qcart, .shopdetail #quickBy.toggle-off .btn-wish { display: block; } .shopdetail #quickBy.toggle-on .btn-coupon, .shopdetail #quickBy.toggle-on .btn-qcart, .shopdetail #quickBy.toggle-on .btn-wish { display: none; } .shopdetail #quickBy.toggle-on { border-top: 1px solid #ff4a70; padding: 0 10px; } .shopdetail #quickBy.toggle-off { padding:0; border-top:0 none; background:#ff4a70; } .shopdetail #quickBy.qtype-02 .quick-toggle span { top:12px; height:14px; line-height:14px; border-radius:15px 15px 0 0; background-color: #ff4a70; border:0 none; } .shopdetail #quickBy.qtype-02 .quick-toggle span:after { font-size:15px; } .shopdetail #quickBy.qtype-02 .btn-order-fake { float:left; width:50%; vertical-align:top; font-weight: bold; font-size:14px; color: #fff; } .shopdetail #quickBy.qtype-02 .btn-coupon, .shopdetail #quickBy.qtype-02 .btn-qcart { float:left; width:25%; vertical-align:top; text-align:center; font-size:13px; color: #fff; } .shopdetail #quickBy.qtype-02 .btn-coupon span, .shopdetail #quickBy.qtype-02 .btn-qcart span { display:block; height:40px; line-height:40px; background:#3d3537; } .shopdetail #quickBy.qtype-02 .btn-wish { float:left; width:25%; vertical-align:top; text-align:center; font-size:13px; color: #fff; } .shopdetail #quickBy.qtype-02 .btn-wish span { display:block; height:40px; line-height:40px; background:#3d3537; } /* 쿠폰 리스트 */ #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-17406-1-26 { 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 .wrap { background: #fff; padding: 10px; border-top: 1px solid #ddd; box-sizing: border-box; } .shopdetail #quickBy.qtype-02 .quick-toggle span:after { font-size:10px; font-weight:normal; color:#858484; } .shopdetail #quickBy.qtype-02 .quick-toggle span { top:11px; background-color: #fff; border: 1px solid #ddd; } .shopdetail #quickBy.qtype-01 .quick-toggle span { top: 6px; height: 20px; line-height: 20px; border-radius: 15px 15px 0 0; background-color: #f05454; border: 0 none; } .shopdetail #quickBy.toggle-off { background-color: #fff; } .shopdetail #quickBy { border-top: 1px solid #ddd; } .shopdetail #quickBy.toggle-on { border-top: 1px solid #ddd; } .shopdetail #quickBy.toggle-on .quick-toggle span { top:-8px; } .shopdetail #quickBy .btn-order { margin-top:230px !important; border-radius: 5px; background-color: #f05454; font-weight: 300; } .shopdetail #quickBy .btn-cart { margin-top:230px !important; border-radius: 5px; background-color: #30475e; font-weight: 300; } .shopdetail #quickBy.qtype-01 .btn-wish span { border-left: 1px solid #fff; } .shopdetail #quickBy.qtype-01 .btn-qcart span { border-right: 1px solid #fff; } .shopdetail #quickBy.qtype-02 .btn-wish { display:none; } .shopdetail #quickBy.qtype-02 .btn-qcart { width:49% !important; margin-right:2%; } .shopdetail #quickBy.qtype-02 .btn-qcart span { background: #30475E; height:55px; line-height:55px; border-radius: 15px; } .shopdetail #quickBy .btn-order-fake { width:49% !important; height: 55px; line-height: 55px; background-color:#F05454; border-radius: 15px; } .shopdetail #quickBy.fixed { box-shadow: none; } body .shopdetail .quickby-wrap #info-goods-all { height: auto; padding: 20px 15px 0; margin-bottom:20px; border-top: 1px solid #ddd; } .shopdetail #quickBy.qtype-02 .btn-order-fake { font-weight:normal !important; font-size:13px !important; } div.C-17406-1-27 { 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 */