/* BASIC css start */ #productDetail { position:relative; margin:86px auto 0; } .ab { width:560px; } .ab ul li { float:left; } .a1 { padding-top:0px; padding-right:10px; } /* 상단 */ #productDetail .detailArea { font-size:0; line-height:0; text-align:center; padding:0 0 20px 0; } /* 관련상품 */ .prd-list { width: 100%; height: auto; overflow: hidden; } .coordilist { text-align: center; overflow: hidden; height: auto; width: 1155px; vertical-align: top; padding-left: 60px; padding-right: 50px; } .coordilist div { width:180px; min-height:260px; float:left;; margin: 20px 6px; vertical-align:top } .coordibox .thumb img { padding-bottom:13px; width:100%; vertical-align:top } .coordibox .name { margin-bottom:4px; text-align:center; vertical-align:top; } .coordibox .name a { color:#7f7f7f; } .coordibox b { color:#7f7f7f; font-size:12px; font-weight: normal; } /* 작은 구매창에서 네이버페이 버튼 안보이게 */ .detailArea.scroll #infoArea #nhn_btn { display:none !important; } /******************************************** ============================================= 왼쪽 이미지영역 ============================================= ********************************************/ #imgArea { display:inline-block; vertical-align:top; position:relative; width:50%; } #imgArea ul { font-size:0; line-height:0; letter-spacing:0; padding-bottom:25px; } #imgArea ul li { display:inline-block; vertical-align:middle; width:100%; margin:0; } #imgArea ul li img { max-width:100%; } #imgArea .flickity-page-dots { text-align:center; bottom:0; } #imgArea .flickity-page-dots li.dot { display:inline-block; width:5px; height:5px; background:#ececec; margin:0 5px; opacity:1; } #imgArea .flickity-page-dots li.dot.is-selected { background:#8a7c7c; } /******************************************** ============================================= 오른쪽 정보영역 ============================================= ********************************************/ #infoArea { position:relative; display:inline-block; width:46%; padding:0px 0 0 50px; box-sizing:border-box; text-align:left; line-height:16px; letter-spacing:0.3px; } #infoArea .mCSB_scrollTools { display:none !important; } #infoArea table { } #infoArea th, #infoArea td { font-weight:normal; padding:3px 0; text-align:left; vertical-align:middle; font-size:11px; line-height:20px; } #infoArea th { width:130px; } #infoArea td { } #infoArea img { vertical-align:middle; } #infoArea td input[type=text] { width:40%; } #infoArea select { width:100%; font-size:11px; } /* 이름, 간략설명 간격 */ #infoArea table tr:first-child td { padding:0 0 1px !important; font-weight:300 !important; letter-spacing:1.5px; font-size:17px; } #infoArea table tr:first-child td div { font-size:17px; } #infoArea table tr:nth-child(2) td { padding:0 0 20px !important; color:#bdbdbd; } /* 주문수량 */ #goods_amount { width:26px !important; height:100% !important; } #infoArea .table-opt .opt-btns { position:relative; display:inline-block; width:40px; height:20px; margin-bottom:3px; } #infoArea .table-opt .opt-btns a img { display:block; } #infoArea .table-opt .opt-btns .btn-up, #infoArea .table-opt .opt-btns .btn-dw { position:absolute; right:0; display:block; } #infoArea .table-opt .opt-btns .btn-up { top:0; } #infoArea .table-opt .opt-btns .btn-dw { bottom:0; } #infoArea .table-opt .opt-spin { position:relative; width:52px; height:15px; border:1px solid #acacac; } #infoArea .table-opt .opt-spin .txt-spin, #infoArea .table-opt .opt-spin .btns { float:left; } #infoArea .table-opt .opt-spin .txt-spin { width:41px; height:13px; padding-left:2px padding-top:2px; border:0; font-size:11px; } #infoArea .table-opt .opt-spin .btns { width:17px; height:15px; border-left:1px solid #aaa; } #infoArea .table-opt .opt-spin .btns a { overflow:hidden; float:left; width:100%; height:8px; text-indent:-999px; background:none; } #infoArea .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% 50%; } #infoArea .table-opt .opt-spin .btns a.btn-dw { background:url(/images/d3/modern_simple/btn/btn_h5_spin_dw.gif) no-repeat 50% 50%; } /* 구입버튼 */ #infoArea .prd-btns {padding-top:29px;font-size:0;line-height:0;letter-spacing:0;box-sizing:border-box;} #infoArea .prd-btns a { display:inline-block; vertical-align:top; margin-right:1%; padding:5px 0; line-height:20px; box-sizing:border-box; letter-spacing:2px; font-weight:300; text-align:center; font-size:11px; } #infoArea .prd-btns a:last-child { margin-right:0; } /*버튼크기*/ #infoArea .prd-btns .btn_white { width:20%; } #infoArea .prd-btns .btn_point.buy { width:58%; margin-right:0; } #infoArea .prd-btns .btn_point.sold { width:79%; margin-right:0; } /* 선택 */ .tb-left, .tb-center, .tb-right { padding:0; } #infoArea .table-opt .opt-wrap { width:100%; border-top:0px solid #ffffff; margin-top:10px; } #infoArea .table-opt .opt-wrap .tit { font-size:0; line-height:0; } #infoArea .table-opt .opt-wrap dl { font-size:0; line-height:0; letter-spacing:0; border-bottom:1px solid #f3f3f3; } #infoArea .table-opt .opt-wrap dt, #infoArea .table-opt .opt-wrap dd {display:inline-block;padding:5px 0;font-size: 12px;line-height:20px;vertical-align:middle;} #infoArea .table-opt .opt-wrap dt { width:130px; } #infoArea .table-opt .opt-wrap dd { width:calc(100% - 130px); } #infoArea .table-opt .opt-wrap dd select { border:0; background:#f3f3f3; } #infoArea .table-opt .opt-wrap .selWrap { text-align:right; margin-top:10px; } #infoArea .table-opt .opt-wrap .selWrap .sel-btn { margin:0; background:#efefef; } #infoArea .table-opt .opt-wrap select { width:100%; } #infoArea .table-opt .opt-wrap .opt-btns { position:relative; width:65px; height:23px } #infoArea .table-opt .opt-wrap .opt-btns input { position:absolute; top:0; left:0; width:40px; height:17px; border:1px solid #f3f3f3; text-align:right; } #infoArea .table-opt .opt-wrap .opt-btns .btn-up { position:absolute; top:2px; right:0; } #infoArea .table-opt .opt-wrap .opt-btns .btn-dw { position:absolute; bottom:2px; right:0; } #infoArea .table-opt .opt-wrap dl .opt-count select { float:left; width:180px; } #infoArea .table-opt .opt-wrap dl .opt-count .opt-btns { float:left; width:56px; margin-left:5px; } /* 상품 상세 옵션 */ .MK_not_choice { color:red; } .MK_optAddWrap { margin:0; padding:0; } .MK_optAddWrap { } .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: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; } */ /* 옵션선택 #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; } #MK_innerOptWrap #MK_innerOptScroll { background:#f9f9f9; border-radius:10px; } #MK_innerOptWrap #MK_innerOptScroll.limit { position:relative; height:150px; overflow-y:auto; } #MK_innerOptWrap .MK_inner-opt-cm li { padding:5px 0; border-top:1px solid #f3f3f3; word-wrap:break-word; word-break:break-all; position:relative; font-size:0; line-height:0; letter-spacing:0; } #MK_innerOptWrap .MK_inner-opt-cm li:first-child { padding-top:15px; border-top:0; } #MK_innerOptWrap .MK_inner-opt-cm li:last-child { padding-bottom:15px; } #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:inline-block; vertical-align:middle; width:20%; font-size:11px; line-height:24px; letter-spacing:0.3px; font-weight:300; box-sizing:border-box; position:relative; } #MK_innerOptWrap .MK_inner-opt-cm li .MK_p-name { width:calc(100% - 200px); text-align:left; font-weight:400; padding-left:20px; } #MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl { width:40px; } #MK_innerOptWrap .MK_inner-opt-cm li .MK_price { width:120px; text-align:right; } #MK_innerOptWrap .MK_inner-opt-cm li .MK_btn-del { width:40px; text-align:right; padding-right:20px; } */ /* 수량 #MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl .basic_option { width:24px; height:20px; border: 1px solid #ececec; color: #8a8a8a; font-size: 12px; text-align: left !important; !i; !; padding: 0 0 0 4px; } #MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl a { display:block; height:9px; } #MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl a img { display:block; } #MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl a.MK_btn-up, #MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl a.MK_btn-dw { position:absolute; right:0; } #MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl a.MK_btn-up { top:0; } #MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl a.MK_btn-dw { bottom:0; } */ /* 삭제버튼 #MK_innerOptWrap .MK_inner-opt-cm li .MK_btn-del img { opacity:0; } #MK_innerOptWrap .MK_inner-opt-cm li .MK_btn-del:before { content:""; width:20px; height:20px; position:absolute; left:0; top:0; background:url('/design/leelin/onedesign2/images/btn_del.png') no-repeat center; opacity:1; } */ /* 사용자 입력 인풋박스 (color, size ) .MK_optAddWrap .MK_inner-opt-cm li .MK_txt_uinput { width:200px; } */ /* 기본옵션 #MK_innerOptWrap #MK_innerOpt_01 li .MK_qty-ctrl input.MK_count { width:30px; height:16px; line-height:16px; padding:2px 0 0 2px; } */ /* 개별옵션 #MK_innerOptWrap #MK_innerOpt_02 li .MK_qty-ctrl input.MK_count { width:30px; height:16px; line-height:16px; padding:2px 0 0 2px; } */ /* 총합계 #MK_innerOptTotal { padding:14px 0; color:#666; font-size:0; text-align:right; } #MK_innerOptTotal .MK_txt-total { } #MK_innerOptTotal .MK_txt-won { color:#666; letter-spacing:1px; font-size:15px; font-weight:normal; } #MK_innerOptTotal .MK_total { font-family:Nunito; font-style:normal; font-size:17px; font-weight:300; letter-spacing:2px; color:#dab799; } */ /* 소리뷰 */ #sorivu { position:relative; margin-top:40px; } /* 상품 일반정보(상품정보제공 고시) */ #productWrap { margin:10px 0; } #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; } #productWrap table th { border-right:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; background-color:#f9f9f9; color:#3b3b3d; text-align:left; padding:10px 0 10px 15px; } #productWrap table td { color:#8b8b8b; border-bottom:1px solid #e0e0e0; word-break:break-all; text-align:left; padding:10px 0 10px 17px; } #nhn_btn { padding-top:5px; } #payco_order_btn { padding-top:10px; } /* 스크롤 시 고정영역 */ #btn_info { display:none; position:fixed; left:calc(1% + 132.5px); bottom:140px; width:20px; height:20px; padding:10px; z-index:100; color:#fff; font-size:18px; border-radius:40px; background:rgba(0,0,0,0.3); -webkit-transition:0.2s ease-in-out; -moz-transition:0.2s ease-in-out; -o-transition:0.2s ease-in-out; transition:0.2s ease-in-out; } #btn_info.show { transform:rotate(45deg); } .detailArea.scroll #infoArea { position:fixed; left:1%; bottom:160px; width:285px; padding:40px 32px 40px 32px; background:#f9f9f9; border-radius:10px; z-index:99; opacity:1; visibility:visible; max-height:950px; -webkit-transition:opacity 0.3s ease-in-out; -moz-transition:opacity 0.3s ease-in-out; -o-transition:opacity 0.3s ease-in-out; transition:opacity 0.3s ease-in-out; overflow-y: auto; } .detailArea.scroll #infoArea .mCSB_scrollTools { display:block !important; } .detailArea.scroll #infoArea .mCustomScrollBox { padding-right: 30px; } .detailArea.scroll #infoArea.mCS_no_scrollbar { padding:35px; } .detailArea.scroll #infoArea.hide { opacity:0; visibility:hidden; } .detailArea.scroll #infoArea table tr:first-child td div { font-size:12px; } .detailArea.scroll #infoArea table tr.subname { display:none; } .detailArea.scroll #infoArea th, .detailArea.scroll #infoArea td { line-height:18px; } .detailArea.scroll #infoArea table tr:first-child td { padding-bottom:20px !important; font-size:14px !important; } .detailArea.scroll #infoArea table tr:nth-child(2) td { padding-bottom:15px !important; } .detailArea.scroll #infoArea .table-opt table colgroup col:first-child { width:75px; } .detailArea.scroll #infoArea .table-opt .opt-wrap { margin-top:12px; } .detailArea.scroll #infoArea .table-opt .opt-wrap dt { width:85px; } .detailArea.scroll #infoArea .table-opt .opt-wrap dd { width:calc(100% - 85px); } .detailArea.scroll #infoArea .prd-btns { overflow: hidden; } .detailArea.scroll #infoArea .prd-btns a { display:block; width:100% !important; margin:5px 0 0 0; font-size:10px; } .detailArea.scroll #infoArea #MK_innerOptWrap .MK_inner-opt-cm li .MK_p-name { padding-left:0; width:65%; } .detailArea.scroll #infoArea #MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl { display:none; } .detailArea.scroll #infoArea #MK_innerOptWrap .MK_inner-opt-cm li .MK_price { width:35%; font-size: 13px; bottom: 0; } .detailArea.scroll #infoArea #MK_innerOptWrap .MK_inner-opt-cm li .MK_btn-del { display:none; } .detailArea.scroll #infoArea #MK_innerOptTotal { padding: 23px 0 0; } .detailArea.scroll #infoArea #MK_innerOptTotal .totalLeft span { font-size: 14px; } .detailArea.scroll #infoArea #MK_innerOptTotal .totalRight strong { font-size: 16px; } .detailArea.scroll #infoArea #MK_innerOptTotal .totalRight span { font-size: 14px; } .detailArea.scroll #infoArea td input[type=text] { width:80%; } .detailArea.scroll #infoArea .table-opt .opt-btns { padding-left:10px; } .detailArea.scroll #infoArea #kakaopay_order_btn { display:none; } /******************************************** ============================================= 하단 ============================================= ********************************************/ /* 탭 */ #productDetail .detailTab { padding-top:50px; margin-bottom:50px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; font-size:0; line-height:0; letter-spacing:0; border-bottom:1px solid #f4f4f4; text-align:left; } #productDetail .detailTab li { display:inline-block; vertical-align:middle; font-size:11px; line-height:20px; } #productDetail .detailTab li a { display:block; padding:10px 60px 10px 0; text-decoration:none; text-align:left; letter-spacing:1px; color:#d8d8d8; text-transform:uppercase; font-weight:300; -webkit-transition:0.2s ease-in-out; -moz-transition:0.2s ease-in-out; -o-transition:0.2s ease-in-out; transition:0.2s ease-in-out; } #productDetail .detailTab li.selected a { position:relative; color:#666; box-sizing:border-box; letter-spacing:2px; } #productDetail .detailTab li.selected a:before { content:""; position:absolute; background-color:#afafaf; width:15px; height:1px; left:0px; top:-2px; } #productDetail .detailTab li a:hover { color:#afafaf; } #prd-review .detailTab, #prd-qna .detailTab { margin-bottom:0; } /* 상품 상세정보 */ #productDetail #prd-detail { margin:50px 0 140px; width:100%; text-align:center; } #productDetail #prd-detail table { table-layout:auto; } #productDetail #prd-detail img { max-width:100%; } /* 관련상품 */ #prd-related { width: 1040px; margin: 0 auto; text-align: center; } #prd-related h2 { text-align: center; font-family: 'Roboto', sans-serif; font-weight: bold; font-size: 18px; color: #222; letter-spacing: 2px; margin: 50px auto 20px; } #prd-related h2 span { margin-top: 15px; letter-spacing: 0.5px; width: 100%; height: auto; line-height: 20px; font-size: 12px; display:inline-block; *display:inline; *zoom:1; font-weight: normal; color: #888; } #prd-related .prd-subname, #prd-related .prd-icon { display: none; } #prd-related .prd-wrap .prd-list { text-align: center; } #prd-related .relation-celll { width: 240px; margin: 0 10px; } #prd-related .rel-prd-opt-box { margin-top: 25px; line-height: 24px; } #prd-related .rel-prd-opt .tlt { display:inline-block; *display:inline; *zoom:1; width: 55px; float: left; text-align: right; } #prd-related .rel-prd-opt select { width: 140px; font-size: 11px; line-height: 15px; } #prd-related .rel-prd-opt-box .rel-prd-opt-qt input { width: 80px; } #prd-related .rel-prd-opt-box .rel-prd-opt-qt .btns a { display: inline-block; *display: inline; *zoom: 1; border: 1px #ddd solid; font-size: 11px; color: #000; font-weight: bold; line-height: 11px; vertical-align: middle; padding: 5px; box-sizing: border-box; } /* 관련상품 버튼 */ #prd-related .carousel-relation .flickity-prev-next-button { display:block; width:40px; height:100%; transition:all 0.25s ease-in-out; z-index:99 !important; position:absolute; opacity:1 !important; } #prd-related .carousel-relation .flickity-prev-next-button svg { display:none; } #prd-related .carousel-relation .flickity-prev-next-button.previous { background:url('/design/leelin/onedesign2/images/btn_prev2.png') no-repeat 0 40%; left:-50px; } #prd-related .carousel-relation .flickity-prev-next-button.next { background:url('/design/leelin/onedesign2/images/btn_next2.png') no-repeat 100% 40%; right:-50px; } #prd-related .flickity-page-dots { position: relative; width: 100%; bottom: auto; padding: 0; margin: 0; list-style: none; text-align: center; line-height: 1; margin-bottom: 50px; } #prd-related .btn-rtd_cart { display:inline-block; *display:inline; *zoom:1; padding: 10px 20px; font-size: 12px; background: #999; color: #fff; } /* 평점형리뷰 */ #productDetail .review-write { margin-bottom:70px; border-top:1px solid #f3f3f3; } #productDetail .review-write th, #productDetail .review-write td { padding:10px; border-bottom:1px solid #f3f3f3; } #productDetail .review-write th { font-weight:normal; } textarea.MS_review_content_box { width:1100px !important; height:80px; } .review-write a.btn_point { width:90px; margin-left:10px; height:85px; line-height:85px; } /*#productDetail .review-list tr:last-child td { border-bottom:0; } 리뷰코멘트형 사용할 경우 본 주석풀어주세요.*/ /* 테이블 */ #productDetail .table-slide { } #productDetail .table-slide td .nodata { padding:10px 0; } #productDetail .table-slide tr.cnt { display:none; } #productDetail .table-slide tr.cnt td { cursor:default; } #productDetail .table-slide tr.nbg td { background-image:none; } #productDetail .table-slide tr.reply .tb-txt { padding-left:30px; background:url(/images/d3/modern_simple/common/bull_reply.gif) no-repeat 10px 0; } #productDetail .table-slide .btns { text-align:right; font-size:0; line-height:0; margin-top:10px; } #productDetail .table-slide .btns a { display:inline-block; padding:4px 12px 2px; line-height:20px; letter-spacing:0.5px; font-size:11px; margin-left:10px; } .ocb-area { font-size:11px !important; } /*************************** 솔라 공통 ***************************/ /* 전체 적용 표 스타일 */ .base-table { position:relative; } .base-table th, .base-table td { padding:10px 0; vertical-align:middle; font-weight:normal; letter-spacing:0.5px; } .base-table th { background:#f9f9f9; } .base-table td { border-bottom:1px solid #f3f3f3; } .base-table .thumb img { max-width:80px; height:auto; } .btn_white { border: 1px solid #f3f3f3; background: #fff; color: #777; font-size: 11px; line-height: 1; font-weight: 400; letter-spacing: 1px; text-transform: uppercase; border-radius: 4px;-webkit-transition: 0s; -moz-transition: 0s; -o-transition: 0s; transition: 0s; } .btn_white:hover { border-color:#f3f3f3; background:#fff; color:#777; } .btn_point { border: 1px solid #dab799; background: #dab799; color: #fff; font-size: 11px; line-height: 1; font-weight: 400; letter-spacing: 1px; text-transform: uppercase; border-radius: 4px;-webkit-transition: 0s; -moz-transition: 0s; -o-transition: 0s; transition: 0s; } /* 상품공통 */ .prd-wrap { } .prd-wrap .prd-list { display:block; width:100%; font-size:0; line-height:0; margin:0; } .prd-wrap .prd-list > li { display:inline-block; *display:inline; *zoom:1; vertical-align:top; padding-bottom:50px; } /* 진열방식 */ .prd-wrap ul.grid2 > li { width:49%; margin-right:2%; } .prd-wrap ul.grid3 > li { width:32.33%; margin-right:1.5%; } .prd-wrap ul.grid4 > li { width:23.5%; margin-right:2%; } .prd-wrap ul.grid5 > li { width:18.8%; margin-right:1.5%; } .prd-wrap ul.grid2 > li:nth-child(2n) { margin-right:0; } .prd-wrap ul.grid3 > li:nth-child(3n) { margin-right:0; } .prd-wrap ul.grid4 > li:nth-child(4n) { margin-right:0; } .prd-wrap ul.grid5 > li:nth-child(5n) { margin-right:0; } /* 상품이미지 */ .prd-wrap .prd-list .prd-thumb { position:relative; margin:0 auto 20px; text-align:center; } .prd-wrap .prd-list .prd-thumb a { display:block; } .prd-wrap .prd-list .prd-thumb a img { max-width:100%; margin:0 auto; } /* 상품정보 */ .prd-wrap .prd-info { margin:0 auto; font-size:11px; line-height:18px; letter-spacing:0.5px; text-align:center; padding:0 2px; } .prd-wrap .prd-info p { display:block; font-size:11px; margin-top:10px; font-weight:300; letter-spacing:0.3px; } /* 상품명 */ .prd-wrap .prd-info .prd-name { display:block; font-size:13px; margin-bottom:12px; letter-spacing:0.4px; } /* 품절 */ .prd-wrap .soldout { /*color:#e33b3b !important; */ } /* 소비자가격(.discount할인전가격) */ .prd-wrap .prd-info .prd-consumer { display:none; color:#b9b9b9; text-decoration:line-through; } .prd-wrap .prd-info .prd-consumer.discount { } /* 상품가격(.discount할인후가격) */ .prd-wrap .prd-info .prd-price { color:#666; } .prd-wrap .prd-info .prd-price.discount { } /* 통옵 css 추가 */ /* 상품옵션 정보 */ body #infoArea .table-opt { margin-top:20px } body #infoArea .table-opt th, body #infoArea .table-opt td { padding:7px 0 } body #infoArea .table-opt th { color:#969696; font-weight: normal } body #infoArea .table-opt th .tb-left, body #infoArea .table-opt td .tb-left { padding:0; font-size: 12px; } body #infoArea .table-opt td { color:#555; } /* 주문수량 */ body #goods_amount { float:left; } body #infoArea .table-opt .opt-spin { position: relative; width: 52px; height: 15px; border: 1px solid #acacac; } body #infoArea .table-opt .opt-spin .txt-spin, body #infoArea .table-opt .opt-spin .btns { float: left; } body #infoArea .table-opt .opt-spin .txt-spin { width: 41px; height: 13px; padding-left: 2px; padding-top: 2px; border: 0; font-size: 11px; } body #infoArea .table-opt .opt-spin .btns { width: 17px; height: 15px; border-left: 1px solid #aaa; } body #infoArea .table-opt .opt-spin .btns a { overflow: hidden; float: left; width: 100%; height: 8px; text-indent: -999px; background: none; } body #infoArea .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% 50%; } body #infoArea .table-opt .opt-spin .btns a.btn-dw { background: url(/images/d3/modern_simple/btn/btn_h5_spin_dw.gif) no-repeat 50% 50%; } body #infoArea .prd-btns .soldout { margin-top:6px; width:448px; height:104px; font-size:14px; color:#231f20; text-align:center; line-height:104px; letter-spacing:2px; border:1px solid #231f20; background:#fff } body #infoArea .prd-btns a { margin-top:6px; font-family:Verdana } body #infoArea .prd-btns .btn_buy { display:block; width:448px; height:48px; font-size:13px; color:#fff; text-align:center; line-height:48px; border:1px solid #231f20; background:#231f20; -webkit-transition:all 0.3s ease; transition:all 0.3s ease } body #infoArea .prd-btns .btn_buy:hover { color:#000; background:#fff } body #infoArea .prd-btns .btn_buy:active { position: relative; top: 1px } body #infoArea .prd-btns .btn_cart { display:block; width:448px; height:48px; font-size:13px; color:#231f20; text-align:center; line-height:48px; border:1px solid #231f20; background:#fff; -webkit-transition:all 0.3s ease; transition:all 0.3s ease } body #infoArea .prd-btns .btn_cart:hover { color:#fff; background:#231f20 } body #infoArea .prd-btns .btn_cart:active { position: relative; top: 1px } body #infoArea .prd-btns .btn_barotalk { display:block; margin-top:10px } body #infoArea .table-opt .sell_benefit { position:relative; } body #infoArea .table-opt .sell_benefit .benefit_btn { display:inline-block; height:18px; line-height:20px; border:1px solid #000; font-size:11px; } body #infoArea .table-opt .sell_benefit .benefit_btn span { display:inline-block; height:18px; padding:0 5px; color:#fff; background:#000; vertical-align:top; } body #infoArea .table-opt .sell_benefit .benefit_btn em { display:inline-block; height:18px; padding:0 3px 0 0; font-size:10px; vertical-align:top; } body #infoArea .wish-icons .prd-wish { display: inline-block; width: 65px; text-align: right; vertical-align: top; } body #infoArea .wish-icons .prd-wish span { display: inline-block; height: 22px; line-height: 20px; padding: 0 4px 0 24px; border: 1px solid #b9b9b9; border-radius: 3px; font-family: 'malgun gothic'; font-size: 13px; color: #000; background: #fff url('/images/common/ico_wish_detail_count.png') no-repeat 5px center; } body #infoArea .prd-btns #MS_btn_wish .ico-wish { display: inline-block; width: 16px; height: 14px; margin-right:2px; background: url('/images/common/ico_wish_detail_off.png') no-repeat center center; vertical-align: middle; } body #infoArea .prd-btns #MS_btn_wish.wish-on .ico-wish { background: url('/images/common/ico_wish_detail_on.png') no-repeat center center; } /* 통합옵션 */ body #infoArea .table-opt .opt-wrap {width: 100%;/* padding:7px 0; */} body #infoArea .table-opt .opt-wrap .tit { margin-bottom: 5px; } body #infoArea .table-opt .opt-wrap-hybrid { width: 100%; padding:0 0 10px; border-bottom:1px solid #e4e4e4; } body #infoArea .table-opt .opt-wrap-hybrid .tit { margin-bottom: 8px; color:#969696; } body #infoArea .table-opt .opt-wrap-hybrid .tit strong { color:#555; } body #infoArea .table-opt .opt-wrap dl { overflow: hidden; width: 100%; *zoom:1 } body #infoArea .table-opt .opt-wrap dl:after { display:block; clear:both; content:'' } body #infoArea .table-opt .opt-wrap dt {float: left;width: 130px;margin-bottom:5px;padding-top: 4px; *padding-bottom:5px;color: #969696;} body #infoArea .table-opt .opt-wrap dd { float: left; width: calc(100% - 130px); margin-bottom:5px; *padding-bottom:5px; } body #infoArea .table-opt .opt-wrap .sel-btn { text-align:right; } body #infoArea .table-opt .opt-wrap .sel-btn a { display:inline-block; width:84px; height:24px; font-size:13px; color:#fff; text-align:center; line-height:24px; border:1px solid #231f20; background:#231f20; -webkit-transition:all 0.3s ease; transition:all 0.3s ease } body #infoArea .table-opt .opt-wrap .sel-btn a:hover { color:#231f20; background:#fff } body #infoArea .table-opt .opt-wrap .sel-btn a:active { position: relative; top: 1px } body #infoArea .table-opt .opt-wrap .sel-btn a img { display:none } body #infoArea .table-opt .opt-wrap select { width:100%; height:26px } body #infoArea .table-opt .opt-wrap .opt-btns { position:relative } body #infoArea .table-opt .opt-wrap .opt-btns input { margin-right:3px; width:42px; height:24px; border: 1px solid #dfdfdf; text-align:center !important; line-height:24px } body #infoArea .table-opt .opt-wrap .opt-btns a { display:inline-block; width:26px; height:26px; text-indent:-9999em; vertical-align:top; background:url(//image.makeshop.co.kr/makeshop/d3/basic_simple/common/sp_qty.gif) 0 0 no-repeat } body #infoArea .table-opt .opt-wrap .opt-btns a.btn-up { background-position:0 0 } body #infoArea .table-opt .opt-wrap .opt-btns a.btn-dw { background-position:0 -26px } body #infoArea .table-opt .opt-wrap dl .opt-count select { float: left; width:350px; } body #infoArea .table-opt .opt-wrap dl .opt-count .opt-btns { padding-top:5px; clear:both } body #infoArea .table-opt .option-wrap { margin-top: 10px; padding:10px 0; border-top:1px solid #ddd; } body #infoArea .table-opt .option-wrap .option-box { width:100%; } body #infoArea .table-opt .option-wrap .option-box .tit { padding:10px 0 5px; color:#666; } body #infoArea .table-opt .option-wrap .option-box .list:after { clear: both; content: ""; display: block; } body #infoArea .table-opt .option-wrap .option-box .list { width:100%; } body #infoArea .table-opt .option-wrap .option-box .list li { float:left; width:70px; margin-left:25px; } body #infoArea .table-opt .option-wrap .option-box .list li.first, body #infoArea .table-opt .option-wrap .option-box .list li:first-child { margin-left:0; } body #infoArea .table-opt .option-wrap .option-box .list li dl { padding-bottom:10px; color:#333; } body #infoArea .table-opt .option-wrap .option-box .list li dl dd.prdchk { text-align:left; padding-bottom:5px; } body #infoArea .table-opt .option-wrap .option-box .list li dl dd.prdchk input { width:13px; height:13px; } body #infoArea .table-opt .option-wrap .option-box .list li dl dd.prdimg { position:relative; } body #infoArea .table-opt .option-wrap .option-box .list li dl dd.prdimg img { width:70px; height:70px; } body #infoArea .table-opt .option-wrap .option-box .list li dl dd.prdimg.noimg { } body #infoArea .table-opt .option-wrap .option-box .list li dl dd.prdimg .soldout { position:absolute; top:0; left:0; display:inline-block; width:100%; height:100%; line-height:71px; color:#fff; text-align:center; } body #infoArea .table-opt .option-wrap .option-box .list li dl dd.prdimg .soldout-bg { position:absolute; top:0; left:0; display:inline-block; width:100%; height:100%; background:#000; filter:alpha(opacity:40); opacity:0.4; } body #infoArea .table-opt .option-wrap .option-box .list li dl dd.prdimg .sel-img { position:absolute; top:0; left:0; display:inline-block; width:100%; height:100%; background:#000; filter:alpha(opacity:40); opacity:0.4; } body #infoArea .table-opt .option-wrap .option-box .list li dl dd.prdname { padding-top:7px; line-height:14px; } body #infoArea .table-opt .option-wrap .option-box .list li dl dd.prdname { padding-bottom:3px; line-height:14px; } body #infoArea .table-opt .option-wrap .option-box .list li dl dd.prdprice { padding-bottom:3px; } body #infoArea .table-opt .option-wrap .option-box .list li dl dd.prdqty { } body #infoArea .table-opt .option-wrap .option-box .list li dl dd.prdqty input { width:52px; height:24px; line-height:24px; border: 1px solid #dfdfdf; text-align:center; background:none; } body #infoArea .table-opt .option-wrap .option-box .list li dl dd.prdqty .btn-up-down { display:inline-block; width:12px; height:26px; line-height:0; font-size:0; vertical-align:top; } body #infoArea .table-opt .option-wrap .option-box .list li dl dd.prdqty .btn-up-down a { display:inline-block; width:12px; height:12px; line-height:0; font-size:0; vertical-align:top; } body #infoArea .table-opt .option-wrap .option-box .list li dl dd.prdqty .btn-up-down .btn-up { margin-bottom:2px; } body #infoArea .table-opt .option-wrap .option-box .list li.lst-soldout dl { color:#a7a7a7; } body #infoArea .table-opt .option-wrap .option-box .list li.lst-soldout dl input { color:#929292; } /* 통옵 추가 구성 상품 */ body #infoArea .table-opt td.add-option-tit { padding:15px 0 0; border-top:1px solid #e4e4e5; color:#000; font-size:14px; } body #infoArea .table-opt tr.add-option-not-start { border-top:1px dashed #e4e4e5; } body #infoArea .table-opt td.add-option-img { padding-top:10px; vertical-align:top; } body #infoArea .table-opt td.add-option-img .thumb-s img { max-width:100%; } body #infoArea .table-opt td.add-option-wrap { padding-top:10px; } body #infoArea .table-opt td.add-option-wrap .prd-icon, body #infoArea .table-opt td.add-option-wrap .tit-prd { padding-left:20px; padding-top:0; } body #infoArea .table-opt td.add-option-wrap .tit-prd { padding-left:20px; padding-top:10px; } body #infoArea .table-opt td.add-option-wrap .table-opt { padding-left:20px; margin: 10px 0 0 0; } body #infoArea .table-opt td.add-option-wrap .table-opt td select.basic_option, body #infoArea .table-opt td.add-option-wrap .table-opt td select.addition_option { width:310px; } body #infoArea .table-opt td.add-option-wrap .table-opt td input.basic_option, body #infoArea .table-opt td.add-option-wrap .table-opt td input.addition_option { width:306px; height:22px; line-height:24px; } body #infoArea .table-opt td.add-option-wrap .table-opt td .opt-wrap { padding:5px 0 0 0; } body #infoArea .table-opt td.add-option-wrap .table-opt td .opt-wrap .tit { display:none; } body #infoArea .table-opt td.add-option-wrap .table-opt td .opt-wrap dd { width: 110px; } body #infoArea .table-opt td.add-option-wrap .table-opt td .opt-wrap select { width: 100px; } body #infoArea .table-opt td.add-option-wrap .table-opt td .opt-wrap input { width: 205px; } body #infoArea .table-opt tr.add-option-end .MK_p-tit { display:block; width:90%; height:100%; line-height:12px; color:#000; font-weight:bold; } body #infoArea .table-opt tr.add-option-end .MK_price { top:40px; right:0; } body #infoArea .table-opt tr.add-option-end .MK_btn-del { top:0; } body #MK_innerOptWrap .MK_inner-opt-cm li .MK_p-name p { overflow:hidden; text-overflow:ellipsis; } body #MK_innerOptWrap .MK_inner-opt-cm li .MK_p-name span.extra_option_name { overflow:hidden; text-overflow:ellipsis; display: block; } /* 원클릭옵션 */ body .MK-oneclick-list { overflow:hidden; zoom:1; } body .MK-oneclick-list:after { content: ""; display: block; clear: both; } body .MK-oneclick-list li { float:left; margin: 0 5px 5px 0; } body .MK-oneclick-list li a { border:1px solid #231f20; display: inline-block; border-radius: 1px; box-sizing:border-box; } body .MK-oneclick-list li.MK-oneclick-sel a { border:2px solid #000000; } body .MK-oneclick-list li.MK-oneclick-dis a { filter:alpha(opacity=50); -moz-opacity:.5; opacity:.5; } body .MK-oneclick-list li.MK-oneclick-color.MK-oneclick-sel a { padding:1px; filter:alpha(opacity=100); -moz-opacity:1; opacity:1; } body .MK-oneclick-list li a span { display: block; text-align: center; vertical-align: middle; line-height: 19px; } body .MK-oneclick-list li a img { width: 100%; height:100%; } body .MK-oneclick-list li.MK-oneclick-image a { height:50px; } body .MK-oneclick-list li.MK-oneclick-image a img { width: auto; height: 48px;; } body .MK-oneclick-list li.MK-oneclick-image.MK-oneclick-sel a img { height:46px; width: auto; } body .MK-oneclick-list li.MK-oneclick-color { width:50px; height: 50px; } body .MK-oneclick-list li.MK-oneclick-color a { padding: 2px; } body .MK-oneclick-list li.MK-oneclick-color span { width: 44px; height: 44px; } body .MK-oneclick-list li.MK-oneclick-color .mk-oo-sel span { width: 27px; height: 27px; } body .MK-oneclick-list li.MK-oneclick-text .MK-oneclick-list li.MK-oneclick-text { min-width:35px; max-width:100%; height: 50px; } body .MK-oneclick-list li.MK-oneclick-text a { padding: 2px; } body .MK-oneclick-list li.MK-oneclick-text.MK-oneclick-sel a { padding:1px; } body .MK-oneclick-list li.MK-oneclick-text span { min-width: 29px; line-height: 44px; max-width: 320px; overflow: hidden; height: 44px; } body .MK-oneclick-list li.MK-oneclick-text .MS-oneclick-sel span { min-width: 30px; line-height: 27px; } body .MK-oneclick-value { padding: 5px 0; display:block; } body .MK-oneclick-only-text li.MK-oneclick-text { height: auto; } body .MK-oneclick-only-text li.MK-oneclick-text span { height: auto; line-height: 19px; max-width: 320px; overflow: hidden; height: 19px; } /* ****************** 상품 상세 옵션 ******************** */ .MK_not_choice { color: red; } .MK_optAddWrap, .MK_optAddWrap * { margin: 0; padding: 0; } .MK_optAddWrap { } .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: 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.line {} #MK_innerOptWrap #MK_innerOptScroll.limit { position: relative; height: 150px; overflow-y: auto; } #MK_innerOptWrap .MK_inner-opt-cm li { *zoom: 1; position: relative; font-size:13px; margin:16px 0; *padding-bottom:0; } #MK_innerOptWrap .MK_inner-opt-cm li:after { display:block; clear:both; content:'' } #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_price, #MK_innerOptWrap .MK_inner-opt-cm li .MK_btn-del { display:block; } #MK_innerOptWrap .MK_inner-opt-cm li .MK_p-name { overflow:hidden; width: 400px; vertical-align:middle; text-overflow:ellipsis; white-space:nowrap; } #MK_innerOptWrap .MK_inner-opt-cm li .MK_price { bottom:4px; right:0; font-size:16px; color:#060606; font-weight:normal; } #MK_innerOptWrap .MK_inner-opt-cm li .MK_price span { font-weight:bold } #MK_innerOptWrap .MK_inner-opt-cm li .MK_btn-del { top:3px; right:0; width:13px; height:13px; text-indent:-9999em; background:url(//image.makeshop.co.kr/makeshop/d3/basic_simple/common/btn_comment_del.gif) 0 0 no-repeat } #MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl { position:relative; margin-top: 10px; } #MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl .basic_option, #MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl .MS_amount_basic, #MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl .addition_option { width:42px; height:26px; line-height:26px; border: 1px solid #dfdfdf; text-align:center !important; box-sizing:border-box;} #MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl a { float:left; display:inline-block; width:26px; height:26px; text-indent:-9999em; margin:0; vertical-align:top; background:url(//image.makeshop.co.kr/makeshop/d3/basic_simple/common/sp_qty.gif) 0 0 no-repeat } #MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl a.MK_btn-up { background-position:0 0; margin:0 4px; } #MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl a.MK_btn-dw { background-position:0 -26px } #MK_innerOptWrap .MK_inner-opt-cm li #MK_p_price_basic_0 { font-weight:bold; } /* 사용자 입력 인풋박스 (color, size )*/ .MK_optAddWrap .MK_inner-opt-cm li .MK_txt_uinput { width: 200px; } /* 하이브리드옵션 */ #MK_innerOptWrap .MK_inner-opt-hybrid li .MK_p-name, #MK_innerOptWrap .MK_inner-opt-hybrid li .MK_price, #MK_innerOptWrap .MK_inner-opt-hybrid li .MK_qty-ctrl, #MK_innerOptWrap .MK_inner-opt-hybrid li .MK_btn-del { display: inline-block; *float:left; } #MK_innerOptWrap .MK_inner-opt-hybrid li .MK_price { top:4px; bottom:0; right:23px; } #MK_innerOptWrap .MK_inner-opt-hybrid li .MK_p-name { width:200px; line-height:26px; } #MK_innerOptWrap .MK_inner-opt-hybrid li .MK_qty-ctrl { vertical-align:middle; margin-top:0; } /* 기본옵션 */ #MK_innerOptWrap #MK_innerOpt_01 li { padding-bottom:0; } /* 하이브리드옵션 */ #MK_innerOptWrap #MK_innerOpt_03 { } /* 총합계 */ #MK_innerOptWrap #MK_innerOptPrice { display:none; padding: 12px 5px 10px; font-size: 12px; color: #333; text-align: right; } #MK_innerOptAdd { display:none; padding: 0 5px; font-size: 12px; color: #333; text-align: right; } #MK_innerOptTotal {padding-top:20px;border-top: 1px solid #f3f3f3; *zoom:1;text-align:right;} #MK_innerOptTotal:after { display:block; clear:both; content:'' } #MK_innerOptTotal .totalLeft { float:left } #MK_innerOptTotal .totalRight { float:right } #MK_innerOptTotal .MK_txt-total { font-size:18px; color:#0e0e0e } #MK_innerOptTotal .MK_txt-won { font-size:18px; color:#0e0e0e } #MK_innerOptTotal .MK_total { font-size:12px; color:#fd0100; } #MK_innerOptTotal .totalRight .MK_total { display:contents; margin-top:-4px; font-size:24px; color:#000; vertical-align:middle; } /* BASIC css end */