/* BASIC css start */ /* CUSTOM LAYOUT */ #content {padding:30px 0 0;margin-bottom:40px;float:none;} #prdBrand {overflow:hidden;} #content div.item-display ul li {} #content div.item-display ul li div.space .MK-product-icons {padding:0;} /*** 상세 ***/ #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 {} #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:19px 0 0; border-top:2px solid #222;} #productDetail .thumb-info .info .detail_name {border-bottom:1px solid #ddd; margin:0; padding:0 0 15px;} #productDetail .thumb-info .info .detail_name .brand_name {color:#666; font-size:16px; font-weight:600; line-height:24px; margin:0 0 0 20px; padding:3px 0 8px;} #productDetail .thumb-info .info .detail_name h3 {margin:0 0 0 20px; text-align:left; font-size:34px; font-weight:600; color:#111; line-height:44px;} #productDetail .thumb-info .info .detail_sub {padding:10px 0 10px;color:#888;font-size:16px;line-height:24px;} #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:#666;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:800; font-size:24px !important; } .price, .price + font { color:#231f20 !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%; padding:0;margin:0;} #productDetail .thumb-info .info .table-opt .opt-wrap .tit { padding:8px 0 9px 0;padding-left:20px; color:#666;font-size:13px;font-weight:500;line-height:23px; } #productDetail .thumb-info .info .table-opt .opt-wrap .tit + dl { /*border-top:solid 1px #d3d3d3;*/ } #productDetail .thumb-info .info .table-opt .opt-wrap .chu_tit {padding-top:18px;} #productDetail .thumb-info .info .table-opt .opt-wrap dl { overflow: hidden; width: 100%; /*border-bottom:solid 1px #d3d3d3;*/} #productDetail .thumb-info .info .table-opt .opt-wrap dt { float: left; width:36.6%; padding:8px 0 8px 0;text-indent:20px;line-height:23px;color:#444;font-size:13px;font-weight:600;} #productDetail .thumb-info .info .table-opt .opt-wrap dt span {display:inline-block;width:36.6%;line-height:23px;text-indent:20px;} #productDetail .thumb-info .info .table-opt .opt-wrap dd { float: left; width:63.4%; padding:8px 0 8px 0;line-height:23px;color:#333;font-size:12px;} #productDetail .thumb-info .info .table-opt .opt-wrap select { width:190px; height:30px; line-height:30px; border: 1px solid #d3d3d3; float:left; color:#444; font-size:12px; } #productDetail .thumb-info .info .table-opt .opt-wrap .sel-btn {text-align: center;position:absolute;right:0;bottom:8px;} #productDetail .thumb-info .info .table-opt .opt-wrap .sel-btn a {display:block;text-align:center;line-height:28px;height:28px;width:60px;border:1px #666 solid;background:#666;color:#fff;font-size:12px;} #productDetail .thumb-info .info .table-opt .opt-wrap .sel-btn a, #productDetail .thumb-info .info .table-opt .opt-wrap .sel-btn a:hover {color:#fff;font-size:12px;} #productDetail .thumb-info .info .table-opt .opt-wrap .opt-btns { position: relative; width:138px; line-height:30px; height:30px; overflow:hidden;} #productDetail .thumb-info .info .table-opt .opt-wrap .opt-btns:after_div {clear:both;content:"";display:block;} #productDetail .thumb-info .info .table-opt .opt-wrap .opt-btns input { float:left;width:74px;height:28px;line-height:28px;padding:0;border:1px solid #d3d3d3;color:#444;font-size:12px;margin:0;text-align:left !important;text-indent:10px;} #productDetail .thumb-info .info .table-opt .opt-wrap .opt-btns .btn-up {margin:0;padding:0;position:absolute;left:76px;top:0;} #productDetail .thumb-info .info .table-opt .opt-wrap .opt-btns .btn-dw {margin:0;padding:0;position:absolute;right:0;top: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 input.basic_option {width:190px;height:26px;line-height:26px;padding:0;border: 1px solid #d3d3d3;color:#444;font-size:12px;text-indent:10px;} #productDetail .thumb-info .info .table-opt .opt-wrap dl .opt-count .opt-btns { float: left;margin-left:10px;position: relative; width: 138px; } .prd-sns { margin:15px 0; } /* 상품 상세 이미지 */ #productDetail .prd-detail { margin-top: 15px; width: 100%; overflow: hidden; text-align:center; } #productDetail .prd-detail table { table-layout: auto; } #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 { margin-top:0; position:relative;border-top:1px #d3d3d3 solid;padding-top:10px;} #MK_innerOptWrap #MK_innerOptScroll {background:#f3f3f3;} #MK_innerOptWrap .line_bg {width:450px;display:inline-block;height:1px;font-size:0;line-height:1px;margin:0;padding:0;position:absolute;left:-20px;top:-10px;z-index:2;} #MK_innerOptWrap #MK_innerOptScroll.limit { position: relative; height: 150px; overflow-y: auto; } #MK_innerOptWrap .MK_inner-opt-cm {} #MK_innerOptWrap .MK_inner-opt-cm li { *zoom: 1; position:relative; min-height:30px; _height:30px;font-size:13px;color:#444;*margin-bottom: -4px;padding:8px 0 8px 0; 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:15px; color:#444; font-weight:500; font-size:13px;} #MK_innerOptWrap .MK_inner-opt-cm li .MK_btn-del { right:10px; top:13px; } #MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl .basic_option { margin:0;border:1px #d3d3d3 solid; background:#fff;height:28px;line-height:28px;width:74px;color:#444;font-size:13px;text-align:left !important;text-indent: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:63.4%;padding-top:8px; margin-left:20px;font-weight:500; font-size:13px;color:#444; } #MK_innerOptWrap #MK_innerOpt_01 li .MK_qty-ctrl { top:8px; *top:7px; right:29%;width:138px;height:30px;} #MK_innerOptWrap #MK_innerOpt_01 li .MK_qty-ctrl:after {clear:both;content:"";display:block;position:relative;} #MK_innerOptWrap #MK_innerOpt_01 li .MK_qty-ctrl input.MK_count {float:left;width:74px; margin:0; height:28px; line-height:28px; padding:0; border:1px #d3d3d3 solid; color:#444;font-size:13px; } #MK_innerOptWrap #MK_innerOpt_01 li .MK_qty-ctrl a {display:inline-block; font-size: 0;line-height:30px; width:31px;height:30px; } #MK_innerOptWrap #MK_innerOpt_01 li .MK_qty-ctrl a img { vertical-align: top;display:none; } #MK_innerOptWrap #MK_innerOpt_01 li .MK_qty-ctrl a.MK_btn-up {position:absolute;top:0;left:76px;background:url(/design/chakan2/da_image/btn_count_up.gif) no-repeat left top; } #MK_innerOptWrap #MK_innerOpt_01 li .MK_qty-ctrl a.MK_btn-dw {position:absolute;right:0;top:0;background:url(/design/chakan2/da_image/btn_count_down.gif) no-repeat left top;} /* 개별옵션 */ #MK_innerOptWrap #MK_innerOpt_02 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_innerOpt_02 li .MK_qty-ctrl{ top:8px; *top:7px; right:29%;width:138px;height:30px;} #MK_innerOptWrap #MK_innerOpt_02 li .MK_qty-ctrl:after {clear:both;content:"";display:block;position:relative;} #MK_innerOptWrap #MK_innerOpt_02 li .MK_qty-ctrl input.MK_count {float:left;width:74px; margin:0; height:28px; line-height:28px; padding:0; border:1px #d3d3d3 solid; color:#444;font-size:13px; } #MK_innerOptWrap #MK_innerOpt_02 li .MK_qty-ctrl .addition_option {float:left;width:74px; margin:0; text-align:left !important;height:28px; line-height:28px; padding:0; border:1px #d3d3d3 solid; color:#444;font-size:13px; text-indent:10px; } #MK_innerOptWrap #MK_innerOpt_02 li .MK_qty-ctrl a {display:inline-block; font-size: 0; line-height:30px; width:31px;height:30px; } #MK_innerOptWrap #MK_innerOpt_02 li .MK_qty-ctrl a img { vertical-align: top;display:none; } #MK_innerOptWrap #MK_innerOpt_02 li .MK_qty-ctrl a.MK_btn-up {position:absolute;top:0;left:76px;background:url(/design/chakan2/da_image/btn_count_up.gif) no-repeat left top; } #MK_innerOptWrap #MK_innerOpt_02 li .MK_qty-ctrl a.MK_btn-dw {position:absolute;right:0;top:0;background:url(/design/chakan2/da_image/btn_count_down.gif) no-repeat left top;} #MK_innerOptWrap .MK_inner-opt-cm li:first-child {} #MK_innerOptWrap #MK_innerOpt_01 li:first-child .MK_qty-ctrl { top:9px; *top:8px; } #MK_innerOptWrap .MK_inner-opt-cm li:first-child .MK_price { top:16px; } #MK_innerOptWrap .MK_inner-opt-cm li:first-child .MK_btn-del { top:16px; } /* 총합계 */ #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 .line_bg {background:url(/design/d4-0554/2016img/detail_td.gif) repeat-x 0 0px;width:450px;display:inline-block;height:1px;font-size:0;line-height:1px;margin:0;padding:0;position:absolute;left:0px;top:0px;z-index:2;} #MK_innerOptTotal .MK_txt-total {float:left;display:inline-block;width:36.6%;line-height:34px;text-indent:20px;text-align:left;color:#444;font-weight:600;} #MK_innerOptTotal .MK_txt-won { color: #000; font-size:16px; margin-right:20px;} #MK_innerOptTotal .MK_total { color: #000; font-size:28px; letter-spacing:-0.06em; margin-right:-3px; } /* 소리뷰 */ #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: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;} /*** 버튼 모음 ***/ .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-family: 'Nanum GothicB';background-color:#231f20;color:#fff !important;border:1px #231f20 solid;font-weight:600;} .bc_wh, a.bc_wh, .bc_wh:hover, #form input.bc_wh {font-family: 'Nanum GothicB';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-family: 'Nanum GothicB';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-family: 'Nanum GothicB';background-color:#231f20;color:#fff !important;border:1px #231f20 solid;font-weight:600;} .bc_cart_img, .bc_cart_img:hover {margin-right:1.7%;width:26.5%;height:62px;line-height:62px;background:#5c5c5c url(/design/chakan2/da_image/icon_btn_cart.png) no-repeat 26% 21px;border:1px #5c5c5c solid;color:#fff !important;font-size:16px;font-weight:600;text-indent:11%;text-align:left;} .bc_wish_img, .bc_wish_img:hover {margin-right:1.7%;width:26.5%;height:62px;line-height:62px;background:#fff url(/design/chakan2/da_image/icon_btn_wish.png) no-repeat 20% 21px;border:1px #272727 solid;color:#3e4348 !important;font-size:16px;font-weight:600;text-indent:9%;text-align:left;} .bc_buy_img, .bc_buy_img:hover {width:42.5%;height:62px;line-height:62px;background:#231f20 url(/design/chakan2/da_image/icon_btn_buy.png) no-repeat 36% 21px;border:1px #231f20 solid;color:#fff !important;font-size:16px;font-weight:600;text-indent:19%;text-align:left;} #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(/design/d4-0599/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(/design/d4-0599/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;} /*** 공통으로 사용되는 서브 영역 CSS 시작 ***/ /*** 페이징 영역 ***/ .paging { padding-top:50px;padding-bottom:20px;text-align:center;line-height:26px;vertical-align:top;font-size:0;} .paging li { display: inline;font-size:13px;color:#666;} .paging li.first { margin-right:0px; } .paging li.prev { margin-right:16px; } .paging li.next { margin-left:16px; } .paging li.last { margin-left:0px; } .paging li.first a {background:url(/design/d4-0733/img/btn_page_first.gif) no-repeat 50% 50% !important;font-size:0;} .paging li.prev a {background:url(/design/d4-0733/img/bg_1x11_d3d3d3.gif) no-repeat 100% 50% !important; color:#666 !important; padding-left:0;} .paging li.next a {background:url(/design/d4-0733/img/bg_1x11_d3d3d3.gif) no-repeat 0% 50% !important; color:#666 !important; padding-right:0;} .paging li.last a {background:url(/design/d4-0733/img/btn_page_last.gif) no-repeat 50% 50% !important;font-size:0; } .paging li a {width:26px;line-height:26px;height:26px;padding:0px;margin:0 4px;color:#999;cursor:pointer;display:inline-block;} .paging li a:hover, .paging li.now a {color:#fff;background:#000;} /* 페이징영역과 버튼 겹치는 경우 */ .pagediv {position:relative;} .pagediv .btn_wrap {position:absolute;top:20px;right:0;} .pagediv .btn_wrap.btn_a_left {left:0;right:auto;} .pagediv .btn_wrap a {padding-left:0 !important;padding-right:0 !important;margin-right:0;margin-left:6px;} .pagediv .btn_wrap.posi_left {position:absolute;left:0;top:30px;} .pagediv .btn_wrap.posi_left a {margin-right:6px;margin-left:0;} .pagediv .btn_wrap.posi_left .btn_first {display:inline-block;margin:0;padding:0;} .pagediv .btn_wrap.posi_left .btn_first a {margin-right:6px;margin-left:0;} .pagediv .btn_wrap.ta_right {right:0;} .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;} .detail_tit td.ov_l {border-right:1px #000 solid;} .detail_tit td.ov {z-index:3;background:#fff;border:1px #d3d3d3 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:#fcfcfc; border-top:1px #d3d3d3 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:6px 0 7px; } .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-family: 'Nanum GothicB';} .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-family: 'Nanum GothicB';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-family: 'Nanum GothicB';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 {border-top:1px solid #ddd; border-left:1px solid #ddd;} #content div.item-display ul:after {clear:both; content:""; display:block;} #content div.item-display ul li {position:relative; float:left; width:237px; padding:18px 18.75px 24px 18px; text-align:left; border-right:1px solid #ddd; border-bottom:1px solid #ddd;} #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:18px;} #content div.item-display ul li div.space .txt {padding:0 0 4px 0;} #content div.item-display ul li div.space .txt a {display:inline;} #content div.item-display ul li div.space .txt strong {color:#888; font-size:13px; line-height:17px;font-weight:400;} #content div.item-display ul li div.space .price {padding:0; letter-spacing:0; font-size:12px; color:#000 !important;} #content div.item-display ul li div.space .price del {font-size:16px; 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:#231f20 !important} #content div.item-display ul li div.space .price span.cost strong {color:#231f20; font-size:17px; 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;} .paging li.next {margin-left:0 !important;} .paging li.next a {width:33px !important; text-align:left !important;} .paging li.prev {margin-right:0 !important;} .paging li.prev a {width:33px !important; text-align:right !important;} /* BASIC css end */