#productDetail .page-body { margin-top:20px } #productDetail .tit-prd { padding-bottom:10px; font-size:26px; color:#333; font-weight: bold; letter-spacing:0px; border-bottom:1px solid #c4c4c4 } /* 상단 섬네일, 상품 옵션 정보 */ /* #productDetail .thumb-info { padding-top:20px; *zoom:1 } */ #productDetail .thumb-info { padding-top:20px; *zoom:1; width:980px; } #productDetail .thumb-info:after { content: ""; display: block; clear: both; } /* 섬네일 */ #productDetail .thumb-info .thumb-wrap { float:left; width:380px; text-align: center } #productDetail .thumb-info .thumb { width:380px } #productDetail .thumb-info .thumb 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:569px } #productDetail .thumb-info .info .table-opt { padding:10px 0; } #productDetail .thumb-info .info .table-opt th, #productDetail .thumb-info .info .table-opt td { font-size:14px; padding:10px 0; position:relative } #productDetail .thumb-info .info .table-opt th .tb-left, #productDetail .thumb-info .info .table-opt td .tb-left { padding:0 } #productDetail .thumb-info .info .table-opt th { } #productDetail .thumb-info .info .table-opt td span { font-size:12px; color:#999; font-weight:normal } #productDetail .thumb-info .info .table-opt td .smallBtn { display:inline-block; padding:2px 5px 1px; font-size:11px; border:1px solid #e1e1e1 } #productDetail .thumb-info .info .deliveryTb { border-top:1px solid #e1e1e1 } /* 판매가격 */ #productDetail .thumb-info .info .table-opt .price { font-weight: bold; color: #ff0403; } /* 주문수량 */ #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:6px; font-size:0 } #productDetail .thumb-info .info .prd-btns .btn_tender { display:inline-block; width:350px; height:62px; font-size:16px; color:#fff; font-weight:bold; text-align:center; line-height:62px; border:1px solid #df0403; background:#df0403 } #productDetail .thumb-info .info .prd-btns .btn_tender2_red { display:inline-block; width:170px; height:62px; font-size:16px; color:#fff; font-weight:bold; text-align:center; line-height:62px; border:1px solid #df0403; background:#df0403 } #productDetail .thumb-info .info .prd-btns .btn_tender2_blue { display:inline-block; margin-left:10px; width:170px; height:62px; font-size:16px; color:#fff; font-weight:bold; text-align:center; line-height:62px; border:1px solid #0000FF; background:#0000FF } #productDetail .thumb-info .info .prd-btns .btn_tender:hover { color:#df0403; background:#fff } #productDetail .thumb-info .info .prd-btns .btn_tender2_red:hover { color:#df0403; background:#fff } #productDetail .thumb-info .info .prd-btns .btn_tender2_blue:hover { color:#0000FF; background:#fff } #productDetail .thumb-info .info .prd-btns .btn_end { display:inline-block; width:350px; height:62px; font-size:16px; color:#fff; font-weight:bold; text-align:center; line-height:62px; border:1px solid #717171; background:#717171 } #productDetail .thumb-info .info .prd-btns .btn_end:hover { color:#717171; background:#fff } #productDetail .thumb-info .info .prd-btns .btn_wish { display:inline-block; margin-left:10px; width:165px; height:62px; font-size:16px; color:#333; font-weight:bold; text-align:center; line-height:62px; border:1px solid #ddd; background:#fff } #productDetail .thumb-info .info .prd-btns .btn_wish:hover { color:#000; background:#ddd } /* 타이틀 공통 */ #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 .prd-list { margin-top: 10px; } #productDetail .prd-list th { padding: 10px 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; font-weight: normal; font-size: 11px; } #productDetail .prd-list td { padding: 5px 0; border-bottom: 1px solid #ccc; vertical-align: middle; } #productDetail .prd-list .thumb { width: 50px; height: 50px; } #productDetail .prd-list .prd-amount { position: relative; width: 52px; height: 15px; border: 1px solid #aaa; } #productDetail .prd-list .prd-amount input { width: 32px; height: 15px; border: 0; } #productDetail .prd-list .prd-amount .btns { float: left; width: 19px; height: 15px; border-left: 1px solid #aaa; } #productDetail .prd-list .prd-amount .btns a { overflow: hidden; float: left; width: 100%; height: 7px; 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% 2px; } #productDetail .prd-list .prd-amount .btns a.btn-dw { background: url(/images/d3/modern_simple/btn/btn_h5_spin_dw.gif) no-repeat 50% 2px; } #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 #ddd } */ #productDetail .table-slide { border-top: 1px solid #ddd; width:980px; } #productDetail .table-slide thead th { padding:18px 0; color:#666; border-bottom:1px solid #ddd; background:#f8f8f8 } #productDetail .table-slide td { padding:18px 0; cursor:pointer } #productDetail .table-slide tbody td { border-bottom:1px solid #ddd } #productDetail .table-slide tr.cnt { display: none; } #productDetail .table-slide tr.cnt td { color:#989898; background:#fcfcfc; cursor: default; } #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:20px } /* .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 { padding-top:10px; text-align:right } #productDetail .board-btns .btn_list { display:inline-block; width:78px; height:30px; text-align:center; line-height:30px; border:1px solid #b2b2b2; background:#fff } #productDetail .board-btns .btn_list:hover { color:#fff; background:#b2b2b2 } #productDetail .board-btns .btn_write { display:inline-block; width:78px; height:30px; color:#fff; text-align:center; line-height:30px; border:1px solid #474747; background:#474747 } #productDetail .board-btns .btn_write:hover { color:#474747; background:#fff } /* 상세 탭 */ .detailTab { position:relative; left:150px; } .detailTab ul { margin-left:1px; height:60px } .detailTab li { margin-left:-1px; float:left; width:489px; height:58px; text-align:center; line-height:58px; border:1px solid #ddd } .detailTab li.first { width:488px } .detailTab li.on { height:56px; line-height:56px; border-bottom:3px solid #214ebd } .detailTab li a { display:block; height:58px; font-size:14px } .detailTab li.on a { color:#214ebd; font-weight:bold } .detailSpace { padding-top:60px; position:relative; height:1px; } /* 경매기록 레이어팝업 */ /*.layer-pop { display:none; margin-left:-190px; padding:0 5px 5px; position:absolute; top:0; left:50%; width:380px; height:auto; background:#113796; z-index:9999 }*/ /*.layer-pop { display:block; margin-left:0px; padding:0 5px 5px; position:absolute; top:0px; left:0px; width:97%; height:auto; background:#113796; z-index:9999 }*/ .layer-pop { display:block; margin-left:0px; padding:0; position:absolute; top:0px; left:0px; width:100%; height:auto; z-index:9999 } .layer-pop .layer-top { position:relative; height:45px; background:#113796; } .layer-pop .layer-top h3 { padding-left:5px; font-size:14px; color:#fff; font-weight:bold; line-height:45px } .layer-pop .layer-top .btnLayerClose { position:absolute; top:6px; right:2px; width:30px; height:30px; text-indent:-9999em; background:url(/design/capsmro/phps/common/btn_layerclose.gif) 0 0 no-repeat; cursor:pointer } .layer-pop .layer-inner { padding:0 20px 25px; position:relative; background:#fff } .layer-pop .layer-inner .layer-tit { padding:30px 0 10px } .layer-pop .layer-inner .layer-tit h4 { padding-left:22px; font-size:18px; color:#333; font-weight:bold; letter-spacing:-1px; background:url(/design/capsmro/phps/company/bu_company.gif) 0 0 no-repeat } .layer-pop .layer-inner .layer-tb { position:relative } .layer-pop .layer-inner .layer-tb table { border-top:1px solid #ddd } .layer-pop .layer-inner .layer-tb table tbody th { padding:18px 0; color:#343434; border-bottom:1px solid #ddd; background:#f8f8f8 } .layer-pop .layer-inner .layer-tb table tbody td { padding:18px 10px; color:#343434; border-bottom:1px solid #ddd } .layer-pop .layer-inner .layer-tb2 table { border-top:1px solid #ddd } .layer-pop .layer-inner .layer-tb2 table thead th { padding:18px 0; background:#f8f8f8; color: #343434; border-bottom: 1px solid #ddd } .layer-pop .layer-inner .layer-tb2 table tbody td { padding:18px 0; color:#343434; text-align:center; border-bottom: 1px solid #ddd } .layer-pop .layer-inner .layer-tb2 table tbody td.tb-date { padding:0 } .layer-pop .layer-inner .layer-tb2 table tbody td.tb-date span { color:#999 } .layer-pop .layer-inner .layer-tb2 .paging { padding-top:10px } .layer-pop .layer-inner .layer-tb2 .paging a { margin:0 2px; width:20px; height:20px; line-height:20px } .layer-pop .layer-inner .layer-tb2 .paging a.prev { margin-right:5px } .layer-pop .layer-inner .layer-tb2 .paging a.next { margin-left:5px } /*.layer-pop .layer-inner .btmClose { margin-top:10px; position:relative; height:48px; font-size:14px; color:#333; text-align:center; line-height:48px; border:1px solid #ddd; cursor:pointer }*/ .layer-pop .layer-inner .btmClose { margin-top:10px; height:48px; font-size:14px; color:#333; text-align:center; line-height:48px; border:1px solid #ddd; cursor:pointer } /* 경매입찰 레이어팝업 */ .layer-pop .layer-inner .layer-tb table tbody td .price { font-size:14px; color:#ff0403; font-weight:bold } .layer-pop .layer-inner .layer-tb table tbody td .tender_txt { width:195px; height:30px; border:1px solid #e9e9e9 } .layer-pop .layer-inner .layer-tb table tbody td label { display:block; padding:5px 0 2px; font-size:11px } .layer-pop .layer-inner .layer-tb table tbody td .dsc { font-size:11px; color:#df0403 } .layer-pop .layer-inner .agree-bx { padding:20px 15px; height:50px; border:1px solid #e9e9e9; overflow-y:auto } .layer-pop .layer-inner .agree-bx .tit { font-weight:bold } .layer-pop .layer-inner .agree-bx li { padding-top:3px; line-height:18px } .layer-pop .layer-inner .agree-btm { padding-top:5px } .layer-pop .layer-inner .agree-btm label { font-size:11px } /*.layer-pop .layer-inner .btmTender { margin-top:10px; position:relative }*/ .layer-pop .layer-inner .btmTender { margin-top:10px; } .layer-pop .layer-inner .btmTender a { display:block; height:62px; font-size:16px; color:#fff; font-weight:bold; text-align:center; line-height:62px; border:1px solid #df0403; background:#df0403 } #layer-mask { display:none; position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.5; filter:alpha(opacity=50); z-index:999 } /* 마감연장 레이어팝업 */ #endTimeLayer { display:none; position:absolute; top:40px; left:217px; width:250px; z-index:9999 } #endTimeLayer .ly-inner { padding:20px; border:3px solid #ddd; background:#fff } #endTimeLayer .ly-inner .tit { font-size:11px; font-weight:bold } #endTimeLayer .ly-inner .txt { padding-top:5px; font-size:11px; line-height:16px } #endTimeLayer .arr { margin-left:-7px; position:absolute; top:-7px; left:50%; width:13px; height:10px; background:url(/design/capsmro/phps/common/endtime_arr.png) 0 0 no-repeat; z-index:10 } /* ****************** 상품 상세 옵션 ******************** */ .MK_not_choice { color: red; } .MK_optAddWrap, .MK_optAddWrap * { margin: 0; padding: 0; } .MK_optAddWrap { color: #666; font-size: 11px; line-height: 13px; font-family: Dotum; } .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: 1px solid #ddd; } #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:13px; _height: 13px; *margin-bottom: -4px; padding: 8px 5px; border-bottom: 1px solid #ddd; } #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: 20px; top: 10px; color: #333; } #MK_innerOptWrap .MK_inner-opt-cm li .MK_btn-del { right: 5px; top: 10px; } /* 사용자 입력 인풋박스 (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: 140px; } #MK_innerOptWrap #MK_innerOpt_01 li .MK_qty-ctrl { width: 50px; top: 3px; *top: 2px; right: 90px; } #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_01 li .MK_qty-ctrl a { position: absolute; right: 0px; font-size: 0; line-height: 0; } #MK_innerOptWrap #MK_innerOpt_01 li .MK_qty-ctrl a img { vertical-align: top; } #MK_innerOptWrap #MK_innerOpt_01 li .MK_qty-ctrl a.MK_btn-up { top: 2px; } #MK_innerOptWrap #MK_innerOpt_01 li .MK_qty-ctrl a.MK_btn-dw { top: 12px; } /* 개별옵션 */ #MK_innerOptWrap #MK_innerOpt_02 li .MK_p-name { margin-right: 80px; } /* 총합계 */ #MK_innerOptTotal { padding: 10px 5px; font-size: 12px; color: #333; text-align: right; } #MK_innerOptTotal .MK_txt-total { } #MK_innerOptTotal .MK_txt-won { } #MK_innerOptTotal .MK_total { color: #ff0000; font-weight: bold; } /* 소리뷰 */ #sorivu { position: relative; margin-top: 20px; } /* 상품 일반정보(상품정보제공 고시) */ #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; } #nhn_btn {padding-top:10px;} #payco_order_btn {padding-top:10px;}