/* BASIC css start */ #productDetail .page-body { margin-top:20px; clear:both; } /* 상단 섬네일, 상품 옵션 정보 */ #productDetail .thumb-info { *zoom:1 } #productDetail .thumb-info:after { content: ""; display: block; clear: both; } /* 섬네일 */ #productDetail .thumb-info .thumb-wrap { float:left; width:500px; text-align: center; } #productDetail .thumb-info .thumb { width:100%; text-align: center; } #productDetail .thumb-info .thumb img { display:block; width:100% } #productDetail .thumb-info .thumb .zoomPad { width:500px !important } #productDetail .thumb-info .thumb #lens_img { width:100% } #productDetail .thumb-info .thumb-ctrl { clear: both; padding-top: 20px; text-align: center; } #productDetail .thumb-info .thumb-ctrl a { font-size: 11px; } #productDetail .thumb-info .thumb-ctrl a img { vertical-align: middle; margin-right: 3px; } #productDetail .thumb-info .thumb-ctrl a:hover { text-decoration: underline; } /* 상품옵션 정보 */ #productDetail .thumb-info .info { float:right; width:670px; } #productDetail .thumb-info .info .tit-prd { font-size:24px; color:#444; line-height:32px } #productDetail .thumb-info .info .tit-sub { margin-top:7px; font-size:16px; color: #999; } #productDetail .thumb-info .info .table-opt { margin-top:10px; border-top: 1px solid #d2d2d2; padding:10px 0 0; } #productDetail .thumb-info .info .table-opt th, #productDetail .thumb-info .info .table-opt td { font-size:14px; color:#555; padding:5px 0 8px; } #productDetail .thumb-info .info .table-opt th { font-size:14px; color:#555; text-align:left; font-weight: normal; letter-spacing: -1px; } #productDetail .thumb-info .info .table-opt td select { width:230px; height:30px; border-radius:3px } /* 판매가격 */ #productDetail .thumb-info .info .table-opt strike { color:#999 } #productDetail .thumb-info .info .table-opt .price span { color: #555; font-weight:bold } /* 주문수량 */ #goods_amount { float: left; width: 32px; border: 0; } #productDetail .thumb-info .info .table-opt .opt-spin { position: relative } #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: 12px; } #productDetail .thumb-info .info .table-opt .opt-spin input { padding-right:16px; width:100px; height:28px; border:1px solid #ccc; border-radius:3px } #productDetail .thumb-info .info .table-opt .opt-spin .btns { padding-left:7px } #productDetail .thumb-info .info .table-opt .opt-spin .btns a { display:inline-block; width:31px; height:31px; text-indent:-9999em; vertical-align:top; background:url(/design/ttoksori/phps/common/sp_opt_spin.png) 0 0 no-repeat } #productDetail .thumb-info .info .table-opt .opt-spin .btns a.btn-up { background-position:0 -31px } #productDetail .thumb-info .info .table-opt .opt-spin .btns a.btn-dw { background-position:0 0 } #productDetail .thumb-info .info .prd-btns { padding-top: 10px; font-size:0 }; #productDetail .thumb-info .info .prd-btns .soldout { border-top: 1px solid #eee; text-align: center; font-weight: bold; color: #111; padding-top: 10px; font-size: 18px; } #productDetail .thumb-info .info .prd-btns .CSSbuttonBuy { display:inline-block; width:350px; height:62px; font-size:16px; color:#fff; font-weight:bold; text-align:center; line-height:62px; letter-spacing:-1px; border:1px solid #df0346; background:#df0346; cursor:pointer } #productDetail .thumb-info .info .prd-btns .CSSbuttonBuy:hover { color:#df0346; background:#fff } #productDetail .thumb-info .info .prd-btns .CSSbuttonBasket { display:inline-block; margin-left:10px; width:147px; height:62px; font-size:16px; color:#333; text-align:center; line-height:62px; letter-spacing:-1px; border:1px solid #ddd; background:#fff; cursor:pointer } #productDetail .thumb-info .info .prd-btns .CSSbuttonBasket:hover { background:#ddd } #productDetail .thumb-info .info .prd-btns .CSSbuttonWish { display:inline-block; margin-left:10px; width:147px; height:62px; font-size:16px; color:#333; text-align:center; line-height:62px; letter-spacing:-1px; border:1px solid #ddd; background:#fff; cursor:pointer } #productDetail .thumb-info .info .prd-btns .CSSbuttonWish:hover { background:#ddd } /* 통합옵션 */ #productDetail .thumb-info .info .table-opt .opt-wrap { border-top: 1px solid #eee; padding-top: 10px ; } #productDetail .thumb-info .info .table-opt .opt-wrap .tit { margin-bottom: 8px; padding-left: 10px; color: #111; } #productDetail .thumb-info .info .table-opt .opt-wrap dl { overflow: hidden; width: 100%; } #productDetail .thumb-info .info .table-opt .opt-wrap dt { float: left; width: 110px; margin-bottom: 5px; padding-left: 10px; padding-top: 4px; } #productDetail .thumb-info .info .table-opt .opt-wrap dd { float: left; width: 248px; margin-bottom: 5px; } #productDetail .thumb-info .info .table-opt .opt-wrap .sel-btn { padding-left: 10px; text-align: center; } #productDetail .thumb-info .info .table-opt .opt-wrap select { width: 240px; height: 24px; border: 1px solid #ddd; } #productDetail .thumb-info .info .table-opt .opt-wrap .opt-btns { position: relative; width: 56px; height: 22px } #productDetail .thumb-info .info .table-opt .opt-wrap .opt-btns input { position: absolute; top: 0; left: 0; width: 40px; height: 22px; border: 1px solid #ddd; text-align: right; } #productDetail .thumb-info .info .table-opt .opt-wrap .opt-btns .btn-up { position: absolute; top: 2px; 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 .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: 30px; width: 100%; text-align:center; overflow: hidden; } #productDetail .prd-detail img { max-width:100% } /* 네이버페이 */ .nhn_pay { margin-top:25px } .nhn_pay .npay_type_B_2 { width:100% !important; } /* 상세 탭 */ .detailTab { padding-top:30px; position:relative; } .detailTab ul { margin-left:1px; height:60px } .detailTab li { margin-left:-1px; float:left; width:199px; height:58px; text-align:center; line-height:58px; border:1px solid #ddd } .detailTab li.first { width:198px } .detailTab li.on { height:57px; line-height:57px; border-bottom:2px solid #9000d1 } .detailTab li a { display:block; height:58px; font-size:14px; color:#555 } .detailTab li.on a { color:#9000d1; font-weight:bold } .detailSpace { padding-top:70px; position:relative; height:1px; } /* 배송정보 */ .deliveryInfo { position:relative; text-align:left; overflow:hidden; *zoom:1 } .deliveryInfo:after { display:block; clear:both; content:'' } .deliveryInfo .detail_common { text-align:center } .deliveryInfo .bx-info { margin-left:-1px; padding:10px 0 20px; float:left; width:599px; border-left:1px solid #ddd; border-right:1px solid #ddd } .deliveryInfo .bx-right { border-right:none } .deliveryInfo .bx-info ol { padding:0 28px } .deliveryInfo .bx-info > ol > li { padding-top:60px } .deliveryInfo .bx-info > ol > li.first { padding-top:0 } .deliveryInfo .bx-info > ol > li > .tit { font-size:16px; color:#333; font-weight:bold } .deliveryInfo .bx-info > ol > li > ul { padding-top:5px } .deliveryInfo .bx-info > ol > li > ul > li { margin-left:10px; padding-top:10px; color:#666; text-indent:-10px; line-height:18px } .deliveryInfo .bx-info > ol > li > ul > li.stit { padding-top:30px } .deliveryInfo .bx-info .red { color:#d71e1e } .deliveryInfo .bx-info .tel { font-size:20px; color:#333 } .deliveryInfo .bx-info .img { padding-top:90px } .deliveryInfo .bx-info .pl-68 { padding-left:68px } /* 공통정보입력 */ .detail_common { padding-top:50px } .detail_common td { text-align:center } .detail_common img { max-width:100%; text-align:center } /* 관련상품 */ #productDetail .prd-list { padding-top:20px; width:1200px; overflow:hidden } #productDetail .prd-list .item-cont { width:1213px; *zoom:1 } #productDetail .prd-list .item-cont:after { display:block; clear:both; content:'' } #productDetail .prd-list .item-cont .item-list { margin:0 13px 15px 0; float:left; width:288px; border:1px solid #ddd } #productDetail .prd-list .item-cont .item-list .thumb { width:288px } #productDetail .prd-list .item-cont .item-list .thumb img { width:288px; height:288px } #productDetail .prd-list .item-cont .item-list dd { border-top:1px solid #ddd } #productDetail .prd-list .item-cont .item-list .prd-info { padding:25px 18px 15px 18px } #productDetail .prd-list .item-cont .item-list .prd-info .prd-brand { height:15px; font-size:11px; color:#333; font-weight:bold } #productDetail .prd-list .item-cont .item-list .prd-info .prd-name { padding-top:3px } #productDetail .prd-list .item-cont .item-list .prd-info .prd-name a { display:block; font-size:14px; height:36px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis } #productDetail .prd-list .item-cont .item-list .prd-info .prd-price { padding-top:3px; height:53px; *zoom:1 } #productDetail .prd-list .item-cont .item-list .prd-info .prd-price:after { display:block; clear:both; content:'' } #productDetail .prd-list .item-cont .item-list .prd-info .prd-price .price-discount { float:left; font-size:38px; color:#555; font-weight:bold; letter-spacing:-1px } #productDetail .prd-list .item-cont .item-list .prd-info .prd-price .price-discount span { font-size:26px; font-weight:normal } #productDetail .prd-list .item-cont .item-list .prd-info .prd-price .price-info { float:right; text-align:right } #productDetail .prd-list .item-cont .item-list .prd-info .prd-price .price-info strike { font-size:14px; color:#aaa } #productDetail .prd-list .item-cont .item-list .prd-info .prd-price .price-info span { color:#d0131b } #productDetail .prd-list .item-cont .item-list .prd-info .prd-price .price-info .won { font-size:16px } #productDetail .prd-list .item-cont .item-list .prd-info .prd-price .price-info .price { font-size:26px; font-weight:bold; line-height:26px; letter-spacing:-1px } #productDetail .prd-list .item-cont .item-list .prd-opt { margin:0 18px; padding:15px 0 5px; position:relative } #productDetail .prd-list .item-cont .item-list .prd-opt .prd-amount { padding-bottom:7px; height:30px; *zoom:1 } #productDetail .prd-list .item-cont .item-list .prd-opt .prd-amount:after { display:block; clear:both; content:'' } #productDetail .prd-list .item-cont .item-list .prd-opt .prd-amount dt { float:left; width:70px; color:#707070; font-weight:bold; line-height:30px } #productDetail .prd-list .item-cont .item-list .prd-opt .prd-amount dd { float:right; border-top:none } #productDetail .prd-list .item-cont .item-list .prd-opt .prd-amount dd .MS_related_quantity { padding-right:15px; width:50px; height:28px; text-align:right; line-height:26px; border-radius:3px; border:1px solid #ccc } #productDetail .prd-list .item-cont .item-list .prd-opt .prd-amount dd .btns { font-size:0 } #productDetail .prd-list .item-cont .item-list .prd-opt .prd-amount dd .btns a { display:inline-block; margin-left:1px; width:31px; height:31px; text-indent:-9999em; vertical-align:top; background:url(/design/ttoksori/phps/common/sp_opt_spin.png) 0 0 no-repeat } #productDetail .prd-list .item-cont .item-list .prd-opt .prd-amount dd .btns a.btn-up { background-position:0 -31px } #productDetail .prd-list .item-cont .item-list .prd-opt .prd-amount dd .btns a.btn-dw { background-position:0 0 } #productDetail .prd-list .item-cont .item-list .prd-opt .prd-amount dd select { width:136px; height:30px; border-radius:3px } #productDetail .prd-list .item-cont .item-list .prd-opt .prd-amount dd.prd-check { padding-top:7px } #productDetail .related-allbasket { width: 100%; padding-top:20px } #productDetail .related-allbasket a { display:block; height:72px; font-size:16px; color:#fff; font-weight:bold; text-align:center; line-height:72px; letter-spacing:-1px; border:1px solid #df0346; background:#df0346 } #productDetail .related-allbasket a:hover { color:#df0346; background:#fff } /* review-write */ #productDetail .review-write { margin-top: 5px; 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 #ddd } #productDetail .table-slide thead th { background:#f8f8f8 } #productDetail .table-slide th, #productDetail .table-slide td { padding:17px 0; color:#666 } #productDetail .table-slide th { font-size:12px; } #productDetail .table-slide tbody td { border-top: 1px solid #ddd; } #productDetail .table-slide tr.cnt { display: none; border-top: 1px solid #ddd; } #productDetail .table-slide tr.cnt td { cursor: default; } #productDetail .table-slide tr.ndata td { border-bottom: 1px solid #ddd; } #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 tr.cnt td { padding:0; border:none } .boardArea { padding-top:50px } .board-bnnr { padding:30px 0 5px } .CSSbuttonRe { border:1px solid #47484e; padding: 20px 21px; background-color:#47484e; color:#fff; display:inline-block; border-radius:5px; } .CSSbuttonRe:hover { background-color:#fff; color:#47484e; cursor:hand; } .CSSbuttonRe:active { position:relative; top:1px; } /* review-list */ #productDetail .review-list { margin-top: 5px; } #productDetail .review-list .bg { padding-top: 35px; border-top: 1px solid #eee; } /* qna board */ #productDetail .qna-list { } /* .board-btns */ #productDetail .board-btns { text-align: right; } #productDetail .board-btns img { padding: 0 5px; } textarea.MS_review_content_box { height: 55px; width: 87%; vertical-align: top; } /* ****************** 상품 상세 옵션 ******************** */ .MK_not_choice { color: red; } .MK_optAddWrap, .MK_optAddWrap * { margin: 0; padding: 0; } .MK_optAddWrap { color: #666; font-size: 12px; line-height: 13px } .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 { margin-top: 10px; border-top:1px solid #d2d2d2 } #MK_innerOptWrap #MK_innerOptScroll.limit { position: relative; height: 150px; overflow-y: auto; } #MK_innerOptWrap .MK_inner-opt-cm li { *zoom: 1; position: relative; min-height:32px; _height:32px; *margin-bottom: -4px; padding:8px 10px 8px 0; border-bottom: 1px solid #d2d2d2; } #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:35px; top:16px; font-size:14px; color: #525252; font-weight:normal } #MK_innerOptWrap .MK_inner-opt-cm li .MK_btn-del { right:10px; top:17px; } #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 .MK_p-name { margin-right:310px; font-size:14px; color:#666; line-height:32px } #MK_innerOptWrap #MK_innerOpt_01 li .MK_qty-ctrl { top:9px; *top:8px; right:175px; } #MK_innerOptWrap #MK_innerOpt_01 li .MK_qty-ctrl input.MK_count { padding-right:15px; width:45px; height:28px; line-height:28px; text-align:right; border-radius:3px; vertical-align:top } #MK_innerOptWrap #MK_innerOpt_01 li .MK_qty-ctrl a { display:inline-block; width:31px; height:31px; background:url(/design/ttoksori/phps/common/sp_opt_spin.png) 0 0 no-repeat } #MK_innerOptWrap #MK_innerOpt_01 li .MK_qty-ctrl a img { display:none; vertical-align:top } #MK_innerOptWrap #MK_innerOpt_01 li .MK_qty-ctrl a.MK_btn-up { background-position:0 -31px } #MK_innerOptWrap #MK_innerOpt_01 li .MK_qty-ctrl a.MK_btn-dw { background-position:0 0 } /* 개별옵션 */ #MK_innerOptWrap #MK_innerOpt_02 li .MK_p-name { margin-right: 80px; } #MK_innerOptWrap #MK_innerOpt_02 li .MK_qty-ctrl { width: 50px; top: 3px; *top: 2px; right: 90px; } #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_innerOptWrap #MK_innerOpt_02 li .MK_qty-ctrl a { position: absolute; right: 0px; font-size: 0; line-height: 0; } #MK_innerOptWrap #MK_innerOpt_02 li .MK_qty-ctrl a img { vertical-align: top; } #MK_innerOptWrap #MK_innerOpt_02 li .MK_qty-ctrl a.MK_btn-up { top: 2px; } #MK_innerOptWrap #MK_innerOpt_02 li .MK_qty-ctrl a.MK_btn-dw { top: 12px; } /* 총합계 */ #MK_innerOptTotal { padding:15px 20px 20px 0; font-size:24px; color: #444; text-align:right; *zoom:1 } #MK_innerOptTotal:after { display:block; clear:both; content:'' } #MK_innerOptTotal .MK_txt-total { float:left } #MK_innerOptTotal .MK_txt-won { color:#df0346; font-weight:normal } #MK_innerOptTotal .MK_total { color: #df0346; font-weight:normal; } /* 소리뷰 */ #sorivu { position: relative; margin-top: 20px; } #soriView * { line-height: 1.5 !important; } /* 상품 일반정보(상품정보제공 고시) */ #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: #f8f8f8; 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; } /* BASIC css end */