/* BASIC css start */ /* ============================================================================= 상품상세 product.html ========================================================================== */ #detail-item { position: relative; } #detail-item h2 { width: 78.125%; margin: 5px auto; font-size: .875em; font-weight: bold; text-align: center; } #detail-item .info-wrap { position: relative; width: 90.3125%; margin: 0 auto; border-bottom: 2px solid #aeaeae; padding-bottom: 10px; } #detail-item .info-wrap .items { width: 100%; overflow: hidden; text-align: center; } #detail-item .info-wrap .items img { max-width: 100%; height: auto; } #detail-item .info-wrap .items-now { text-align: center; font-size: .865em; margin-top: 10px; } #detail-item .info-wrap .items-now .now { line-height: 25px; } #detail-item .info-wrap .items-btn a { display: block; text-indent: -9999px; width: 23px; height: 56px; border: 1px solid #dfdfdf; position: absolute; top: 30%; } #detail-item .info-wrap .items-btn a.prev { background: #f3f2f2 url(/images/d3/m_01/btn/item_info_btn_prev@2x.gif) no-repeat center center; background-size: 11px 15.5px; left: -3.125%; } #detail-item .info-wrap .items-btn a.next { background: #f3f2f2 url(/images/d3/m_01/btn/item_info_btn_next@2x.gif) no-repeat center center; background-size: 11px 15.5px; right: -3.125%; } #detail-item .product-wrap ul.option { width: 90.3125%; margin: 5px auto; } #detail-item .product-wrap ul.option > li { list-style-type: square; list-style-position: inside; font-size: .875em; color: #777; margin: 5px 0; font-weight: bold; } #detail-item .product-wrap ul.option .tit { display: inline-block; width: 85px; } #detail-item .product-wrap ul.option .tit img { vertical-align: -1px; } #detail-item .product-wrap ul.option .txt strong { color: #000; } #detail-item .product-wrap ul.option .txt em { font-size: .75em; font-style: normal; color: #999; } #detail-item .product-wrap ul.option .txt-input { text-align: center; line-height: 1.5em; } #detail-item .product-wrap ul.option .btn-type-02 { font-family: 'Courier New'; padding: 5px 7px; } #detail-item .product-wrap ul.option .break .tit { display: block; width: auto; margin-top: 10px; } #detail-item .product-wrap .total { padding: 7px 0; margin-top: 10px; border-top: 2px solid #aeaeae; border-bottom: 2px solid #aeaeae; background-color: #f4f4f4; } #detail-item .product-wrap .total dl { width: 90.3125%; margin: 0 auto; font-weight: bold; } #detail-item .product-wrap .total dt { color: #000; font-size: .875em; display: inline; margin-right: 20px; } #detail-item .product-wrap .total dt span { font-size: smaller; } #detail-item .product-wrap .total dd { font-size: .875em; color: #e92121; display: inline; } #detail-item .product-wrap .total dd strong { font-size: larger; } #detail-item .product-wrap .desc { width: 90.3125%; margin: 10px auto; color: #777; font-size: .75em; } #detail-item .product-wrap .desc li { list-style-position: inside; line-height: 1.5em; list-style-type: square; } #detail-item .product-wrap .desc li a { color: #777; text-decoration: underline; } #detail-item .fixed { position: fixed !important; bottom: 0; z-index: 10; width: 100%; padding: 5px 0; } #detail-item .fixed-btn { position: relative; text-align: center; } #detail-item .fixed-btn .is_soldout { width: 100%; color: #222; font-weight: bold; font-size: .875em; text-align: center; } #detail-item .fixed-btn .is_selling { width: 100%; color: #f00; font-weight: bold; font-size: .875em; text-align: center; line-height: 35px; } #detail-item .btns { position: relative; margin: 10px auto; width: 90.3125%; text-align: center; } #detail-item .btns a.checkout { width: 96%; text-align: center; background-color: #eeeef1; margin-bottom: 10px; } #detail-item .btns a.checkout span { display: inline-block; text-indent: -9999px; background: url(/images/d3/m_01/btn/product_checkout@2x.gif) no-repeat center center; background-size: 100% 100%; width: 96px; height: 18.5px; } #detail-item .others-wrap { position: relative; width: 90.3125%; margin: 0 auto; border: 1px solid #aeaeae; } #detail-item .others-wrap li { list-style-type: none; position: relative; } #detail-item .others-wrap li h3 { cursor: pointer; line-height: 40px; font-weight: bold; font-size: .875em; margin: 0; text-indent: 5px; border-bottom: 1px solid #aeaeae; border-top: 1px solid #aeaeae; } #detail-item .others-wrap li h3:first-child { border-top: none; } #detail-item .others-wrap li h3 span { font-size: smaller; } #detail-item .others-wrap li .toggle-btn { position: absolute; right: 7px; top: 14px; } #detail-item .others-wrap li .toggle-btn a { display: block; width: 14.5px; height: 11px; text-indent: -9999px; } #detail-item .others-wrap li .toggle-btn a.blank { display: block; width: 10px; height: 14.5px; text-indent: -9999px; background: url(/images/d3/m_01/bull/bull_community_list@2x.gif) no-repeat 0 0; background-size: 10px 14.5px; } #detail-item .others-wrap li .conts[data-open=on] { display: block; } #detail-item .others-wrap li .conts[data-open=off] { display: none; } #detail-item .others-wrap li .conts[data-open=on] + .toggle-btn a { background: url(/images/d3/m_01/btn/conts_toggle_btn_on@2x.gif) no-repeat 0 0; background-size: 14.5px 11px; } #detail-item .others-wrap li .conts[data-open=off] + .toggle-btn a { background: url(/images/d3/m_01/btn/conts_toggle_btn_off@2x.gif) no-repeat 0 0; background-size: 14.5px 11px; } #detail-item .others-wrap li.review .write-btn { position: absolute; top: 8px; right: 35px; } #detail-item .others-wrap li.review .conts dl { font-size: .75em; color: #777; background-color: #f4f4f4; } #detail-item .others-wrap li.review .conts dl dt { cursor: pointer; padding: 5px; border-bottom: 1px dotted #aeaeae; border-top: 1px solid #d7d7d7; } #detail-item .others-wrap li.review .conts dl dt[data-open=on] + dd { display: block; } #detail-item .others-wrap li.review .conts dl dt[data-open=off] + dd { display: none; } #detail-item .others-wrap li.review .conts dl dt[data-open=off] { border-top: 1px solid #d7d7d7; border-bottom: none; } #detail-item .others-wrap li.review .conts dl dt .subject { display: inline-block; white-space: nowrap; width: 90%; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } #detail-item .others-wrap li.review .conts dl dt .left { float: left; width: 75%; } #detail-item .others-wrap li.review .conts dl dt .right { float: right; margin-right: 7px; } #detail-item .others-wrap li.review .conts dl dt .in-img { display: inline-block; background: url(/images/d3/m_01/bull/review_in_img@2x.gif) no-repeat 0 0; background-size: 100% 100%; width: 17px; height: 12px; } #detail-item .others-wrap li.review .conts dl dt .name { display: block; color: #a9a9a9; } #detail-item .others-wrap li.review .conts dl .point { float: right; margin-top: 5px; text-indent: -9999px; display: inline-block; background: url(/images/d3/m_01/bull/review_star_off@2x.gif) repeat-x; background-size: 12px 9px; width: 58px; height: 9px; } #detail-item .others-wrap li.review .conts dl .point span { display: block; background: url(/images/d3/m_01/bull/review_star_on@2x.gif) repeat-x; background-size: 12px 9px; } #detail-item .others-wrap li.review .conts dl .point .point-1 { width: 12px; } #detail-item .others-wrap li.review .conts dl .point .point-2 { width: 22px; } #detail-item .others-wrap li.review .conts dl .point .point-3 { width: 34px; } #detail-item .others-wrap li.review .conts dl .point .point-4 { width: 44px; } #detail-item .others-wrap li.review .conts dl .point .point-5 { width: 58px; } #detail-item .others-wrap li.review .conts dl dt .date { display: block; text-align: right; color: #a9a9a9; } #detail-item .others-wrap li.review .conts dl dd { padding: 5px; margin-top: 5px; } #detail-item .others-wrap li.review .conts dl dd .in-img { position: relative; width: 95px; height: 95px; } #detail-item .others-wrap li.review .conts dl dd .in-img img { width: 100%; height: 100%; } #detail-item .others-wrap li.review .conts dl dd .in-img .plus { position: absolute; right: 1px; bottom: 1px; text-indent: -9999px; display: block; background: url(/images/d3/m_01/bull/review_img_plus@2x.gif) no-repeat 0 0; background-size: 100% 100%; width: 25px; height: 25px; } #detail-item .others-wrap li.review .conts dl .score { border-bottom: 1px solid #ccc; margin-bottom: 5px; margin-top: -5px; } #detail-item .others-wrap li.review .conts dl .score li { float: left; margin-right: 5px; line-height: 2em; } #detail-item .others-wrap li.review .conts dl .score li .point { float: none; margin-top: 0; } #detail-item .others-wrap .more { position: relative; background-color: #F4F4F4; padding: 5px 0; border-top: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7; } #detail-item .others-wrap .more a { display: block; width: 90%; margin: 0 auto; text-align: center; font-size: .875em; font-weight: bold; } #detail-item .others-wrap li.exchange .conts { border-bottom: 1px solid #aeaeae; } #detail-item .others-wrap li.exchange .conts img { width: 100%; } #detail-item .others-wrap li.coupon .conts {margin:0 auto;} #detail-item .others-wrap li.coupon .conts a { display:block; } #detail-item .others-wrap li.coupon .conts a img { max-width:90%; } #detail-item .naver-checkout { margin-top: 10px; } dl.MS_coupon { position: relative; font-size: .75em; color: #777; background-color: #f4f4f4; border-bottom: 1px solid #D7D7D7; padding: 5px; } dl.MS_coupon dt { padding-top: 5px; background: url(/images/d3/m_01/bull/coupon_bg@2x.gif) no-repeat 0 0; background-size: 100% 100%; width: 60px; height: 40.5px; text-align: center; } dl.MS_coupon dt strong { color: #fff; font-weight: bold; font-size: larger; } dl.MS_coupon dt span { color: #fff; font-size: smaller; } dl.MS_coupon dd { position: absolute; left: 70px; top: 5px; } dl.MS_coupon dd h4, dl.MS_coupon dd p { margin: 0; line-height: 1.5em; } #detail-item .others-wrap li.coupon .conts .more { border-top: none; } #detail-item .fixed-btn .MK_btn-sms { display: inline-block; width: 90.3125%; height: 35px; line-height: 35px; text-align: center; border: 1px solid #808080; color: #fff; font-weight: bold; background-color: #8a8687; background-image: -webkit-gradient(linear, left top, left bottom, from(#8a8687), to(#5e5e5e)); background-image: -webkit-linear-gradient(top, #8a8687, #5e5e5e); background-image: -moz-linear-gradient(top, #8a8687, #5e5e5e); background-image: -o-linear-gradient(top, #8a8687, #5e5e5e); background-image: linear-gradient(to bottom, #8a8687, #5e5e5e); -webkit-border-radius: 3px !important; border-radius: 3px !important; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } #detail-item .fixed-btn .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; } /* ****************** 배송비 버튼 ******************** */ #detail-item .product-wrap ul.option .del-button01 {color: #F7F7F7;font-size: 1em;border: 1px solid #C5C5C5;padding: 1px 7px;border-radius: 30px;background-color: #616161;margin-right: 7px;} #detail-item .product-wrap ul.option .del-button02 {color: #F7F7F7;font-size: 1em;border: 1px solid #C5C5C5;padding: 1px 7px;border-radius: 30px;background-color: #616161;} /* ****************** 상품 상세 옵션 ******************** */ .MK_optAddWrap li { list-style: none; } /* 옵션선택 */ #MK_optAddList { overflow: hidden; *zoom: 1; } #MK_optAddList li { float: left; width: 100%; margin-top: 5px; } #MK_optAddList .MK_tit, #MK_optAddList .MK_div, #MK_optAddList .MK_st { float: left; } #MK_optAddList .MK_tit, #MK_optAddList .MK_div { font-size: 12px; line-height: 16px; } #MK_optAddList .MK_tit { width: 65px; margin-right: 5px; } #MK_optAddList .MK_div { width: 5px; text-align: center; } #MK_optAddList .MK_st { width: 205px; } #MK_optAddList .MK_st .MK_btn-add { cursor: pointer; } #MK_optAddList .MK_st select { margin-left: 5px; width: 195px; height: 18px; } /* 옵션선택PP */ #MK_optAddListPP { overflow: hidden; *zoom: 1; } #MK_optAddListPP .MK_tit, #MK_optAddListPP .MK_st { float: left; width: auto; } #MK_optAddListPP .MK_tit { margin-right: 5px; margin-top: 3px; } /* 옵션 결과 리스트 */ #MK_innerOptWrap { /*margin-top: 10px;*/ border-top:2px solid #eee; background:#fff; margin-bottom:-1px;} #MK_innerOptWrap #MK_innerOptScroll.limit { position: relative; height: 150px; overflow-y: auto; } #MK_innerOptWrap .MK_inner-opt-cm li {position: relative;padding: 15px 15px 55px;} #MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl, #MK_innerOptWrap .MK_inner-opt-cm li .MK_price, #MK_innerOptWrap .MK_inner-opt-cm li .MK_btn-del { position: absolute; } #MK_innerOptWrap .MK_inner-opt-cm li .MK_p-name, #MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl, #MK_innerOptWrap .MK_inner-opt-cm li .MK_price, #MK_innerOptWrap .MK_inner-opt-cm li .MK_btn-del { display: block; } #MK_innerOptWrap .MK_inner-opt-cm li .MK_price {right: 30px;color: #555555;bottom: 22px;font-size: 0.8125rem;} #MK_innerOptWrap .MK_inner-opt-cm li .MK_btn-del { right: 15px; bottom: 22px; } #MK_innerOptWrap .MK_inner-opt-cm li .MK_btn-del img { width: 23px; } #MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl .basic_option { margin-top: 3px; } /* 사용자 입력 인풋박스 (color, size )*/ .MK_optAddWrap .MK_inner-opt-cm li .MK_txt_uinput { width: 200px; } /* 기본옵션 */ #MK_innerOptWrap #MK_innerOpt_01 li {background-color: #fff;min-height: 40px; border-top:3px solid #eee;} #MK_innerOptWrap #MK_innerOpt_01 li .MK_p-name {display: block;color: #555555;font-size: 0.875rem;} #MK_innerOptWrap #MK_innerOpt_01 li .MK_qty-ctrl {width: 70px;left: 15px;bottom: 15px;} #MK_innerOptWrap #MK_innerOpt_01 li .MK_qty-ctrl input.MK_count {width: 30px;height: 25px;line-height: 25px;padding: 2px 0 0 2px;} #MK_innerOptWrap #MK_innerOpt_01 li .MK_qty-ctrl a:nth-child(2) {right: 0;} /* 개별옵션 */ #MK_innerOptWrap #MK_innerOpt_02 li { background-color: #F4F4F4; } #MK_innerOptWrap #MK_innerOpt_02 li .MK_p-name { margin-right: 220px; } #MK_innerOptWrap #MK_innerOpt_02 li .MK_qty-ctrl { width: 120px; top: 3px; *top: 2px; right: 105px; } #MK_innerOptWrap #MK_innerOpt_02 li .MK_qty-ctrl input.MK_count { width: 30px; height: 19px; line-height: 16px; padding: 2px 0 0 2px; } /* 총합계 */ #MK_innerOptTotal { padding: 12px 10px; font-size: larger; color: #333; text-align: right; } #MK_innerOptTotal .MK_txt-total { } #MK_innerOptTotal .MK_txt-won { } #MK_innerOptTotal .MK_total { color: #ff0000; font-weight: bold; } /* 추가 */ #detail-item .fixed-btn .wrap { position: relative; width: 90.3125%; height: 80px; margin: 0 auto; } #detail-item .fixed-btn .wrap a { display: inline-block; color: #fff; height: 35px; line-height: 35px; text-align: center; border: 1px solid #808080; font-weight: bold; background-color: #8a8687; background-image: -webkit-gradient(linear, left top, left bottom, from(#8a8687), to(#5e5e5e)); background-image: -webkit-linear-gradient(top, #8a8687, #5e5e5e); background-image: -moz-linear-gradient(top, #8a8687, #5e5e5e); background-image: -o-linear-gradient(top, #8a8687, #5e5e5e); background-image: linear-gradient(to bottom, #8a8687, #5e5e5e); -webkit-border-radius: 3px !important; border-radius: 3px !important; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } #detail-item .fixed-btn .wrap a.btn-order { width: 100%; margin-bottom: 3px; } #detail-item .fixed-btn .wrap a.btn-order span { padding-left: 16px; background: url(/images/d3/m_01/btn/btn_order@2x.gif) no-repeat 0 50%; background-size: 14px 14px; } #detail-item .fixed-btn .wrap a.btn-cart { width: 49%; position: absolute; bottom: 0; left: 0; border: 1px solid #d2d2d4; color: #666; background-color: #f1f1f3; background-image: -webkit-gradient(linear, left top, left bottom, from(#f1f1f3), to(#e6e7eb)); background-image: -webkit-linear-gradient(top, #f1f1f3, #e6e7eb); background-image: -moz-linear-gradient(top, #f1f1f3, #e6e7eb); background-image: -o-linear-gradient(top, #f1f1f3, #e6e7eb); background-image: linear-gradient(to bottom, #f1f1f3, #e6e7eb); } #detail-item .fixed-btn .wrap a.btn-cart span { padding-left: 18px; background: url(/images/d3/m_01/btn/btn_cart@2x.gif) no-repeat 0 50%; background-size: 14px 14px; } #detail-item .fixed-btn .wrap a.btn-wish { width: 49%; position: absolute; bottom: 0; right: 0; border: 1px solid #d2d2d4; color: #666; background-color: #f1f1f3; background-image: -webkit-gradient(linear, left top, left bottom, from(#f1f1f3), to(#e6e7eb)); background-image: -webkit-linear-gradient(top, #f1f1f3, #e6e7eb); background-image: -moz-linear-gradient(top, #f1f1f3, #e6e7eb); background-image: -o-linear-gradient(top, #f1f1f3, #e6e7eb); background-image: linear-gradient(to bottom, #f1f1f3, #e6e7eb); } #detail-item .fixed-btn .wrap a.btn-wish span { padding-left: 18px; background: url(/images/d3/m_01/btn/btn_wish@2x.gif) no-repeat 0 50%; background-size: 14px 14px; } /* ============================================================================= 최근 본 상품 product.html ========================================================================== */ div.recent-btn { position: absolute; right: 10px; top: 4px; width: 59px; height: 20px; line-height: 20px; text-align: center; background-color: #f4f4f4; border: 1px solid #e3e3e3; -webkit-border-radius: 5px; border-radius: 5px; -webkit-border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } div.recent-btn a { font-size: .75em; font-weight: bold; color: #828282; } div.recent-btn a span { padding-right: 10px; } div.recent-btn a.off span { background: url(/images/common/recent_span_off@2x.gif) no-repeat 100% 50%; background-size: 8px 5px; } div.recent-btn a.on span { background: url(/images/common/recent_span_on@2x.gif) no-repeat 100% 50%; background-size: 8px 5px; } #MK_recents { position: relative; display: none; background: url(/images/common/recents_items.gif) repeat 0 0; } #MK_recents h3 { margin: 0; padding: 5px 0; text-indent: 10px; font-size: .875em; color: #828282; } #MK_recents .items { position: relative; width: 85%; margin: 0 auto; overflow: hidden; } #MK_recents .items ul { width: 100%; } #MK_recents .items ul li { float: left; width: 25%; list-style-type: none; } #MK_recents .items ul li a { position: relative; display: block; padding: 5px; } #MK_recents .items ul li img { width: 100%; height: auto; border: 1px solid #dddddd; } #MK_recents .items ul li a.now img { border: 3px solid #90bae9; } #MK_recents .items .paging { padding: 5px 0; font-size: .75em; text-align: center; } #MK_recents .btns a { display: block; width: 12px; height: 32px; position: absolute; top: 50%; margin-top: -16px; text-indent: -9999px; } #MK_recents .btns a.prev { left: 10px; background: url(/images/common/recent_prev_btn@2x.gif) no-repeat 0 0; background-size: contain; } #MK_recents .btns a.next { right: 10px; background: url(/images/common/recent_next_btn@2x.gif) no-repeat 0 0; background-size: contain; } /* ============================================================================= 관련상품 ========================================================================== */ .related-btn .btn-wrap { padding: 4px 0; text-align: center; border-bottom: 1px solid #e1e1e1; } .related-btn .btn-wrap a span { padding: 0 10px; } .amount-input { width:20px; } #detail-item .others-wrap li.related-product .items-wrap .items .txt { margin-left : -8px; } #detail-item .others-wrap li.related-product .items-wrap .items li.options .txt { margin-left : 0px; } #detail-item .others-wrap li.related-product .items-wrap .items li.options .txt .options-select { width : 130px; } /* IOS 디바이스 옵션 선택 시 자동 확대 방지 */ input[type="text"], input[type="date"], input[type="tel"], input[type="number"], input[type="email"], input[type="password"], select {font-size:16px;} /* OKDGG 버튼 */ #detail-item .okdgg-checkout { text-align: center; margin-top: 10px; } #detail-item .okdgg-checkout img {max-width: 90%; height: auto; } #payco_order_btn { text-align: center; margin-top: 10px; } #kakaopay_order_btn { text-align: center; padding-top:10px; } /* 리뉴얼 220623 */ /* 다중이미지 */ #multiList {padding: 20px 13px 30px 13px; background:#fff;} #multiList img {width: 100%;} #multiList .multi2 img {border: 1px solid #eee;} #multiList .swiper-pagination-bullet {width: 6px;height: 6px;background: #cdcdcd;opacity: 1;margin: 0 4px;} #multiList .swiper-pagination-bullet.swiper-pagination-bullet-active {background: #d71618;} .shopdetail .shopdetailInfo {background-color:#f5f5f5; border-top:1px solid #c7c7c7;} .shopdetail .shopdetailInfo h2 {font-size:1.333em; font-weight:bold; text-align:center; padding-top:16px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom {background-color:#fff;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfo {border-bottom: 1px solid #eee;background: #fff;border-top: 0;padding-bottom: 25px;margin: 0 13px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfo h3 {font-weight:bold;font-size: 1.0625rem;color: #282828;line-height: 1.25;margin-bottom: 10px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfo .subname {font-size: 0.8125rem;color: #888888;line-height: 1.25;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue {position: relative;border-bottom: 3px solid #282828;padding: 20px 0 25px;margin: 0 13px 25px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue em {color: #555555;font-size: 0.75rem;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue p {margin-bottom: 15px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue p:last-child {margin-bottom:0px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue p.txt .shopdetailInfoName {vertical-align:top;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue p.txt .delivery {display:block; font-weight:bold; padding:0 !important;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .shopdetailInfoName {width:30%; display:inline-block;font-size: 0.75rem;color: #444444;font-weight: bold;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .shopdetailInfoCont {width:70%; display:inline-block;text-align: right;font-size: 0.75rem;color: #555555;font-weight: normal;margin-left: -4px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .shopdetailInfoCont .price {font-size: 0.9375rem;color: #282828;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .shopdetailInfoCont .price em {font-size: 0.8125rem;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .shopdetailInfoCont del {font-size: 0.75rem;color: #aaaaaa;font-weight: bold;margin-left: 10px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .shopdetailInfoCont del em {font-size: 0.75rem;color: #aaaaaa;font-weight: bold;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .shopdetailInfoCont.f11 {text-align:left; font-size: 0.6875rem;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .shopdetailInfoCont.f11 b {color: #555555;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .shopdetailInfoCont.f11 b em {color: #555555;} .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 {/*padding: 25px 0;*/} .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area.fixed { width: 100%; position: fixed; z-index: 1001; bottom: 0; left: 0; right: 0; padding: 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 { overflow-y:auto;background-color: #fff;padding: 20px 0 30px;margin: 0;margin-bottom: -1px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area.fixed .option_tk.login {height:204px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn {width:100%;box-sizing: border-box; position:relative; bottom:0; left:0; right:0;z-index: 101;text-align: center; padding:5px; margin:0 auto; display:none;font-size: 0; background:#fff;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn.fixed {display: block; position: fixed;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area.fixed .fixed-btn.fixed {display: block; position: relative; margin-bottom:-1px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area.fixed .fixed-btn.fixed .btn_option {display: block;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn .btn_option {display: none;position: absolute;top: -12px;left: 50%;margin-left: -16px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoMultiSelect {background-color: #fff;margin: 10px 13px 0;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .buy_on {text-align: center;font-size: 0; background: #fff;padding: 5px;box-sizing: border-box;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .buy_on a {width:48%; color: #3b3b3b; background-color:#fff; border:1px solid #f1191f; display: inline-block; padding:6px 0; margin:2px 0; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .buy_on a.buy {background-color:#f1191f; color:#fff;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .buy_on a.cart { background-color:#FFF; border:1px solid #f1191f; color:#f1191f; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .buy_on a.subs { width:97%; color:#fff; background-color:#393939; border:1px solid #393939; }.shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect {} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .txt {width: 70%;margin-left: -4px;display: inline-block;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .txt select {width: 100%;height: 40px;border: 1px solid #cccccc;padding: 4px 10px;color: #bbbbbb;font-size: 0.6875rem;line-height: 20px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .opt-com {text-align: right;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect p {background-color: #fff;padding: 5px 13px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect p:last-child {margin-bottom:0px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .shopdetailInfoName {width: 30%; display:inline-block;color: #444444;font-size: 0.75rem;font-weight: bold;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .shopdetailInfoCont {width:70%; display:inline-block; margin-left: -4px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .shopdetailInfoCont select {width:100%;} .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: #f8f8f8;border: 1px solid #eee;} .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 .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .shopdetailInfoCont.listCoupon { position:relative; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .shopdetailInfoCont .btn-coupon { display:inline-block; height:16px; padding:0; margin-left:5px; border:1px solid #000; font-size:10px; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .shopdetailInfoCont .btn-coupon span { display:inline-block; height:16px; padding:0 5px; color:#fff; background:#000; vertical-align:top; font-size:11px; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .shopdetailInfoCont .btn-coupon em { display:inline-block; height:16px; padding:0 3px 0 0; font-size:10px; vertical-align:top; color:#000; } .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;} .option_tk {background-color: #fff;margin: 10px 0 13px;} .option_tk .break {background-color: #fff;padding: 5px 0;} .option_tk .break .tit {width: 30%;display: inline-block;color: #444444;font-size: 0.75rem;font-weight: bold;} .option_tk .break .txt {width: 70%;margin-left: -4px;display: inline-block;} .option_tk .break .txt select {width: 100%;height: 28px;border: 1px solid #cccccc;padding: 4px 10px;color: #000;font-size: 0.6875rem;line-height: 14px; box-sizing:border-box;} .MK_optAddWrap .MK_inner-opt-cm li {position:relative;border-bottom: 1px solid #eee;padding: 15px;background-color: #f8f8f8;border: 1px solid #eee;} .MK_optAddWrap .MK_inner-opt-cm li:first-child {} .MK_optAddWrap .MK_inner-opt-cm .MK_p-name {display: block;padding: 0;} .MK_optAddWrap .MK_inner-opt-cm .MK_qty-ctrl {margin-top: 15px;display: flex;align-items: center;position: relative;width: 70px;height: 27px;} .MK_optAddWrap .MK_inner-opt-cm .MK_qty-ctrl input[type="tel"] {border: 1px solid #d9d9d9;width: 70px !important;height: 25px;line-height: 25px;text-align:center !important; padding:0 !important;color: #000000;font-weight: bold;font-size: 0.8125rem;font-family: "Lato";} .MK_optAddWrap .MK_inner-opt-cm .MK_btn-del {position:absolute;bottom: 23px;right: 15px;display: inline-block;width: 10px;height: 10px;background: url(/design/kun6man02/new/m/img/ico/ico_close.png) center / 10px no-repeat;} .MK_optAddWrap .MK_inner-opt-cm .MK_btn-del img {width: 20px; margin-right:5px;display: none;} .MK_optAddWrap .MK_inner-opt-cm .MK_price {position:absolute;bottom: 23px;right: 35px;font-size: 0.8125rem;color: #555555;line-height: 1;font-weight: bold;} .MK_optAddWrap .MK_inner-opt-cm .MK_qty-ctrl .btn-type-02 {font-size: 0;position: absolute;background: center / 7px no-repeat;display: inline-block;width: 23px;height: 25px;} .MK_optAddWrap .MK_inner-opt-cm .MK_qty-ctrl a:nth-child(2) {right: 5px;background-image: url(/design/kun6man02/new/m/img/ico/ico_m_plus.png) !important;top: 50%;right: 0;transform: translateY(-50%);} .MK_optAddWrap .MK_inner-opt-cm .MK_qty-ctrl a:nth-child(3) {left: 0;background-image: url(/design/kun6man02/new/m/img/ico/ico_m_minus.png) !important;top: 50%;left: 0;transform: translateY(-50%);} .MK_optAddWrap .total > p {font-size: 0.75rem;color: #555555;font-weight: bold;} .MK_optAddWrap .MK_total {font-size: 1.0625rem;color: #d71618;font-family: "Lato";font-weight: bold;} .MK_optAddWrap .MK_total::after {content: "원";font-size: 0.9375rem;font-family: "Noto Sans CJK KR";} .MK_optAddWrap .MK_txt-won {font-size:17px;display: none;} .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 > p {/*padding: 15px 0 25px;*/ text-align:right;display: flex;align-items: center;justify-content: space-between;} /* //착불 아이콘 */ .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:#f1191f; font-size:1.333em; margin-left:16px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton {text-align:center;padding: 0 13px 25px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop {display: flex;justify-content: space-between;align-items:center;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop a {display: inline-block; font-weight:bold;width: 40%;margin-left: 6px;box-sizing: border-box;height: 35px;border: 1px solid #555555;line-height: 33px;background: #fff;color: #282828;font-size: 0.8125rem;font-weight: bold;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop a.wish {width: 20%;margin-left: 0;background: url(/design/kun6man02/new/m/img/ico/ico_wish.png) center / 30% no-repeat;text-indent: -9999px;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop a.wish.on {background: url(/design/kun6man02/new/m/img/ico/ico_wish_on.png) center / 30% no-repeat;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop a.cart {} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop a.buy {color:#fff;background-color: #d71618;border: 1px solid #d71618;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .buy_on {text-align: center;font-size: 0; background: #fff;padding: 5px;box-sizing: border-box;} .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-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 .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;} #related_product_tk {padding: 40px 0 40px 13px;} #related_product_tk h3 {color: #282828;font-weight: bold;font-size: 0.9375rem;padding-bottom: 15px; } .list_shoppingRelationItem2x img {width: 100%;} .list_shoppingRelationItem2x .list_shoppingInfo {padding-top: 10px;} .list_shoppingRelationItem2x .list_shoppingInfo .listName {padding-bottom: 7px;font-size: 0.75rem;color: #282828;} .list_shoppingRelationItem2x .list_shoppingInfo .listPrice {font-size: 0.75rem;color: #282828;font-weight: bold;} .list_shoppingRelationItem2x .list_shoppingInfo .listPrice del {color: #999999;font-size: 0.6875rem;font-weight: normal;margin-left: 3px;} /* //관련상품 */ /* 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 {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: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:#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; background-color:#f6f6f6; padding: 5px 15px; 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 #231f20; 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 a {height:50px;} .MK-oneclick-list li.MK-oneclick-image a img {width: auto; height: 48px;;} .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 .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; } /* 상품 상세 이벤트 공통 정보 */ .detail-common-info-event { padding:0 0 20px; 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 15px 20px; word-break: break-all; } .detail-common-info img {max-width: 100%;} .detail-common-info dl { padding-top:20px; font-size:inherit; font-weight:normal; letter-spacing:-0.5px; } .detail-common-info dl dt { padding-bottom:10px; color:#444; font-weight:bold; } .detail-common-info dl dd { padding-left:10px; text-indent:-10px; color:#777; line-height:20px; } .detail-common-info div {margin-top:10px; } /* //상품 상세 일반 공통 정보 */ /* 스마트 쿠폰 목록 */ .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; } /* 당일 배송 */ #ifend{color: #fff;font-size: 15px;display: block;background: #0d2e4d;padding: 12px 0;font-family: 'Noto Sans KR', sans-serif;text-align: center;font-size: 0.6875rem;letter-spacing: -.5px;} #ifend #time {vertical-align: text-top;} #ifend b {vertical-align: middle;} #ifend b.next {vertical-align: unset;} #ifend #time, #ifend b{color: #ff7c8e; font-weight:bold;} /* 카드 혜택보기 */ .ico_drop {display: inline-block;width: 20px;height: 20px;background: url(/design/kun6man02/new/m/img/ico/ico_card_drop.png) center / 20px no-repeat;vertical-align: middle;margin-left: 6px;} /* 리뷰 */ /* 파워리뷰 */ #top_review {margin-top: 35px;padding: 30px 20px;background: #f8f8f8;margin-bottom: 40px; min-height:540px;} #top_review .review_list {text-align: center;} #top_review .review_list .score {width: 70px;height: 70px;box-sizing: border-box;background: #d71618;text-align: center; margin: 0 auto;} #top_review .review_list .score .score_num {font-size: 1.375rem;font-weight: bold;color: #ffffff;padding-top: 20px;display: inline-block;line-height: 1;} #top_review .review_list .score .ico_score {display: inline-block;width: 44px;height: 7px;background: left center / 44px 7px no-repeat;margin-top: 7px;} #top_review .review_list .prd_info {padding-top: 7px;} #top_review .review_list .prd_info h3 {font-size: 0.875rem;font-weight: 600;color: #282828;} #top_review .review_list .prd_info p {font-size: 0.75rem;color: #808b92;font-weight: normal;margin-top: 7px;} #top_review .review_list .prd_info p em {font-size: 0.8125rem;color: #c90005;font-weight: bold;} #top_review .review_list .ico_score.s5 {background-image: url(/design/kun6man02/new/pc/img/ico/ico_score5.png) !important;} #top_review .review_list .ico_score.s4 {background-image: url(/design/kun6man02/new/pc/img/ico/ico_score4.png) !important;} #top_review .review_list .ico_score.s3 {background-image: url(/design/kun6man02/new/pc/img/ico/ico_score3.png) !important;} #top_review .review_list .ico_score.s2 {background-image: url(/design/kun6man02/new/pc/img/ico/ico_score2.png) !important;} #top_review .review_list .ico_score.s1 {background-image: url(/design/kun6man02/new/pc/img/ico/ico_score1.png) !important;} #top_review #mPowerreview .total {display: none;} #top_review #mPowerreview h3 {display: none;} #top_review #mPowerreview .best-photo {display: none;} #top_review #mPowerreview .photo-odr {display: none;} #top_review #listPowerReview {padding-top: 20px;} #top_review #listPowerReview .review-wrap > li {border: 1px solid #eee;padding: 15px;background: #fff;position: relative;margin-bottom: 6px;} #top_review #listPowerReview .review-wrap > li:nth-child(n+4) {display: none;} #top_review #listPowerReview li .score span:nth-child(2) {display: none;} #top_review #listPowerReview li .item {display: block;padding: 0;margin: 0;width: 100%;border: 0;top: unset;position: unset;margin-top: 12px;} #top_review #listPowerReview li .item > p {margin: 0;line-height: inherit;width: 80%;height: auto; color:#aaaaaa; font-size:0.625rem;} #top_review #listPowerReview li .item div.roll1 {width: 20%;margin: 0;position: absolute;top: 50%;right: 15px;transform: translateY(-50%);} #top_review #listPowerReview li .item div.roll1 li {padding: 0;float: unset;} #top_review #listPowerReview li .item div.roll1 img {width: 100%;height: auto;} #top_review #listPowerReview li .item div.pr-content-simple {width: 75%;} #top_review #listPowerReview li .item div.pr-content-simple p {margin: 0;} #top_review #listPowerReview li .item div.pr-content-simple p a{color:#aaaaaa;} #top_review #listPowerReview li .item div.pr-content-simple a {margin: 0; font-size:0.625rem} #top_review #listPowerReview li .item div.pr-content-all {width: 75%;} #top_review #listPowerReview li .item div.pr-content-all p {margin: 0;} #top_review #listPowerReview li .item div.pr-content-all p a {color:#aaaaaa;} #top_review #listPowerReview li .item div.pr-content-all a {margin: 0; font-size:0.625rem} #top_review #listPowerReview li .sumup {padding: 0;} #top_review #listPowerReview li .sumup .star {margin: 0;} #top_review #listPowerReview li .sumup .score span {float: unset;} #top_review #listPowerReview li .recmd {padding: 0;margin-top: 7px;margin-bottom: 0;} #top_review #listPowerReview li .recmd .pr-list-writer {font-size: 0.625rem;color: #555555;} #top_review #listPowerReview li .survey {display: none;} #top_review #listPowerReview li .reply {display: none;} #top_review #listPowerReview li .reply-list {display: none !important;} #top_review #MS_review_more_btn_area {display: none !important;} #btm_review #mPowerreview .total {display: none;} #btm_review #mPowerreview > h3 {display: none;} #btm_review #mPowerreview > div.best-photo {display: none;} #btm_review #mPowerreview .photo-odr {display: none;} #btm_review .review_list .tit {font-size: 1.0625rem;font-weight: bold;color: #222222;text-align: center;} #btm_review .review_list .score {text-align: center;margin-top: 15px;} #btm_review .review_list .ico_score {display: inline-block;width: 108px;height: 20px;background: left center / auto 20px no-repeat;margin: 0 auto;} #btm_review .review_list .ico_score.s5 {background-image: url(/design/kun6man02/new/m/img/ico/ico_star05.png) !important;} #btm_review .review_list .ico_score.s4 {background-image: url(/design/kun6man02/new/m/img/ico/ico_star04.png) !important;} #btm_review .review_list .ico_score.s3 {background-image: url(/design/kun6man02/new/m/img/ico/ico_star03.png) !important;} #btm_review .review_list .ico_score.s2 {background-image: url(/design/kun6man02/new/m/img/ico/ico_star02.png) !important;} #btm_review .review_list .ico_score.s1 {background-image: url(/design/kun6man02/new/m/img/ico/ico_star01.png) !important;} #btm_review .review_list .ico_score.s0 {background-image: url(/design/kun6man02/new/m/img/ico/ico_star00.png) !important;} #btm_review .review_list .prd_info {margin-top: 13px;color: #282828;font-size: 0.8125rem;text-align: center;} #btm_review .review_list .prd_info em {color: #cc0200;font-weight: bold;} #btm_review .btnWrap {margin-top: 25px;padding: 0 13px;} #btm_review .btnWrap a.btn {display: inline-block;width: 100%;height: 35px;border: 1px solid #cc0200;font-size: 0.875rem;background: #fff;text-align: center;font-weight: bold;line-height: 35px;color: #cc0200;} #btm_review .btnWrap a.btn_write {margin-bottom: 9px;background: #cc0200;color: #fff;} #btm_review .review_tab {display:none; margin-top: 15px;padding: 0 13px;} #btm_review .review_tab ul {font-size:0;border-bottom: 1px solid #cc0200;} #btm_review .review_tab li {display: inline-block;width: 50%;box-sizing: border-box;margin-bottom: -1px;} #btm_review .review_tab li a {color: #999999;font-size: 0.75rem;font-weight: normal;display: block;padding: 10px 0;text-align: center;} #btm_review .review_tab li.active a {color: #282828;} #btm_review .review_tab li.active::after {content: "";display:block;border-bottom: 4px solid #cc0200;} #btm_review #listPowerReview {padding: 0 13px;} #btm_review #listPowerReview .review-wrap:last-child > li:last-child {border-bottom: 0;} #btm_review #listPowerReview .review-wrap > li {padding: 20px 16px;} #btm_review #listPowerReview .review-wrap > li .sumup {padding: 0;} #btm_review #listPowerReview .review-wrap > li .sumup .score {margin-bottom: 14px;} #btm_review #listPowerReview .review-wrap > li .sumup .star {margin: 0} #btm_review #listPowerReview .review-wrap > li .item {border: none;padding: 0;margin: 0;} #btm_review #listPowerReview .review-wrap > li .item .roll1 {padding: 0;margin: 0;} #btm_review #listPowerReview .review-wrap > li .item .roll1 li {padding: 0;width: 100px;height: 100px;} #btm_review #listPowerReview .review-wrap > li .item .roll1 li img {width: 100%;height: 100%;border: 1px solid #eee;} #btm_review #listPowerReview .review-wrap > li .item p {margin: 0;color: #767676;font-size: 0.625rem;font-weight: normal;margin-bottom: 15px;} #btm_review #listPowerReview .review-wrap > li .item a.lnk-more {padding: 0;margin: 0;font-size: 0.625rem;margin-bottom: 25px;} #btm_review #listPowerReview .recmd {padding: 0;margin: 0;font-size: 0.625rem;color: #282828;font-weight: normal;margin-top: 18px;} #btm_review #listPowerReview .survey {display: none;} #btm_review #listPowerReview .reply {display: none;} #btm_review #MS_review_more_btn_area {margin: 0 13px;} #btm_review #MS_review_more_btn_area .btn-more {height: 35px;line-height: 35px;border: 1px solid #d71418;color: #d71418;font-size: 0.875rem;} /* 중간배너 */ .detailBnnrWrap {padding: 0 13px; margin-bottom: 50px;} .detailBnnrWrap img {width: 100%;margin-bottom: 5px;} .detailBnnrWrap .mem_benefit li {padding: 17px 0;border: 1px solid #eee;margin-bottom: 5px;} .detailBnnrWrap .mem_benefit a {display: flex;align-items: center;} .detailBnnrWrap .mem_benefit .thumb {width: 30%;text-align: center;box-sizing: border-box;} .detailBnnrWrap .mem_benefit .thumb img {width: 25px;height: auto;} .detailBnnrWrap .mem_benefit .info {width: 70%;} .detailBnnrWrap .mem_benefit .info h3 {color: #777777;font-size: 0.8125rem;font-weight: bold;} .detailBnnrWrap .mem_benefit .info p {color: #777777;font-size: 0.6875rem;margin-top: 9px;letter-spacing: -.5px;line-height: 1.5;} /* 일반상품정보 */ #productWrap {background-color:#f4f4f4; padding:30px; line-height:1.75;} #productWrap .inner {background-color:#fff; border:1px solid #e5e5e5;} #productWrap .prdInfo {padding: 20px;} #productWrap .prdInfo dl {display: flex;align-items: flex-start;} #productWrap .prdInfo dl:last-child {border-bottom: 0;} #productWrap .prdInfo dl dt, #productWrap .prdInfo dl dd {padding: 7px 0;box-sizing: border-box;} #productWrap .prdInfo dl dt {font-size: 0.75rem;width: 30%;vertical-align: middle;color:#222;text-align: right; word-break:keep-all;} #productWrap .prdInfo dl dd {font-size: 0.75rem;text-align: left;width: 70%;background: #fff;padding-left: 20px; color:#666;} #productWrap .prdInfo dl dd p {line-height: 1.75;} #productWrap .empty-board {text-align: center; padding: 15px 0 5px;} /* tabWrap */ .tabWrap {width: 100%;} .tabWrap.line {padding-top: 25px;border-top: 8px solid #eee;margin-top: 25px;} .tabWrap ul {font-size: 0;} .tabWrap ul li {display: inline-block;width: 20%;box-sizing: border-box;background: #fff;} .tabWrap ul li a {display: block;color: #9c9c9c;font-size: 0.6rem;font-weight: 600;border: 1px solid #eee;padding: 10px 0;text-align: center;line-height: 1.25;} .tabWrap ul li.active {background: #cc0200;} .tabWrap ul li.active a {color: #fff; border:1px solid #cc0200;} .detail_tab {margin-top: 25px;} /* 배송 교환 */ .shopdetail .delivery {padding: 0 13px;} .shopdetail .delivery h3.tit {color: #282828;font-weight: bold;font-size: 0.9375rem;margin-bottom: 15px;} .shopdetail .delivery .cont {margin-bottom: 30px;border: 1px solid #eee;} .shopdetail .delivery .cont dl {border-bottom: 1px solid #eee;font-size: 0;background: #f7f7f7;display: flex;align-items: center;} .shopdetail .delivery .cont dl:last-child {border: 0;} .shopdetail .delivery .cont dt {display: inline-block;font-size: 0.75rem;font-weight: bold;color: #555555;text-align: center;width: 25%;} .shopdetail .delivery .cont dd {color: #888888;font-size: 0.6875rem;font-weight: normal;line-height: 1.75;padding: 13px 14px;background: #fff;width: 75%;} .shopdetail .delivery .cont dd p {padding-left: 7px;} .shopdetail .delivery .cont dd p::before {content: "-";margin-left: -7px;} /* 고정버튼 */ .shopdetail .shopdetailInfo .shopdetailInfoBottom a.f_btn {display: inline-block;height: 50px;line-height: 30px;box-sizing: border-box;border: 0;padding: 0;margin: 0;font-size: 0.8125rem;color: #fff;font-weight: bold;border-radius: 5px; padding:10px 0;} .shopdetail .shopdetailInfo .shopdetailInfoBottom a.f_btn.btn_cart {width: 40px; height:52px; border:1px solid #eee; margin-right:5px; background: url(/design/kun6man02/new/m/img/ico/ico_cart.png) center / 17px no-repeat;text-indent: -9999px;background-color: #ffffff;} .shopdetail .shopdetailInfo .shopdetailInfoBottom a.f_btn.btn_review {background-color: #102f4c;width: 85px;margin-right: 7px;position: relative;} .shopdetail .shopdetailInfo .shopdetailInfoBottom a.f_btn.btn_buy {background-color: #d71618;width: calc(100% - 95px);} .shopdetail .shopdetailInfo .shopdetailInfoBottom a.f_btn.btn_review .rv_cnt {display: inline-block;width: 35px;height: 12px;position: absolute;top: -8px;left: 50%;transform: translateX(-50%);background: #000;font-size: 10px;line-height: 12px;padding: 2px 5px;border-radius: 8px; font-weight:300;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .buy_on a.f_btn.btn_buy {width: calc(100% - 45px);} span.buy_dec { display: inline-block; width: 135px; height: 20px; line-height: 20px; border-radius: 40px; background: #fff; color: #d71618; font-size: 0.75rem; } .fixed .option_tk .break .tit {/*display: none;*/ margin-bottom: 5px;} .fixed .option_tk .break .txt {width: 100%;margin-left: 0;} /* 옵션창 속 네이버페이 */ .fixed .npay_type_MA_1 {width: 100% !important;} .fixed .npay_type_MA_1 .npay_text .npay_link {font-size: 0.5625rem !important;} /* 문의게시판 */ /* 게시글 */ #tabs .boardTop {padding: 0 13px;text-align: center;} #tabs .boardTop h3 {color: #222222;font-weight: bold;font-size: 1.0625rem;line-height: 1;} #tabs .boardTop p {margin-top: 12px;font-size: 0.75rem;color: #999999;line-height: 1.5;} #tabs .boardTop .btn_list {width: 100%;margin-top: 12px;margin-bottom: 25px;} #tabs .boardTop .btn_list a.btn {width: 48%;color: #cc0200;font-size: 0.875rem;text-align: center;display: inline-block;height: 35px;line-height: 33px;border: 1px solid #cc0200;box-sizing: border-box;background: #fff;} #tabs .boardTop .btn_list a.btn_red {margin-right: 4px;background: #cc0200;color: #fff;font-weight: bold;} #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: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 .thumb {width: 50px;height: 50px;float: left;margin-left: 13px;margin-top: 15px;} .list_board .thumb img {width: 100%;height: 100%;object-fit: cover;} .list_board ul {border-top: 1px solid #dcdcdc;} .list_board ul li {color: #424242;border-bottom: 1px solid #dcdcdc;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: 15px 13px;margin-left: 76px;} .list_board ul li dl h4 {margin: 0;color: #222222;font-size: 0.8125rem;font-weight: 300;line-height: 1.75;} .list_board ul li dd.info {font-size: 0.75rem;color: #a7a7a7;margin-top: 5px;font-weight: 300;} .list_board ul li dd.info span {vertical-align: middle;} .list_board ul li dd.info span.date::before {content: "";display: inline-block;width: 1px;height: 10px;background: #dcdcdc;margin: 0 10px 0 6px;vertical-align: middle;} .list_board ul li .cont_wrap {display: none; padding-top: 5px; border-top: 1px dotted rgb(190, 190, 190); background-color: #f9f9f9; padding: 7px;} .list_board ul li .cont_wrap img {max-width: 100%; padding-bottom: 5px;} .list_board ul li dl a > i {float: left;margin-left: 10px; margin-top:6px;} .list_board ul li.depth dl {margin-left: 0;} .list_board ul li.depth dl h4 {margin-left: 28px;} .list_board ul li.depth dd.info {padding-left: 26px;} .list_board ul li.depth dd.info span.id img {vertical-align: middle;} /* 댓글 */ .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;} /* 신고기능 */ .info .btn-member-declare {display:inline-block; width:14px; height:17px; margin:-4px 0 0 2px; text-indent:-9999px; background:url(/images/d3/modern_simple/btn_declare_icon_2x.png) 0 0 no-repeat; background-size:14px 17px;} .cnt-btn-block { overflow: hidden;} .cnt-btn-block .btn-report { float: right; display:inline-block; color:#9d9d9d; font-size:11px; z-index:1; } /* 옵션 */ .fixed .option_tk {display: list-item;} .shopdetailButton {display:none;} .fixed .fixed .buy_on {display:block !important;} .option_area .tb-left, .option_area .naver-checkout { display: none; } .option_area.fixed .tb-left, .option_area.fixed .naver-checkout { display: block; } .naver-checkout { background: #fff; padding: 0 12px 15px; } /* 카드 자세히 보기 */ #productDetail .thumb-info .info .table-opt td .tb-left.drop {cursor: pointer;} #productDetail .thumb-info .info .table-opt td .tb-left.drop::after {content: "";display: inline-block;margin-left: 7px;width: 15px;height: 15px;background: url(/design/kun6man02/new/pc/img/ico/ico_drop.png) center / 15px no-repeat;} #productDetail .thumb-info .info .table-opt td .tb-left.line {padding-bottom: 20px;border-bottom: 1px solid #eee;margin-bottom: 20px;} .cardWrap {position: absolute; top:52px; left:50%; transform:translateX(-50%);z-index: 99;} .cardWrap #layer_card {display: block; width: 320px;box-sizing: border-box;border: 1px solid #dddddd;background: #fff;padding: 27px 22px;} .cardWrap #layer_card .titWrap {position: relative;margin-bottom: 9px;} .cardWrap #layer_card .titWrap h3 {font-size: 0.6875rem;font-weight: bold;color: #000000;text-align: left;} .cardWrap #layer_card .titWrap span {position: absolute;top: -15px;right: -10px; cursor:pointer} .cardWrap #layer_card .contWrap .contTop {border: 1px solid #f4f4f4;font-size: 0.5rem;color: #8b8f8f;background: #fafafa;padding: 8px 10px;text-align: left;} .cardWrap #layer_card .contWrap .contTop li::before {content: "";display: inline-block;width: 2px;height: 2px;background: #888888;margin-right: 5px;vertical-align: middle;margin-left: -5px;} .cardWrap #layer_card .contWrap .contMid {border-bottom: 1px solid #e2e5e9;padding-bottom: 8px;} .cardWrap #layer_card .contWrap .contMid .contWrap {display: flex;align-items: center;padding-top: 10px;padding-bottom: 3px;} .cardWrap #layer_card .contWrap .contMid .contWrap .thumb {margin-right: 8px;} .cardWrap #layer_card .contWrap .contMid .contWrap .cont {position: relative;width: 100%;} .cardWrap #layer_card .contWrap .contMid .contWrap .cont span {position: absolute;right: 0;color: #888888;} .cardWrap #layer_card .contWrap .contMid .contWrap .cont p {font-size: 0.5rem;line-height: 1.25;color: #000000;font-weight: 300; text-align:left;} .cardWrap #layer_card .contWrap .contBtm {padding-top: 8px;} .cardWrap #layer_card .contWrap .contBtm p {font-size: 0.5rem;color: #000000;font-weight: 400; letter-spacing:-.25px;} .cardWrap #layer_card .contWrap .contBtm p::before {content: "";display: inline-block;width: 8px;height: 8px;background: url(/design/kun6man02/new/pc/img/ico/ico_alert.png) center / 8px no-repeat;vertical-align: middle;margin-right: 3px;} select { appearance: none; -moz-appearance: none; -webkit-appearance: none; background: url(/design/kun6man02/new/m/img/ico/ico_s_drop.png) right 10px center / 6px 3px no-repeat; border: 2px solid #eee !important; } select::-ms-expand{display:none} /* BASIC css end */