/* BASIC css start */ .page-body { padding-top:60px } /* 판매가격 */ #productDetail .thumb-info .info .table-opt { margin-top: 20px; border-top: 1px solid #dedede; padding-top: 10px; } #productDetail .thumb-info .info .table-opt .price { font-weight: bold; color: #d63448; } .reserve_info { padding: 0 20px; height: 30px; line-height: 30px; border: 1px solid #dedede; background: #f6f6f6; font-size: 16px; display: inline-block; box-sizing: border-box; border-radius: 50px; margin-left: 10px; } /* 주문수량 */ #goods_amount { float: left; width: 32px; border: 0; } #productDetail .thumb-info .info .table-opt .opt-spin { position: relative; width: 52px; height: 15px; border: 1px solid #acacac; } #productDetail .thumb-info .info .table-opt .opt-spin .txt-spin, #productDetail .thumb-info .info .table-opt .opt-spin .btns { float: left; } #productDetail .thumb-info .info .table-opt .opt-spin .txt-spin { width: 41px; height: 13px; padding-left: 2px padding-top: 2px; border: 0; font-size: 11px; } #productDetail .thumb-info .info .table-opt .opt-spin .btns { width: 19px; height: 15px; border-left: 1px solid #aaa; } #productDetail .thumb-info .info .table-opt .opt-spin .btns a { overflow: hidden; float: left; width: 100%; height: 7px; text-indent: -999px; background: none; } #productDetail .thumb-info .info .table-opt .opt-spin .btns a.btn-up { border-bottom: 1px solid #aaa; background: url(/images/d3/modern_simple/btn/btn_h5_spin_up.gif) no-repeat 50% 2px; } #productDetail .thumb-info .info .table-opt .opt-spin .btns a.btn-dw { background: url(/images/d3/modern_simple/btn/btn_h5_spin_dw.gif) no-repeat 50% 2px; } #productDetail .thumb-info .info .prd-btns { margin-top: 36px; } #productDetail .thumb-info .info .prd-btns a { } #productDetail .thumb-info .info .prd-btns .soldout { margin-left: 10px; font-weight: bold; } #productDetail .thumb-info .info .prd-btns .btn_subs img { margin-top: 10px; } #productDetail .f-btns { display: flex; align-items: end; justify-content: center; margin: 0 -3px; } #productDetail .f-btns li { position: relative; border: 1px solid #FF691F; border-radius: 10px; height: 58px; line-height: 58px; margin: 0 3px; } #productDetail .f-btns li a { color: #FF691F; } #productDetail .f-btns li.btnPay img.pay_float_img { position: absolute; top: -38px; left: 50%; transform: translateX(-50%); animation: motionPay 0.7s linear 0s infinite alternate; } #productDetail .f-btns li.btnPay img.pay_float_img_fix { display:none; animation: motionPay2 0.7s linear 0s infinite alternate; } @keyframes motionPay { 0% {top: -38px;} 100% {top: -41px;} } @keyframes motionPay2 { 0% {top: 3px;} 100% {top: 6px;} } #productDetail .f-btns li a { font-size: 20px; text-align: center; font-weight: 700; margin: 0 !important; height: 100%; display: flex; align-items: center; justify-content: center; } #productDetail .f-btns li.btnGift { width: 58px; } #productDetail .f-btns li.btnGift a { font-size: 0; } #productDetail .f-btns li.btnGift_none { display: none; } #productDetail .f-btns li.btnCart { width: 185px; } #productDetail .f-btns li.btnPay { width: 185px; border: none; } #productDetail .f-btns li.btnPay div { padding-top: 0 !important; margin-top: -2px; } #productDetail .f-btns li.btnBuy { width: 185px; border-color: #FF691F; } #productDetail .f-btns li.btnBuy a { background: #FF691F; color: #fff; overflow: hidden; border-radius: 9px; } /* 통합옵션 */ #productDetail .thumb-info .info .table-opt .opt-wrap { } #productDetail .thumb-info .info .table-opt .opt-wrap dl { width: 100%; display: flex; align-items: center; } #productDetail .thumb-info .info .table-opt .opt-wrap dl + dl {margin-top:10px;} #productDetail .thumb-info .info .table-opt .opt-wrap dt { float: left; width: 120px; } #productDetail .thumb-info .info .table-opt .opt-wrap dd { float: left; width: calc(100% - 120px); } #productDetail .thumb-info .info .table-opt .opt-wrap .sel-btn { padding-left: 10px; text-align: right; margin-top: 10px; } #productDetail .thumb-info .info .table-opt .opt-wrap .sel-btn a { border: 1px solid #343434; width: 62px; height: 28px; line-height: 28px; border-radius: 4px; text-align: center; display: inline-block; font-weight:600; font-size:12px; box-sizing: border-box; } #productDetail .thumb-info .info .table-opt .opt-wrap select { width: 100%; height: 40px; border: 1px solid #dedede; font-size: 16px; padding: 0 8px; border-radius: 6px; } #productDetail .thumb-info .info .table-opt .opt-wrap .opt-btns { position: relative; width: 56px; height: 19px } #productDetail .thumb-info .info .table-opt .opt-wrap .opt-btns input { position: absolute; top: 0; left: 0; width: 40px; height: 17px; border: 1px solid #ddd; text-align: right; } #productDetail .thumb-info .info .table-opt .opt-wrap .opt-btns .btn-up { position: absolute; top: 0; right: 0; } #productDetail .thumb-info .info .table-opt .opt-wrap .opt-btns .btn-dw { position: absolute; bottom: 0; right: 0; } #productDetail .thumb-info .info .table-opt .opt-wrap dl .opt-count select { float: left; width: 180px; } #productDetail .thumb-info .info .table-opt .opt-wrap dl .opt-count .opt-btns { float: left; width: 56px; margin-left: 5px; } #productDetail .thumb-info .info .table-opt .sell_benefit { position:relative; } #productDetail .thumb-info .info .table-opt .sell_benefit .benefit_btn { display:inline-block; height:18px; line-height:20px; border:1px solid #000; font-size:11px; } #productDetail .thumb-info .info .table-opt .sell_benefit .benefit_btn span { display:inline-block; height:18px; padding:0 5px; color:#fff; background:#000; vertical-align:top; } #productDetail .thumb-info .info .table-opt .sell_benefit .benefit_btn em { display:inline-block; height:18px; padding:0 3px 0 0; font-size:10px; vertical-align:top; } /* 타이틀 공통 */ #productDetail .tit-hd { margin-top: 70px; border-bottom: 1px solid #b8b8b8; padding-left: 4px; } #productDetail .tit-hd .tit-detail { height: 16px; padding-top: 8px; padding-left: 20px; background: url(/images/d3/modern_house/bg_tab.gif) no-repeat 0 0; } #productDetail .tit-hd .btns-part { position: relative; } #productDetail .tit-hd .btns { position: absolute; right: 0; top: -26px; text-align: center; } /* 상품 상세 이미지 */ #productDetail .prd-detail table { table-layout: auto; } #productDetail .prd-detail { margin-top: 15px; width: 100%; overflow: hidden; } #productDetail .prd-detail img { max-width: 100%; } /* 구매할인 */ #productDetail .buy-benefit { position:relative; } #productDetail .buy-benefit .tit-txt { font-size:12px; color:#000; } #productDetail .buy-benefit .view-wrap { position:relative; } #productDetail .buy-benefit .btn-view { display:inline-block; padding:2px 3px 2px 5px; font-size:12px; color:#000; font-family:"Malgun Gothic"; background: url(/images/common/bg_layer_gray.gif) no-repeat; border:1px solid #e3e3e3; } #productDetail .buy-benefit .btn-view em { display: inline-block; font-size:10px; vertical-align: top; } #productDetail .buy-benefit .view-wrap { display:none; position:absolute; top:30px; left:50%; max-width:186px; margin-left:-208px; padding:15px; background:#fff; border:1px solid #000; z-index:1; } #productDetail .buy-benefit .view-wrap.active { display:block; } #productDetail .buy-benefit .view-wrap .layer-view { font-size:12px; line-height:20px; color:#000; font-weight:bold; } #productDetail .buy-benefit .view-wrap .layer-view .fc-red { color:#ff0000; } #productDetail .buy-benefit .view-wrap .layer-view ul.list {margin-top:5px;} #productDetail .buy-benefit .view-wrap .layer-view ul li.layer-info { color:#585858; border-top:1px solid #ccc; padding-top:5px; margin-top:5px; font-weight:normal; } #productDetail .buy-benefit .view-wrap .btn-close { position:absolute; right:10px; top:5px; } /* 구매할인 */ /* 관련상품 */ #productDetail .prd-list { padding-top: 10px; border-top: 1px solid #b4b4b5; } #productDetail .prd-list .thumb { width: 50px; height: 50px; } #productDetail .prd-list th { padding-bottom: 10px; border-bottom: 1px solid #aaa; } #productDetail .prd-list td { padding: 5px 0; border-bottom: 1px solid #aaa; } #productDetail .prd-list .prd-amount { position: relative; width: 52px; height: 15px; border: 1px solid #acacac; } #productDetail .prd-list .prd-amount .txt-spin, #productDetail .prd-list .prd-amount .btns { float: left; } #productDetail .prd-list .prd-amount .txt-spin { width: 41px; height: 13px; padding-left: 2px padding-top: 2px; border: 0; font-size: 11px; } #productDetail .prd-list .prd-amount .btns { width: 17px; height: 15px; border-left: 1px solid #aaa; } #productDetail .prd-list .prd-amount .btns a { overflow: hidden; float: left; width: 100%; height: 8px; text-indent: -999px; background: none; } #productDetail .prd-list .prd-amount .btns a.btn-up { border-bottom: 1px solid #aaa; background: url(/images/d3/modern_simple/btn/btn_h5_spin_up.gif) no-repeat 50% 50%; } #productDetail .prd-list .prd-amount .btns a.btn-dw { background: url(/images/d3/modern_simple/btn/btn_h5_spin_dw.gif) no-repeat 50% 50%; } #productDetail .related-allbasket { width: 100%; padding-top: 10px; text-align: right; } /* review-write */ #productDetail .review-write { margin-top: 15px; padding-top: 10px; border-top: 1px solid #ccc; } #productDetail .review-write th, #productDetail .review-write td { padding: 5px 0 4px; } #productDetail .review-write th { font-weight: normal; } #productDetail .review-write .frm-w input { width: 150px; height: 18px; line-height: 18px; border: 1px solid #ededed; } /* 댓글리스트 공통 */ #productDetail .table-slide { border-top: 1px solid #ccc; } #productDetail .table-slide thead th { font-weight: normal; } #productDetail .table-slide th, #productDetail .table-slide td { padding: 10px 0; cursor: pointer; } #productDetail .table-slide th { font-size: 11px; } #productDetail .table-slide tbody td { background: url(/images/d3/modern_simple/common/dot_h1_w10.gif) repeat-x 0 0; } #productDetail .table-slide tr.cnt { display: none; } #productDetail .table-slide tr.cnt td { cursor: default; } #productDetail .table-slide tr.cnt td .MS_cmt_content {padding: 10px 60px 10px 0; position: relative;} #productDetail .table-slide tr.cnt td .MS_cmt_content .btn-report {float: none; position: absolute; right: 10px; bottom: 10px;} #productDetail .table-slide tr.cnt td .MS_cmt_hname {display: inline-block; margin-right: 10px; line-height: 13px;} #productDetail .table-slide tr.nbg td { background-image: none; } #productDetail .table-slide tr.ndata td { border-bottom: 1px solid #b4b4b5; } #productDetail .table-slide tr.reply .tb-txt { padding-left: 30px; background: url(/images/d3/modern_simple/common/bull_reply.gif) no-repeat 10px 0; } /* review-list */ #productDetail .review-list { margin-top: 15px; } #productDetail .review-list .bg { padding-top: 35px; background: url(/images/d3/modern_simple/common/dot_h1_w10.gif) repeat-x 0 0; } /* qna board */ #productDetail .qna-list { margin-top: 15px; } /* .board-hd */ #productDetail .board-hd { margin: 80px 0 20px 0; background: url(/images/d3/hot_issue/common/bd_line_gray.gif) repeat-x 0 60%; } /* .board-btns */ #productDetail .board-btns { text-align: right; } #productDetail .board-btns img { padding: 0 5px; } /* ****************** 상품 상세 옵션 ******************** */ /* 옵션선택 */ #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: 11px; 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 { } #MK_innerOptWrap #MK_innerOptScroll.limit { position: relative; height: 150px; overflow-y: auto; } #MK_innerOptWrap .MK_inner-opt-cm li { position: relative; padding: 20px; background: #f6f6f6; margin-bottom: 10px; border-radius: 12px; } #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: 20px; bottom: 27px; position: absolute; font-size: 18px; font-weight: 600; } #MK_innerOptWrap .MK_inner-opt-cm li .MK_btn-del { right: 20px; top: 20px; width: 20px; height: 20px; background: url(/design/isanoee/makeshop/common/close.png) no-repeat; background-size: 20px; position: absolute; } #MK_innerOptWrap .MK_inner-opt-cm li .MK_btn-del img { display: none; } #MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl .basic_option { width: 60px; height: 40px; box-sizing: border-box; text-align: center !important; border: 1px solid #dedede; margin-left: 40px; } /* 사용자 입력 인풋박스 (color, size )*/ .MK_optAddWrap .MK_inner-opt-cm li .MK_txt_uinput { width: 200px; } /* 기본옵션 */ #MK_innerOptWrap #MK_innerOpt_01 li .MK_p-name { } #MK_innerOptWrap #MK_innerOpt_01 li .MK_qty-ctrl { position: relative; margin-top: 20px; width: 140px; } #MK_innerOptWrap #MK_innerOpt_01 li .MK_qty-ctrl:after { content: ''; display: block; clear: both; } #MK_innerOptWrap #MK_innerOpt_01 li .MK_qty-ctrl input.MK_count { } #MK_innerOptWrap #MK_innerOpt_01 li .MK_qty-ctrl a { position: absolute; top: 0; width: 40px; height: 40px; } #MK_innerOptWrap #MK_innerOpt_01 li .MK_qty-ctrl a img { display: none; } #MK_innerOptWrap #MK_innerOpt_01 li .MK_qty-ctrl a.MK_btn-up { right: 0; background: url(/design/isanoee/makeshop/common/opt_plus.png) 0 0 no-repeat; } #MK_innerOptWrap #MK_innerOpt_01 li .MK_qty-ctrl a.MK_btn-dw { left: 0; background: url(/design/isanoee/makeshop/common/opt_minus.png) 0 0 no-repeat; } /* 개별옵션 */ #MK_innerOptWrap #MK_innerOpt_02 li .MK_p-name { } #MK_innerOptWrap #MK_innerOpt_02 li .MK_qty-ctrl { position: relative; margin-top: 20px; width: 60px; height: 40px; margin-left: 40px; } #MK_innerOptWrap #MK_innerOpt_02 li .MK_qty-ctrl:after { content: ''; display: block; clear: both; } #MK_innerOptWrap #MK_innerOpt_02 li .MK_qty-ctrl input { text-align: center !important; border: 1px solid #dedede; height: 40px; box-sizing: border-box; width: 60px; } #MK_innerOptWrap #MK_innerOpt_02 li .MK_qty-ctrl a { position: absolute; top: 0; width: 40px; height: 40px; } #MK_innerOptWrap #MK_innerOpt_02 li .MK_qty-ctrl a img { display: none; } #MK_innerOptWrap #MK_innerOpt_02 li .MK_qty-ctrl a.MK_btn-up { right: -40px; background: url(/design/isanoee/makeshop/common/opt_plus.png) 0 0 no-repeat; } #MK_innerOptWrap #MK_innerOpt_02 li .MK_qty-ctrl a.MK_btn-dw { left: -40px; background: url(/design/isanoee/makeshop/common/opt_minus.png) 0 0 no-repeat; } /* 총합계 */ #MK_innerOptTotal { padding: 10px 0; display: flex; align-items: center; justify-content: space-between; font-size: 32px; font-weight: 700; color: #121212; } #MK_innerOptTotal .MK_txt-total { font-size: 20px; font-weight: 600; } #MK_innerOptTotal strong {font-weight:700;} /* 소리뷰 */ #sorivu { position: relative; margin-top: 20px; } #nhn_btn {padding-top:10px;} #payco_order_btn {padding-top:10px;} .__checkout_img_comm {visibility: unset !important;} /* 상품 상세 이벤트 공통 정보 */ #productDetail .detail-common-info-event { width:100%; padding-top:20px; word-break: break-all; } #productDetail .detail-common-info-event img {max-width: 100%; } #productDetail .detail-common-info-event div {margin-top:15px; } /* 상품 상세 일반 공통 정보 */ #productDetail .detail-common-info { width:100%; padding-bottom:20px; word-break: break-all; } #productDetail .detail-common-info dl { padding-top:20px; font-size:12px; font-weight:normal; letter-spacing:-0.5px; } #productDetail .detail-common-info dl dt { padding-bottom:10px; color:#444; font-weight:bold; } #productDetail .detail-common-info dl dd { padding-left:10px; color:#777; line-height:20px; } #productDetail .detail-common-info div {margin-top:15px; } /* 스마트쿠폰목록 */ #productDetail .smart-coupon-list { padding:20px 0; text-align:center;} #productDetail .smart-coupon-list ul {display: inline-block; *display:inline; zoom:1; overflow:hidden; margin-left:-30px; min-width:300px;} #productDetail .smart-coupon-list ul li {position:relative; float:left; width:344px; margin:0 0 30px 30px; border:1px solid #cecece; border-radius:10px; letter-spacing:-1px; overflow:hidden; text-align:left;} #productDetail .smart-coupon-list ul li .c-info {position:relative; float:left; width:245px; padding:20px; border-right: 1px dashed #cecece; } #productDetail .smart-coupon-list ul li .c-image a {display:block;} #productDetail .smart-coupon-list ul li .c-image img { width:368px; height:128px;} #productDetail .smart-coupon-list ul li p { padding-bottom:10px; line-height:18px; font-size:12px; color:#999; word-break:break-all; font-family:"Malgun Gothic"; } #productDetail .smart-coupon-list ul li p:last-child {padding-bottom:0;} #productDetail .smart-coupon-list ul li p.c-name { font-size:14px; color:#000; font-weight:bold; word-break: break-all; } #productDetail .smart-coupon-list ul li p.c-price {font-size:26px; color:#ff3a34; font-weight:bold; line-height:24px;} #productDetail .smart-coupon-list ul li.sc-style1.sc-reserve p.c-price {color:#3b6ce9;} #productDetail .smart-coupon-list ul li .sc-btn-down {position:absolute; top:0; right:0; bottom:0; width:58px; margin:auto; vertical-align:middle; background:#f8f8f8; font-family:"Malgun Gothic"; } #productDetail .smart-coupon-list ul li .sc-btn-down > span {position:absolute; left:0; top:0; right:0; bottom:0; margin:auto; height:22px; text-align:center; font-size:0; } #productDetail .smart-coupon-list ul li .sc-btn-down > span > span.sc-complete {font-size:12px; color:#999;} #productDetail .smart-coupon-list ul li .sc-btn-down > span a { font-size:0; display:inline-block; margin-top:-5px; } #productDetail .smart-coupon-list ul li .sc-btn-down span a > span { 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; } #productDetail .smart-coupon-list ul li.sc-style2 {border:1px solid #fff;} #productDetail .smart-coupon-list ul li.sc-style2 .c-info { background:#171940; border-color:#171940; } #productDetail .smart-coupon-list ul li.sc-style2 p { color:#fff; } #productDetail .smart-coupon-list ul li.sc-style2 p.c-txt { color:#999; } #productDetail .smart-coupon-list ul li.sc-style2 .sc-btn-down { background:#ff3a34; border:0; color:#fff; } #productDetail .smart-coupon-list ul li.sc-style2.sc-reserve .sc-btn-down { background:#3b6ce9; color:#fff; } #productDetail .smart-coupon-list ul li.sc-style2 .sc-btn-down span a { color:#fff; } #productDetail .smart-coupon-list ul li.sc-style2 .sc-btn-down span .num {color:#fff;} #productDetail .smart-coupon-list ul li.sc-style2 .sc-btn-down span a > span { background:url('/images/common/ico_h11_down_white_l.png') no-repeat center center; } #productDetail .smart-coupon-list ul li.sc-style3 { width:346px; border:0; border-radius:0; } #productDetail .smart-coupon-list ul li.sc-style3 .c-info { width:244px; border:1px solid #000; border-right:2px dotted #272a4d; border-radius:10px; } #productDetail .smart-coupon-list ul li.sc-style3 p.c-price { color:#eb3697;} #productDetail .smart-coupon-list ul li.sc-style3 .sc-btn-down { background:#fff2f9 ; border:1px solid #272a4d; border-left:0; border-radius:10px; } #productDetail .smart-coupon-list ul li.sc-style3 .sc-btn-down span a { color:#999; } #productDetail .smart-coupon-list ul li.sc-style3 .sc-btn-down span a > span { background:url('/images/common/ico_h11_down_pink_l.png') no-repeat center center; } #productDetail .smart-coupon-list ul li.sc-style3.sc-reserve .sc-btn-down { background:#eefff7; } #productDetail .smart-coupon-list ul li.sc-style3.sc-reserve p.c-price {color:#18b776;} #productDetail .smart-coupon-list ul li.sc-style3.sc-reserve .sc-btn-down span a > span { background:url('/images/common/ico_h11_down_green_l.png') no-repeat center center; } #productDetail .qna_board_content, #productDetail .review_board_content { position:relative; } #productDetail .btn-report-wrap { position:absolute; right:0; top:5px; } #productDetail .btn-report { display:inline-block; margin-top:7px; float:right; color:#9d9d9d; font-size:11px; } #productDetail .pr-list-writer > span {display: block;} #productDetail .table-slide.review-list td .writer {text-align:center;} #productDetail .table-slide.review-list td .writer > span {display:block;} #productDetail .table-slide.review-list .cnttit {position: relative; padding-right:100px;} #productDetail .table-slide.review-list .cnttit .btn-report {float: none; position: absolute; right:30px; top:50%; transform:translateY(-50%);} #productDetail .thumb-info .info .prd-btns .soldout-btns { overflow: hidden;} #productDetail .thumb-info .info .prd-btns .soldout-btns .fl-r {float: right;} #productDetail .thumb-info .info .prd-btns .soldout-btns .fl-r span {display: inline-block; float: left; margin-left: 5px;} #productDetail .thumb-info .info .prd-btns .soldout-btns .fl-r span a {display: inline-block; margin: 0;} #productDetail .soldout_txt { color: #121212; border-radius: 10px; border: 1px solid #121212; line-height: 60px; text-align: center; font-size: 20px; font-weight: 700; } /* 샵페이 바로구매 */ #productDetail #shoppay_btn { padding-top: 10px; } /* PC (공통) 상세페이지 전용 */ #cartWrap #shoppay_btn { display: inline; } /* PC (공통) 장바구니 전용 */ .shopdetail #shoppay_btn { padding-top:10px; } /* MO (4.0) 상세페이지 전용 */ #basket #shoppay_btn { margin-top:20px; } /* MO (4.0) 장바구니 전용 */ .shopdetail #shoppay_btn { text-align:center; } /* MO (파워팩) 상세페이지 전용 */ .basket #shoppay_btn { text-align:center; } /* MO (파워팩) 장바구니 전용 */ .shoppay_storebtn_bx, .shoppay_storebtn_bx *, .shoppay_button_box, .shoppay_button_box * { display: inline-block !important; overflow: hidden; !important; float: none !important; position: static !important; top: auto !important; left: auto !important; margin: 0 !important; padding: 0 !important; border: 0 none !important; font-size: 11px !important; line-height:16px !important; font-family: '돋움',Dotum,Helvetica,sans-serif !important; text-align: left !important; text-decoration: none !important; vertical-align: top !important; background: none !important; border-radius: 0 !important; } .shoppay_button_box { width: auto !important; height: 100% !important; zoom: 1 !important; padding: 0 !important; border-top: 2px solid #2b2f3a !important; background-color: #fff !important; } .shoppay_button { position: relative !important; margin: 0 !important; padding: 5px 0 5px 88px !important; zoom:1 !important; } .shoppay_button .shoppay_blind { overflow: hidden !important; position: absolute !important; width: 1px !important; height: 1px !important; margin: -1px !important; padding: 0 !important; clip: rect(0 0 0 0) !important; } .shoppay_text { display: block !important; *display: inline !important; position: absolute !important; top: 10px !important; left: 0 !important; width: 82px !important; height: 26px !important; margin: 0 !important; padding: 0 !important; background: url('/images/common/shoppay_sp_text.png') no-repeat !important; } .shoppay_btn_list { *zoom: 1 !important; display: table !important; width: 100% !important; margin:0 !important; padding: 0 !important; table-layout: fixed !important; list-style: none !important; } .shoppay_btn_list tbody { display: table-row-group !important; } .shoppay_btn_list tr { display: table-row !important; } .shoppay_btn_list .shoppay_btn_item { *width: 120px !important; } .shoppay_btn_item { display: table-cell !important; height: 37px !important; margin: 0 !important; padding: 0 !important; text-align: left !important; } .shoppay_btn_link { display: block !important; height: 35px !important; margin: 0 !important; padding: 0 !important; border: 1px solid #bfc4c7 !important; background-color: #fcfcfc !important; background-repeat: no-repeat !important; background-repeat: no-repeat !important; text-align: center !important; text-decoration: none !important; } .shoppay_btn_item:first-child .shoppay_btn_link { margin: 0 !important; } .shoppay_text { background-size: 82px auto !important; } .shoppay_btn_link.shoppay_btn_pay { background-size: 133px auto !important; } .shoppay_btn_link.shoppay_btn_pay { background-image: url('/images/common/shoppay_sp_payment.png') !important; background-position: 50% 0 !important; background-repeat: no-repeat !important; border-radius: 2px !important; } .shoppay_btn_link.btn_blue { border-color: #025eea !important; background-color: #025eea !important; } .shoppay_event { position: relative !important; width: 100% !important; margin: 0 !important; padding: 3px 0 0 0 !important; border: 0 none !important; border-top: 1px solid #e5e9ea !important; letter-spacing: -0.5px !important; } .shoppay_event_tex t {display: block !important; *display: inline !important; overflow: hidden !important; *width: 100% !important; margin: 0 !important; padding: 5px 0 !important; letter-spacing: 0 !important; white-space: nowrap !important; *zoom: 1 !important; text-overflow: ellipsis !important; word-wrap: normal !important; } .shoppay_event_text { padding: 0 !important; } .shoppay_event_text .event_title { display: inline !important; margin: 0 5px 0 0 !important; padding: 0 !important; font-weight: normal !important; color: #015ce8 !important; vertical-align: middle !important; } .shoppay_event .shoppay_event_text .event_link { display: inline !important; margin: 0 !important; padding: 0 !important; font-weight: normal !important; color: #727272 !important; text-decoration: none !important; vertical-align: middle !important; } .shoppay_event .shoppay_event_text .event_link span { display: inline-block !important; margin: -1px 0 1px !important; vertical-align: middle !important; } .shoppay_type_A_1 { width: 277px !important; height: 70px !important; } .shoppay_type_A_2 { width: 296px !important; height: 84px !important; } .shoppay_type_A_2 .shoppay_button { padding: 5px 0 5px 86px !important; } .shoppay_type_A_2 .shoppay_text { top: 14px !important; } .shoppay_type_A_2 .shoppay_btn_link { height: 45px !important; } .shoppay_type_A_2 .shoppay_btn_link.shoppay_btn_pay { background-position: 50% -40px !important; } .shoppay_type_A_3 { width: 338px !important; height: 84px !important; } .shoppay_type_A_3 .shoppay_button { padding: 6px 0 6px 102px !important; } .shoppay_type_A_3 .shoppay_text { top: 13px !important; height: 31px !important; background-position: 0 -31px !important; } .shoppay_type_A_3 .shoppay_btn_link { height: 45px !important; } .shoppay_type_A_3 .shoppay_btn_link.shoppay_btn_pay { background-position: 50% -40px !important; } /* 오늘출발 상품 */ #productDetail .today-delivery { display:flex; align-items:center; padding:10px; border:1px solid #e4e4e5; background:#f8f8f8; color:#111; } #productDetail .today-delivery .icon { padding:12px 10px; border:1px solid #111; border-radius:6px; background:#fff; } #productDetail .today-delivery .txt { padding-left:12px; } #productDetail .today-delivery .txt p { padding-top:5px; } /* 리뉴얼 */ #productDetail .thumb-info .infoInner .shopdetailIconList{min-height:41px;position:relative} #productDetail .thumb-info .infoInner .shopdetailIconList #snsOpen{float:right} #productDetail .thumb-info .infoInner .shopdetailIconList #snsOpen img{height:28px} #productDetail .thumb-info .infoInner .shopdetailIconList span.discntIcon, #productDetail .thumb-info .infoInner .shopdetailIconList span.couponIcon {display:inline-block;width:auto; line-height: 33px; vertical-align:middle;font-size:14px;box-sizing:border-box;padding:0 15px;border-radius:3px;margin:0 3px 12px; color: #333; background: #f5f5f5;} #productDetail .thumb-info .infoInner .shopdetailIconList span:first-child{margin-left:0} #productDetail .thumb-info .infoInner .table-opt.pack-opt{ margin-top:0; padding-top: 20px; border-top: 1px solid #eee; } #productDetail .thumb-info .infoInner .table-opt.pack-opt .opt-wrap .opt-btns{width:auto!important;height:auto;font-size:0} #productDetail .thumb-info .infoInner .table-opt.pack-opt .opt-wrap .opt-btns a,#productDetail .thumb-info .infoInner .table-opt.pack-opt .opt-wrap .opt-btns img,#productDetail .thumb-info .infoInner .table-opt.pack-opt .opt-wrap .opt-btns input{float:none!important;position:static!important} #productDetail .thumb-info .infoInner .table-opt.pack-opt .opt-wrap .opt-btns a { display: inline-block; width:48px; height:48px; background:url(//static.momq.co.kr/newmomq/bo/3_shopdetail/pc/detail_count.png) 0 0 no-repeat } #productDetail .thumb-info .infoInner .table-opt.pack-opt .opt-wrap .opt-btns a img { display:none } #productDetail .thumb-info .infoInner .table-opt.pack-opt .opt-wrap .opt-btns a.btn-up { background-position:0 -48px } #productDetail .thumb-info .infoInner .table-opt.pack-opt .opt-wrap .opt-btns a.btn-dw { background-position:0 0 } #productDetail .thumb-info .infoInner .table-opt.pack-opt .opt-wrap .opt-btns input{width:78px;height:46px;border:1px solid #dbdbdb;text-align:center!important;font-size:18px;margin: 0 -1px; } #productDetail .thumb-info .infoInner .table-opt.pack-opt .opt-wrap li{padding:0 20px} #productDetail .thumb-info .infoInner .table-opt.pack-opt .opt-wrap li.packOptInfo{ padding: 20px 24px; } #productDetail .thumb-info .infoInner .table-opt.pack-opt .opt-wrap li .packName{margin-bottom:10px;font-size:16px} #productDetail .thumb-info .infoInner .table-opt.pack-opt .opt-wrap li .packOptPrice{font-size:16px;font-weight:700;position:absolute;right:0;bottom:0;margin-bottom: 12px;} #productDetail .thumb-info .infoInner .table-opt.pack-opt .packCashPrice{line-height: 40px; text-align:left;font-size:22px;font-weight:700; margin-top: 28px; } #productDetail .thumb-info .infoInner .table-opt.pack-opt #package_total_price{float:right;color:#e70e22;font-size:32px} #productDetail .thumb-info .infoInner .table-opt.pack-opt #package_total_price .MK_price_unit_display { margin-left: 4px; font-size:24px; font-weight: 600; } #productDetail .thumb-info .infoInner .table-opt.pack-opt #discount_total_price{display:none} #productDetail .thumb-info .infoInner .table-opt.pack-opt ul { background: #f5f5f5; border-radius: 5px; } .detailPrdSlide .slick-track{margin:0;} /* 섬네일 */ #productDetail .thumb-info .thumb-wrap { float: left; width: 590px; text-align: center; } #productDetail .thumb-info .thumb { width: 590px; height: 590px; border-radius: 30px; overflow: hidden; text-align: center; margin: 0 auto; } #productDetail .thumb-info .thumb img { display:block; width: 100%; height: 100%; } #productDetail .thumb-info .thumb-wrap img { width: 100%; } #productDetail .multiImgArea .slick-track, #productDetail .multiImgInfoArea .slick-track { margin: 0 !important; transform: none !important; } .multiImgSlider { margin-bottom: 20px; } .multiImgSlider div li .imgWrap img { border-radius: 30px; } .multiImgInfoArea .slick-slide { display: inline-block !important; float: none; margin-right: 10px; cursor: pointer; border: 1px solid transparent; border-radius: 16px; overflow: hidden; box-sizing: border-box; } .multiImgInfoArea .slick-slide:hover, .multiImgInfoArea .slick-slide.slick-current { border: 1px solid #FF691F; } /* 상품옵션 정보 */ #productDetail .thumb-info .prdInfoArea { float: right; width: 556px; } #productDetail .thumb-info .ino { width: 556px; } #productDetail .prd_icon span img { margin-right: 4px; } #productDetail .prd_icon { position: relative; margin-bottom: 15px; height: 22px; } #productDetail .thumb-info .prdInfoCnt.prdInfoFixed { margin-left:309px; padding:20px 20px 50px 20px; position:absolute; top:319px; left:50%; width:330px; box-sizing:border-box; z-index:99; background: #fff; height: 100vh; overflow-y: scroll; border: 1px solid #dedede; border-radius: 12px; } #productDetail .thumb-info .prdInfoCnt.prdInfoFixed .hideFixArea { display:none } #productDetail .thumb-info .prdInfoCnt.prdInfoInner { position:fixed; top:71px !important } #productDetail .thumb-info .prdInfoCnt.prdInfoFixed .table-opt { border: none; margin-top: 0; } #productDetail .thumb-info .prdInfoCnt.prdInfoFixed .prd-btns { margin-top: 0; } #productDetail .thumb-info .prdInfoCnt.prdInfoFixed .f-btns { margin: 0; flex-wrap: wrap; justify-content: space-between; } #productDetail .thumb-info .prdInfoCnt.prdInfoFixed .f-btns li { margin: 4px 0; } #productDetail .thumb-info .prdInfoCnt.prdInfoFixed .f-btns li.btnGift { width: 90px !important; } /*#productDetail .thumb-info .prdInfoCnt.prdInfoFixed .f-btns li.btnGift_none { display: block; width: 95px; border: none; text-align: center; font-size: 14px; background: #FF691F; height: 30px; line-height: 30px; color: #fff; border-radius: 50px; position: relative; top: -14px; }*/ #productDetail .thumb-info .prdInfoCnt.prdInfoFixed .f-btns li.btnBuy, #productDetail .thumb-info .prdInfoCnt.prdInfoFixed .f-btns li.btnCart { width: 100% !important; } #productDetail .thumb-info .prdInfoCnt.prdInfoFixed .f-btns li.btnPay.notGift { padding-left:103px } #productDetail .thumb-info .prdInfoCnt.prdInfoFixed .f-btns li.btnPay.notGift .pay_float_img_fix { display:block; left:45px } #productDetail .thumb-info .prdInfoCnt.prdInfoFixed .prd-btns a { font-size: 20px; } #productDetail .thumb-info .prdInfoCnt.prdInfoAbs { position: absolute !important; top: auto !important; bottom: 0 !important; } /* 스크롤바 */ #productDetail .thumb-info .prdInfoCnt.prdInfoFixed::-webkit-scrollbar { width:26px; display: none; } #productDetail .thumb-info .prdInfoCnt.prdInfoFixed::-webkit-scrollbar-thumb { background-color: #d9d9d9; border-radius:20px; background-clip: padding-box; border:10px solid transparent; } #productDetail .thumb-info .prdInfoCnt.prdInfoFixed::-webkit-scrollbar-track { background-color: #fff; border-radius: 20px; } /* 상단 섬네일, 상품 옵션 정보 */ #productDetail .thumb-info { zoom: 1; } #productDetail .thumb-info:after { content: ""; display: block; clear: both; } #productDetail .thumb-info .info .tit-prd { font-size: 28px; font-weight: 700; line-height: 36px; width: 90%; } #productDetail .thumb-info .info .table-opt { margin-top: 25px; } #productDetail .thumb-info .info .table-opt th, #productDetail .thumb-info .info .table-opt td { font-size: 16px; line-height: 24px; text-align: left; padding: 10px 0; color: #666; } #productDetail .thumb-info .info .table-opt th { font-weight: normal; letter-spacing: -1px; } #productDetail .prd_price { margin: 20px 0; font-size: 28px; font-weight: 700; } #productDetail .prd_price strike { font-size: 16px; font-weight: 400; color: #666; } #productDetail .prd_price .discount_box { color: #EA0B2A; } #productDetail .sell_benefit { display: flex; align-items: center; justify-content: space-between; } #productDetail .sell_benefit img { margin-right: 6px; } #productDetail .sell_benefit p { font-size: 16px; line-height: 24px; } #productDetail .sell_benefit a { font-size: 14px; line-height: 18px; background: #121212; color: #fff; padding: 8px 14px; border-radius: 6px; } /* 위시리스트, sns 공유 */ .sns_Wrap { position: absolute; right: 0; top: 0; display: flex; align-items: center; justify-content: right; } .sns_Wrap > div { width: 30px; height: 30px; margin-left: 6px; position: relative; text-align: center; } .sns_Wrap > div.prd-scrap { } .prd-wish { } .prd_scrap { } .scrap_wrap { position: absolute; padding: 10px 12px; border: 1px solid #dedede; border-radius: 50px; display: none; align-items: center; justify-content: space-between; right: -20px; top: 30px; background: #fff; flex-direction: column; } .prd-scrap:hover .scrap_wrap { display: flex; } .scrap_wrap img { display: none; } .scrap_wrap > div { width: 34px; height: 34px; margin: 3px 0; } .scrap_wrap > div a { display: inline-block; height: 100%; width: 100%; } .scrap_wrap > div.fb { background: url('/design/isanoee/makeshop/common/jt-facebook.png'); } .scrap_wrap > div.tw { background: url('/design/isanoee/makeshop/common/jt-twitter.png'); } .scrap_wrap > div.kakao { background: url('/design/isanoee/makeshop/common/jt-kakao.png'); } .scrap_wrap > div.url { background: url('/design/isanoee/makeshop/common/link.png'); } .scrap_wrap > div.url a { font-size: 0; } /* 이미지배너 공통 */ .imgBanner { width: 1280px; position: relative; margin: 100px auto 0; } .imgBanner .inner { overflow: hidden; } .imgBanner .imgBannerNext, .imgBanner .imgBannerPrev { width: 50px; height: 50px; position: absolute; top: 50%; z-index: 10; transform: translateY(-50%); } .imgBanner .imgBannerNext { background: url(/design/isanoee/makeshop/main/main_cate_next.png) 0 0 no-repeat; right: -25px; } .imgBanner .imgBannerPrev { background: url(/design/isanoee/makeshop/main/main_cate_prev.png) 0 0 no-repeat; left: -25px; } /* 상세페이지 영역 */ #productDetail .prdDetailWrap { margin-top: 100px; padding: 0 380px 0 0; position: relative; width: 900px; overflow: hidden; } #productDetail .prdDetailWrap .detailHeaderWrap { height:76px } #productDetail .prdDetailWrap .detailHeaderWrap #prdDetail ul { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #dedede; } #productDetail .prdDetailWrap .detailHeaderWrap #prdDetail li { width: 20%; text-align: center; } #productDetail .prdDetailWrap .detailHeaderWrap #prdDetail li.on a { color: #FF691F; border-bottom: 3px solid #FF691F; } #productDetail .prdDetailWrap .detailHeaderWrap #prdDetail li a { font-size: 24px; font-weight: 700; display: block; height: 100%; line-height: 72px; } #productDetail .prdDetailWrap .detailHeaderWrap #prdDetail li a > span { color: #999; font-weight: 400; } #productDetail .prdDetailWrap:before { position: absolute; bottom: -2px; right: 0; width: 330px; height: 100%; content: ''; } #productDetail .detailTab { position: relative; } #productDetail .detailTab.fix { position: fixed; top: 71px; width: 900px; background:#fff; z-index: 10; } #productDetail .tabTit { border-bottom:1px solid #dedede; font-size: 22px; padding: 50px 0 20px; font-weight: 700; } #productDetail .imgBox { padding-top: 20px; } #productDetail .imgBox img { width: 100%; } /* 상품 일반정보(상품정보제공 고시) */ #productWrap { margin-bottom: 50px; } #productWrap h3.tb-tit { margin-bottom: 10px; text-align: left; } #productWrap table { width: 100%; font-size: 12px; border-collapse: collapse; border-width: 1px 0 1px 0; border-color: #b4b4b4; border-style: solid; table-layout: fixed; border: none; } #productWrap table th { border-bottom: 1px solid #dedede; text-align: left; padding: 20px 0 20px 10px; font-size: 15px; } #productWrap table td { color: #555; border-bottom: 1px solid #dedede; word-break: break-all; text-align: left; padding: 20px 10px; font-size: 15px; } /* 함께 구매하면 더 좋은 제품 */ #productDetail .tabTit.productWrap { display: flex; align-items: center; justify-content: space-between; } #productDetail .tabTit.productWrap .arrBtn > div { display: inline-block; } #productDetail .tabTit.productWrap .arrBtn > div:last-child { margin-left: 12px; } #productDetail .tabTit.productWrap .arrBtn .swiper-button-disabled { opacity: 0.5; } .normal_item { margin-top: 20px; } .normal_item .prd_box { width: 210px; } .normal_item .prd_box .prod_thumb { border-radius: 13px; overflow: hidden; margin-bottom: 12px; } .normal_item .prd_box .add_iconz img { margin-right: 4px; } .normal_item .prd_box .prod_name a { display: block; margin: 10px 0; font-size: 16px; font-weight: 600; } .normal_item .prd_box .prod_price .goods_consumer{display:block;color: #999; font-size: 15px; line-height: 18px;} .normal_item .prd_box .prod_price .goods_discount{font-size: 20px; line-height: 26px; font-weight: 700; color: #ea0b2a; margin-right: 6px;} .normal_item .prd_box .prod_price .goods_price { font-size: 20px; font-weight: 700; } .normal_item .prd_box .prod_price .goods_price > span { font-weight: 400; } /* 배송 정보 */ .view_delivery_info .view_delivery_inner th { width: 120px; font-size: 15px; text-align: left; padding: 20px 10px; } .view_delivery_info .view_delivery_inner td { font-size: 15px; padding: 20px 0 10px 20px; color: #555; } .view_delivery_info .view_delivery_inner td p{ font-size: 15px; line-height: 24px; color: #555; } .view_delivery_info .view_delivery_inner h2{font-size:18px; color:#616161; font-weight:700; margin-bottom:20px;} .view_delivery_info .view_delivery_inner h2 img{margin-right:8px;} .view_delivery_info .view_delivery_inner p{ text-align:left; } .view_delivery_info .view_delivery_inner p.caus_text{ padding-top: 15px; color: #121212; } .vttop{vertical-align: top; background-position:0 15px!important;} .returnInfo { font-size: 15px; line-height: 24px; padding: 20px 10px; text-indent: -12px; padding-left: 12px } /* 별점 */ #photoReview { display: none !important; } .review_wrap { text-align: left; margin-top: 20px; } .review_wrap a { font-size: 14px; } .review_star { margin-right: 10px; color: #FF691F; } .review_star i { margin: 0 2px; font-size: 16px; } /* 간편결제 */ .simplePay_wrap { display: flex; align-items: center; flex-wrap: wrap; } .simplePay_wrap div { width: 50%; } #productDetail .thumb-info .prdInfoCnt.prdInfoInner .simplePay_wrap { display: block; } #productDetail .thumb-info .prdInfoCnt.prdInfoInner .simplePay_wrap div { width: auto; } .prdInfoFixed .simplePay_wrap { display:block } .prdInfoFixed .simplePay_wrap .npay_type_B_2 { width:278px !important } .prdInfoFixed .simplePay_wrap #kakaopay_order_btn { margin-top:5px } .prdInfoFixed .simplePay_wrap #kakaopay_order_btn a { margin:0 !important } #productDetail #shoppay_btn a { position: relative; border: 1px solid #FF691F; border-radius: 10px; height: 58px; line-height: 58px; margin: 0 3px; } #powerReview .hd-tpl {display:none;} /* BASIC css end */