/* BASIC css start */ div.C-5173-1-2 .tit-page h2 {color:#676767; font-size: 0.75em;} div.C-5173-1-2 .goods-grouping {padding: 6px; text-align: left;} div.C-5173-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-5173-1-3 .img-goods {text-align:center;} div.C-5173-1-3 .img-goods img {max-width:100%; height:auto;} div.C-5173-1-3 .thumb ul { overflow: hidden; } div.C-5173-1-3 .thumb ul li {width: 33.3%; float: left; list-style: none; padding-top: 4px;} div.C-5173-1-3 .thumb ul li .multi-thumb {margin: 0 2px;} div.C-5173-1-3 .thumb ul li img {max-width: 100%;} div.C-5173-1-3 .thumb {margin-top: 5px; padding-bottom: 4px;} div.C-5173-1-3 .thumb { background-color:#F9F9F9; } div.C-5173-1-3 .thumb ul li .multi-thumb { border:1px solid #BEBEBE; } div.C-5173-1-3 { margin:0px 0px 0px 0px; padding:0px 0px 15px 0px; background:repeat left top; border-top:0px solid ; border-right:0px solid ; border-bottom:0px solid ; border-left:0px solid ; } div.C-5173-1-4 .font_shopdetailA {word-break: break-all;} div.C-5173-1-4 .tit dl dt img { padding: 3px 4px; } div.C-5173-1-4 .tit {text-align:left;} div.C-5173-1-4 .MK-product-icons {margin-right : -5px;} div.C-5173-1-4 .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-5173-1-4 .font_shopdetailH { color:#777777; font-size:0.875em; font-weight:normal; font-style:normal; text-decoration:none; } div.C-5173-1-4 .font_shopdetailA { color:#313131; font-size:0.875em; font-weight:bold; font-style:normal; text-decoration:none; } div.C-5173-1-4 .font_shopdetailB { color:#777777; font-size:0.875em; font-weight:normal; font-style:normal; text-decoration:none; } div.C-5173-1-4 { margin:0px 10px 10px 10px; padding:0px 0px 3px 0px; background:repeat left top; border-top:0px solid ; border-right:0px solid ; border-bottom:2px solid #7B7B7B; border-left:0px solid ; } /* 상품 정보 영역 */ div.C-5173-1-5 #info-goods-all {padding: 0 10px;} div.C-5173-1-5 .info-goods .goods-price {font-size: 0.875em;} div.C-5173-1-5 .info-goods .goods-price ul li .price-tit {display: inline-block; width: 30%;} div.C-5173-1-5 .info-goods .goods-price ul li {padding-bottom: 5px;} div.C-5173-1-5 .info-goods .goods-price ul li .group_p {font-size: 0.875em; color: #656565;} div.C-5173-1-5 .info-goods .goods-price ul li span.dc_price_origin {text-decoration:line-through;} div.C-5173-1-5 .info-goods .goods-price ul li span.price_consumer {text-decoration:line-through;} div.C-5173-1-5 .info-goods .point {padding: 5px 0 13px; font-size: 0.75em;} div.C-5173-1-5 .info-goods .point p {padding-bottom: 5px;} div.C-5173-1-5 .info-goods .point .price-tit {display: inline-block; width: 30%;} div.C-5173-1-5 .info-goods .point .price-desc {color: #000;} div.C-5173-1-5 .info-goods .goods-price ul li .font_shopdetailE {font-weight: bold;} div.C-5173-1-5 .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-5173-1-5 .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-5173-1-5 .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-5173-1-5 .info-goods .goods-price ul li .price-desc .price-red{color: #f1191f;} div.C-5173-1-5 .info-goods .info-tab {position: relative; border: 3px double #A7A7A7; margin-bottom: 7px; border-radius: 3px;} div.C-5173-1-5 .info-goods .info-tab .info-tab-ul {overflow:hidden; display: none;} div.C-5173-1-5 .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-5173-1-5 .info-goods .info-tab .info-tab-ul li:last-child {border-right: 0px;} div.C-5173-1-5 .info-goods .info-tab .info-tab-ul li.on {background-color: #525252; color: #fff;} div.C-5173-1-5 .info-goods .info-tab .group-detail, div.C-5173-1-5 .info-goods .info-tab .user-detail, div.C-5173-1-5 .info-goods .info-tab .static-detail { font-size: 0.75em; padding: 5px 0; color: #585858; } div.C-5173-1-5 .info-goods .info-tab .group-detail .group-tit, div.C-5173-1-5 .info-goods .info-tab .static-detail .static-tit, div.C-5173-1-5 .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-5173-1-5 .info-goods .info-tab .group-detail .group-desc, div.C-5173-1-5 .info-goods .info-tab .static-detail .static-desc, div.C-5173-1-5 .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-5173-1-5 .info-goods .info-tab .group-detail .group-one, div.C-5173-1-5 .info-goods .info-tab .static-detail .static-one, div.C-5173-1-5 .info-goods .info-tab .user-detail .user-one {padding: 5px 0 5px 10px; display: inline-block;} div.C-5173-1-5 .info-goods .info-tab .txt-region {margin-left: 10px;} div.C-5173-1-5 .info-goods .info-tab .group-detail .group-msg {padding: 0 10px 5px 10px;} div.C-5173-1-5 .info-goods .info-tab .group-detail .group-dc-tit {padding: 0 10px; font-weight: bold;} /* 구매할인 추가 */ div.C-5173-1-5 .info-goods .goods-price .buy-benefit { position:relative; display:inline-block; font-weight:bold; max-width:70%; } div.C-5173-1-5 .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-5173-1-5 .info-goods .goods-price .buy-benefit .view-wrap { position:relative; } div.C-5173-1-5 .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-5173-1-5 .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-5173-1-5 .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-5173-1-5 .info-goods .goods-price .buy-benefit .view-wrap.active { display:block; } div.C-5173-1-5 .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-5173-1-5 .info-goods .goods-price .buy-benefit .view-wrap .layer-view .fc-red { color:#ff0000; } div.C-5173-1-5 .info-goods .goods-price .buy-benefit .view-wrap .layer-view ul.list { margin-top:5px; padding:0; } div.C-5173-1-5 .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-5173-1-5 .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-5173-1-5 .info-goods .goods-price .buy-benefit .view-wrap .btn-close { position:absolute; right:8px; top:6px; } /* 기본옵션 */ div.C-5173-1-5 .normal-option p {font-size: 0.875em; padding-bottom: 10px;} div.C-5173-1-5 .normal-option p:first-child {padding-top: 10px;} div.C-5173-1-5 .normal-option p .opt-tit {display: inline-block; width: 35%; vertical-align: middle; font-size: 0.875em; word-break: break-all;} div.C-5173-1-5 .normal-option p .opt-desc {display: inline-block; width: 62%;} div.C-5173-1-5 .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-5173-1-5 .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-5173-1-5 .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-5173-1-5 .normal-option .add-option-title {font-size: 0.875em; font-weight: bold; padding: 4px 0; border-top: 1px solid #777;} div.C-5173-1-5 .normal-option .add-option-sel {padding-bottom: 5px;} div.C-5173-1-5 .normal-option {background:#f9f9f9; padding: 0 12px; border: 1px solid #A7A7A7;} div.C-5173-1-5 .multi-option1 dl, div.C-5173-1-5 .normal-option dl {padding-top:13px;} div.C-5173-1-5 .multi-option1 dl dt, div.C-5173-1-5 .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-5173-1-5 .multi-option1 dl dd, div.C-5173-1-5 .normal-option dl dd {position:relative; padding-top:5px;} div.C-5173-1-5 .multi-option1 dl dd .input01, div.C-5173-1-5 .normal-option dl dd .input01 {margin-right:76px;} div.C-5173-1-5 .multi-option1 dl dd .input01 input, div.C-5173-1-5 .normal-option dl dd .input01 input {width:100%; text-align:right;} div.C-5173-1-5 .multi-option1 dl dd .btn-up, div.C-5173-1-5 .normal-option dl dd .btn-up {position:absolute; right:38px; top:5px;} div.C-5173-1-5 .multi-option1 dl dd .btn-up img, div.C-5173-1-5 .normal-option dl dd .btn-up img {width:33px; height:33px;} div.C-5173-1-5 .multi-option1 dl dd .btn-down, div.C-5173-1-5 .normal-option dl dd .btn-down {position:absolute; right:0; top:5px;} div.C-5173-1-5 .multi-option1 dl dd .btn-down img, div.C-5173-1-5 .normal-option dl dd .btn-down img {width:33px; height:33px;} /* 고객 작성형 입력옵션 추가 버튼 style */ div.C-5173-1-5 .normal-option .MK_btn-add {text-align: right; display: block; padding-bottom: 10px;} /* 총 상품 금액 */ div.C-5173-1-5 .normal-option-price, div.C-5173-1-5 .multi-option1 .total {text-align: right; padding: 10px 10px;} div.C-5173-1-5 .normal-option-price .option-total-price, div.C-5173-1-5 .multi-option1 .total .MK_total {font-size:1.2em; font-weight:bold; color: #f1191f;} /* 멀티옵션 전용 */ div.C-5173-1-5 .MK_inner-opt-cm li {position: relative; border-bottom: 1px solid #c7c7c7; padding: 12px 0; font-size: 0.875em;} div.C-5173-1-5 .MK_inner-opt-cm .MK_p-name {padding-right: 30px; display: block;} div.C-5173-1-5 .MK_qty-ctrl {margin-top: 8px;} div.C-5173-1-5 .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-5173-1-5 .MK_price {position: absolute; bottom: 21px; right: 0; font-size: 1.2em;} div.C-5173-1-5 .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-5173-1-5 .MK_inner-opt-cm .MK_qty-ctrl input[type="tel"] {text-align: center !important; border-radius: 2px; width: 50px; padding: 0;} div.C-5173-1-5 .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-5173-1-5 .normal-option-price .package-disc {font-size: 0.75em; padding-left: 5px; color: #424242;} div.C-5173-1-5 .package-price {margin-top: 10px;} div.C-5173-1-5 .package tbody td {padding:15px 12px 15px 7px; font-size:0.875em; vertical-align:top; border-bottom:1px solid #8A8A8A;} div.C-5173-1-5 .package {width:100%; text-align:left;} div.C-5173-1-5 .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-5173-1-5 .package tbody .img {padding-left:0; padding-right:0;} div.C-5173-1-5 .package tbody .img img {width:106px; margin-left: 10px;} div.C-5173-1-5 .package tbody td h4 {font-weight:normal; padding-top:3px; padding-bottom:3px;} div.C-5173-1-5 .package tbody td .set-name {position: relative; border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-right: 25px;} div.C-5173-1-5 .package tbody td .set-name .MS_package_checkbox {position: absolute; top: 4px; right: 0;} div.C-5173-1-5 .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-5173-1-5 .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-5173-1-5 .package tbody td dl {margin-bottom:4px; overflow:hidden;} div.C-5173-1-5 .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-5173-1-5 .package tbody td dl dd .input01 {border:2px solid #dadada; width:20px; padding:0 3px 0 0; text-align:center; float:left;} div.C-5173-1-5 .package tbody td dl dd .input01 input {width:100%; text-align:center; padding:0 !important;} div.C-5173-1-5 .package tbody td dl dd a {float:left; margin-right:2px;} div.C-5173-1-5 .package tbody td dl dd img {width:34px; height:34px;} div.C-5173-1-5 .package tbody td dl .tit-count {margin-top:7px;} div.C-5173-1-5 .package tbody .color-size {margin-left:8px;} div.C-5173-1-5 .package tbody .color-size h4 {padding-top:8px; padding-bottom:5px;} div.C-5173-1-5 .package .color-size .relation_box-select input[type=text] {width: 100%; border: 1px solid #bbb;} div.C-5173-1-5 .package .package_product_tit {display: none;} /* 하이브리드 */ div.C-5173-1-5 .option-wrap { padding:0 10px 10px; font-size:0.875em; background:#f6f6f6; border-top:2px solid #e1e1e1; border-bottom:2px solid #e1e1e1; } div.C-5173-1-5 .option-wrap .option-box { width:100%; } div.C-5173-1-5 .option-wrap .option-box.last { border-bottom:none; } div.C-5173-1-5 .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-5173-1-5 .option-wrap .option-box:first-child .tit { border:none; } div.C-5173-1-5 .option-wrap .option-box .list:after { clear: both; content: ""; display: block; } div.C-5173-1-5 .option-wrap .option-box .list { width:100%; padding-left:5px; } div.C-5173-1-5 .option-wrap .option-box .list li { float:left; width:20%; list-style:none; } div.C-5173-1-5 .option-wrap .option-box .list li.last { } div.C-5173-1-5 .option-wrap .option-box .list li dl { width:54px; padding-bottom:10px; text-align:center; color:#333; } div.C-5173-1-5 .option-wrap .option-box .list li dl dd.prdchk { text-align:left; } div.C-5173-1-5 .option-wrap .option-box .list li dl dd.prdchk input { width:12px; height:12px; } div.C-5173-1-5 .option-wrap .option-box .list li dl dd.prdimg { position:relative; } div.C-5173-1-5 .option-wrap .option-box .list li dl dd.prdimg img { width:54px; height:54px; } div.C-5173-1-5 .option-wrap .option-box .list li dl dd.prdimg.noimg { } div.C-5173-1-5 .MK_qty-ctrl .basic_option {text-align: center !important; border-radius: 2px; width: 50px; padding: 0;} div.C-5173-1-5 .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-5173-1-5 .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-5173-1-5 .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-5173-1-5 .option-wrap .option-box .list li dl dd.prdname { padding-top:5px; line-height:14px; word-wrap:break-word; } div.C-5173-1-5 .option-wrap .option-box .list li dl dd.prdnote { padding-bottom:3px; line-height:14px; word-wrap:break-word; } div.C-5173-1-5 .option-wrap .option-box .list li dl dd.prdprice { padding-bottom:5px; } div.C-5173-1-5 .option-wrap .add-option-title { padding-top:20px; text-align: left; color: #333; font-weight: bold; } div.C-5173-1-5 .option-wrap .add-option-list {padding-top:13px;} div.C-5173-1-5 .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-5173-1-5 .option-wrap .add-option-list dd {position:relative; padding-top:5px;} div.C-5173-1-5 .option-wrap .add-option-list dd .input01 {margin-right:76px;} div.C-5173-1-5 .option-wrap .add-option-list dd .input01 input {width:100%; text-align:right;} div.C-5173-1-5 .option-wrap .add-option-list dd .btn-up {position:absolute; right:38px; top:5px;} div.C-5173-1-5 .option-wrap .add-option-list dd .btn-up img {width:33px; height:33px;} div.C-5173-1-5 .option-wrap .add-option-list dd .btn-down {position:absolute; right:0; top:5px;} div.C-5173-1-5 .option-wrap .add-option-list dd .btn-down img {width:33px; height:33px;} div.C-5173-1-5 .add-option-detail { padding:13px 0px; 12px; border-bottom:2px solid #e1e1e1; text-align:center;} div.C-5173-1-5 .add-option-detail table { width:100%; } div.C-5173-1-5 .add-option-detail .MK_inner-opt-cm { margin-bottom:7px; } div.C-5173-1-5 .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-5173-1-5 .add-option-detail .MK_inner-opt-cm li .MK_qty-ctrl { float:left; } div.C-5173-1-5 .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-5173-1-5 .add-option-detail .MK_inner-opt-cm li .MK_qty-ctrl a { float:left; margin-left:5px; } div.C-5173-1-5 .add-option-detail .MK_inner-opt-cm li .MK_qty-ctrl .box-gradient-02 {background-image: none; } div.C-5173-1-5 .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-5173-1-5 .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-5173-1-5 .add-option-detail .total-price { padding:15px 0 0; border-top:1px solid #f0f0f0; font-size:0.875em; } div.C-5173-1-5 .add-option-detail .total-price-none { padding:0; border:0; } div.C-5173-1-5 .add-option-detail .MK_total {font-size:1.2em; font-weight:bold; color: #D02121;} /* 추가구성상품 */ div.C-5173-1-5 .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-5173-1-5 .shopdetailInfoWrap:after { clear: both; content: ""; display: block; } div.C-5173-1-5 .shopdetailInfoWrap { width:100%; border-bottom:1px solid #e1e1e1; font-size: 0.825em; } div.C-5173-1-5 .shopdetailInfoWrap .shopdetailInfoTop { float:left; width:45%; } div.C-5173-1-5 .shopdetailInfoWrap .shopdetailInfoTop figure { padding:15px 12px; border:0; } div.C-5173-1-5 .shopdetailInfoWrap .shopdetailInfoTop figure img { width: 100%; } div.C-5173-1-5 .shopdetailInfoWrap .shopdetailInfoValue { position: relative; float:right; width:52%; padding:15px 0; margin-right:3%; border:0; } div.C-5173-1-5 .shopdetailInfoWrap .shopdetailInfoValue p {margin-bottom:8px;} div.C-5173-1-5 .shopdetailInfoWrap .shopdetailInfoValue p:last-child {margin-bottom:0px;; text-align: right; } div.C-5173-1-5 .shopdetailInfoWrap .shopdetailInfoValue .shopdetailInfoCont { width:auto; margin:0; } div.C-5173-1-5 .shopdetailInfoWrap .shopdetailInfoValue .shopdetailInfoName { width:auto; } div.C-5173-1-5 .shopdetailInfoWrap .shopdetailInfoValue .region {margin-left: 10px;} div.C-5173-1-5 .shopdetailInfoWrap .shopdetailInfoSelect p { padding:0; background:none; } div.C-5173-1-5 .shopdetailInfoWrap .shopdetailInfoSelect .shopdetailInfoCont .basic_option { width:100%; } div.C-5173-1-5 .shopdetailInfoWrap .shopdetailInfoSelect .shopdetailInfoName { display:none; width:100%; padding:0 0 5px 0; } /* 원클릭옵션 */ div.C-5173-1-5 .MK-oneclick-list { overflow:hidden; zoom:1; } div.C-5173-1-5 .MK-oneclick-list:after { content: ""; display: block; clear: both; } div.C-5173-1-5 .MK-oneclick-list li { float:left; margin: 0 5px 5px 0; list-style-type:none; } div.C-5173-1-5 .MK-oneclick-list li a { border:1px solid #231f20; display: inline-block; border-radius: 1px; box-sizing:border-box; } div.C-5173-1-5 .MK-oneclick-list li.MK-oneclick-sel a { border:2px solid #000000; } div.C-5173-1-5 .MK-oneclick-list li.MK-oneclick-dis a { filter:alpha(opacity=50); -moz-opacity:.5; opacity:.5; } div.C-5173-1-5 .MK-oneclick-list li.MK-oneclick-color.MK-oneclick-sel a { padding:1px; filter:alpha(opacity=100); -moz-opacity:1; opacity:1; } div.C-5173-1-5 .MK-oneclick-list li a span { display: block; text-align: center; vertical-align: middle; line-height: 19px; } div.C-5173-1-5 .MK-oneclick-list li a img { width: 100%; height:100%;} div.C-5173-1-5 .MK-oneclick-list li.MK-oneclick-image a {height:50px;} div.C-5173-1-5 .MK-oneclick-list li.MK-oneclick-image a img {width: auto; height: 48px;;} div.C-5173-1-5 .MK-oneclick-list li.MK-oneclick-image.MK-oneclick-sel a img {height:46px; width: auto;} div.C-5173-1-5 .MK-oneclick-list li.MK-oneclick-color { width:50px; height: 50px; } div.C-5173-1-5 .MK-oneclick-list li.MK-oneclick-color a { padding: 2px; } div.C-5173-1-5 .MK-oneclick-list li.MK-oneclick-color span { width: 44px; height: 44px; } div.C-5173-1-5 .MK-oneclick-list li.MK-oneclick-color .mk-oo-sel span { width: 27px; height: 27px; } div.C-5173-1-5 .MK-oneclick-list li.MK-oneclick-text .MK-oneclick-list li.MK-oneclick-text {min-width:35px; max-width:100%; height: 50px; } div.C-5173-1-5 .MK-oneclick-list li.MK-oneclick-text a { padding: 2px; } div.C-5173-1-5 .MK-oneclick-list li.MK-oneclick-text.MK-oneclick-sel a {padding:1px;} div.C-5173-1-5 .MK-oneclick-list li.MK-oneclick-text span { min-width: 29px; line-height: 44px; } div.C-5173-1-5 .MK-oneclick-list li.MK-oneclick-text .MS-oneclick-sel span { min-width: 30px; line-height: 27px; } div.C-5173-1-5 .MK-oneclick-value { padding: 5px 0; display:block; word-break: break-all; } div.C-5173-1-5 .MK-oneclick-only-text li.MK-oneclick-text { height: auto; } div.C-5173-1-5 .MK-oneclick-only-text li.MK-oneclick-text span { height: auto; line-height: 19px; } div.C-5173-1-5 .shopdetailInfoOneclick {font-size: 0.875em; padding-bottom: 10px;} div.C-5173-1-5 .shopdetailInfoOneclick .opt-tit {display: inline-block; width: 35%; vertical-align: top; font-size: 0.875em; word-break: break-all; padding-top: 5px; } div.C-5173-1-5 .shopdetailInfoOneclick .opt-desc {display: inline-block; width: 62%;} /* 정기배송 혜택 팝업 */ div.C-5173-1-5 .tb-center {text-align:center;} div.C-5173-1-5 .info-goods .goods-price ul li {position:relative;} div.C-5173-1-5 .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-5173-1-5 .delivery .view-wrap.active { display:block; } div.C-5173-1-5 .delivery .view-wrap .layer-view {display:inline-block; position:absolute; left:50%; top:50%; transform: translate(-50%, -50%); width:290px; background:#fff;} div.C-5173-1-5 .delivery .view-wrap h3.title {padding:8px 14px; background:#f0f0f0; font-weight:700;} div.C-5173-1-5 .delivery .view-wrap .list {margin:18px 20px; padding:0; border:1px solid #e4e4e5; border-top:0;} div.C-5173-1-5 .delivery .view-wrap .list dl {overflow:hidden;} div.C-5173-1-5 .delivery .view-wrap .list dt, div.C-5173-1-5 .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-5173-1-5 .delivery .view-wrap .list dt {border-top:1px solid #e4e4e5; background:#f8f8f8; text-align:center;} div.C-5173-1-5 .delivery .view-wrap .list dd {border-top:1px solid #e4e4e5; border-left:1px solid #e4e4e5;} div.C-5173-1-5 .delivery .view-wrap .list dd.txt {color:#ff0000;} div.C-5173-1-5 .delivery .view-wrap p {margin:-4px 20px; padding-bottom:18px; color:#666; font-size:11px; font-weight:normal;} div.C-5173-1-5 .delivery .view-wrap .btn-close { position:absolute; right:10px; top:5px; } div.C-5173-1-5 .font_shopdetailEC { color:#909090; font-size:0.75em; font-weight:normal; font-style:normal; text-decoration:none; } div.C-5173-1-5 .font_shopdetailED { color:#555555; font-size:1em; font-weight:bold; font-style:normal; text-decoration:none; } div.C-5173-1-5 .font_shopdetailEF { color:#313131; font-size:1em; font-weight:bold; font-style:normal; text-decoration:none; } div.C-5173-1-5 .font_shopdetailEB { color:#909090; font-size:0.75em; font-weight:normal; font-style:normal; text-decoration:none; } div.C-5173-1-5 .font_shopdetailEE { color:#909090; font-size:1em; font-weight:normal; font-style:normal; text-decoration:none; } div.C-5173-1-5 .font_shopdetailC { color:#909090; font-size:1em; font-weight:normal; font-style:normal; text-decoration:none; } div.C-5173-1-5 .font_shopdetailD { color:#555555; font-size:1em; font-weight:bold; font-style:normal; text-decoration:none; } div.C-5173-1-5 .font_shopdetailE { color:#000000; font-size:1em; font-weight:bold; font-style:normal; text-decoration:none; } div.C-5173-1-5 .shopdetailInfoTit { color:#000000; font-size:0.938em; font-weight:normal; font-style:normal; text-decoration:none; } div.C-5173-1-5 .font_shopdetailEA { color:#313131; font-size:1em; font-weight:bold; font-style:normal; text-decoration:none; } div.C-5173-1-5 { 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 ; } div.C-5173-1-6 .btn-center {overflow: hidden; text-align: center;} div.C-5173-1-6 .btn-center ul li {float:left; width:30%;} div.C-5173-1-6 .btn-center ul li a {margin-left:5px;} div.C-5173-1-6 .btn-center ul li:first-child {width:40%;} div.C-5173-1-6 .btn-center ul li:first-child a {margin-left:0;} div.C-5173-1-6 .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-5173-1-6 .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-5173-1-6 .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-5173-1-6 .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-5173-1-6 .btn-center ul li.w100p { width:100%; } div.C-5173-1-6 .btn-center .is_soldout {font-size:0.875em; padding: 10px 0 10px; box-sizing: border-box; background-color: #F1F6FF;} div.C-5173-1-6 .btn-center .is_stop_order {clear:both; font-size:0.875em; padding: 10px 0;} div.C-5173-1-6 .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-5173-1-6 .btn-center .nosell ul .wish-btn {width:100%;} div.C-5173-1-6 .btn-center .nosell ul .wish-btn a {margin-left:0px;} div.C-5173-1-6 .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-5173-1-6 .btn-center {padding: 10px 10px 20px 10px; overflow: hidden;} div.C-5173-1-6 .btn-center .soldout_area {float: right; margin-bottom: 10px;} div.C-5173-1-6 .btn-center .soldout_area .btn_soldout_anchor {display:block; float:right; padding:0; margin:0 0 0 5px;} div.C-5173-1-6 .btn-center .soldout_area .btn_soldout_anchor span {display:inline-block; -webkit-box-shadow:none; box-shadow: none;} div.C-5173-1-6 .btn-center .soldout_area .soldout_once {display: inline-block; float: left; margin-left: 5px;} div.C-5173-1-6 .btn-center ul {width: 100%; overflow: hidden;} div.C-5173-1-6 .btn-center .btnTyC i.fa { margin-right: 4px; } div.C-5173-1-6 .btn-center .btnTyC i.fa-heart-o { color: #999; } div.C-5173-1-6 .btn-center .btnTyC i.fa-heart { color: #f41f3a; display:none; } div.C-5173-1-6 .btn-center .btnTyC .wish-on i.fa-heart-o { display:none; } div.C-5173-1-6 .btn-center .btnTyC .wish-on i.fa-heart { display:inline-block; } /* 선물하기 */ div.C-5173-1-6 .btn-center ul li.w100p .btnTyC { display: flex; align-items: center; justify-content: center; margin: 5px 0 0 0; } div.C-5173-1-6 .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-5173-1-6 .btn-center .btnTyC i.fa-heart { color:#F41F3A; } div.C-5173-1-6 .btn-center .btnTyC i.fa-heart-o { color:#999999; } div.C-5173-1-6 .btn-center .btnTyB { background-color:#E8E8E8; border-color:#B5B5B5; color:#000000; } div.C-5173-1-6 .btn-center .btnTyA { background-color:#313131; border-color:#313131; color:#FFFFFF; } div.C-5173-1-6 .btn-center .btnTyC { background-color:#F5F4F4; border-color:#C1C1C1; color:#000000; } div.C-5173-1-6 { margin:10px 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-5173-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-5173-1-8 .goods-detail {text-align: center; font-size: 0.875em; color: #666;} div.C-5173-1-8 .goods-detail table {width:100% !important;} div.C-5173-1-8 .goods-detail object {width:100% !important;} div.C-5173-1-8 .goods-detail iframe {width:100% !important;} div.C-5173-1-8 .goods-detail table {table-layout: auto !important;} div.C-5173-1-8 .goods-detail div {width:100% !important;} div.C-5173-1-8 .goods-detail img {max-width: 100%;} /* 상품 상세 확대보기 */ div.C-5173-1-8 .ppscale {text-align: center; color: #767676; font-size: 0.875em; padding-bottom: 20px;} div.C-5173-1-8 .ppscale img {width:30px; height: auto; margin: 0 10px;} div.C-5173-1-8 { 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 ; } div.C-5173-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-5173-1-9 .btn-center2 .btn li {float:left; width:33.3%;} div.C-5173-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-5173-1-9 .btn-center2 .btn li a em {font-style:normal; font-weight: bold; */} div.C-5173-1-9 .btn-center2 .btn li:last-child a {border-right:0px;} div.C-5173-1-9 .btn-center2 .btn li a { border-right-color:#BFBFBF; color:#4E4E4E; } div.C-5173-1-9 .btn-center2 .btn li { background-color:#FFFFFF; } div.C-5173-1-9 .btn-center2 .btn { border-color:#BFBFBF; border-top-color:#333333; } div.C-5173-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 ; } .link_new_barotalk { display:block; height:44px; line-height:46px; margin:5px 5px; border:1px solid #309060; background:#3ebf7f; color:#fff; text-align:center; } div.C-5173-1-10 { 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-5173-1-11 .btn_dgg img{ max-width: 90%; height: auto; } div.C-5173-1-11 { 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-5173-1-12 { 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-5173-1-13 { 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-5173-1-14 { 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-5173-1-15 .sns {margin-bottom:0;} div.C-5173-1-15 .sns p {overflow:hidden; margin:0 auto; text-align:center;} div.C-5173-1-15 .sns p img {width:45px; height:45px;} div.C-5173-1-15 .sns ul {overflow:hidden; margin:0 auto; width:288px;} div.C-5173-1-15 .sns ul li {float:left; width:45px; margin-left:3px; text-align:center;} div.C-5173-1-15 .sns ul li img {width:45px; height:45px;} div.C-5173-1-15 .sns ul li:first-child {margin-left:0;} div.C-5173-1-15 { 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 ; } /* 쿠폰 style 기능 설정 관련 */ div.C-5173-1-16 .cupon-issue {margin:0; overflow: initial;} div.C-5173-1-16 .cupon-issue .overflow {margin-top:0; border: 1px solid #8B8B8B;border-radius: 3px; box-shadow: 0 1px 3px 0 #BDBDBD;} div.C-5173-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-5173-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-5173-1-16 .cupon-issue .cupon-tit span img {width:62px; height:14px;} div.C-5173-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-5173-1-16 .cupon-issue .overflow:first-child {margin-bottom: 5px;} div.C-5173-1-16 .cupon-issue table {width:100%; height:65px;} div.C-5173-1-16 .cupon-issue table td {color: #353535; vertical-align:middle; font-size:0.75em;} div.C-5173-1-16 .cupon-issue table td p {padding:2px 0 2px 9px; margin-left:5px; background: none;} div.C-5173-1-16 .cupon-issue .image_src {max-width: 100%;} div.C-5173-1-16 .cupon-issue .overflow { border:1px solid #333333; } div.C-5173-1-16 .cupon-issue .cupon-txt { background-color:#F7F7F7; border-left:2px dotted #525252; } div.C-5173-1-16 .cupon-issue table td p { color:#313131; } div.C-5173-1-16 .cupon-issue .cupon-tit span { color:#FFF200; } div.C-5173-1-16 .cupon-issue .cupon-tit { color:#FFFFFF; background-color:#525252; } div.C-5173-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-5173-1-17 .zoom-in {text-align: center; display: inline-block; width: 100%; color: #4E4E4E; border: 1px solid #8f8f8f; background-color: #F3F3F3; font-size: 0.875em;} div.C-5173-1-17 .zoom-in a {height: 44px; line-height: 46px; display: block;} div.C-5173-1-17 { 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-5173-1-18 .order-ex-info {border: 3px double #969696; border-radius: 3px; margin-bottom: 5px;} div.C-5173-1-18 .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-5173-1-18 .order-ex-info .order-ex-info-ul li .fa {position: absolute; top: 16px; right: 16px; font-weight: bold;} div.C-5173-1-18 .order-ex-info .order-ex-info-ul .btn-close {display: none;} div.C-5173-1-18 .order-ex-info .order-ex-info-detail {border-top: 1px dotted #9E9E9E; font-size: 0.75em; display: none; padding: 5px 7px;} div.C-5173-1-18 .order-ex-info .order-ex-info-detail img {max-width: 100%;} div.C-5173-1-18 { 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-5173-1-19 .goods-ex-info {border: 3px double #969696; border-radius: 3px; margin:0px 10px 10px 10px; } div.C-5173-1-19 .goods-ex-info .goods-ex-info-ul li {position: relative; padding: 12px 10px; font-size: 0.875em; text-align: left; font-weight: bold; color: #3A3A3A;} div.C-5173-1-19 .goods-ex-info .goods-ex-info-ul li .fa {position: absolute; top: 16px; right: 16px; font-weight: bold;} div.C-5173-1-19 .goods-ex-info .goods-ex-info-ul .btn-close {display: none;} div.C-5173-1-19 .goods-ex-info .goods-ex-info-detail {border-top: 1px dotted #9E9E9E; background-color: #f5f5f5; font-size: 0.75em; display: none; padding: 5px 0;} div.C-5173-1-19 .goods-ex-info .goods-ex-info-detail .goods-ex-info-tit {display: inline-block; width: 30%; padding: 5px 10px; color: #464646; vertical-align: middle; box-sizing: border-box;} div.C-5173-1-19 .goods-ex-info .goods-ex-info-detail .goods-ex-info-desc {padding-left: 5px; vertical-align: middle; width: 65%; display: inline-block; box-sizing: border-box;} div.C-5173-1-19 .goods-ex-info .goods-ex-info-detail .no-msg {text-align: center; padding: 10px; font-weight: bold;} div.C-5173-1-19 { 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-5173-1-20 .relation-title { position: relative; } div.C-5173-1-20 .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-5173-1-20 .list_shopping {overflow:hidden;} div.C-5173-1-20 .list_shopping ul {display: table; table-layout: fixed; box-sizing: border-box; font-size: 0; margin-top:8px; width: 100%;} div.C-5173-1-20 .list_shopping ul.items li.pro1x { width : 100%; } div.C-5173-1-20 .list_shopping ul.items li.pro2x { width : 50%; } div.C-5173-1-20 .list_shopping ul.items li.pro3x { width : 33.3%; } div.C-5173-1-20 .list_shopping ul.items li.pro4x { width : 25%; } div.C-5173-1-20 .list_shopping .align-style { text-align: ; font-size: 14px;} div.C-5173-1-20 .MS-vertical { padding-bottom:10px;} div.C-5173-1-20 .list_shopping .MS-vertical .icons-two img:first-child {padding-left: 0px;} div.C-5173-1-20 .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-5173-1-20 .list_shopping ul li img {max-width:100%; height:auto;} div.C-5173-1-20 .list_shopping ul li .thumb-img a {display:block; margin:0 2px;} div.C-5173-1-20 .list_shopping ul li dl {padding:5px 7px 0;} div.C-5173-1-20 .list_shopping ul li dl dt {padding-bottom:5px;} div.C-5173-1-20 .list_shopping ul li p {padding:0 7px;} div.C-5173-1-20 .list_shopping ul li p em {font-style:normal; text-decoration:line-through; display:block;} div.C-5173-1-20 .list_shopping ul li .img { float:left; margin-right:8px; max-width:43%; padding-left: 5px;} div.C-5173-1-20 .list_shopping ul li.prd-info {text-align:center;} div.C-5173-1-20 .list_shopping .thumb-img { position:relative; } div.C-5173-1-20 .list_shopping .tit { float: left; word-wrap: break-word; word-break: keep-all; max-width: 50%; font-size: 14px;} div.C-5173-1-20 .list_shopping ul li .txt2 {padding:5px 7px 0;} div.C-5173-1-20 .list_shopping ul li .txt2 span {display:block;} div.C-5173-1-20 .pp-goods-group .btn-rolling {position:relative; overflow:hidden; top:-24px;z-index: 1;text-align:center;} div.C-5173-1-20 .pp-goods-group .btn-rolling p {display:inline-block; overflow:hidden;} div.C-5173-1-20 .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-5173-1-20 .pp-goods-group .btn-rolling p .on {border: 2px solid #333; background: #333;} div.C-5173-1-20 .pp-goods-group { overflow:visible; } div.C-5173-1-20 .pp-goods-group .btn-rolling { top:7px; margin-bottom:12px; } div.C-5173-1-20 .font_relatedS { color:#909090; font-size:0.875em; font-weight:normal; font-style:normal; text-decoration:none; } div.C-5173-1-20 .font_relatedE { color:#000000; font-size:0.875em; font-weight:bold; font-style:normal; text-decoration:none; } div.C-5173-1-20 .font_relatedA { color:#555555; font-size:0.875em; font-weight:normal; font-style:normal; text-decoration:none; } div.C-5173-1-20 .font_relatedD { color:#555555; font-size:0.875em; font-weight:normal; font-style:normal; text-decoration:none; } div.C-5173-1-20 { 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-5173-1-21 .relation-goods { display: none; } div.C-5173-1-21 .view-mode { display: none; } div.C-5173-1-21 .relation-title { position: relative; } div.C-5173-1-21 .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-5173-1-21 .grouping-goods .align-style { text-align: center;} /* 관련상품 */ div.C-5173-1-21 .relation-goods .related-input {padding: 0 3px 0 0; text-align: center; float: left;} div.C-5173-1-21 .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-5173-1-21 .related-consumer, div.C-5173-1-21 .related-price{ text-decoration: line-through; } div.C-5173-1-21 .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-5173-1-21 .relation-goods table {width:100%; text-align:left;} div.C-5173-1-21 .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-5173-1-21 .relation-goods table tbody .img {padding-left:0; padding-right:0; text-align: center; width: 30%;} div.C-5173-1-21 .relation-goods table tbody .img img {max-width:100%; height:auto;} div.C-5173-1-21 .relation-goods table tbody .related-subname, div.C-5173-1-21 .relation-goods table tbody .related-uid {display: block; margin-bottom: 3px;} div.C-5173-1-21 .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-5173-1-21 .relation-goods table tbody td dl {margin-bottom:4px; overflow:hidden;} div.C-5173-1-21 .relation-goods table tbody td dl dt {float:left; width:70px;} div.C-5173-1-21 .relation-goods table tbody td dl dd a {float:left; margin-right:2px;} div.C-5173-1-21 .relation-goods table tbody .MS_related_checkbox {position: absolute; top: 18px; right: 17px;} div.C-5173-1-21 .relation-goods .related-center {margin: 15px 15px 0;} div.C-5173-1-21 .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-5173-1-21 .relation-goods .color-size .option-title {margin: 5px 0 2px;display: inline-block;} div.C-5173-1-21 .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-5173-1-21 .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-5173-1-21 .list_shopping {overflow:hidden; padding-top:8px;} div.C-5173-1-21 .list_shopping ul {table-layout: fixed; box-sizing: border-box; font-size: 0; margin-top:8px; width: 100%;} div.C-5173-1-21 .list_shopping ul.items li.pro1x { width : 100%; } div.C-5173-1-21 .list_shopping ul.items li.pro2x { width : 50%; } div.C-5173-1-21 .list_shopping ul.items li.pro3x { width : 33.3%; } div.C-5173-1-21 .list_shopping ul.items li.pro4x { width : 25%; } div.C-5173-1-21 .list_shopping .align-style { text-align: center; font-size: 14px;} div.C-5173-1-21 .MS-vertical { padding-bottom:10px;} div.C-5173-1-21 .list_shopping .MS-vertical .icons-two img:first-child {padding-left: 0px;} div.C-5173-1-21 .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-5173-1-21 .list_shopping ul li img {max-width:100%; height:auto;} div.C-5173-1-21 .list_shopping ul li .thumb-img a {display:block; margin:0 2px;} div.C-5173-1-21 .list_shopping ul li dl {padding:5px 7px 0;} div.C-5173-1-21 .list_shopping ul li dl dt {padding-bottom:5px;} div.C-5173-1-21 .list_shopping ul li p {padding:0 7px;} div.C-5173-1-21 .list_shopping ul li p em {font-style:normal; text-decoration:line-through; display:block;} div.C-5173-1-21 .list_shopping ul li .img { float:left; margin-right:8px; max-width:43%; padding-left: 5px;} div.C-5173-1-21 .list_shopping ul li.prd-info {text-align:center;} div.C-5173-1-21 .list_shopping .thumb-img { position:relative; } div.C-5173-1-21 .list_shopping .tit { float: left; word-wrap: break-word; word-break: keep-all; max-width: 50%; font-size: 14px;} div.C-5173-1-21 .pp-goods-group .btn-rolling {position:relative; overflow:hidden; top:-24px;z-index: 1;text-align:center;} div.C-5173-1-21 .pp-goods-group .btn-rolling p {display:inline-block; overflow:hidden;} div.C-5173-1-21 .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-5173-1-21 .pp-goods-group .btn-rolling p .on {border: 2px solid #333; background: #333;} div.C-5173-1-21 .pp-goods-group { overflow:visible; } div.C-5173-1-21 .pp-goods-group .btn-rolling { top:7px; margin-bottom:12px; } div.C-5173-1-21 { 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 ; } .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; } /* 퀵 바이 default */ .shopdetail #quickBy.toggle-on { padding: 5px 10px ; } .shopdetail #quickBy.toggle-off {padding: 5px 10px ; background-color: rgba(0, 0, 0, 0.65); color: #fff;} .shopdetail #quickBy { border-top: 1px solid #000;} div.C-5173-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 ; } /* BASIC css end */