/* BASIC css start */ .fixed_buy { position:fixed; display:block !important; width:100%; bottom:0px; right:0px; z-index:999; background:#505050; } /* 섬네일 */ .shopdetailInfo .thumb-wrap { width: 100%;} .shopdetailInfo .thumb { width: 100%; } .shopdetailInfo .thumb img { display; block; width:100% } /*다중이미지*/ .shopdetailInfo #multi_img { width: 100%; font-size: 0;text-align:center } .shopdetailInfo #multi_img li { display: inline-block; vertical-align: top; } .shopdetailInfo #multi_img img { width: 70px; } /*다중이미지 스크롤*/ #multi_img { max-width: 100%; /* 부모 요소를 초과하지 않도록 제한 */ overflow-x: auto; white-space: nowrap; -webkit-overflow-scrolling: touch; /* 모바일 부드러운 스크롤 */ padding: 15px 1%; box-sizing:border-box; } #multi_img::-webkit-scrollbar { /* display: none; 스크롤바 숨김 */ } #multi_img .menu { display: flex; gap: 18px; min-width: max-content; } #multi_img .menu li { white-space: nowrap; } /* 스크롤바 전체 스타일 */ #multi_img::-webkit-scrollbar { height: 2px; /* 스크롤바 높이 (가로 스크롤바) */ } /* 스크롤바 트랙 (배경) */ #multi_img::-webkit-scrollbar-track { background: #dedede; border-radius: 0px; margin: 0 20px; } /* 스크롤바 핸들 (움직이는 부분) */ #multi_img::-webkit-scrollbar-thumb { background: #000; border-radius: 0px; } /* 스크롤바 핸들 호버 시 */ #multi_img::-webkit-scrollbar-thumb:hover { background: #000; } /* 모바일 상품 이미지 전체 팝업 */ .mo-detail-pop{display:none;position:fixed;left:0;top:0;width:100%;height:100vh;background:#fff;z-index:999999;} .mo-detail-pop.on{display:block;} .mo-detail-pop .pop-close{position:absolute;right:18px;top:18px;width:34px;height:34px;cursor:pointer;z-index:20;} .mo-detail-pop .pop-close:before,.mo-detail-pop .pop-close:after{content:"";position:absolute;left:16px;top:5px;width:2px;height:24px;background:#111;} .mo-detail-pop .pop-close:before{transform:rotate(45deg);} .mo-detail-pop .pop-close:after{transform:rotate(-45deg);} .mo-detail-pop .pop-img-wrap{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;} .mo-detail-pop .pop-img-area{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100vh;margin:0 auto;} .mo-detail-pop .pop-img-area img{display:block;width:90%;height:auto;max-width:90%;max-height:none;object-fit:contain;user-select:none;-webkit-user-drag:none;} .mo-detail-pop .pop-prev,.mo-detail-pop .pop-next{position:absolute;top:50%;width:40px;height:40px;margin-top:-20px;cursor:pointer;z-index:15;} .mo-detail-pop .pop-prev{left:10px;} .mo-detail-pop .pop-next{right:10px;} .mo-detail-pop .pop-prev:before,.mo-detail-pop .pop-next:before{content:"";position:absolute;left:50%;top:50%;width:12px;height:12px;border-top:2px solid #111;border-right:2px solid #111;} .mo-detail-pop .pop-prev:before{transform:translate(-35%,-50%) rotate(-135deg);} .mo-detail-pop .pop-next:before{transform:translate(-65%,-50%) rotate(45deg);} .mo-detail-pop .pop-bar{position:absolute;left:50%;bottom:28px;width:180px;height:2px;background:#ddd;transform:translateX(-50%);} .mo-detail-pop .pop-bar span{position:absolute;left:0;top:-1px;width:32px;height:4px;border-radius:2px;background:#111;transition:left .25s ease;} /* 트리 */ .guide_box1 { margin:22px 20px 30px; border-bottom:1px solid #dedede;} .guide_box1 .s_tit { border-top:1px solid #dedede; background:url(/design/custommood/deetong/mo/arr04.png) no-repeat 97% 50%; background-size:8px; color:#000; line-height:40px; height:40px; font-size:11px; cursor:pointer; } .guide_box1 .active .s_tit{ background:url(/design/custommood/deetong/mo/arr05.png) no-repeat 97% 50%; background-size:8px; } .guide_box1 .view_list { font-size:11px; line-height:15px; padding:0px 0 15px; color:#555; } /* 상세 상단 공통 영역 */ .guide_box2 { background:#e4e0d9; padding:22px 20px 20px; font-size:11px; color:#000; line-height:15px; } .guide_box2 a { font-size:11px; color:#000; line-height:15px; } .guide_box2 p { width:100%; display:block; border-top:1px solid #fff; font-size:12px; color:#000; padding-top:15px; margin-top:15px; padding-bottom:2px } .guide_box2 p.fir { border-top:0px; padding-top:0px; margin-top:0px } .detail_bn1 {width:100%;overflow:hidden;position:relative; margin:50px 0 } .detail_bn1 .im img{display:block;width:100%;height:auto;} .detail_bn1 .tx{position:absolute;left:50%;top:50%;width:100%;padding:4vw 0vw;line-height:1.25;box-sizing:border-box;color:#fff;text-align:center;transform:translate(-50%,-50%);} .detail_bn1 .tx p{font-size:3vw;font-family:'NotoSerifKR';font-weight:300;} .detail_bn1 .tx h2{font-size:4.5vw;font-family:'notokr-regular';font-weight:400;color:#fff;line-height:1.3;padding:5px 0px 2px;} .detail_bn1 .tx span{display:block;font-size:12px;font-family:'notokr-light';font-weight:300;line-height:1.5;word-break:keep-all;} .detail_bn2 {width:100%;margin:0 auto;overflow:hidden;position:relative;} .detail_bn2 .im img {display:block;width:100%;height:auto;} .detail_bn2 .tx {position:absolute;left:50%;top:50%;width:92%;text-align:center;transform:translate(-50%,-50%);} .detail_bn2 .tx img {width:50%} .detail_bn3{width:100%;text-align:center;padding:60px 0; background:#eeece5;box-sizing:border-box;} .detail_bn3 .tt img {width:36%; margin:0 auto} .detail_bn3 .tx1{font-size:3vw;font-family:'notokr-light';font-weight:300;color:#000;line-height:1.4;padding:20px 0px} .detail_bn3 .tx2{font-size:2vw;font-family:'NotoSerifKR';font-weight:400;font-style:italic;color:#3b3b3b;line-height:1.6;} .detail_bn4{width:100%;margin:100px auto 30px;text-align:center;} .detail_bn4 .tt1{text-align:center;font-size:2.6vw;font-family:'NotoSerifKR';font-weight:400;color:#202020;} .detail_bn4 .tt2{text-align:center;font-size:6vw;font-family:'notokr-bold';font-weight:700;color:#292929;line-height:1.3;padding:5px 0 20px;} .detail_bn4 p{text-align:center;font-size:3.6vw;font-family:'notokr-regular';font-weight:400;color:#000;line-height:1.4} .detail_bn4 .tx{text-align:center;font-size:2.6vw;font-family:'notokr-light';font-weight:300;color:#000;line-height:1.6;padding:10px 0 20px;letter-spacing:-0.5px} .detail_bn4 .bt{text-align:center;display:flex;justify-content:center;gap:2vw;padding:0 20px} .detail_bn4 .bt a{display:inline-block;width:40vw;height:32px;line-height:32px;text-align:center;font-size:3vw;font-family:'notokr-light';font-weight:300;color:#fff;background:#333;border-radius:20px;margin:0;} .detail_bn4 .bt a:hover{background:#000;} .detail_bn4 .im {padding-top:50px} .detail_bn4 .im img {width:100%;} .shopdetail .shopdetailInfo { } .shopdetail .shopdetailInfo .shopdetailInfoTop figure {padding:16px 0px; } .shopdetail .shopdetailInfo .shopdetailInfoTop figcaption {text-align:left; margin-top:16px;} .shopdetail .shopdetailInfo .name { font-size:14px; color:#000; padding:20px 20px 0; } .shopdetail .shopdetailInfo .tit-price { font-size:12px; color:#000; padding:6px 20px 18px; font-weight:500} .shopdetail .shopdetailInfo .tit-price .kw { font-size:10px; font-weight:400; color:#000 } .shopdetail .shopdetailInfo .tit-price strike { color:#737373; font-weight:400; padding:0 3px } .shopdetail .shopdetailInfo .tx01 { border-top:1px solid #dedede; margin:0px 20px 15px; font-size:11px; color:#000; line-height:15px; padding-top:18px } .shopdetail .shopdetailInfo .tx02 { padding:0px 20px 15px; font-size:11px; color:#000; line-height:15px; } .shopdetail .shopdetailInfo .tx03 { border-top:1px solid #dedede; margin:0px 20px 20px; padding-top:10px } .shopdetail .shopdetailInfo .tx03 a { border-bottom:1px solid #8f8d8c; margin-left:10px; font-size:10px; color:#000; line-height:15px; } .shopdetail .shopdetailInfo .tx03 a:first-child {margin-left:0px} .shopdetail .shopdetailInfo .tx04 { color:#2e2e2e; font-size:9px; line-height:12px; padding:12px 0; letter-spacing:-0.5px } .shopdetail .shopdetailInfo .shopdetailInfoBottom { margin:0 20px } .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue {position: relative; /*border-bottom:1px solid #ebebeb;*/ padding:18px 1%;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue em {color:#f1191f; font-size:12px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue p {margin-bottom:0px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue p:last-child {margin-bottom:0px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .shopdetailInfoName {width:100%; font-size:11px; /*display:inline-block;*/ } .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .shopdetailInfoCont {width:100%; font-size:11px; /*display:inline-block; margin-left: -4px;*/} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .region {margin-left: 10px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .btn_relation {position:absolute; top:50%; right:10px; text-align:center; margin-top: -25px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .btn_relation a {width:50px; height:50px; color:#fff; background-color:#636363; display: inline-block; font-size:0.917em; border-radius: 4px; border:1px solid #424242;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .btn_relation a:first-child {} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .btn_relation a .fa {display:block; margin:6px 0 3px 0;} .mprice { color:#d32f2f } .msns img { height:20px } .shopdetailInfototal { border:1px solid #e2e2e2; margin-top:5px; text-align:right; padding:12px 0; box-sizing:border-box; position:relative; } .shopdetailInfototal .totaltit { position:absolute; left:12px; font-size:13px; color:#000; font-weight:bold; } .shopdetailInfototal .totalprice { font-size:15px; color:#000; font-weight:bold; padding-right:12px } .shopdetailInfoDelivery {padding:10px 15px;} /* 상품옵션 */ .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area {} .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area.fixed {width: 100%; position: fixed; z-index: 101; bottom: 0; left: 0; right: 0;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area.fixed {-webkit-animation: qbuy 150ms linear 1 normal; animation: qbuy 150ms linear 1 normal;} @-webkit-keyframes qbuy { from {bottom:-65px;} to {bottom:0;} } @keyframes qbuy { from {bottom:-65px;} to {bottom:0;} } .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area.fixed .option_tk {height:150px; overflow-y:auto; background-color: #fff; padding:0px 10px } .shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn { display:none; /*width:100%; box-sizing: border-box; position:relative; bottom:0; left:0; right:0; background:#505050; z-index: 101; text-align: center; padding:0px; margin:0 auto; display:none;*/} .shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn.fixed { display:none; /*display: block; position: fixed;*/} .shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn a.btn_001 { display:inline-block; width:24%; height:40px; line-height:40px; color:#fff } .shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn a.btn_002 { display:inline-block; width:24%; height:40px; line-height:40px; color:#fff; background:#2a2a2a } .shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn a.btn_004 { display:inline-block; width:28%; height:40px; line-height:40px; color:#fff } .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area.fixed .fixed-btn.fixed {display:none; /* display: block; position: relative;*/} .shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn .btn_option {position: absolute; top: -17px; left: 50%; margin-left:-33px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoMultiSelect { } .shopdetail .shopdetailInfo .shopdetailInfoBottom .buy_on {background-color: #f6f6f6; text-align: center; padding: 10px 15px; display:none;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .buy_on a {width:48%; color: #3b3b3b; background-color:#fff; border:1px solid #000; display: inline-block; padding:6px 0; margin: 0;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .buy_on a.buy {background-color:#000; color:#fff;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect { } .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .opt-com {text-align: right;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect p { /*background-color:#f6f6f6; border-bottom:1px solid #ebebeb;*/ padding: 5px 0px 0; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect p:last-child {margin-bottom:0px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .shopdetailInfoName {width:100%; font-size:11px; padding-top:0px; padding-bottom:5px; /*padding-right: 5px; display:inline-block; ★옵션타이틀 전체*/ } .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .shopdetailInfoOneclick .shopdetailInfoName { padding-bottom:0px; /* ★옵션타이틀 원클릭*/ } .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .shopdetailInfoCont {width:100%; /*display:inline-block; margin-left: -4px;*/ } .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .shopdetailInfoCont select {width:100%;border:1px solid #000; font-size:11px; color:#000; height:24px; line-height:22px; background:#f5f3f0 url("/design/custommood/deetong/mo/arr03.png") no-repeat 97% 50%; background-size: 7px auto; -webkit-appearance:none;cursor:pointer;-moz-appearance:none;appearance:none;} /* ★수량*/ .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .shopdetailInfoCount { padding-top:7px } .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .shopdetailInfoCount .txt-qnty {text-align:center; padding:0 6px; width: 50px !important;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .shopdetailInfoCount input { background:#f5f3f0; min-width:30px; height: 24px; line-height: 24px; padding:0 0 0 0; font-size:11px; text-align:center !important;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .shopdetailInfoCount .fa-plus {background-color: #aaa; width: 24px; height: 24px; text-align: center; vertical-align: middle; font-size:10px;line-height: 24px; color: #fff; margin: 0 5px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .shopdetailInfoCount .fa-minus {background-color: #aaa; width: 24px; height: 24px; text-align: center; vertical-align: middle; font-size:10px;line-height: 24px; color: #fff;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoMultiSelect .MK_optAddWrap #MK_innerOptScroll {background-color: #f6f6f6; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .add-option-sel {font-weight: bold; font-size: 1.1em; padding-top: 10px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .add-option select {margin-bottom: 10px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .add-option .shopdetailInfoName {vertical-align: top; padding-top: 11px; } .shopdetail .shopdetailBoard {text-align:center; border-top:1px solid #bbb; border-bottom:1px solid #bbb; margin-bottom:32px;} .shopdetail .shopdetailBoard a {width:33.33%; background-color:#f8f8f8; border-left:1px solid #bbb; display:inline-block; margin-left: -1px; font-weight:bold; padding:20px 0;} .MK_optAddWrap .MK_inner-opt-cm li {position:relative; border-bottom:1px solid #c7c7c7; padding: 12px 0;} .MK_optAddWrap .MK_inner-opt-cm li:last-child {border-bottom:0px none;} .MK_optAddWrap .MK_inner-opt-cm .MK_p-name {padding-right: 30px; display: block; padding:0 15px;} .MK_optAddWrap .MK_inner-opt-cm .MK_qty-ctrl {margin-top:8px; padding:0 15px;} .MK_optAddWrap .MK_inner-opt-cm .MK_qty-ctrl input[type="tel"] {padding:0 6px; width: 79px; } .MK_optAddWrap .MK_inner-opt-cm .MK_btn-del {position:absolute; top:12px; right:0;} .MK_optAddWrap .MK_inner-opt-cm .MK_btn-del img {width: 20px; margin-right:5px;} .MK_optAddWrap .MK_inner-opt-cm .MK_price {position:absolute; bottom:21px; right:0; font-size: 1.3em; margin-right:5px;} .MK_optAddWrap .MK_inner-opt-cm .MK_qty-ctrl .btn-type-02 {background-color: #bbb; width: 35px; height: 35px; text-align: center; vertical-align: middle; line-height: 35px; color: #fff; display: inline-block;} .MK_optAddWrap .total {text-align:right; padding:10px 15px; font-size: 17px;} .MK_optAddWrap .MK_total {font-size:18px; color:#f1191f; margin-left:5px;} .MK_optAddWrap .MK_txt-won {font-size:17px;} .MK_optAddWrap_div { height:10px;padding:0;background:#f6f6f6;border-top:1px solid #c7c7c7; border-bottom:1px solid #c7c7c7; } .MK_optAddWrap_line { height:1px;padding:0;background:#f6f6f6; border-bottom:1px solid #c7c7c7; } #MK_innerOptTotal { padding:12px 10px; text-align:right; } /* //착불 아이콘 */ .shopdetail .shopdetailInfo .gray-delivery {padding: 2px;background-color: #fff;color: #656565;font-size: 0.875em;border-radius: 3px;border: 1px solid #656565;} /* //상품옵션 */ .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailTotal {background-color:#fff; text-align:right; padding:15px; font-size:1.2em; border:1px solid #e2e2e2; margin-top:15px } .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailTotal em {color:#f1191f; font-size:1.333em; margin-left:16px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton {text-align:center; padding:0px 0;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop a { padding:7px 0 7px; width:100%; display:inline-block; box-sizing:border-box; font-size:12px; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop a.cart {color:#fff; background:#353535; border:0px; margin:0 0 5px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop a.wish {color:#fff; background:#555; border:0px; margin:0 0 5px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop a.buy {color:#fff; background:#232323; border:0px; margin:0 0 0px;} .naver-checkout { padding-top:0px; margin:0 0 0 0 } .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonBottom {margin:20px 0;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonBottom img {margin:0 2px; width:45px; height:auto;} .shopdetail .shopdetailCoupon {margin-top:15px;} .shopdetail .shopdetailCoupon .shopdetailCouponGet {padding:0 15px;} .shopdetail .shopdetailCoupon .shopdetailCouponGet .image_src {max-width: 100%; padding-bottom: 5px;} .shopdetail .shopdetailCoupon .shopdetailCouponGet li dl {height:34px; background:url("/images/d3/m_04/bg_coupon@2x.gif") no-repeat left center; padding:10px 0 10px 92px; border-bottom:1px dashed #cbcbcb; position:relative; background-size: 81px auto;} .shopdetail .shopdetailCoupon .shopdetailCouponGet li:last-child {border-bottom:0px none;} .shopdetail .shopdetailCoupon .shopdetailCouponGet .MS_coupon dt {width:82px; position:absolute; top:10px; left:0 ; color:#fff; text-align:center;} .shopdetail .shopdetailCoupon .shopdetailCouponGet .MS_coupon dt strong {font-weight: normal;} .shopdetail .shopdetailCoupon .shopdetailCouponGet .MS_coupon h4 {font-weight:bold;} .shopdetail .shopdetailItem .shopdetailItemPopup {text-align:center; padding:0 15px; margin:22px 0;} .shopdetail .shopdetailItem .shopdetailItemPopup a {font-weight:bold; color:#fff; background-color:#636363; display:block; padding:10px 0;} .shopdetail .shopdetailItem .shopdetailItemPopup .shopdetailItemZoom {height:60px; padding:0 0 0 75px; margin-top:10px; background:url("/images/d3/m_04/bg_hand@2x.gif") no-repeat 20px center; line-height: 60px; background-size: 50px auto;} .shopdetail .shopdetailItem .shopdetailImage img {max-width:100% !important; height: auto !important;} .shopdetail .shopdetailItem .shopdetailImage table {width:100% !important;} .shopdetail .shopdetailItem .shopdetailImage object {width:100% !important;} .shopdetail .shopdetailItem .shopdetailImage iframe {width:100% !important;} .shopdetail .shopdetailItem .shopdetailImage table {table-layout: auto !important;} .shopdetail .shopdetailItem .shopdetailImage div {width:100% !important;} .shopdetail .shopdetailItem .shopdetailNotify {margin:24px 3%;} .shopdetail .shopdetailItem .shopdetailNotify .shopdetailNotifyInfo {padding:15px 15px;} .shopdetail .shopdetailItem .shopdetailNotify .shopdetailNotifyInfo dt {font-weight:bold; margin-bottom:2px;} .shopdetail .shopdetailItem .shopdetailNotify .shopdetailNotifyInfo dd {margin:0 0 25px 6px;} .shopdetail .shopdetailRelationItem {padding:0 15px 30px 15px;} .shopdetail .shopdetailRelationItem .listName input {float:right;} .shopdetail .shopdetailRelationItem .btn_cart {width:290px; text-align:center; font-weight:bold; color:#fff; background-color:#393939; display:block; padding:10px 0; margin:0 auto;} /*상세공통정보 하단*/ .detail_bottom{width:100%;margin:0 auto;padding:50px 5%;box-sizing:border-box;} .detail_bottom section{margin:0 0 25px;} .detail_bottom section h2{margin:0 0 5px;font-size:4vw;line-height:1.4;font-weight:700;color:#000;} .detail_bottom section p{margin:0 0 27px;font-size:2.6vw;line-height:1.6;font-weight:300;color:#000;} .detail_bottom section p:last-child{margin-bottom:0;} .detail_bottom section:last-of-type{margin:0 0 50px;} .detail_bottom .btn{display:flex;align-items:center;justify-content:center;width:43vw;height:32px;margin-top:-15px;border-radius:30px;background:#2b2b2b;color:#fff;font-size:2.7vw;font-weight:400;text-decoration:none;box-sizing:border-box;} .detail_bottom .btn span{margin-left:12px;font-size:4vw;} .detail_bottom .infos{width:100%;} .detail_bottom .detail_bottom_info{margin-bottom:18px;border:1px solid #4e4e4e;box-sizing:border-box;} .detail_bottom .info_head{display:flex;align-items:center;justify-content:space-between;width:100%;padding:20px 24px 12px;color:#000;text-align:left;cursor:pointer;box-sizing:border-box;} .detail_bottom .info_head strong{display:block;font-size:4vw;line-height:1.3;font-weight:600;;} .detail_bottom .info_head span{position:relative;display:block;width:11px;height:11px;margin-left:20px;flex:0 0 18px;box-sizing:border-box;} .detail_bottom .info_head span:before{content:"";position:absolute;left:0;top:3px;width:11px;height:1px;background:#222;} .detail_bottom .info_head span:after{content:"";position:absolute;left:5px;top:-2px;width:1px;height:11px;background:#222;} .detail_bottom .detail_bottom_info.active .info_head span:after{opacity:0;} .detail_bottom .info_body{display:none;padding:0 24px 20px;box-sizing:border-box;} .detail_bottom .detail_bottom_info.active .info_body{display:block;} .detail_bottom .info_body p{margin:0 0 20px;font-size:2.6vw;line-height:1.6;font-weight:300;color:#000;} /* 관련상품 */ .shopdetailRelation {margin-bottom:30px;} .shopdetailRelation .list_shoppingRelationItem1x {padding: 0 7px;} .shopdetailRelation .list_shoppingRelationItem1x ul {width:100%; display:table; table-layout: fixed; box-sizing: border-box;} .shopdetailRelation .list_shoppingRelationItem1x li {width:100%; display:inline-block; vertical-align: top; border-top:1px solid #d9d9d9; padding:18px 0;} .shopdetailRelation .list_shoppingRelationItem1x li figure {padding:0 7px;} .shopdetailRelation .list_shoppingRelationItem1x li:first-child {border:0px none;} .shopdetailRelation .list_shoppingRelationItem1x li img.listPic {width:40%; float:left;} .shopdetailRelation .list_shoppingRelationItem1x .list_shoppingInfo {width:57%; float:left; padding-left:3%; position: relative;} .shopdetailRelation .list_shoppingRelationItem1x .list_shoppingInfo .listName {border-bottom: 1px solid #dedede; padding: 0 15px 2px 0; margin-bottom: 5px;} .shopdetailRelation .list_shoppingRelationItem1x .list_shoppingInfo .options-select {width:100%;} .shopdetailRelation .list_shoppingRelationItem1x .MS_related_checkbox {position:absolute; top:0; right:0;} .shopdetailRelation .list_shoppingRelationItem1x .list_shoppingInfo .listCount {margin: 12px 0;} .shopdetailRelation .list_shoppingRelationItem1x .list_shoppingInfo .listCount .amount-input {text-align:right;} .shopdetailRelation .list_shoppingRelationItem1x .list_shoppingInfo .listCount .fa-plus {background-color: #bbb; width: 30px; height: 30px; text-align: center; vertical-align: middle; line-height: 30px; color: #fff;} .shopdetailRelation .list_shoppingRelationItem1x .list_shoppingInfo .listCount .fa-minus {background-color: #bbb; width: 30px; height: 30px; text-align: center; vertical-align: middle; line-height: 30px; color: #fff;} .shopdetailRelation .list_shoppingRelationItem1x .btn_Black {width:290px; margin: 0 auto;} /* //관련상품 */ /* IOS 디바이스 옵션 선택 시 자동 확대 방지 */ input[type="text"], input[type="date"], input[type="tel"], input[type="number"], input[type="email"], input[type="password"], select {font-size:16px;} /* //IOS 디바이스 옵션 선택 시 자동 확대 방지 */ /* OKDGG 버튼 */ .shopdetail .okdgg-checkout {margin-top: 15px;} .shopdetail .okdgg-checkout img {max-width: 90%; height: auto;} /* //OKDGG 버튼 */ /* 퀵바이 버튼 노출 시 커뮤니티 탭 위치 변경 */ .cs-button {bottom: 53px !important;} /* //퀵바이 버튼 노출 시 커뮤니티 탭 위치 변경 */ /* 임시품절 재입고 SMS 받기 */ .shopdetail .soldout_anchor { display:block !important; } .shopdetail .MK_btn-sms { display: inline-block; width: 100%; height: 35px; line-height: 35px; text-align: center; border: 1px solid #808080; color: #fff; font-weight: bold; background-color: #636363; background-image: -webkit-gradient(linear, left top, left bottom, from(#636363), to(#5e5e5e)); background-image: -webkit-linear-gradient(top, #636363, #5e5e5e); background-image: -moz-linear-gradient(top, #636363, #5e5e5e); background-image: -o-linear-gradient(top, #636363, #5e5e5e); background-image: linear-gradient(to bottom, #636363, #5e5e5e); -webkit-border-radius: 3px !important; border-radius: 3px !important; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .shopdetail .MK_btn-sms span { padding-left: 24px; background: url(/images/d3/m_01/bull/alarm_fff@2x.png) no-repeat 0 50%; background-size: 18px 14px; } /* 임시품절 재입고 SMS 받기 끝 */ /* @media screen and (min-width:420px) and (max-width:767px) { .shopdetail .shopdetailInfo {position:relative; overflow:hidden; zoom:1; border-bottom:1px solid #c7c7c7; } .shopdetail .shopdetailInfo h2 {border-bottom:1px solid #c7c7c7; padding-bottom:16px; background-color: #f5f5f5;} .shopdetail .shopdetailInfo .shopdetailInfoTop {float:left;} .shopdetail .shopdetailInfo .shopdetailInfoTop figure {border-bottom:0px none;} .shopdetail .shopdetailInfo .shopdetailInfoTop, .shopdetail .shopdetailInfo .shopdetailInfoBottom {width:50%;} .shopdetail .shopdetailInfo .shopdetailInfoBottom {float:right; background-color:#fff;} .shopdetailInfoBottom .shopdetailInfoMultiSelect .MK_optAddWrap #MK_innerOptScroll {background-color: #fff;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailTotal {border-top:1px solid #c7c7c7;} .shopdetail .shopdetailCoupon .shopdetailCouponGet {width:335px; margin:0 auto;} .shopdetail .shopdetailRelationItem {padding:0 0 30px 0;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop a {padding:10px 8px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop a.buy {padding:10px 8px;} .shopdetail .shopdetailItem .shopdetailItemPopup {width:335px; margin:22px auto;} .shopdetail .shopdetailRelationItem .btn_cart {margin:34px auto;} .shopdetailRelation .list_shoppingRelationItem1x li {width:50%;} .shopdetailRelation .list_shoppingRelationItem1x li:nth-child(2) {border:0px none;} } @media screen and (min-width:768px) { .shopdetail .shopdetailInfo {position:relative; overflow:hidden; zoom:1; border-bottom:1px solid #c7c7c7; background-color: #fff;} .shopdetail .shopdetailInfo h2 {border-bottom:1px solid #c7c7c7; padding-bottom:16px; background-color: #f5f5f5;} .shopdetail .shopdetailInfo .shopdetailInfoTop {float:left;} .shopdetail .shopdetailInfo .shopdetailInfoTop figure {border-bottom:0px none;} .shopdetail .shopdetailInfo .shopdetailInfoTop, .shopdetail .shopdetailInfo .shopdetailInfoBottom {width:50%;} .shopdetailInfoBottom .shopdetailInfoMultiSelect .MK_optAddWrap #MK_innerOptScroll {background-color: #fff;} .shopdetail .shopdetailInfo .shopdetailInfoBottom {float:right; background-color:#fff;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailTotal {border-top:1px solid #c7c7c7;} .shopdetail .shopdetailCoupon .shopdetailCouponGet {width:335px; margin:0 auto;} .shopdetail .shopdetailRelationItem {padding:0 0 30px 0;} .shopdetail .shopdetailItem .shopdetailItemPopup {width:335px; margin:22px auto;} .shopdetail .shopdetailItem .shopdetailNotify {margin-top:36px;} .shopdetail .shopdetailRelationItem .btn_cart {margin:34px auto;} .shopdetailRelation .list_shoppingRelationItem1x li {width:50%;} .shopdetailRelation .list_shoppingRelationItem1x li:nth-child(2) {border:0px none;} } */ #nhn_btn {padding-top:10px;} #payco_order_btn {padding-top:10px;} #kakaopay_order_btn {padding-top:10px;} /* 하이브리드 */ .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap { padding:5px 15px 10px; background:#f6f6f6; border-bottom:1px solid #c7c7c7; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box:not(:last-child) { width:100%; border-bottom:1px solid #cecece; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box.last { border-bottom:none; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .tit { width:100%; padding:10px 0; color:#3b3b3b; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list:after { clear: both; content: ""; display: block; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list { width:100%; font-size:0.875em; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li { float:left; width:20%; list-style:none; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li.last { } .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li dl { width:54px; padding-bottom:10px; text-align:center; color:#333; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li dl dd.prdchk { text-align:left; padding-bottom:5px; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li dl dd.prdchk input { width:12px; height:12px; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li dl dd.prdimg { position:relative; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li dl dd.prdimg img { width:54px; height:54px; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li dl dd.prdimg.noimg { width:52px; height:52px; border:1px solid #d8d8d8; background:#fff url(/makeshop/newmanager/neoimages/h52_noimg.gif) no-repeat center center; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .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; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .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; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .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; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li dl dd.prdname { padding-top:5px; line-height:14px; word-wrap:break-word;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li dl dd.prdnote { padding-bottom:3px; line-height:14px; word-wrap:break-word;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li dl dd.prdprice { padding-bottom:3px; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li dl dd.prdqty { } .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li dl dd.prdqty input { display:inline-block; width:20px; height:15px; line-height:17px; padding:0 5px; border:1px solid #707070; font-size:11px; text-align:right; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li dl dd.prdqty .btn-up-down { display:inline-block; width:11px; height:14px; line-height:0; font-size:0; vertical-align:top; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li dl dd.prdqty .btn-up-down a { display:inline-block; width:11px; height:9px; line-height:0; font-size:0; vertical-align:top; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li dl dd.prdqty .btn-up-down .btn-up { margin-bottom:1px; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .add-option-sel { font-weight: bold; font-size: 1.1em; padding: 10px 0; border-top:1px solid #cecece; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .shopdetailInfoName { width: 28%; padding-right: 5px; display:inline-block; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .shopdetailInfoCont {width:70%; display:inline-block; margin-left: -4px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .shopdetailInfoCont select {width:100%;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .shopdetailInfoCount .txt-qnty {text-align:center; padding:0 6px; width: 50px !important;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .shopdetailInfoCount .fa-plus {background-color: #bbb; width: 35px; height: 35px; text-align: center; vertical-align: middle; line-height: 35px; color: #fff; margin: 0 5px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .shopdetailInfoCount .fa-minus {background-color: #bbb; width: 35px; height: 35px; text-align: center; vertical-align: middle; line-height: 35px; color: #fff;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .MK_optAddWrap #MK_innerOptPrice, .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .MK_optAddWrap #MK_innerOptAdd { padding-bottom:5px; margin-right: 10px; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .MK_optAddWrap #MK_optAddWrapList {background-color:#f6f6f6; } /* 추가 구성 상품 */ .shopdetail .shopdetailInfo .shopdetailInfoTit { height:40px; line-height:42px; padding:0 12px; border-top:1px solid #c7c7c7; border-bottom:1px solid #c7c7c7; font-size:14px; color:#000; } .shopdetail .shopdetailInfo .shopdetailInfoWrap:after { clear: both; content: ""; display: block; } .shopdetail .shopdetailInfo .shopdetailInfoWrap { width:100%; border-bottom:1px solid #c7c7c7; } .shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoTop { float:left; width:45%; } .shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoTop figure { padding:15px 12px; border:0; } .shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoValue { float:right; width:52%; padding:15px 0; margin-right:3%; border:0; } .shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoValue .shopdetailInfoprdName { font-size:1.333em; font-weight:bold; } .shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoValue .shopdetailInfoCont { width:auto; margin:0; } .shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoValue .shopdetailInfoName { width:auto; } .shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoSelect p { padding:0; background:none; } .shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoSelect .shopdetailInfoCont .basic_option { width:100%; } .shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoSelect .shopdetailInfoName { display:none; width:100%; padding:0 0 5px 0; } /* 원클릭옵션 */ .shopdetailInfoOneclick {clear:both; padding: 10px 0px 10px; overflow:hidden; zoom:1; } .shopdetailInfoOneclick > span {float:left; } .shopdetailInfoOneclick .shopdetailInfoList { /*float:left;*/ width: 100%; /*★원클릭 리스트 배경*/ } .MK-oneclick-list { overflow:hidden; zoom:1; } .MK-oneclick-list:after { content: ""; display: block; clear: both; } .MK-oneclick-list li { float:left; } .MK-oneclick-list li a { display: inline-block; border-radius: 1px; box-sizing:border-box; } .MK-oneclick-list li.MK-oneclick-sel a { border:2px solid #000000; } .MK-oneclick-list li.MK-oneclick-dis a { filter:alpha(opacity=50); -moz-opacity:.5; opacity:.5; } .MK-oneclick-list li.MK-oneclick-color.MK-oneclick-sel a { padding:1px; filter:alpha(opacity=100); -moz-opacity:1; opacity:1; } .MK-oneclick-list li a span { display: block; text-align: center; vertical-align: middle; line-height: 19px; } .MK-oneclick-list li a img { width: 100%; height:100%;} .MK-oneclick-list li.MK-oneclick-image { width:24%; margin: 0 1% 1% 0; } .MK-oneclick-list li.MK-oneclick-image a { /*height:80px;*/} .MK-oneclick-list li.MK-oneclick-image a img { width: 100%;} .MK-oneclick-list li.MK-oneclick-image.MK-oneclick-sel a img {height:46px; width: auto;} .MK-oneclick-list li.MK-oneclick-color { width:50px; height: 50px; } .MK-oneclick-list li.MK-oneclick-color a { padding: 2px; } .MK-oneclick-list li.MK-oneclick-color span { width: 44px; height: 44px; } .MK-oneclick-list li.MK-oneclick-color .mk-oo-sel span { width: 27px; height: 27px; } .MK-oneclick-list li.MK-oneclick-text { width:15.666%; margin: 0 1% 1% 0; } .MK-oneclick-list li.MK-oneclick-text {min-width:35px; max-width:100%; height: 50px; } .MK-oneclick-list li.MK-oneclick-text a { width: 100%; padding: 6px 2px; border:1px solid #000; font-size:11px; box-sizing:border-box;} .MK-oneclick-list li.MK-oneclick-text.MK-oneclick-sel a {padding:1px;} .MK-oneclick-list li.MK-oneclick-text span { min-width: 29px; line-height: 44px; } .MK-oneclick-list li.MK-oneclick-text .MS-oneclick-sel span { min-width: 30px; line-height: 27px; } .MK-oneclick-value { padding-bottom: 3px; display:block; } .MK-oneclick-only-text li.MK-oneclick-text { height: auto; } .MK-oneclick-only-text li.MK-oneclick-text span { height: auto; line-height: 19px; } /* 게시글 */ #tabs {margin: 5px;border: 0px solid #bbb; padding-bottom: 10px; font-size: 12px;} #tabs .shopdetailBoard {overflow: hidden;text-align:center;border-top:1px solid #bbb;border-bottom:1px solid #bbb;background-color: #f8f8f8; padding: 10px 0; margin-bottom: 0;} #tabs .shopdetailBoard .tab_on {font-weight: bold; padding: 10px 0;} #tabs .util { /*border-bottom: 1px solid #464646;*/ padding:0px 10px 10px;} #tabs .util a {border: 1px solid #424242;display: inline-block;height: 30px;line-height: 30px;border-radius: 3px;width: 100%;text-align: center;} #tabs .list_board .reply-detail {margin:0 5px;border: 1px solid #73adff;font-size: 0.875em;color: #5da0ff;display: inline-block;height: 18px;line-height: 18px;padding: 0 3px;} #tabs .review .list_board > ul > li.now > .cont_wrap {display: block;} #tabs .list_board > ul > li > .wrap .re-wrap {padding:10px; border-top:1px solid #bebebe;} #tabs .empty-board {text-align: center; padding: 15px 0 5px;} .list_board { margin:0 10px; border-top: 1px solid #464646; } .list_board ul li {color: #424242; border-bottom: 1px solid #bebebe; word-break: break-all;} .list_board .re-wrap ul li {font-size: 1em; border-bottom: 0; border-top: 1px dotted #bebebe; margin-top: 5px; padding-top: 5px; list-style: none;} .list_board ul li dl {padding: 7px;} .list_board ul li dl h4 {margin: 0} .list_board ul li .cont_wrap {display: none; padding-top: 5px; border-top: 1px dotted rgb(190, 190, 190); background-color: #f9f9f9; padding: 7px;} .list_board ul li .cont_wrap img {max-width: 100%; padding-bottom: 5px;} /* 댓글 */ .MS_cmt_list_box {color: #656565;} .MS_cmt_list_box .comment_list:last-child {border-bottom: 1px solid #cecece;} .MS_cmt_list_box .comment_list {padding: 5px;border: 1px solid #cecece;border-bottom: 0;background-color: #fff;} .MS_cmt_list_box .MS_cmt_hname {padding-left: 5px;} .MS_cmt_list_box .MS_cmt_content {padding-left: 15px;} .MS_cmt_list_box .comment_depth2 {padding-left: 10px;} .MS_cmt_list_box .comment_depth3 {padding-left: 15px;} #comment_password {width: 250px; left: 7px; box-shadow: 0 0 5px 0 #808080;} #comment_password input[type="password"] {width: 75%;} #comment_password form {height: auto !important;} #comment_password form span {display: block;} /* 답글 */ .list_board ul li .reply_depth1 .rating, .list_board ul li .reply_depth1 .info, .list_board ul li .reply_depth2 .rating, .list_board ul li .reply_depth2 .info, .list_board ul li .reply_depth3 .rating, .list_board ul li .reply_depth3 .info {padding-left: 12px;} .list_board ul li .reply_status {font-size: 0.875em; color: #777777; font-weight: normal;} /* 비번입력 */ .list_board input[type="password"] {border-radius: 3px 0 0 3px; width: 80%; border-right: 0; box-sizing: border-box; height: 35px;} .list_board input[type="button"] {width: 20%; float: right; height: 35px; border-radius: 0 3px 3px 0; background-color: #444; color: #fff; border: 1px solid #444; box-sizing: border-box;} /* new, hit 아이콘 */ .list_board ul li dl h4 .new {display: inline-block;width: 15px;height: 15px;line-height: 15px;color:#fff;font-size:0.875em;background-color:#5cb7fa;-webkit-border-radius:3px !important;border-radius:3px !important;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box; text-align: center;} .list_board ul li dl h4 .hit {display: inline-block;width: 15px;height: 15px;line-height: 15px;color:#fff;font-size:0.875em;background-color:#ff912c;-webkit-border-radius:3px !important;border-radius:3px !important;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box; text-align: center;} /* 수정,삭제버튼 */ .list_board ul li .cont_wrap .comment_modify {text-align: right; margin-top: 5px;} .list_board ul li .cont_wrap .comment_modify a {width: 45px; border: 1px solid #444; border-radius: 3px; font-size: 0.875em; display: inline-block; text-align: center; line-height: 20px; height: 20px; background-color: #fff;} .list_board ul li dl .info .review_del {width: 45px; border: 1px solid #444; border-radius: 3px; font-size: 0.875em; display: inline-block; text-align: center; line-height: 20px; height: 20px; background-color: #fff;} /* 페이지네이션 */ .paging {position: relative; text-align: center; margin-top: 15px;} .paging a.next, .paging a.prev {width: 30px; height: 25px; line-height: 23px; border: 1px solid #8C8C8C; background-color: #F1F1F1; color: #000;} .paging strong {font-weight: bold; color: #000; text-align: center; display: inline-block; width: 25px; height: 25px; line-height: 23px; border: 1px solid #111; font-size: .75em; background-color: #fff; margin: 0 2px;} .paging a {text-align: center; display: inline-block; width: 25px; height: 25px; line-height: 23px; color: #727a8b; border: 1px solid #CECECE; font-size: .75em; font-weight: 700; background-color: #fff; margin: 0 2px;} .paging .now { font-weight: bold; color: #000; text-align: center; display: inline-block; width: 25px; height: 25px; line-height: 23px; border: 1px solid #111; font-size: .75em; background-color: #fff; margin: 0 2px; } /* 구매버튼 고정 */ .shopdetailButton .shopdetailButtonTop.fixed{position:fixed;left:0;right:0;bottom:0;width:100%;height:40px;z-index:9999999;background:#fff;box-shadow:0 -3px 12px rgba(0,0,0,.08);pointer-events:auto;} .shopdetailButton .shopdetailButtonTop.fixed>.cart,.shopdetailButton .shopdetailButtonTop.fixed>.buy{float:left !important;display:inline-block;height:40px;line-height:40px;padding:0 !important;text-align:center;font-size:1em;font-weight:400;color:#fff;box-sizing:border-box;pointer-events:auto;} .shopdetailButton .shopdetailButtonTop.fixed>.cart{width:40% !important;background:#555;} .shopdetailButton .shopdetailButtonTop.fixed>.buy{width:60% !important;background:#000;} body{padding-bottom:40px;} /* 쿠폰 말풍선 */ .shopdetailButton .shopdetailButtonTop .couponBubble{display:inline-block !important;position:absolute;right:10px;bottom:48px;width:auto !important;height:auto !important;padding:7px 18px !important;background:#ffd400;color:#111 !important;border-radius:30px;font-size:12px !important;font-weight:700 !important;line-height:1.2 !important;white-space:nowrap;text-align:center;text-decoration:none;box-shadow:0 3px 10px rgba(0,0,0,.15);z-index:10000;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s ease,transform .25s ease;transform:translateY(8px);float:none !important;} .shopdetailButton .shopdetailButtonTop .couponBubble:after{content:"";position:absolute;left:50%;bottom:-8px;transform:translateX(-50%);border-left:8px solid transparent;border-right:8px solid transparent;border-top:9px solid #ffd400;} .shopdetailButton .shopdetailButtonTop.fixed .couponBubble{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0);} /* BASIC css end */