/* 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/lya6214/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-weight:bold; font-size:14px; color:#888; vertical-align:middle !important; letter-spacing:1px; } .tabmenu ul li a:hover { color:#222; } .detail_here { } .detail_here a { color:#222 !important; border-bottom:2px solid #222; } /* // */ .titleArea { margin:20px 0 10px !important; position:relative; border-bottom:1px solid #e8e8e8 !important; padding:0 0 20px !important; } .titleArea h2 { font-weight:bold; font-size:14px; background:none !important; padding:0 !important; } .titleArea span img { margin:-2px 2px 0; vertical-align:middle; } /* 이전, 다음 상품 */ .control { position:absolute; top:0; right:0; overflow:hidden; } .control span { padding:0 5px; } .control span a { color:#888; font-size:0; } .control span a:hover { color:#222; } .control img { vertical-align:middle; } .control .prev { } .control .prev img { padding-right:5px; } .control .next { } .control .next img { padding-left:5px; } /* // */ /* 구매버튼 */ .prd-btns { padding:30px 0 20px; /*border-top:1px solid #e8e8e8;*/ } .prd-btns div { display:block; width:100%; vertical-align:top; margin:10px 0 0; } .prd-btns div a { display:block; height:45px; line-height:45px; margin:0 2px; font-size:15px; letter-spacing:2px; } .prd-btns ul { font-size:0; line-height:0; text-align:center; } .prd-btns li { display:inline-block; *display:inline; *zoom:1; height:50px; margin:0 5px; } .prd-btns li a { line-height:50px; font-size:15px; letter-spacing:0.15em; } .prd-btns li span a { color:#999; } /* 관련상품 */ #productDetail .relateditem_list { width:1120px; height:auto; overflow:hidden; margin:0px auto 60px; } #productDetail .relateditem_list ul { overflow:hidden; margin:0px auto; } #productDetail .relateditem_list ul li { float:left; width:204px; margin-left:20px; text-align:center; text-align:center; } #productDetail .relateditem_list ul li:first-child { margin-left:0; } #productDetail .relateditem_list ul .related-thumb { width:204px; margin:0 auto 10px; font-size:0; line-height:0; text-align:center; } #productDetail .relateditem_list ul .related-thumb img { max-width:204px; vertical-align:top; margin:0 auto; } #productDetail .relateditem_list ul p { font-size:11px; color:#555; margin:0 0 5px; letter-spacing:0.05em; } #productDetail .relateditem_list ul p strike { color:#888; } /* // */ /* 상단 섬네일, 상품 옵션 정보 */ #productDetail .thumb-info { *zoom:1; position:relative; width:1018px; margin:0 auto; border:1px solid #e8e8e8; padding:20px 40px 40px; } #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:500px; text-align:center; margin:0 auto; } #productDetail .thumb-info .thumb img { width:500px; margin:27px 0 0; } #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 .thumb-info .thumb ul { display:inline-block; font-size:0; line-height:0; } #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 { width:470px; font-size:14px; float:right; margin:15px 0 0; } #productDetail .thumb-info .info .table-opt { margin-top:10px; } #productDetail .thumb-info .info .table-opt th, #productDetail .thumb-info .info .table-opt td { font-size:14px; padding:4px 0 10px; } #productDetail .thumb-info .info .table-opt th { font-weight:normal; } .tb-left{ font-size:14px; } .tb-center .tb-right { padding:0px; } /* 판매가격 */ #productDetail .thumb-info .info .table-opt .price { color:#222; } #productDetail .thumb-info .info .table-opt .price.Bold{font-weight:700;} /* 주문수량 */ #goods_amount { float:left; } #productDetail .thumb-info .info .table-opt .opt-spin { position:relative; width:52px; height:15px; e8e8e8: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; e8e8e8:0; font-size:12px; } #productDetail .thumb-info .info .table-opt .opt-spin .btns { width:17px; height:15px; e8e8e8-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 { e8e8e8-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 .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 .info .table-opt .opt-wrap { width:100%; margin-top:10px; padding:15px 0; border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; } #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:90px;padding-top:4px; } #productDetail .thumb-info .info .table-opt .opt-wrap dd { float:left; width:250px; } #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:250px; height:26px; border:1px solid #ddd; } #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 #e8e8e8; 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 #e8e8e8;*/ border-bottom:1px solid #e8e8e8; } #productDetail .table-slide thead th { font-weight:normal; } #productDetail .table-slide th, #productDetail .table-slide td { padding:13px 0; cursor:pointer; } #productDetail .table-slide th { background:#eee; color:#555; } #productDetail .table-slide tbody td { /*background: url(/images/d3/modern_simple/common/dot_h1_w10.gif) repeat-x 0 0;*/ border-top:1px solid #e8e8e8; } #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: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: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 #e8e8e8; } #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 #e8e8e8; } #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:17px 5px; font-size:14px; color:#222; text-align:right; letter-spacing:0.03em; border-bottom:1px solid #e8e8e8; } #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 */