/* BASIC css start */ /* BASIC css start */ /* BASIC css start */ /* CUSTOM LAYOUT */ #contentWrap {width:100%;} #content {position:relative;width:1100px;margin:0 auto;margin-bottom:40px;float:none;} /*** 상세 ***/ #productDetail .page-body { padding-bottom: 50px; } /* 상단 섬네일, 상품 옵션 정보 */ #productDetail .thumb-info { zoom: 1; overflow: hidden; } #productDetail .thumb-info:after { content: ""; display: block; clear: both; } /* 섬네일 */ #productDetail .thumb-info .thumb-wrap { float: left; width:49%; } #productDetail .thumb-info .thumb { width:100%; } #productDetail .thumb-info .thumb .zoom_img img { display: block; width:100%; height:auto;border:solid 1px #d3d3d3;} #productDetail .thumb-info .thumb dl {} #productDetail .thumb-info .thumb dl dt {} #productDetail .thumb-info .thumb dl dt img {width:100%; height:auto;border:1px #ddd solid;} #productDetail .thumb-info .thumb dl dd { margin-top:10px; } #productDetail .thumb-info .thumb dl dd img {border:1px #ddd solid;margin-right:1.8%;} #productDetail .thumb-info .thumb dl dd img:last-child {margin-right:0;} #productDetail .thumb-info .zoom {display:block;margin:0 auto;text-align:center;padding:20px 0 0 0;} #productDetail .thumb-info .zoom img {margin:0 auto;} /* 상품 정보영역 버튼 */ #productDetail .prd-btns, #productDetail .sns-btns {} #productDetail .prd-btns {padding:24px 0 0 0;} #productDetail .prd-btns a {display:inline-block;} #productDetail .sns-btns {font-size:0;} #productDetail .sns-btns img {margin:0 3px 0 0;} /* 상품옵션 정보 */ #productDetail .thumb-info .info { float:right; width:48%; margin:0; padding:32px 0 0 0; background:url(/design/d4-0733/img/sub_dialine.gif) repeat-x 0 0;} #productDetail .thumb-info .info .detail_name {border-bottom:1px #000 solid;padding:0 0 18px 0;margin:0 0 10px 0;} #productDetail .thumb-info .info .detail_name .brand_name {color:#888;font-size:18px;line-height:24px;padding-bottom:2px;} #productDetail .thumb-info .info .detail_name h3 {color:#444;font-size:30px;line-height:40px;font-weight:600;} #productDetail .thumb-info .info .table-opt {} #productDetail .thumb-info .info .table-opt table {margin-bottom:0px;} #productDetail .thumb-info .info .table-opt th, #productDetail .thumb-info .info .table-opt td { padding:8px 0 8px 0; line-height:30px;font-size:12px;color:#333;text-align:left; } #productDetail .thumb-info .info .table-opt th {color:#444;font-size:13px;} #productDetail .thumb-info .info .table-opt th .tb-left {padding-left:20px;} #productDetail .thumb-info .info .table-opt th.g, #productDetail .thumb-info .info .table-opt td.g {color:#353227;} #productDetail .thumb-info .info .table-opt td.bgs {} #productDetail .thumb-info .info .table-opt td .tb-left {padding-left:0px;} #productDetail .thumb-info .info .table-opt table td #deliverycase td {padding:3px 0 0 0;line-height:16px;font-size:11px;} #productDetail .thumb-info .info .table-opt table td #deliverycase table {margin-bottom:0;border-top:0 none;border-bottom:0 none;} #productDetail .thumb-info .info .table-opt #price_text, #productDetail .thumb-info .info .table-opt table td.price, #productDetail .thumb-info .info .table-opt table td .price {font-weight:400; font-size:24px !important; } #productDetail .thumb-info .info .table-opt table td .price, #productDetail .thumb-info .info .table-opt table td .price + font { color:#000; } #productDetail .thumb-info .info .table-opt table td strike { color:#666; } #productDetail .thumb-info .info .table-opt .price .won { display:inline-block;line-height:22px;margin-left:2px; font-size:12px; font-weight:500;letter-spacing:0;} #productDetail .thumb-info .info .table-opt .price strike {font-size:13px;color:#999;letter-spacing:0;} #productDetail .thumb-info .info .table-opt table td.price .price_s {font-size:12px;font-weight:500;} #productDetail .thumb-info .info .table-opt td.s_price, #productDetail .thumb-info .info .table-opt td.s_price .tb-left {line-height:24px;font-size:12px;color:#000;font-weight:normal;font-weight:500;} #productDetail .thumb-info .info .table-opt td.s_price .won {margin-left:0;line-height:24px;font-size:12px;color:#000;font-weight: normal;font-weight:500;} /* 주문수량 #goods_amount { float:left;border:1px #ccc solid; height:17px;} #productDetail .thumb-info .info .table-opt .opt-spin { position: relative; width:49px; height:19px; } #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:31px; height:19px; border: 0; font-size: 11px; } #productDetail .thumb-info .info .table-opt .opt-spin .btns { width:16px; height:19px; margin-left:0px;} #productDetail .thumb-info .info .table-opt .opt-spin .btns a { overflow: hidden; float: left; width: 100%; height:10px; text-indent: -999px; background: none; } #productDetail .thumb-info .info .table-opt .opt-spin .btns a.btn-up { background:url(/design/d4-0554/2016img/detail_btn_up.gif) no-repeat left top;} #productDetail .thumb-info .info .table-opt .opt-spin .btns a.btn-dw {background:url(/design/d4-0554/2016img/detail_btn_down.gif) no-repeat left top;height:9px;} */ /* 주문수량 */ #goods_amount { float: left; width: 32px; border: 0; } #productDetail .thumb-info .info .table-opt .opt-spin { position:relative; width:70px; height:24px; } #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:32px; height:24px; border: 0; font-size: 11px; } #productDetail .thumb-info .info .table-opt .opt-spin input.MS_amount_basic {border:1px #ddd solid;width:30px;height:22px;line-height:22px;padding:0;margin:0;} #productDetail .thumb-info .info .table-opt .opt-spin .btns { width:7px; height:24px; margin:0 4px 0 5px;} #productDetail .thumb-info .info .table-opt .opt-spin .btns a { overflow: hidden; float: left; width: 100%; height:12px; text-indent: -999px; background: none; } #productDetail .thumb-info .info .table-opt .opt-spin .btns a.btn-up { background: url(/design/d4-0554/2016img/detail_up.gif) no-repeat 50% 0px; } #productDetail .thumb-info .info .table-opt .opt-spin .btns a.btn-dw { background: url(/design/d4-0554/2016img/detail_down.gif) no-repeat 50% 0px; } #productDetail .thumb-info .info .table-opt .opt-spin .count_text {display:block;width:14px;height:24px;line-height:24px;color:#000;} /* 통합옵션 */ #productDetail .thumb-info .info .table-opt .opt-wrap {width: 100%;margin-top: 10px;padding: 0;background-color: #fff;} #productDetail .thumb-info .info .table-opt .opt-wrap .tit {padding-left: 20px;color: #444;font-size: 13px;1px #000border:solid;} #productDetail .thumb-info .info .table-opt .opt-wrap dl {overflow: hidden;width: 100%;padding: 8px 0 8px 0;display: flex;align-items: center;} #productDetail .thumb-info .info .table-opt .opt-wrap dt {width: 36.6%;font-weight: bold;padding-left: 20px;color: #444;font-size: 13px;box-sizing: border-box;} #productDetail .thumb-info .info .table-opt .opt-wrap dd {width: calc(100% - 36.6%);padding-right: 10px;box-sizing: border-box;} #productDetail .thumb-info .info .table-opt .opt-wrap .sel-btn {padding-left: 10px;text-align: right;padding-right: 10px;} #productDetail .thumb-info .info .table-opt .opt-wrap select {width: 100%;height: 30px;border: 1px solid #ddd;color: #444;font-size: 13px;} #productDetail .thumb-info .info .table-opt .opt-wrap .opt-btns { position: relative; width: 56px; height: 19px } #productDetail .thumb-info .info .table-opt .opt-wrap .opt-btns input { position: absolute; top: 0; left: 0; width: 40px; height: 17px; 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; } #productDetail .thumb-info .info .table-opt .option-wrap { margin-top: 10px; padding:5px 10px; border:1px solid #ddd; font-size:11px; background:#eee; } #productDetail .thumb-info .info .table-opt .option-wrap .option-box { width:100%; border-bottom:1px solid #ddd; } #productDetail .thumb-info .info .table-opt .option-wrap .option-box:last-child { border-bottom:none; } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .tit { padding:10px 0 5px; color:#666; } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list:after { clear: both; content: ""; display: block; } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list { width:100%; padding-left:5px; } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li { float:left; width:20%; *width:19.9%; } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li.last { width:54px; } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li dl { width:54px; padding-bottom:10px; text-align:center; color:#333; } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li dl dd.prdchk { text-align:left; padding-bottom:5px; } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li dl dd.prdchk input { width:12px; height:12px; } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li dl dd.prdimg { position:relative; } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li dl dd.prdimg img { width:54px; height:54px; } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li dl dd.prdimg.noimg { } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li dl dd.prdimg .soldout { position:absolute; top:0; left:0; display:inline-block; width:54px; height:54px; line-height:56px; color:#fff; text-align:center; } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li dl dd.prdimg .soldout-bg { position:absolute; top:50%; left:0; display:inline-block; width:54px; height:20px; margin-top:-10px; background:#000; filter:alpha(opacity:40); opacity:0.4; } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li dl dd.prdimg .sel-img { position:absolute; top:0; left:0; display:inline-block; width:54px; height:54px; background:#000; filter:alpha(opacity:40); opacity:0.4; } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li dl dd.prdname { padding-top:5px; line-height:14px;} #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li dl dd.prdnote { padding-bottom:2px; line-height:15px;} #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li dl dd.prdprice { padding-bottom:3px; } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li dl dd.prdqty { } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li dl dd.prdqty input { display:inline-block; width:20px; height:15px; line-height:17px; padding:0 5px; border:1px solid #707070; font-size:11px; text-align:right; } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li dl dd.prdqty .btn-up-down { display:inline-block; width:11px; height:14px; line-height:0; font-size:0; vertical-align:top; margin-top: 6px; } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li dl dd.prdqty .btn-up-down a { display:inline-block; width:11px; height:9px; line-height:0; font-size:0; vertical-align:top; } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li dl dd.prdqty .btn-up-down .btn-up { margin-bottom:1px; } #productDetail .thumb-info .info .table-opt .sell_benefit { position:relative; } #productDetail .thumb-info .info .table-opt .sell_benefit .benefit_btn { display:inline-block; height:18px; line-height:20px; border:1px solid #000; font-size:11px; } #productDetail .thumb-info .info .table-opt .sell_benefit .benefit_btn span { display:inline-block; height:18px; padding:0 5px; color:#fff; background:#000; vertical-align:top; } #productDetail .thumb-info .info .table-opt .sell_benefit .benefit_btn em { display:inline-block; height:18px; padding:0 3px 0 0; font-size:10px; vertical-align:top; } /* 정기배송 */ #productDetail .thumb-info .info .prd-btns .btn_subs { display:block; width:99%; height:68px; font-size:15px; color:#fff; text-align:center; line-height:68px; border:1px solid #f1191f; background:#f1191f; margin-top: 10px; } #productDetail .thumb-info .info .prd-btns .btn_subs:hover { color:#000; background:#fff } #productDetail .thumb-info .info .prd-btns .btn_subs:active { position: relative; top: 1px; } .prd-sns { margin:15px 0; } /* 상품 상세 이미지 */ #productDetail .prd-detail table { table-layout: auto; } #productDetail .prd-detail { margin-top: 15px; width: 100%; overflow: hidden; } #productDetail .prd-detail img { max-width: 100%; } /* ****************** 상품 상세 옵션 ******************** */ .MK_not_choice { color: red; } .MK_optAddWrap, .MK_optAddWrap * { margin: 0; padding: 0; } .MK_optAddWrap {color: #666;font-size: 11px;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 {padding-top: 10px;border-top: 1px solid #d3d3d3;margin-top: 0;position: relative;} #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: 30px;_height: 30px; *margin-bottom: -4px;padding: 8px 0 8px 0;font-size: 13px;color: #444;font-weight: 500;} #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: 28px;top: 16px;color: #444;font-size: 13px;} #MK_innerOptWrap .MK_inner-opt-cm li .MK_btn-del {right: 10px;top: 15px;} #MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl input {float: left;width: 74px;margin: 0;height: 28px;line-height: 28px;padding: 0;border: 1px #d3d3d3 solid;color: #444;font-size: 13px;text-align: center !important;} #MK_innerOptWrap .MK_inner-opt-cm li #MK_p_price_basic_0 {/* color:#d12a34; */} /* 사용자 입력 인풋박스 (color, size )*/ .MK_optAddWrap .MK_inner-opt-cm li .MK_txt_uinput { width: 200px; } /* 기본옵션 */ #MK_innerOptWrap .MK_inner-opt-cm li .MK_p-name {margin-right: 63.4%;padding-top: 8px;margin-left: 20px;font-weight: 500;font-size: 13px;color: #444;} #MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl {top: 9px; *top: 2px;right: 29%;width: 138px;height: 30px;} #MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl input.MK_count { width: 30px; height: 16px; line-height: 16px; padding: 2px 0 0 2px; } #MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl a {display: inline-block;font-size: 0;line-height: 30px;width: 31px;height: 30px;} #MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl a img {display:none;} #MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl a img { vertical-align: top; } #MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl a.MK_btn-up {position: absolute;top: 0;left: 76px;background: url(http://abc3662.img9.kr/da_images/btn_count_up.gif) no-repeat left top;} #MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl a.MK_btn-dw {position: absolute;right: 0;top: 0;background: url(http://abc3662.img9.kr/da_images/btn_count_down.gif) no-repeat left top;} /* 총합계 */ #MK_innerOptWrap #MK_innerOptPrice { display:none; padding: 12px 5px 10px; font-size: 12px; color: #333; text-align: right; } #MK_innerOptAdd { display:block; padding: 0 5px; font-size: 12px; color: #333; text-align: right; } #MK_innerOptTotal { margin-top: 26px; margin-bottom: 0px; padding: 0; line-height: 30px; font-size: 16px; color: #444; text-align: right; font-weight: 500; position: relative; } #MK_innerOptTotal .MK_txt-total {float: left;display: inline-block;width: 36.6%;line-height: 34px;text-indent: 20px;text-align: left;color: #444;} #MK_innerOptTotal .MK_txt-won {color: #fa2e14;font-size: 16px;margin-right: 20px;} #MK_innerOptTotal .MK_total {color: #fa2e14;font-size: 28px;letter-spacing: -0.06em;margin-right: -3px;} /* 원클릭옵션 */ .MK-oneclick-list { overflow:hidden; zoom:1; } .MK-oneclick-list:after { content: ""; display: block; clear: both; } .MK-oneclick-list li { float:left; margin: 0 5px 5px 0; } .MK-oneclick-list li a { border:1px solid #231f20; display: inline-block; border-radius: 1px; box-sizing:border-box; } .MK-oneclick-list li.MK-oneclick-sel a { border:2px solid #000000; } .MK-oneclick-list li.MK-oneclick-dis a { filter:alpha(opacity=50); -moz-opacity:.5; opacity:.5; } .MK-oneclick-list li.MK-oneclick-color.MK-oneclick-sel a { padding:1px; filter:alpha(opacity=100); -moz-opacity:1; opacity:1; } .MK-oneclick-list li a span { display: block; text-align: center; vertical-align: middle; line-height: 19px; } .MK-oneclick-list li a img { width: 100%; height:100%;} .MK-oneclick-list li.MK-oneclick-image a {height:50px;} .MK-oneclick-list li.MK-oneclick-image a img {width: auto; height: 48px;;} .MK-oneclick-list li.MK-oneclick-image.MK-oneclick-sel a img {height:46px; width: auto;} .MK-oneclick-list li.MK-oneclick-color { width:50px; height: 50px; } .MK-oneclick-list li.MK-oneclick-color a { padding: 2px; } .MK-oneclick-list li.MK-oneclick-color span { width: 44px; height: 44px; } .MK-oneclick-list li.MK-oneclick-color .mk-oo-sel span { width: 27px; height: 27px; } .MK-oneclick-list li.MK-oneclick-text .MK-oneclick-list li.MK-oneclick-text {min-width:35px; max-width:100%; height: 50px; } .MK-oneclick-list li.MK-oneclick-text a { padding: 2px; } .MK-oneclick-list li.MK-oneclick-text.MK-oneclick-sel a {padding:1px;} .MK-oneclick-list li.MK-oneclick-text span { min-width: 29px; line-height: 44px; max-width: 320px; overflow: hidden; height: 44px; } .MK-oneclick-list li.MK-oneclick-text .MS-oneclick-sel span { min-width: 30px; line-height: 27px; } .MK-oneclick-value { padding: 5px 0; display:block; } .MK-oneclick-only-text li.MK-oneclick-text { height: auto; } .MK-oneclick-only-text li.MK-oneclick-text span { height: auto; line-height: 19px; max-width: 320px; overflow: hidden; height: 19px; } /* 소리뷰 */ #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; } /* 상세 관련상품 영역 */ .related_wrap {} /* 상세 코멘트 리뷰 작성박스 영역 */ .review-write {border:1px #e1e1e1 solid;padding:20px 0;text-align:center;} .review-write table {width:93%;margin:0 auto;} .review-write th, .review-write td {text-align:left;line-height:20px;font-size:12px;color:#000;} .review-write th {font-weight:normal;} .review-write td {padding:6px 0;} .review-write td .review_star {font-size:14px;} .review-write td .review_star label { color:#000 !important; } .review-write .score {display:inline-block;width:41px;line-height:28px;font-weight:500;} .review-write .frm-w input { width: 150px; height:18px; line-height:18px; border: 1px solid #e1e1e1; } .review-write textarea.MS_review_content_box { height:54px; line-height:17px; border:1px #ddd solid; float:left; width:80%;} .review-write .comment_btn {display:block;margin-left:10px;float:left;width:118px;text-align:center;height:58px;line-height:58px;} .MS_review_mark .MS_review_mark_icon span {color:#666 !important;} /* 댓글리스트 공통 */ #productDetail .table-slide {} #productDetail .table-slide th, #productDetail .table-slide td {cursor: pointer;} #productDetail .table-slide tr.cnt { display: none; } #productDetail .table-slide tr.cnt td { cursor: default; } #productDetail .table-slide tr.nbg td, #productDetail .table-slide td.nbg { background-image: none; border-bottom:0 none; } #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 .MS_review_mark .MS_review_mark_title {display:none;} /* 상세 탭타이틀 영역*/ .detail_tit {margin:100px 0 40px 0;} .detail_tit table {border-collapse:collapse;width:100%;} .detail_tit td {width:20%;z-index:1;background:#fff;border:1px #d3d3d3 solid;border-bottom:1px #000 solid;} .detail_tit td.ov_l {border-right:1px #000 solid;} .detail_tit td.ov {z-index:3;background:#fff;border:1px #000 solid;border-top:1px #000 solid;border-bottom:1px #fff solid;} .detail_tit td a {display:block;width:100%;line-height:20px;padding:10px 0 9px 0;text-align:center;font-weight:500;font-size:13px;color:#888;z-index:1;} .detail_tit td.ov a {z-index:3;padding:9px 0 9px 0;color:#000;border-top:1px #000 solid;} .detail_tit td.ov a font {} /* 공통정보 영역 */ .detail_delivery {padding:0 0 0 0;text-align:left;} .detail_delivery dt {color:#333;font-size:13px;font-weight:700;line-height:20px;padding:0 0 8px 0;text-align:left;} .detail_delivery dd {color:#666;font-size:12px;line-height:24px;text-align:left;} /*** 버튼 모음 ***/ .btn_wrap {text-align:center;padding:40px 0 0 0;vertical-align:middle;} .btn_wrap a, .btn_wrap input {margin:0 3px 0 4px;vertical-align:middle;} .pagediv .btn_wrap {position:absolute;top:29px;} .pagediv .btn_wrap.posi_left {position:absolute;left:0;top:29px;width:250px;} .pagediv .btn_wrap.posi_left a {} .pagediv .btn_wrap.posi_left .btn_first {display:inline-block;margin:0;padding:0;} .pagediv .btn_wrap.posi_left .btn_first a {margin-left:0;} .pagediv .btn_wrap.ta_right {right:0;} .pagediv .btn_wrap.btn_board_v1 {left:0;font-size:0;} .pagediv .btn_wrap.btn_board_v1 a:first-child {margin-left:0;} .pagediv .btn_wrap.btn_board_v2 {right:0;font-size:0;} .pagediv .btn_wrap.btn_board_v2 a:last-child {margin-right:0;} .btn_w32p, #form input.btn_w32p {display:inline-block;width:32%;text-align:left;font-size:16px;font-weight:600;} .btn_w60, #form input.btn_w60 {width:58px;line-height:28px;height:28px;text-align:center;text-indent:0;padding:0;font-size:12px;display:inline-block;cursor:pointer;vertical-align:middle;} #form input.btn_w60 {width:60px;line-height:18px;padding:6px 0;height:30px;} .btn_w70, #form input.btn_w70 {width:68px;line-height:28px;height:28px;text-align:center;text-indent:0;padding:0;font-size:13px;display:inline-block;cursor:pointer;vertical-align:middle;} #form input.btn_w70 {width:70px;line-height:20px;padding:5px 0;height:30px;} .btn_w80, #form input.btn_w80 {width:78px;line-height:38px;height:38px;text-align:center;text-indent:0;padding:0;font-size:13px;display:inline-block;cursor:pointer;vertical-align:middle;} .btn_w85, #form input.btn_w85 {width:83px;line-height:38px;height:38px;text-align:center;text-indent:0;padding:0;font-size:13px;display:inline-block;cursor:pointer;vertical-align:middle;} .btn_w100, #form input.btn_w100, input.btn_w100 {width:98px;line-height:38px;height:38px;text-align:center;text-indent:0;padding:0;font-size:12px;display:inline-block;cursor:pointer;vertical-align:middle;} #form input.btn_w100, input.btn_w100 {width:100px;line-height:18px;padding:8px 0 9px 0;height:35px;} .btn_w110, #form input.btn_w110, input.btn_w110 {width:108px;line-height:33px;height:33px;text-align:center;text-indent:0;padding:0;font-size:12px;display:inline-block;cursor:pointer;vertical-align:middle;} #form input.btn_w110, input.btn_w110 {width:110px;line-height:18px;padding:8px 0 9px 0;height:35px;} .btn_w110_b, #form input.btn_w110_b, input.btn_w110_b {width:108px;height:38px;line-height:38px;text-align:center;text-indent:0;padding:0;font-size:12px;display:inline-block;cursor:pointer;vertical-align:middle;} .btn_w130, #form input.btn_w130, input.btn_w130 {width:128px;line-height:33px;height:33px;text-align:center;text-indent:0;padding:0;font-size:12px;display:inline-block;cursor:pointer;vertical-align:middle;} #form input.btn_w130, input.btn_w130 {width:130px;line-height:18px;padding:8px 0 9px 0;height:35px;} .btn_w150, #form input.btn_w150 {width:148px;line-height:34px;height:34px;text-align:center;text-indent:0;padding:0;font-size:13px;display:inline-block;cursor:pointer;vertical-align:middle;} #form input.btn_w150 {width:150px;line-height:20px;padding:8px 0 8px 0;height:34px;} .btn_w165, #form input.btn_w165, input.btn_w165 {width:163px;line-height:33px;height:33px;text-align:center;text-indent:0;padding:0;font-size:12px;display:inline-block;cursor:pointer;vertical-align:middle;} #form input.btn_w165, input.btn_w165 {width:165px;line-height:18px;padding:8px 0 9px 0;height:35px;} #form input.btn_h20, input.btn_h20 {line-height:18px;height:18px;font-size:12px;} .btn_h24 {line-height:22px;height:22px;font-size:12px;} #form input.btn_h24, input.btn_h24 {line-height:24px;height:24px;font-size:12px;} .btn_h66, input.btn_h66, #form input.btn_h66 {line-height:66px;height:66px;} .btn_h77, input.btn_h77, #form input.btn_h77 {line-height:77px;height:77px;} .bc_bk, a.bc_bk, .bc_bk:hover, #form input.bc_bk {font-weight:700;background-color:#f04c40;color:#fff !important;border:1px #f04c40 solid;font-weight:600;} .bc_wh, a.bc_wh, .bc_wh:hover, #form input.bc_wh {font-weight:700;background-color:#fff;color:#444 !important;border:1px #666 solid;font-weight:600;} .bc_wh2, a.bc_wh2, .bc_wh2:hover, #form input.bc_wh2 {font-weight:700;background-color:#fff;color:#444 !important;border:1px #666 solid;font-weight:600;} .bc_gy, a.bc_gy, .bc_gy:hover, #form input.bc_gy {font-weight:700;background-color:#f04c40;color:#fff !important;border:1px #f04c40 solid;font-weight:600;} .bc_wish_img {border:1px #585858 solid;background: #fff url(http://abc3662.img9.kr/da_images/btn_icon_wish.gif) no-repeat 25% 50%;text-indent:14%;color:#444;width:32%;height:66px;line-height:66px;font-size:16px;text-indent: 72px;} .btn_cart_img {border:1px #666 solid;background: #666 url(http://abc3662.img9.kr/da_images/btn_icon_cart.gif) no-repeat 19% 50%;text-indent: 72px;color:#fff;margin:0 1.2%;width:32%;height:66px;line-height:66px;font-size:16px;} .btn_buy_img {border:1px #f04c40 solid;background: #f04c40 url(http://abc3662.img9.kr/da_images/btn_icon_buy.png) no-repeat 19% 50%;text-indent: 72px;color:#fff;width:32%;height:66px;line-height:66px;font-size:16px;} .btn_sold_img {border:1px #000 solid;background:#000 url(/design/d4-0733/img/btn_icon_sold.gif) no-repeat 32% 50%;text-indent:17%;color:#fff;width:65%;height:66px;line-height:66px;font-size:16px;} #form input.btn_ok {width:125px;line-height:90px;height:90px;text-align:center;text-indent:0;padding:0;margin:0;font-size:15px;display:inline-block;cursor:pointer;background-color:#000;border:1px #000 solid;color:#fff;} #form input.btn_ok2 {width:125px;line-height:125px;height:125px;text-align:center;text-indent:0;padding:0;margin:0;font-size:15px;display:inline-block;cursor:pointer;background-color:#000;border:1px #000 solid;color:#fff;} .btn_join, .btn_join:hover {width:193px;line-height:30px;height:30px;text-align:left;text-indent:18px;padding:0;margin:0;font-size:13px;display:inline-block;cursor:pointer;background-color:#666;background-image:url(http://abc3662.img9.kr/da_images/bg_btn_arrow.gif);background-position:171px 50%;background-repeat:no-repeat;border:1px #666 solid;color:#fff;} .btn_non, .btn_non:hover {width:193px;line-height:30px;height:30px;text-align:left;text-indent:18px;padding:0;margin:0;font-size:13px;display:inline-block;cursor:pointer;background-color:#fff;background-image:url(http://abc3662.img9.kr/da_images/bg_btn_arrow2.gif);background-position:171px 50%;background-repeat:no-repeat;border:1px #585858 solid;color:#444;} .btn_find, .btn_find:hover {width:92px;line-height:30px;height:30px;text-align:center;text-indent:0;padding:0;margin:0;font-size:13px;display:inline-block;cursor:pointer;background-color:#fff;border:1px #000 solid;color:#000;} .border_box {box-sizing:border-box;} .common_opt_msg { margin:14px 0 25px; } .common_opt_msg dt { color:#333; font-size:13px; line-height:24px; margin-bottom:3px; font-weight:500; } .common_opt_msg dd { font-size:12px; line-height:24px; color:#666; } /* 상세 관련상품 영역 */ .related_wrap {} /* 상세 코멘트 리뷰 작성박스 영역 */ .review-write {border:1px #e1e1e1 solid;padding:20px 0;text-align:center;} .review-write table {width:93%;margin:0 auto;} .review-write th, .review-write td {text-align:left;line-height:20px;font-size:12px;color:#000;} .review-write th {font-weight:normal;} .review-write td {padding:6px 0;} .review-write td .review_star {font-size:14px;} .review-write td .review_star label { color:#000 !important; } .review-write .score {display:inline-block;width:41px;line-height:28px;font-weight:500;} .review-write .frm-w input { width: 150px; height:18px; line-height:18px; border: 1px solid #e1e1e1; } .review-write textarea.MS_review_content_box { height:54px; line-height:17px; border:1px #ddd solid; float:left; width:80%;} .review-write .comment_btn {display:block;margin-left:10px;float:left;width:118px;text-align:center;height:58px;line-height:58px;} .MS_review_mark .MS_review_mark_icon span {color:#666 !important;} /* 댓글리스트 공통 */ #productDetail .table-slide {} #productDetail .table-slide th, #productDetail .table-slide td {cursor: pointer;} #productDetail .table-slide tr.cnt { display: none; } #productDetail .table-slide tr.cnt td { cursor: default; } #productDetail .table-slide tr.nbg td, #productDetail .table-slide td.nbg { background-image: none; border-bottom:0 none; } #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 .MS_review_mark .MS_review_mark_title {display:none;} /* 상세 탭타이틀 영역*/ .detail_tit {margin:160px 0 40px 0;} .detail_tit table {border-collapse:collapse;width:100%;} .detail_tit td {width:20%;z-index:1;background:#fff;border:1px #d3d3d3 solid;border-bottom:1px #000 solid;} .detail_tit td.ov_l {border-right:1px #000 solid;} .detail_tit td.ov {z-index:3;background:#fff;border:1px #000 solid;border-top:1px #000 solid;border-bottom:1px #fff solid;} .detail_tit td a {display:block;width:100%;line-height:20px;padding:10px 0 9px 0;text-align:center;font-weight:500;font-size:13px;color:#888;z-index:1;} .detail_tit td.ov a {z-index:3;padding:9px 0 9px 0;color:#000;border-top:1px #000 solid;} .detail_tit td.ov a font {} /* 공통정보 영역 */ .detail_delivery {padding:0 0 0 0;text-align:left;} .detail_delivery dt {color:#333;font-size:13px;font-weight:700;line-height:20px;padding:0 0 8px 0;text-align:left;} .detail_delivery dd {color:#666;font-size:12px;line-height:24px;text-align:left;} /*** 서브페이지 table 관련 CSS ***/ /* 리스트형 테이블 정보 */ .total_page {color:#666;font-size:11px;line-height:20px;} .total_page .total {} .total_page .page {} /* table type A - faq, 게시판, 마이페이지 등 리스트형 */ .table_typeA {border-collapse:collapse;width:100%;} .table_typeA caption {display:none;} .table_typeA th, .table_typeA td { border-bottom:1px #d3d3d3 solid; font-size:12px; line-height:22px;padding:8px 0;text-align:center; } .table_typeA td.add_opt { background-color:#fbfbfb; } .table_typeA th { padding:6px 0; background-color:#fbfbfb; border-top:1px #000 solid;color:#000; } .table_typeA th, .table_typeA th div { font-family: 'Nanum GothicB' !important; font-weight:bold; text-align:center; } .table_typeA.size_b th { padding:9px 0; } .table_typeA td {color:#666;} .table_typeA td a, .table_typeA td a:hover {color:#666;} .table_typeA td strong {color:#000; font-family: 'Nanum Gothic';font-weight:400;} .table_typeA .reple {text-indent:0;} .table_typeA .reple strong {background-image:url(/shop/data/skin/designart/img/2016img/icon_reple.png);background-repeat:no-repeat;background-position:left 50%;text-indent:0px;display:inline-block;margin:0;width:auto;text-align:left;padding:0 0 0 22px;} .table_typeA span.reple {display:inline-block;width:51px;text-align:left;} .table_typeA span.reple strong {margin:0;} .table_typeA td a.thume_s, .table_typeP td a.thume_s {display:inline-block;margin:0px auto;border:1px #d3d3d3 solid;}/* table type P 도 추가 */ .table_typeA td p.goods_nm {line-height:18px;vertical-align:middle;margin-bottom:5px;} .table_typeA td p.goods_nm img {vertical-align:middle;margin-left:10px;} .table_typeA td p.goods_sj {line-height:18px;vertical-align:middle;} .table_typeA .price_wrap {border-bottom:1px #d3d3d3 solid;color:#000;font-size:12px;line-height:20px;background:url(/shop/data/skin/designart/img/2016img/bg_order_tbody.gif) repeat left top;padding-top:24px;padding-bottom:24px;padding-right:27px;} .table_typeA .price_wrap strong {color:#d51414;font-size:14px;font-weight:700;} .table_typeA .price_wrap .reserve {} .table_typeA .pl_goods_qna {padding-left:23.5%;padding-top:12px;padding-bottom:12px;} /* 게시판이나 특정페이지에서 글자색이 모두 검정일 때 사용 */ .table_typeA.ft_bk th, .table_typeA.ft_bk td, .table_typeA.ft_bk td a, .table_typeA.ft_bk td strong {color:#000 !important;} /* FAQ 클릭시 내용 펼쳐지는 게시글의 내용 영역 */ #faqWrap .table_typeA td { cursor:pointer; } .table_typeA tr.slide-hide td { border-bottom:0px; } .table_typeA tr.slide-hide, .table_typeA tr.slide-hide dl { display:none; } .table_typeA tr.slide-show { display:table-rows; *display:block; } .table_typeA tr.slide-show dl { display:block; } .table_typeA tr.slide-hide td, .table_typeA tr.slide-show td { padding:0; cursor:default; background-color:#fbfbfb; } .table_typeA .tb-slide { padding:9px 0; } .table_typeA .tb-slide a { text-decoration:underline; color:#666; } .table_typeA .tb-slide ol, .table_typeA .tb-slide ul { } .table_typeA .tb-slide dl { position:relative; width:100%; } .table_typeA td .tb-slide dl dt, .table_typeA td .tb-slide dl dd {padding:0; line-height:18px;} .table_typeA td .tb-slide dl dt { } .table_typeA td .tb-slide dl dd { margin-left:9px;} .table_typeA td .tb-slide dl.adv { margin-top:3px; } .table_typeA .icon_q {background-color:#000;color:#fff;font-size:12px;font-weight:700;font-weight:bold;width:18px;height:18px;line-height:18px;vertical-align:middle;display:inline-block;text-align:center;} .table_typeA .icon_a {background-color:#d60404;color:#fff;font-size:12px;font-weight:700;font-weight:bold;width:18px;height:18px;line-height:18px;vertical-align:middle;display:inline-block;text-align:center;} /* 장바구니 */ .table_typeA td .tb-delivery .MS_tb_delivery {z-index:999;} .table_typeA td .tb-opt {background:url(/design/d4-0733/img/icon_arrow_bb.gif) no-repeat left 5px;padding-left:18px;} .table_typeA td .tb-opt img {margin-right:11px;} .table_typeA td.price_wrap {background:url(/design/d4-0557/2016img/bg_order_tbody.gif) repeat left top;} /* 장바구니 수량 컨트롤 */ .table_typeA .opt-spin { position:relative; width:84px; height:25px; line-height:25px;padding:0; margin-left:auto; margin-right:auto; } .table_typeA .opt-spin .txt-spin {width:32px; height:23px; padding:0; border: 1px solid #b9b9b9; font-size:11px; text-align:right; text-indent:4px; } .table_typeA .opt-spin .btns { width:7px; height:18px; margin:4px 4px 0; position:relative;} .table_typeA .opt-spin .btns + a { margin-top:4px; } .table_typeA .opt-spin .btns img.btn-up {position:absolute;left:0;top:0;} .table_typeA .opt-spin .btns img.btn-dw {position:absolute;left:0;bottom:0;} #content div.item-display ul {padding-bottom:38px;} #content div.item-display ul:after {clear:both; content:""; display:block;} #content div.item-display ul li {position:relative; float:left; width:236px; text-align:left; padding:0 25px 0 0; margin-left:26px; border-right:1px dotted #888;} #content div.item-display ul li:first-child {margin-left:0;} #content div.item-display ul li:last-child {padding-right:0; border:none;} #content div.item-display ul li .num {position:absolute; left:0; top:0; z-index:10; width:32px; height:32px; border:2px solid #888; background-color:#fff; font-size:16px; color:#888; font-weight:600; text-align:center; line-height:31px;} #content div.item-display ul li:first-child .num {border:2px solid #333; color:#333;} #content div.item-display ul li div.space {padding:0; margin:0;} #content div.item-display ul li div.space .thumbnail {width:100%; height:100%; overflow:hidden; margin-bottom:19px;} #content div.item-display ul li div.space .thumbnail img {border:1px solid #ccc; box-sizing:border-box;} #content div.item-display ul li div.space .txt {padding:0;} #content div.item-display ul li div.space .txt a {display:inline;} #content div.item-display ul li div.space .txt strong {color:#666; font-size:13px; line-height:17px;font-weight:400;} #content div.item-display ul li div.space .txt em {font-size:12px; line-height:15px; color:#888;} #content div.item-display ul li div.space .price {padding:0; letter-spacing:0; font-size:12px; color:#888;} #content div.item-display ul li div.space .price del {color:#888; font-family:"Lato","Malgun Gothic","Nanum Gothic",Arial,dotum;} #content div.item-display ul li div.space .price span.cost {font-size:14px; font-weight:600; color:#333;} #content div.item-display ul li div.space .price span.cost strong {color:#333; font-size:13px; font-weight:600; letter-spacing:0; font-family:"Lato","Malgun Gothic","Nanum Gothic",Arial,dotum;} #content div.item-display ul li div.hot {position:absolute; left:12px; top:12px; z-index:100;} #MK_innerOptWrap #MK_innerOptScroll { background: #f3f3f3; } /* BASIC css end */ /* BASIC css end */