/* BASIC css start */ /* 상세페이지 탭메뉴 */ #tab_box_detail { clear:both; height:auto; overflow:hidden; margin:0 0 30px; padding:70px 0 0; text-align:center; border-bottom:1px solid #e8e8e8; } .tabmenu { clear:both; height:45px; } .tabmenu ul { display:inline-block; font-size:0; line-height:0; } .tabmenu ul li { display:inline-block; *display:inline; *zoom:1; height:43px; text-align:center; padding:0 10px; background:url(/design/qoocobb/onedesign/images/line_menu.png) 0 50% no-repeat; } .tabmenu ul li.first { padding-left:0; background:none; } .tabmenu ul li a { display:inline-block; line-height:43px; font-size:10px; color:#888; vertical-align:middle !important; letter-spacing:1px; font-family:'Montserrat'; } .detail_here { } .detail_here a { color:#222 !important; border-bottom:2px solid #222; } /* // */ /* 이전, 다음 제품 보기 */ .control_icon { clear:both; overflow:hidden; max-width:700px; margin:17px auto 0; } .control_icon ul { } .control_icon li { float:left; padding:0 20px 0 3px; } .control_icon li a { display:inline-block; font-size:0; } /* 구매버튼 */ #productDetail .prd-btns { clear:both; padding:30px 0 20px; border-top:1px solid #e8e8e8; } .detail_btn_action { width:100%; margin:0 0 10px; margin-bottom:50px;} .detail_btn_action div { float:left; width:50%; vertical-align:top; } .detail_btn_action div a {display:block;height:40px;line-height:40px;margin:0 2px;font-size: 15px;letter-spacing: 1px;font-family: 'pretendard';font-weight: 600;} .detail_btn_action div a.btn_dark_border { border:1px solid #ccc; } .detail_btn_action div a.btn_dark_border:hover { border:1px solid #222; } /* 관련상품 */ #productDetail .relateditem_list { clear:both; height:auto; overflow:hidden; margin:0px auto 30px; text-align:center; } #productDetail .relateditem_list ul { display:inline-block; font-size:0; } #productDetail .relateditem_list ul li { display:inline-block; *display:inline; *zoom:1; width:18.3%; margin:0 8px; text-align:center; } #productDetail .relateditem_list ul .thumb { width:100%; margin:0 auto 10px; font-size:0; line-height:0; } #productDetail .relateditem_list ul .thumb img { max-width:100%; vertical-align:top; margin:0 auto; } #productDetail .relateditem_list ul .name, #productDetail .relateditem_list ul .price { color:#222; font-size:11px; line-height:20px; } /* 상단 섬네일, 상품 옵션 정보 */ #productDetail .thumb-info { *zoom:1; position:relative; margin:0 auto 0; border:1px solid #e8e8e8; padding:20px 30px 40px; } #productDetail .thumb-info:after { content:""; display:block; clear:both; } /* 섬네일 */ #productDetail .thumb-info .thumb-wrap { float:left; width:55%; text-align:center; } #productDetail .thumb-info .thumb { max-width:700px; text-align:center; margin:0 auto; } #productDetail .thumb-info .thumb img { width:500px; margin:15px 0 0; text-align:center; vertical-align:top; } #productDetail .thumb-info .thumb-ctrl { clear:both; padding-top:20px; text-align:center; } #productDetail .thumb-info .thumb-ctrl a { font-size:12px; } #productDetail .thumb-info .thumb-ctrl a img { vertical-align:middle; margin-right:3px; } /* 상품 상세 이미지 */ #productDetail .prd-detail table { table-layout:auto; } #productDetail .prd-detail { margin:30px auto 70px; width:100%; overflow:hidden; text-align:center; line-height:22px; } #productDetail .prd-detail img { max-width:100%; } /* 상세이미지 다중이미지 */ #productDetail .thumb-info .thumb ul { display:inline-block; font-size:0; line-height:0; display:none; } #productDetail .thumb-info .thumb li.addimg { display:inline-block; *display:inline; *zoom:1; text-align:left; margin:20px 0 0; } #productDetail .thumb-info .thumb li.addimg img { width:78px !important; margin:0 2px !important; } /* 상품옵션 정보 */ #productDetail .thumb-info .info { float:right; width:40%; font-size:12px; } #productDetail .thumb-info .info .table-opt { margin-top:50px; } #productDetail .thumb-info .info .table-opt th, #productDetail .thumb-info .info .table-opt td {font-size: 15px;padding:4px 0 10px;font-family: 'pretendard'; font-weight:600;} #productDetail .thumb-info .info .table-opt th { font-weight:600; } .tb-left, .tb-center, .tb-right { padding:0px; } /* 판매가격 */ #productDetail .thumb-info .info .table-opt .price { color:#222; } /* 주문수량 */ #goods_amount { float:left; } #productDetail .thumb-info .info .table-opt .opt-spin { position:relative; width:52px; height:15px; ddd: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; ddd:0; font-size:12px; } #productDetail .thumb-info .info .table-opt .opt-spin .btns { width:17px; height:15px; ddd-left:1px solid #aaa; } #productDetail .thumb-info .info .table-opt .opt-spin .btns a { overflow:hidden; float:left; width:100%; height:8px; text-indent:-999px; background:none; } #productDetail .thumb-info .info .table-opt .opt-spin .btns a.btn-up { ddd-bottom:1px solid #aaa; background:url(/images/d3/modern_simple/btn/btn_h5_spin_up.gif) no-repeat 50% 50%; } #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% 50%; } /* 통합옵션 */ #productDetail .thumb-info .info .table-opt .opt-wrap { width:100%; margin-top:10px; padding:15px 0; border-top:1px solid #ddd; } #productDetail .thumb-info .info .table-opt .opt-wrap .tit { margin-bottom:5px; } #productDetail .thumb-info .info .table-opt .opt-wrap dl { overflow:hidden; width:100%; margin-bottom:5px; } #productDetail .thumb-info .info .table-opt .opt-wrap dt { float:left; width:120px;padding-top:4px; } #productDetail .thumb-info .info .table-opt .opt-wrap dd { float:left; width:260px; } #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:260px;height:24px;border:1px solid #ddd;font-size: 14px;font-family: 'pretendard';} #productDetail .thumb-info .info .table-opt .opt-wrap .opt-btns { position:relative; width:56px; height:21px } #productDetail .thumb-info .info .table-opt .opt-wrap .opt-btns input { position:absolute; top:0; left:0; width:40px; height:19px; 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; } /* review-write */ #productDetail .review-write { margin-top:0px; padding:5px 0 10px; } #productDetail .review-write th, #productDetail .review-write td { padding:5px 0 4px; } #productDetail .review-write th { font-weight:normal; } /* 댓글리스트 공통 */ #productDetail .table-slide { border-top:1px solid #ddd; border-bottom:1px solid #ddd; } #productDetail .table-slide thead th { font-weight:normal; } #productDetail .table-slide th, #productDetail .table-slide td { padding:15px 0; cursor:pointer; } #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.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; } /* review-list */ #productDetail .review-list { margin-top:0px; } /* qna board */ #productDetail .qna-list { } /* ****************** 상품 상세 옵션 ******************** */ .MK_not_choice { color:red; } .MK_optAddWrap, .MK_optAddWrap * { margin:0; padding:0; } .MK_optAddWrap {color:#222;font-size: 14px;line-height:13px;font-family: 'pretendard';} .MK_optAddWrap li { list-style:none; } /* 옵션선택 */ #MK_optAddList { overflow:hidden; *zoom:1; } #MK_optAddList li { float:left; width:100%; margin-top:5px; } #MK_optAddList .MK_tit, #MK_optAddList .MK_div, #MK_optAddList .MK_st { float:left; } #MK_optAddList .MK_tit, #MK_optAddList .MK_div { font-size:12px; line-height:16px; } #MK_optAddList .MK_tit { width:65px; margin-right:5px; } #MK_optAddList .MK_div { width:5px; text-align:center; } #MK_optAddList .MK_st { width:205px; } #MK_optAddList .MK_st .MK_btn-add { cursor:pointer; } #MK_optAddList .MK_st select { margin-left:5px; width:195px; height:18px; } /* 옵션선택PP */ #MK_optAddListPP { overflow:hidden; *zoom:1; } #MK_optAddListPP .MK_tit, #MK_optAddListPP .MK_st { float:left; width:auto; } #MK_optAddListPP .MK_tit { margin-right:5px; margin-top:3px; } /* 옵션 결과 리스트 */ #MK_innerOptWrap { margin-top:10px; border-top: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:15px 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:15px; color:#222; } #MK_innerOptWrap .MK_inner-opt-cm li .MK_btn-del { right:5px; top:13px; } #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:140px; } #MK_innerOptWrap #MK_innerOpt_01 li .MK_qty-ctrl { width:52px; top:10px; *top:9px; 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_innerOptWrap #MK_innerOpt_02 li .MK_qty-ctrl { width:52px; top:10px; *top:9px; 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 5px; font-size:14px; color:#222; text-align:right; letter-spacing:0.03em; } #MK_innerOptTotal .MK_txt-total { } #MK_innerOptTotal .MK_txt-won { } #MK_innerOptTotal .MK_total { color:#222; font-weight:bold; font-size:16px; } /* 소리뷰 */ #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:#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; } /* 게시판 버튼 */ .board-btns { width:auto; height:auto; float:right; margin:20px 0 0; } /* BASIC css end */