/* BASIC css start */ /* 상세 박스 */ #content { width:100%; } .detail_wrap { width:100%; position:relative; } .detail_left { position:fixed; top:0; left:0; width:18%; height:100%; padding:0 2.5%; text-align:center; background:#fff; } .detail_center { width:50%; margin:0 auto; } .detail_center img { /*width:40%;*/ margin:0 auto; display:block; max-width:650px; height:auto !important; } .detail_right { position:fixed; width:18%; min-width:260px; height:100%; padding:0 2.5%; top:0; background:#fff; } .contents_wrap { width:100%; height:100%; display:table; -dt-display: table; } .contents { display:table-cell; -dt-display: table-cell; vertical-align:middle; line-height:20px; } .footer_wrap_outer { clear:both; display:table; position:relative; width:95%; padding:30px 2.5%; margin:0 auto; background-color:#fff; z-index:4; } /* //상세 박스 */ /* 타이틀 */ .titlearea { clear:both; text-align:left; padding:0 0 10px; margin:0 0 10px; border-bottom:1px solid #e8e8e8; } .titlearea h2 { font-size:13px; letter-spacing:0.05em; font-weight:normal; } .titlearea h2 img { vertical-align:middle; margin:-1px 0 0 2px; display:none; } .detail_title { clear:both; text-align:left; padding:0 0 20px; margin:30px 0 0; } .detail_title h2 { font-size:13px; letter-spacing:0.05em; font-weight:normal; } /* 관련상품 */ .relateditem_list { clear:both; width:100%; height:auto; overflow:hidden; margin:0px auto 30px; text-align:left; } .relateditem_list h2 { font-size:13px; letter-spacing:0.05em; font-weight:normal; padding:0 0 15px; } .relateditem_list ul { font-size:0; line-height:0; } .relateditem_list ul li { display:inline-block; *display:inline; *zoom:1; width:25%; text-align:center; } .relateditem_list ul .thumb { width:95%; margin:0 auto; text-align:center; } .relateditem_list ul .thumb img { max-width:100%; vertical-align:top; margin:0 auto; } /* 상품옵션 정보 */ #infoArea .info { font-size:12px; } #infoArea .info .table-opt { margin-top:10px; } #infoArea .info .table-opt th, #infoArea .info .table-opt td { font-size:12px; padding:4px 0 10px; } #infoArea .info .table-opt th { font-weight:normal; } .tb-left, .tb-center, .tb-right { padding:0px; } /* 판매가격 */ #infoArea .info .table-opt .price { color:#222; } /* 구매 버튼 */ .detail_btn_action { width:100%; padding:10px 0 20px; border-top:1px solid #e8e8e8; } .detail_btn_action div { display:block; width:100%; vertical-align:top; margin:10px 0 0; } .detail_btn_action div a { display:block; height:45px; line-height:45px; margin:0 2px; font-size:11px; letter-spacing:2px; } .detail_btn_action ul { font-size:0; line-height:0; background:url(/design/lacuisine9/onedesign/images/bg_opacity.png) 0 0 repeat; text-align:center; } .detail_btn_action li { display:inline-block; *display:inline; *zoom:1; height:45px; margin:0 5px; } .detail_btn_action li a { line-height:45px; font-size:12px; letter-spacing:0.15em; } .detail_btn_action li span a { color:#999; } /* 주문수량 */ #goods_amount { float:left; } #infoArea .info .table-opt .opt-spin { position:relative; width:52px; height:15px; e8e8e8:1px solid #acacac; } #infoArea .info .table-opt .opt-spin .txt-spin, #infoArea .info .table-opt .opt-spin .btns { float:left; } #infoArea .info .table-opt .opt-spin .txt-spin { width:41px; height:13px; padding-left:2px padding-top:2px; e8e8e8:0; font-size:12px; } #infoArea .info .table-opt .opt-spin .btns { width:17px; height:15px; e8e8e8-left:1px solid #aaa; } #infoArea .info .table-opt .opt-spin .btns a { overflow:hidden; float:left; width:100%; height:8px; text-indent:-999px; background:none; } #infoArea .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%; } #infoArea .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%; } /* 통합옵션 */ #infoArea .info .table-opt .opt-wrap { width:100%; margin-top:10px; padding:15px 0 0; border-top:1px solid #e8e8e8; } #infoArea .info .table-opt .opt-wrap .tit { margin-bottom:5px; } #infoArea .info .table-opt .opt-wrap dl { overflow:hidden; width:100%; margin-bottom:5px; } #infoArea .info .table-opt .opt-wrap dt { float:left; width:90px;padding-top:4px; } #infoArea .info .table-opt .opt-wrap dd { float:left; width:170px; } #infoArea .info .table-opt .opt-wrap .sel-btn { padding-left:10px; text-align:center; } #infoArea .info .table-opt .opt-wrap select { width:230px; height:24px; border:1px solid #e8e8e8; } #infoArea .info .table-opt .opt-wrap .opt-btns { position:relative; width:56px; height:21px } #infoArea .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; } #infoArea .info .table-opt .opt-wrap .opt-btns .btn-up { position:absolute; top:0; right:0; } #infoArea .info .table-opt .opt-wrap .opt-btns .btn-dw { position:absolute; bottom:0; right:0; } #infoArea .info .table-opt .opt-wrap dl .opt-count select { float:left; width:180px; } #infoArea .info .table-opt .opt-wrap dl .opt-count .opt-btns { float:left; width:56px; margin-left:5px; } /* ****************** 상품 상세 옵션 ******************** */ .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:2px; border:1px solid #ddd; height:20px; line-height:20px; } /* 사용자 입력 인풋박스 (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:12px; 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; } /* =========================== 게시판 =========================== ============================================================= */ /* 게시판 버튼 */ .board-btns { width:auto; height:auto; float:right; margin:20px 0 0; } /* review-write */ .review-write { margin-top:0px; padding:5px 0 10px; } .review-write th, .review-write td { padding:5px 0 4px; } .review-write th { font-weight:normal; } /* 댓글리스트 공통 */ .table-slide { border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; } .table-slide thead th { font-weight:normal; background:#f5f5f5; } .table-slide th, .table-slide td { padding:12px 0; cursor:pointer; } .table-slide tbody td { /*background: url(/images/d3/modern_simple/common/dot_h1_w10.gif) repeat-x 0 0;*/ border-top:1px solid #e8e8e8; } .table-slide tr.cnt { display:none; } .table-slide tr.cnt td { cursor:default; } .table-slide tr.nbg td { /*background-image:none;*/ border-top:0; } .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 */ .review-list { margin-top:0px; } /* qna board */ .qna-list { } /* 소리뷰 */ #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; } #nhn_btn { padding-top:10px; } #payco_order_btn { padding-top:10px; } /* BASIC css end */