/* BASIC css start */ /* 브이리뷰 스타일 */ /* .cart{margin-right: 1% !important;} */ .vreview_btn {display: inline-flex !important;justify-content: center !important;align-items: center !important; color: #1C1C1C;background-color: #fff !important;width: 50% !important; font-size: 14px !important; border: 1px solid #1C1C1C !important; border-radius: 3px !important;} .share-icon{ background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.014 16.636L8.986 13.894M15.112 7.582L8.888 10.977M6.015 15.809C6.44377 15.809 6.86833 15.7245 7.26446 15.5605C7.66059 15.3964 8.02052 15.1559 8.3237 14.8527C8.62689 14.5495 8.86738 14.1896 9.03147 13.7935C9.19555 13.3973 9.28 12.9728 9.28 12.544C9.28 12.1152 9.19555 11.6907 9.03147 11.2945C8.86738 10.8984 8.62689 10.5385 8.3237 10.2353C8.02052 9.93211 7.66059 9.69162 7.26446 9.52753C6.86833 9.36345 6.44377 9.279 6.015 9.279C5.14907 9.279 4.3186 9.62299 3.7063 10.2353C3.09399 10.8476 2.75 11.6781 2.75 12.544C2.75 13.4099 3.09399 14.2404 3.7063 14.8527C4.3186 15.465 5.14907 15.809 6.015 15.809ZM17.985 9.28C18.4138 9.28 18.8383 9.19555 19.2345 9.03147C19.6306 8.86738 19.9905 8.62689 20.2937 8.3237C20.5969 8.02052 20.8374 7.66059 21.0015 7.26446C21.1655 6.86833 21.25 6.44377 21.25 6.015C21.25 5.58623 21.1655 5.16167 21.0015 4.76554C20.8374 4.36941 20.5969 4.00948 20.2937 3.7063C19.9905 3.40311 19.6306 3.16261 19.2345 2.99853C18.8383 2.83445 18.4138 2.75 17.985 2.75C17.1191 2.75 16.2886 3.09399 15.6763 3.7063C15.064 4.3186 14.72 5.14907 14.72 6.015C14.72 6.88093 15.064 7.7114 15.6763 8.3237C16.2886 8.93601 17.1191 9.28 17.985 9.28ZM17.985 21.25C18.8509 21.25 19.6814 20.906 20.2937 20.2937C20.906 19.6814 21.25 18.8509 21.25 17.985C21.25 17.1191 20.906 16.2886 20.2937 15.6763C19.6814 15.064 18.8509 14.72 17.985 14.72C17.1191 14.72 16.2886 15.064 15.6763 15.6763C15.064 16.2886 14.72 17.1191 14.72 17.985C14.72 18.8509 15.064 19.6814 15.6763 20.2937C16.2886 20.906 17.1191 21.25 17.985 21.25Z' stroke='%23999999' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-size: contain; width: 20px; height: 20px; } body { -webkit-text-size-adjust:none; } /* mediaquery */ @media all and (min-width:760px) and (max-width:767px) { .shopdetailInfo .response100 { width:100%; height:auto; !important } .shopdetailInfoBottom { margin-top:-440px; bottom:0; } } @media all and (min-width:768px) and (max-width:1365px) { /* 태블릿 */ .shopdetailInfo .response100 { width:100%; !important } .shopdetailInfoBottom { /*margin-top:-550px;*/ bottom:0; } } @media all and (min-width:1366px) and (max-width:2560px) { /* 태블릿 */ .shopdetailInfo .response100 { width:100%; padding-left:100px; !important } .shopdetailInfoBottom { /*margin-top:-550px;*/ bottom:0; } } .shopdetail .shopdetailInfo .shopdetailInfoBottom .buy_on a.gift { display: inline-flex; align-items: center; justify-content: center; width: 100%; color: #1C1C1C; background-color: #fff; font-size: 14px; font-weight: bold; /*border: 1px solid #333;*/ } /* 선물하기 */ .shopdetail .shopdetailInfo .shopdetailInfoBottom .buy_on a.gift .fa-gift { margin-top: -2px; margin-right: 3px; font-size: 16px; color: #000; } /* 선물하기*/ .shopdetail .shopdetailInfo .gift2 { display: inline-flex; align-items: center; justify-content: center; width: 100%; height:45px!important; color: #262626; background: #f9d9db; /*border: 1px solid #333;*/ } /* 선물하기 */ .shopdetail .shopdetailInfo a.gift2 .fa-gift { margin-top: -2px; margin-right: 3px; font-size: 16px; color: #000; } /* 선물하기*/ .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop {display:flex; justify-content:center; align-items:center; flex-wrap:wrap;} /* //선물하기 */ .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop a.gift { display: inline-flex; align-items: center; justify-content: center; width: 100%; margin-right:1%; background: #fff; border: 1px solid #1C1C1C; color: #1C1C1C; font-size:14px; border-radius: 3px;} /* 선물하기 */ /* //스마트픽업 */ .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop a.pickup { display: inline-flex; align-items: center; justify-content: center; width: 50%; margin-left:1%; background: #fff; border: 1px solid #1C1C1C; color: #1C1C1C; font-size:14px; border-radius: 3px;} /* 스마트픽업 */ .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop a.pickupOuter { display: inline-flex; align-items: center; justify-content: center; width: 50%; background: #fff; border: 1px solid #1C1C1C; color: #1C1C1C; font-size:14px; border-radius: 3px;} /* 매장재고보기 */ .event {max-width:100%;} /*쿠폰 혜택 버튼*/ .list_shoppingInfo .coupon-benefit {position:relative; margin:-25px 0 10px 0} .list_shoppingInfo .btn-coupon { display:inline-block; height:16px; padding:0; margin-left:5px; border:1px solid #000; font-size:10px;} .list_shoppingInfo .btn-coupon span { display:inline-block; height:16px; padding:0 5px; color:#fff; background:#000; vertical-align:top; font-size:11px; } .list_shoppingInfo .btn-coupon em { display:inline-block; height:16px; padding:0 3px 0 0; font-size:10px; vertical-align:top; color:#000; } /* 스마트 쿠폰 목록 */ .shopdetail .shopdetailCoupon .smart-coupon-list li {position:relative; margin:14px; border:1px solid #cecece; border-radius:10px; letter-spacing:-1px; overflow:hidden;} .shopdetail .shopdetailCoupon .smart-coupon-list li .c-info { width:82%; padding:20px; border-right: 1px dashed #cecece; box-sizing: border-box;} .shopdetail .shopdetailCoupon .smart-coupon-list li .c-image img { width:100%; height:128px;} .shopdetail .shopdetailCoupon .smart-coupon-list li p { padding-bottom:10px; line-height:18px; font-size:13px; color:#999; word-break:break-all; font-family:"Malgun Gothic"; } .shopdetail .shopdetailCoupon .smart-coupon-list li p:last-child {padding-bottom:0;} .shopdetail .shopdetailCoupon .smart-coupon-list li p.c-name { font-size:14px; color:#000; font-weight:bold; word-break: break-all; } .shopdetail .shopdetailCoupon .smart-coupon-list li p.c-price {font-size:22px; color:#ff3a34; font-weight:bold;} .shopdetail .shopdetailCoupon .smart-coupon-list li .btn-down {position:absolute; top:0; right:0; width:18%; height:100%; background:#f8f8f8; text-align:center; box-sizing: border-box;} .shopdetail .shopdetailCoupon .smart-coupon-list li .btn-down span {position:absolute; right:0; top:50%; width:100%; margin-top:-22px; height:44px; font-size:12px; display:flex; word-break:break-all; flex-wrap:wrap; align-items:center; justify-content:center; } .shopdetail .shopdetailCoupon .smart-coupon-list li .btn-down span {color:#999;} .shopdetail .shopdetailCoupon .smart-coupon-list li .btn-down span a { font-size:0; text-indent:-9999px; display:inline-block; width:22px; height:22px; background:url('/images/common/ico_h11_down_black_l.png') no-repeat center center; } .shopdetail .shopdetailCoupon .smart-coupon-list li.sc-style1.sc-reserve p.c-price {color:#3b6ce9;} .shopdetail .shopdetailCoupon .smart-coupon-list li.sc-style2 {border:1px solid #fff;} .shopdetail .shopdetailCoupon .smart-coupon-list li.sc-style2 .c-info { background:#171940; border-color:#171940; } .shopdetail .shopdetailCoupon .smart-coupon-list li.sc-style2 p { color:#fff; } .shopdetail .shopdetailCoupon .smart-coupon-list li.sc-style2 p.c-txt { color:#999; } .shopdetail .shopdetailCoupon .smart-coupon-list li.sc-style2 .btn-down { background:#ff3a34; border:0; color:#fff; } .shopdetail .shopdetailCoupon .smart-coupon-list li.sc-style2 .btn-down a { background:url('/images/common/ico_h11_down_white_l.png') no-repeat center right; } .shopdetail .shopdetailCoupon .smart-coupon-list li.sc-style2 .btn-down span { color:#fff; } .shopdetail .shopdetailCoupon .smart-coupon-list li.sc-style2.sc-reserve .btn-down { background:#3b6ce9; color:#fff; } .shopdetail .shopdetailCoupon .smart-coupon-list li.sc-style3 { border:0; border-radius:0;} .shopdetail .shopdetailCoupon .smart-coupon-list li.sc-style3 .c-info { border:1px solid #000; border-right:2px dotted #272a4d; border-radius:10px; } .shopdetail .shopdetailCoupon .smart-coupon-list li.sc-style3 p.c-price { color:#eb3697;} .shopdetail .shopdetailCoupon .smart-coupon-list li.sc-style3 .btn-down { background:#fff2f9 ; border:1px solid #272a4d; border-left:0; border-radius:10px;} .shopdetail .shopdetailCoupon .smart-coupon-list li.sc-style3 .btn-down a { background:url('/images/common/ico_h11_down_pink_l.png') no-repeat center right; } .shopdetail .shopdetailCoupon .smart-coupon-list li.sc-style3.sc-reserve p.c-price {color:#18b776;} .shopdetail .shopdetailCoupon .smart-coupon-list li.sc-style3.sc-reserve .btn-down { background:#eefff7; } .shopdetail .shopdetailCoupon .smart-coupon-list li.sc-style3.sc-reserve .btn-down span a {color:#000;} .shopdetail .shopdetailCoupon .smart-coupon-list li.sc-style3.sc-reserve .btn-down a { background:url('/images/common/ico_h11_down_green_l.png') no-repeat center right; } /* 상품 상세 이벤트 공통 정보 */ .detail-common-info-event { width:90.3125%; margin:10px auto; word-break: break-all; } .detail-common-info-event img {max-width: 100%;} .detail-common-info-event div {margin-top:10px; } /* 상품 상세 일반 공통 정보 */ .detail-common-info { padding:0 10px 20px; border-bottom:1px solid #aeaeae; word-break: break-all; } .detail-common-info img {max-width: 100%;} .detail-common-info dl { font-size:inherit; font-weight:normal; letter-spacing:-0.5px; border: 1px solid #b4b4b4; border-bottom: none;} .detail-common-info dl dt { background-color: #f7f7f7; padding: 10px; color:#444; font-weight:bold; border-bottom: 1px solid #b4b4b4; display: flex; justify-content: center; align-items: center;} .detail-common-info dl dd { padding: 14px 20px; text-indent:-10px; color:#777; line-height:20px; } .detail-common-info div {margin-top:10px; border-bottom: 1px solid #b4b4b4;} .shopdetail .shopdetailInfo {background-color:#fff; border-top:0px solid #c7c7c7;} .shopdetail h3 {font-weight:bold; padding:10px 15px; margin-bottom:10px; background-color:#FFF; border-bottom:1px solid #EEE;} .shopdetail h3 .fa {float:right; font-size: 1.5em;} .shopdetail .shopdetailInfo .shopdetailInfoTop figure { padding:0px; border-bottom:0px solid #c7c7c7;} .shopdetail .shopdetailInfo .shopdetailInfoTop .add-list img {width:70%; margin-left:10%;} .shopdetail .shopdetailInfo .shopdetailInfoTop figcaption {text-align:left; margin-top:0px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom {background-color:#fff; padding: 10px;} .shopdetailInfoBottom .dname { position: relative; text-align: left; /*margin-bottom: 20px; padding-bottom: 20px;border-bottom: 1px solid #eee;*/ } .shopdetailInfoBottom .dname .main-name { display: flex; justify-content:space-between; align-items:center;} .shopdetailInfoBottom .dname .main-name a { font-size: 21px; } .shopdetailInfoBottom .dname .name { display: block; font-size: 13px; font-weight: bold; color: #1C1C1C;} .shopdetailInfoBottom .dname .subname { font-weight: normal; font-size: 12px; margin: 5px 0 0 0; color: #999;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue {position: relative; border-bottom:1px solid #eee; padding:5px 5px 20px 5px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue em {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:25%; display:inline-block;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .shopdetailInfoCont {width:75%; display:inline-block; margin-left: -4px; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .shopdetailInfoCont select.basic_option{ max-width:100% !important; background-color:#fff; border:1px solid #eee;} .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;} .shopdetailInfoDelivery {padding:10px 15px;} /* 상품옵션 */ .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area {} .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area.fixed {max-width: 100%; position: fixed; z-index: 1000001; 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: 15px 15px 0;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn {width:100%; box-sizing: border-box; position:relative; bottom:0; left:0; right:0; background-color:#fff; border-top:1px solid #dfdfdf; z-index: 101; text-align: center; padding:6px; margin:0 auto; display:none;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn.fixed {display: block; position: fixed;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area.fixed .fixed-btn.fixed {display: block; position: relative;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn .btn_option {position: absolute; top: -16px; left: 50%; margin-left:-33px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoMultiSelect {background-color: #fff; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .buy_on {display:flex; justify-content: space-around; align-items:center; background-color: #fff; text-align: center; padding: 10px /*15*/0px; display:none;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .buy_on a { display: inline-flex; justify-content: center; align-items: center; width: 50%; height: 47px; box-sizing: border-box; letter-spacing: 1px; border-radius: 3px; border: 1px solid #1C1C1C; font-size: 14px; font-weight: bold;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .buy_on a.wish { color:#777; background-color:#fff; width:20%; border:1px solid #bfbebe; line-height: 47px; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .buy_on a.wish img { /*vertical-align:middle;*/ padding-top:10px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .buy_on a.buy { color:#1C1C1C; background-color:#1C1C1C; color: #fff; width: 97%; /*border: 1px solid #2f2f2f;*/ font-weight:bold; font-size:16px; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect {} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .opt-com {text-align: right;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .opt-com a button {color: #fff; text-align: center; background: #231f20; border: 1px solid #231f20; width: 84px; height: 24px; border-radius: 3px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect p {background-color:#fff; padding: 5px 0px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect p:last-child {margin-bottom:0px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .shopdetailInfoName {width: 25%; padding-right: 0px; display:inline-block; padding-top: 3px; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .shopdetailInfoCont {width:75%; display:inline-block; margin-left: -4px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .shopdetailInfoCont select {width:100%; font-size: 11px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .shopdetailInfoCount .txt-qnty {text-align:right; padding:0 6px; width: 50px !important;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .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 .shopdetailInfoSelect .shopdetailInfoCount .fa-minus {background-color: #bbb; width: 35px; height: 35px; text-align: center; vertical-align: middle; line-height: 35px; color: #fff;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoMultiSelect .MK_optAddWrap #MK_innerOptScroll {background-color: #fff; } .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;} .MK_optAddWrap .MK_inner-opt-cm li {position:relative; border-bottom:1px solid #eee; padding: 20px 0 10px 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: 10px; margin-right:5px; content: url(//image.makeshop.co.kr/makeshop/d3/basic_simple/common/btn_comment_del.gif); } .MK_optAddWrap .MK_inner-opt-cm .MK_price {position:absolute; top: 60%; bottom:21px; right:0; font-size: 14px; margin-right:5px;} /* 수정한 부분 */ .MK_optAddWrap .MK_inner-opt-cm .MK_qty-ctrl .btn-type-02 {background-color: #bbb; width: 35px; height: 26px; text-align: center; vertical-align: middle; line-height: 35px; color: #fff;display: inline-block; background: url(//image.makeshop.co.kr/makeshop/d3/basic_simple/common/sp_qty.gif) 0 0 no-repeat; margin-right: -20px; margin-left: 10px; } .MK_optAddWrap .MK_inner-opt-cm .MK_qty-ctrl .btn-type-02:nth-child(3) {background-position:0 -26px;} .MK_optAddWrap .total {text-align:right; padding:10px 15px; font-size: 14px;} .MK_optAddWrap .MK_total {font-size:14px; color:#000; margin-left:5px;} .MK_optAddWrap .MK_txt-won {font-size:15px;} .MK_optAddWrap_div { height:10px;padding:0;background:#fff;border-top:1px solid #eee; border-bottom:1px solid #eee; } .MK_optAddWrap_line { height:1px;padding:0;background:#fff; border-bottom:1px solid #eee; } #MK_innerOptTotal { padding:15px 5px; text-align:right; border-top:1px solid #eee; } #MK_innerOptTotal .MK_txt-total strong { float: left; } /* //착불 아이콘 */ .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;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailTotal em {color:#000; font-size:11px; margin-left:16px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton {text-align:center; padding:15px 0; border-top:1px solid #eee;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop a { display: inline-block; font-size: 16px; width: 24%; height: 47px;line-height: 29px; box-sizing: border-box; letter-spacing: 1px; /*border-radius: 4px;*/ margin-right: 0%; font-weight: bold;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop a:last-child { margin-right: 0;} /*.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop a.wish { color:#777;background-color:#fff; border:1px solid #eee;} */ /* 장바구니 */ .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop a.cart { display:inline-flex; justify-content:center; align-items:center; color:#1C1C1C; background-color:#fff; width:100%; font-size: 14px; border:1px solid #1C1C1C; border-radius: 3px;} .soldout_sms img { margin:10px 0; height: 30px; } .soldout_sms { color:#fff; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop a.buy { color: #fff; background-color: #1C1C1C; width:97% ; border: 1px solid #1C1C1C; font-weight:bold; font-size:16px; margin: 1% 0 0 0; border-radius: 3px; height: 49px; padding-top: 8px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop a.wish1 { color:#fff; background-color:#1C1C1C; width: 100% ; border: 1px solid #1C1C1C; margin-bottom:5px; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonBottom {margin:30px 0 0 0;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonBottom img {margin:0 2px; width:45px; height:auto;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop .soldout_area #sms-area { display: flex; justify-content: center; align-items: center;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop .soldout_area #sms-area a{ display: flex; justify-content: center; align-items: center;} .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-top:24px;} .shopdetail .shopdetailItem .shopdetailNotify .shopdetailNotifyInfo {padding:0 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;} /* 관련상품 */ .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; font-size:11px;} .shopdetailRelation .list_shoppingRelationItem1x .list_shoppingInfo .listName {border-bottom: 1px solid #dedede; padding: 0 15px 2px 0; margin-bottom: 5px; font-size:11px;} .shopdetailRelation .list_shoppingRelationItem1x .list_shoppingInfo .options-select {width:100%; background-color:#fff; border:1px solid #eee;font-size:11px; } .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:90%; margin: 0 auto; font-weight: bold; } /* //관련상품 */ /* 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; background-color: #fff;} .shopdetail .shopdetailInfo h2 {border-bottom:1px solid #c7c7c7; padding-bottom:16px; background-color: #f5f5f5;} .shopdetail .shopdetailInfo .shopdetailInfoTop {} .shopdetail .shopdetailInfo .shopdetailInfoTop figure {border-bottom:0px none;} /*.shopdetail .shopdetailInfo .shopdetailInfoTop, .shopdetail .shopdetailInfo .shopdetailInfoBottom {width:48%;}*/ .shopdetail .shopdetailInfo .shopdetailInfoBottom {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:48%;} .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 #eee; background-color: #fff;} .shopdetail .shopdetailInfo h2 {border-bottom:1px solid #eee; padding-bottom:16px; background-color: #f5f5f5;} .shopdetail .shopdetailInfo .shopdetailInfoTop {} .shopdetail .shopdetailInfo .shopdetailInfoTop figure {border-bottom:0px none;} /*.shopdetail .shopdetailInfo .shopdetailInfoTop, .shopdetail .shopdetailInfo .shopdetailInfoBottom {width:48%;}*/ .shopdetailInfoBottom .shopdetailInfoMultiSelect .MK_optAddWrap #MK_innerOptScroll {background-color: #fff;} .shopdetail .shopdetailInfo .shopdetailInfoBottom {background-color:#fff;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailTotal {border-top:1px solid #eee;} .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;} #nhn_btn > div { max-width:277px; !important} /* 하이브리드 */ .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap { padding:5px 15px 10px; background:#fff; border-bottom:1px solid #eee; } .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:#1C1C1C; } .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:right; 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:#fff; } /* 추가 구성 상품 */ .shopdetail .shopdetailInfo .shopdetailInfoTit { height:40px; line-height:42px; padding:0 12px; border-top:1px solid #eee; border-bottom:1px solid #eee; font-size:12px; color:#000; } .shopdetail .shopdetailInfo .shopdetailInfoWrap:after { clear: both; content: ""; display: block; } .shopdetail .shopdetailInfo .shopdetailInfoWrap { max-width:100%; border-bottom:1px solid #eee; } .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:11px; font-weight:bold; } .shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoValue .shopdetailInfoCont { width:100% !important; } .shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoValue .shopdetailInfoName { width:auto; } .shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoSelect p { padding:0; background:none; } .shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoSelect .shopdetailInfoCont .basic_option { max-width:100%; } .shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoSelect .shopdetailInfoName { /* display:none; */ width:100%; padding:0 0 5px 0; color: rgb(255, 0, 0);} .shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoSelect .shopdetailInfoCont select{ width:100% !important; background-color:#fff; border:1px solid #eee;} /* 원클릭옵션 */ .shopdetailInfoOneclick {clear:both; background-color:#fff; padding: 5px 0px; overflow:hidden; zoom:1; } .shopdetailInfoOneclick > span {float:left; } .shopdetailInfoOneclick .shopdetailInfoList {float:left; width: 70%; } .MK-oneclick-list { overflow:hidden; zoom:1; } .MK-oneclick-list:after { content: ""; display: block; clear: both; } .MK-oneclick-list li { float:left; margin: 0 5px 5px 0; } .MK-oneclick-list li a { border:1px solid #EEE; display: inline-block; border-radius: 3px; 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 a {height:40px;} .MK-oneclick-list li.MK-oneclick-image a img {width: auto; height: 38px;;} .MK-oneclick-list li.MK-oneclick-image.MK-oneclick-sel a img {height:36px; width: auto;} .MK-oneclick-list li.MK-oneclick-color { width:40px; height: 20px; } .MK-oneclick-list li.MK-oneclick-color a { padding: 2px; } .MK-oneclick-list li.MK-oneclick-color span { width: 25px; height: 15px; } .MK-oneclick-list li.MK-oneclick-color .mk-oo-sel span { width: 27px; height: 27px; } .MK-oneclick-list li.MK-oneclick-text .MK-oneclick-list li.MK-oneclick-text {min-width:35px; max-width:100%; height: 50px; } .MK-oneclick-list li.MK-oneclick-text a { padding: 2px; } .MK-oneclick-list li.MK-oneclick-text.MK-oneclick-sel a {padding:1px;} .MK-oneclick-list li.MK-oneclick-text span { min-width: 29px; line-height: 44px; } .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; } .shopdetail .shopdetailBoard {text-align:center; border-top:1px solid #eee; margin-bottom:32px;} .shopdetail .shopdetailBoard:after { clear: both; content: ""; display: block; } .shopdetail .shopdetailBoard a {width:33.33% !important; background-color:#fff; font-size: 10px; border-left:1px solid #eee; border-bottom:1px solid #bbb; color:#777;display:inline-block; margin-left: -1px; padding:10px 0;} .shopdetail .shopdetailBoard a.on {color:#fff; /*border-bottom:1px solid #000;*/ background: #747474; } /* 게시글 */ #tabs {margin: 5px;border: 0px solid #bbb; padding-bottom: 10px; font-size: 12px;} #tabs .shopdetailBoard {overflow: hidden;text-align:center;border-top:1px solid #eee;border-bottom:1px solid #eee;background-color: #fff; padding: 10px 0; margin-bottom: 0;} #tabs .shopdetailBoard .tab_on {font-weight: bold; padding: 10px 0;} #tabs .util {border-bottom: 1px solid #eee; padding: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 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: #fff; 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 a.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; } /* 상세 설명*/ .warning2 {line-height: 1.7em; padding-left: 10px; padding-right: 10px; padding-top: 30px; padding-bottom: 40px; border-top: 1px solid #dadada;} .warning2 p{font-size: 13px; font-weight: 700; margin: 10px 0;} .shuck{ padding-left: 2% !important; padding-right: 2% !important; padding-top: 5% !important; padding-bottom: 5% !important; float: left !important;} .D_D_Box{width:98% !important; margin: 0 auto !important; overflow: hidden; font-size: 12px; color: #000; text-align: left !important; box-sizing: border-box; border: #dadada 1px solid;} .warning{width:100%; height: 150px; padding: 10px; padding-top:35px;} .warning_1{padding: 10px; padding-top:30px; margin-bottom: 30px; text-align: center;} .warning_shuck_1{padding: 10px;} /*.warning_shuck_1 img{width:100%;}*/ .warning_shuck_2{padding: 10px; padding-top:30px;} .pop_span{display: inline-block; color: #424242;border: 1px solid #727272; background: #efefef; width: 100%; font-size:12px; padding: 10px 0; text-align: center; font-weight: bold; vertical-align:middle; line-height:34px; height:34px} .pop_span_2{display: inline-block; color: #424242;border: 1px solid #727272; background: #efefef; width: 100%; font-size:12px; padding: 10px 0; text-align: center; font-weight: bold; height:34px} .shuck{padding-left: 40px; padding-top:50px; padding-bottom:50px; float:left;} .shuck_p{font-size: 13px; font-weight: bolder; letter-spacing: 0em; color:#ffadb9; text-align:center;} .size_pop_p{font-size: 12px; letter-spacing: 0em; color:#424242; margin-top:10px;} .size_pop_span{display: inline-block; font-size: 11px; color: #424242; border: 1px solid #727272; background: #efefef; width: 200px; padding: 10px; text-align: center; font-weight: bold; margin-top:20px;} .size_info {display: inline-block; font-size: 11px; color: #424242; border: 1px solid #727272; background: #efefef; width: 200px; padding: 10px; text-align: center; font-weight: bold; margin-top:20px;} .size-mobile {display: inline-block; font-size: 11px; color: #424242; border: 1px solid #727272; background: #efefef; width: 100%; padding: 10px 0; text-align: center; font-weight: bold; margin-top:20px;} #size_pop{border:3px solid #705c3b;background:#ffffff;} #size_pop .box_in{ height:400px; float:left; margin:20px 10px 0; overflow:scroll;} #size_pop .box_in img{width:400px; } #laundry_pop{border:3px solid #705c3b;background:#ffffff;} #laundry_pop .box_in{ height:400px; float:left; margin:20px 10px 0; overflow:scroll;} #laundry_pop .box_in img{width:400px; } #delivery_pop{border:3px solid #705c3b;background:#ffffff;} #delivery_pop .box_in{ height:400px; float:left; margin:20px 10px 0; overflow:scroll;} #delivery_pop .box_in img{width:400px; } #policy_pop{border:3px solid #705c3b;background:#ffffff;} #policy_pop .box_in{ height:400px; float:left; margin:20px 10px 0; overflow:scroll; } #policy_pop .box_in img{width:400px; } #size_info {border:3px solid #705c3b; background:#ffffff;} #size_info .box_in{ height:400px; float:left; margin:20px 10px 0; } #size_info .box_in img{ } /** modal window styles **/ #lean_overlay { position: fixed; z-index:100; top: 0px; left: 0px; height:100%; width:100%; background: #000; display: none; } #m_cut-pop { width:93.5555%; height:auto; /*팝업창의 크기조절*/ margin:15% 0 15% 0; /*팝업창 위아래 간격조절*/ padding:3%; background: #ffffff; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5); } #size_pop { max-width: 98%; height:auto; /*팝업창의 크기조절*/ margin:15% 0 15% 0; /*팝업창 위아래 간격조절*/ padding:3%; background: #ffffff; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5); } #laundry_pop { max-width: 98%; height:auto; /*팝업창의 크기조절*/ margin:15% 0 15% 0; /*팝업창 위아래 간격조절*/ padding:3%; background: #ffffff; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5); } #delivery_pop { max-width: 98%; height:auto; /*팝업창의 크기조절*/ margin:15% 0 15% 0; /*팝업창 위아래 간격조절*/ padding:3%; background: #ffffff; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5); } #policy_pop { max-width: 98%; height:auto; /*팝업창의 크기조절*/ margin:15% 0 15% 0; /*팝업창 위아래 간격조절*/ padding:3%; background: #ffffff; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5); } #size_info { max-width: 98%; height:auto; /*팝업창의 크기조절*/ margin:15% 0 15% 0; /*팝업창 위아래 간격조절*/ padding:3%; background: #ffffff; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5); } .prd-list {width: auto; margin: 0 auto; padding-bottom: 30px; overflow: hidden;} .prd-list th { padding-bottom: 11px; border-bottom: 1px solid #aaa; line-height:320px; } .prd-list td { padding: 5px 5px; height:320px; vertical-align:top; } .prd-list .prd-amount { position: relative; width: 52px; height: 15px; border: 1px solid #acacac; } .prd-list img{width:100%;} .prd-list .prd-amount .txt-spin { width: 41px; height: 13px; padding-left: 2px padding-top: 2px; border: 0; font-size: 11px; } .prd-list .dsc { height: 24px; padding-bottom:10px; word-break:break-all; } /* 아코디언 */ .accordion { border-bottom:1px solid #eaeaea; padding:5px 0px } .accordion .tinner { padding-left: 0; overflow: hidden; display: none; margin-top:10px; } .accordion li { margin: 10px 0 ; } .accordion li a.toggle { width: 100%; display: block; position: relative; color:#1C1C1C; font-family: 'Montserrat','Noto Sans KR', '나눔고딕',"Nanum Gothic"; font-weight:300; } .accordion li a.toggle span { position:absolute; top:0; right:0; transition:all .3s ease;-webkit-transition:all .3s ease; font-weight:300; } .accordion li a.toggle span i.xi-plus-thin { font-size:10px; color: #000 !important; font-weight:400; font-family: 'Montserrat','Noto Sans KR', '나눔고딕',"Nanum Gothic"; } .accordion li a.toggle:hover { color:#000; } .accordion li a.toggle.active span { /* transform:rotate(45deg);-webkit-transform:rotate(45deg); */ } .accordion .tinner p { color:#999 } /* 사이즈 차트 */ .size-chart-cont { background: #FFFFFF; text-align: center; padding: 0px; margin-top:5px ; } .size-chart-cont table { width: 100%; margin:0; padding:0; border-collapse: collapse; border: 0px solid #D9DBDA; margin-top:5px; } .size-chart-cont table thead th { font-weight: normal !important; font-family: 'Montserrat','Noto Sans KR', '나눔고딕',"Nanum Gothic",; color:#1C1C1C !important; border-top: 1px solid #eaeaea; } .size-chart-cont table th, .size-chart-cont table td { padding: 5px; text-align: center; border-bottom: 1px solid #eaeaea; color: #color:#999; font-size: 11px; font-family: 'Montserrat'; font-weight:300;color:#000 !important; } .size-chart-cont table th { background: #fff; border-bottom:1px solid #eaeaea; font-family: 'Montserrat','Noto Sans KR', '나눔고딕',"Nanum Gothic"; } .size-chart-cont table tr:last-child { border-bottom: 1px solid #eaeaea; } .size-chart-cont p { /*border-bottom: 1px solid #eaeaea;*/ text-align: left; padding:5px 0 ; color: #666; } #MK_p_total::after { content: "원" } .my-size-area {border-top:8px solid #F0F0F0;border-bottom:8px solid #F0F0F0; padding:24px 16px; text-align:center;float: left; width: calc(100% - 32px); margin-bottom:25px;} .my-size-tip {display: inline-block; box-sizing: border-box; padding: 5px 8px; border-radius: 50px; margin-bottom: 10px; line-height: 100%; background-color: #1C1C1C; color: #fff; font-size: 12px; font-weight: 700;} .my-size-title {font-weight: bold; font-size: 19px; letter-spacing: -0.04em; margin-bottom: 10px;} .my-size-desc {color: #999; font-size: 14px; letter-spacing: -0.03em;} .my-size-button { position: relative; display: flex; align-items: center; justify-content: center; gap: 8px; width: calc(100% - 40px); height: 49px; background: #1C1C1C; border-radius: 3px; margin: 22px 20px 8px; text-align: center; font-size: 16px; font-weight: bold; color: #fff; cursor: pointer; -webkit-transition: .2s; transition: .2s;} .vreview-review-summary{ line-height: 25px !important } /* BASIC css end */