/* BASIC css start */ /* BASIC css start */ #productDetail { position: relative; width:1300px; } #productDetail .page-body { float:left; width:1000px; border: 0px solid #CCCCCC; } #productDetail #fixorder { float:right; width:270px; height:100%;} #productDetail #fixorder .info {width:270px; background:#fff;} #productDetail #fixorder .info.fixed { position:fixed; top:55px; width:270px; border-top: 1px solid #CCCCCC;} /* 메뉴고정 */ #productDetail .dcolor { height:20px; } #productDetail .dcolor span {display:inline-block; width:20px; height:20px; border:1px solid #e1e1e1; } /* 색상코드 */ /* 상품옵션 정보 */ #productDetail .info { width: 270px; border-top: 1px solid #CCCCCC; padding-top:10px; text-align:center; } #productDetail .info .tit-prd { width: 270px; padding-bottom:10px; border-bottom: 1px solid #CCCCCC; } #productDetail .info .tit-subprd { font-size:11px; padding-top:10px; } #productDetail .info .table-opt { margin-top: 10px; width: 270px; } #productDetail .info .table-opt th { font-weight:normal; color:#555; padding:0px 0; line-height:30px; text-align:left; text-transform:uppercase; } #productDetail .info .table-opt tr { padding:0px 0px;} #productDetail .info .table-opt tr .tb-left { padding:0px;} #productDetail .info .table-opt td { padding:0px 0px; height:30px; line-height:30px; color:#555; } /* 판매가격 */ #productDetail .info h3 { text-align:left; padding-bottom:10px; font-size:12px; color:#333; font-weight: bold; border-bottom: 0px solid #CCCCCC; } #productDetail .info .subname { text-align:left; padding-left:0px font-size:11px; color:#777; border-bottom: 1px solid #CCCCCC; padding-bottom:10px; } #productDetail .info .table-opt .price01 { color:#999; font-size:12px; } #productDetail .info .table-opt .price02 { color:#333; font-size:12px; } #productDetail .info .table-opt .tb-left { font-size:12px; font-weight:bold; color:#555; } #productDetail .info .icon { padding:0px; } #productDetail .info .icon img { margin:0; vertical-align:middle; padding-bottom:10px; } .tb-left select { margin-left: 0px; width: 170px; height: 20px; border:1px solid #E4E4E4 } /* 인포부분 하단 */ .ddboard { border-top:1px solid #ccc;border-bottom:1px solid #ccc; margin:0 auto; text-align:center; } .ddboard li { display:inline-block; *display:inline; text-align:center; } .ddboard li a { font-size:12px; font-weight:500; color:#777; } .ddboard li a:hover { color:#aaaaaa; } /* 주문수량 */ #goods_amount { float: left; width: 32px; border: 0; } #productDetail .info .table-opt .opt-spin { position: relative; width: 52px; height: 15px; border: 1px solid #acacac; } #productDetail .info .table-opt .opt-spin .txt-spin, #productDetail .info .table-opt .opt-spin .btns { float: left; } #productDetail .info .table-opt .opt-spin .txt-spin { width: 41px; height: 13px; padding-left: 2px padding-top: 2px; border: 0; font-size: 11px; } #productDetail .info .table-opt .opt-spin .btns { width: 19px; height: 15px; border-left: 1px solid #aaa; } #productDetail .info .table-opt .opt-spin .btns a { overflow: hidden; float: left; width: 100%; height: 7px; text-indent: -999px; background: none; } #productDetail .info .table-opt .opt-spin .btns a.btn-up { border-bottom: 1px solid #aaa; background: url(/images/d3/modern_simple/btn/btn_h5_spin_up.gif) no-repeat 50% 2px; } #productDetail .info .table-opt .opt-spin .btns a.btn-dw { background: url(/images/d3/modern_simple/btn/btn_h5_spin_dw.gif) no-repeat 50% 2px; } #productDetail .soldout, /* 통합옵션 */ #productDetail .info .table-opt .opt-wrap { width: 100%; margin-top: 10px; padding: 5px 0; background-color: #fff; border: 0px solid #ddd; } #productDetail .info .table-opt .opt-wrap .tit { margin-bottom: 5px; padding-left: 0px; } #productDetail .info .table-opt .opt-wrap dl { overflow: hidden; width: 100%; } #productDetail .info .table-opt .opt-wrap dt { float: left; width: 80px; margin-bottom: 5px; padding-left: 0px; padding-top: 4px; text-align:left; font-weight:bold; } #productDetail .info .table-opt .opt-wrap dd { float: right; width: 180px; margin-bottom: 5px; } #productDetail .info .table-opt .opt-wrap .sel-btn { padding-left: 10px; text-align: center; } #productDetail .info .table-opt .opt-wrap select { width: 180px; height: 22px; border: 1px solid #ddd; } #productDetail .info .table-opt .opt-wrap .opt-btns { position: relative; width: 56px; height: 19px } #productDetail .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 .info .table-opt .opt-wrap .opt-btns .btn-up { position: absolute; top: 0; right: 0; } #productDetail .info .table-opt .opt-wrap .opt-btns .btn-dw { position: absolute; bottom: 0; right: 0; } #productDetail .info .table-opt .opt-wrap dl .opt-count select { float: left; width: 180px; } #productDetail .info .table-opt .opt-wrap dl .opt-count .opt-btns { float: left; width: 56px; margin-left: 5px; } /* 상단 섬네일, 상품 옵션 정보 */ #productDetail .thumb-info { zoom: 1; overflow: hidden; padding: 0; border: 0px solid #e4e4e4; } #productDetail .thumb-info:after { content: ""; display: block; clear: both; } /* 상세이미지영역 */ #productDetail .thumb-info .thumb-wrap { width: 1000px; } #productDetail .thumb-info .thumb { width: 1000px; margin: 0 auto; text-align:center;} #productDetail .thumb-info .thumb img { display; block; border: 0px solid #d8d8d8; width: 100%; height: auto;} #productDetail .thumb-info .thumb-ctrl { clear: both; padding-top: 20px; text-align: center; } #productDetail .thumb-info .thumb-ctrl a { color: #c1bbb6; font-size: 11px; } #productDetail .thumb-info .thumb-ctrl a img { vertical-align: middle; margin-right: 5px; } #productDetail .thumb-info .thumb-ctrl a:hover { text-decoration: underline; } /* 상품 상세 이미지 */ #productDetail .prd-detail table { table-layout: auto; } #productDetail .prd-detail { width: 100%; margin-top: 15px; overflow: hidden;text-align:center; border:0px solid #000 } #productDetail .prd-detail img { } /* review-write */ #productDetail .review-write { padding: 10px 0 15px 20px; border-top: 1px solid #ddd; } #productDetail .review-write th, #productDetail .review-write td { padding: 5px 0; } #productDetail .review-write th { font-weight: normal; } #productDetail .review-write .frm-w input { width: 150px; height: 18px; line-height: 18px; border: 1px solid #ededed; } #productDetail textarea.MS_review_content_box { width: 1000px; height: 100px; } /* 댓글리스트 공통 */ #productDetail .table-slide th, #productDetail .table-slide td { padding: 10px 0; border-top: 1px solid #ddd; cursor: pointer; } #productDetail .table-slide th { font-size: 11px; font-weight: normal; } #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.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; } /* review-list */ #productDetail .review-list .bg { padding-top: 35px; border-top: 1px solid #ddd; } /* qna board */ /* item-hd */ #productDetail .item-hd { margin-top: 80px; } /* ****************** 상품 상세 옵션 ******************** */ .MK_not_choice { color: red; } .MK_optAddWrap, .MK_optAddWrap * { margin: 0; padding: 0; } .MK_optAddWrap { color: #666; font-size: 11px; line-height: 13px; font-family: Dotum; } .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: left; } #MK_optAddList .MK_st { width: 205px; } #MK_optAddList .MK_st .MK_btn-add { cursor: pointer; } #MK_optAddList .MK_st select { margin-left: 5px; width: 300px; height: 20px; border:1px solid #000} /* 옵션선택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; } .tb-right select { margin-left: 5px; width: 170px; height: 20px;border:1px solid #E4E4E4 } .tb-right {padding-left:0px;} /* 옵션 결과 리스트 */ #MK_innerOptWrap { margin-top: 10px; border: 0px solid #ddd; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; text-align:left;} #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: 8px 5px; border-bottom: 1px solid #ddd; } #MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl, #MK_innerOptWrap .MK_inner-opt-cm li .MK_price, #MK_innerOptWrap .MK_inner-opt-cm li .MK_btn-del { position: absolute; } #MK_innerOptWrap .MK_inner-opt-cm li .MK_p-name, #MK_innerOptWrap .MK_inner-opt-cm li .MK_qty-ctrl, #MK_innerOptWrap .MK_inner-opt-cm li .MK_price, #MK_innerOptWrap .MK_inner-opt-cm li .MK_btn-del { display: block; } #MK_innerOptWrap .MK_inner-opt-cm li .MK_price { right: 20px; top: 10px; color: #333; } #MK_innerOptWrap .MK_inner-opt-cm li .MK_btn-del { right: 5px; top: 8px; } #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: 180px; } /* 기본옵션 */ #MK_innerOptWrap li .MK_p-name { margin-right: 140px; } #MK_innerOptWrap li .MK_qty-ctrl { width: 50px; top: 0px; *top: 2px; right: 90px; border: 0px solid #ddd; } #MK_innerOptWrap li .MK_qty-ctrl input { border: 1px solid #ddd; height: 20px; border: none; text-align: center !important;} #MK_innerOptWrap li .MK_qty-ctrl input.MK_count { width: 100px; height: 20px; line-height: 16px; padding: 0px 0 0 2px; border: 0px solid #ddd;} #MK_innerOptWrap li .MK_qty-ctrl a { position: absolute; right: 0px; font-size: 0; line-height: 0; } #MK_innerOptWrap li .MK_qty-ctrl a img { vertical-align: top; } #MK_innerOptWrap li .MK_qty-ctrl a.MK_btn-up { top: 2px; } #MK_innerOptWrap li .MK_qty-ctrl a.MK_btn-dw { top: 16px; } /* 개별옵션 */ #MK_innerOptWrap #MK_innerOpt_02 li .MK_p-name { margin-right: 80px; } #MK_innerOptWrap #MK_innerOpt_02 li .MK_qty-ctrl { width: 50px; top: 3px; *top: 2px; 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: 10px 5px; font-size: 12px; color: #333; text-align: right; } #MK_innerOptTotal .MK_txt-total { font-size:12px; font-weight:bold; color:#555; } #MK_innerOptTotal .MK_txt-won { } #MK_innerOptTotal .MK_total { color: #000; font-weight: bold; font-size: 18px; font-family:arial,sans-serif; font-weight: none;} /* 소리뷰 */ #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; } .item-hd { position: relative; width: 100%; margin-top: 30px; padding-bottom: 5px; border-bottom: 0px solid #b5b5b5; } .item-hd .tit { zoom: 1; overflow: hidden; } .item-hd .tit dt, .item-hd .tit dd { float: left; } .item-hd .tit { padding-left: 5px; font-size: 0; } .item-hd .tit dd { padding: 2px 0 0 10px; color: #b8b8b8; font-size: 11px; } /* ▼▼▼▼▼▼▼▼▼ 이벤트배너진열코드 ▼▼▼▼▼▼▼▼▼ */ .icon-banner { padding:20px;font-size:0;text-align:center; border:1px solid #eee; margin-top:50px;} .icon-banner li { display:inline-block;width:190px ;padding:0 20px;font-size:12px; border:0px solid #eee; color:#666;} .icon-banner li:hover i{ background:rgba(0,0,0,1); } .icon-banner li a {display:block; } .icon-banner li i{ display:block;width:60px;height:60px;border-radius:50%;margin:0 auto; background:rgba(164,164,164,1); color:#fff;line-height:60px;font-size:24px;} .icon-banner li .title{display:block;padding:15px 0 5px;font-size:15px;font-weight:500;color:#514c45;} /* ▲▲▲▲▲▲▲▲▲▲ // 이벤트배너진열코드 끝 ▲▲▲▲▲▲▲▲▲▲ */ /* ▼▼▼▼▼▼▼▼▼ 타이틀코드 ▼▼▼▼▼▼▼▼▼ */ .detail_title { width:100%; height:40px; border: 0px solid #EFEFEF; margin-top:60px; margin-bottom:50px; position:relative; text-align:center;} .detail_title h2 { font-weight:bold; font-size:14px; font-weight:bold;} .detail_title p { font-weight:none; font-size:12px; color:#666666; text-transform:uppercase; letter-spacing:1px;} /* ▲▲▲▲▲▲▲▲▲▲ // 타이틀코드 끝 ▲▲▲▲▲▲▲▲▲▲ */ /* ▼▼▼▼▼▼▼▼▼▼ 스마트상품진열코드 ▼▼▼▼▼▼▼▼▼▼ */ .sitem-list5 { zoom: 1; overflow: hidden; padding-bottom: 0px; } .sitem-list5:after { content: ""; clear: both; display: block; } .sitem-list5 .item { float: left; width: 200px; margin-top: 0px; margin-bottom: 10px; text-align: center; } .sitem-list5 .item .thumb { margin: 0 auto 0px; width:190px; height: auto; position:relative; } .sitem-list5 .item .thumb a { display:block;position:relative; } .sitem-list5 .item .thumb a img { max-width:100%; position:relative; } .sitem-list5 .item .item_hover .-imgcont_box {display:none; position:absolute;width:100%;height:100%;top:0;left:0; background:rgba(0,0,0,0.6); } .sitem-list5 .item .item_hover .-imgcont_box .-imgcont_out { display:table;height:100%;width:100%; } .sitem-list5 .item .item_hover .-imgcont_box .-imgcont { width:100%; height:100%; display:table-cell; vertical-align:middle; padding:0 20px;} .sitem-list5 .item .item_hover .-imgcont li { padding:5px 0; text-align:center; line-height:19px; } .sitem-list5 .item .item_hover .-imgcont .name {padding-bottom: 5px; font-size:11px; color: #fff; font-weight:bold; border-bottom:1px solid #F0F0F0; } .sitem-list5 .item .item_hover .-imgcont .subname { color: #fff; font-size:11px; } .sitem-list5 .item .item_hover .-imgcont .color { padding-top: 10px; } .sitem-list5 .item .item_hover .-imgcont .price { font-weight:none; color:#fff; } /* ▲▲▲▲▲▲▲▲▲▲ // 스마트상품진열코드 끝 ▲▲▲▲▲▲▲▲▲▲ */ /* ▼▼▼▼▼▼▼▼▼▼ 관련상품진열코드 ▼▼▼▼▼▼▼▼▼▼ */ .ditem-list5 { zoom: 1; overflow: hidden; clear: both; } .ditem-list5:after { content: ""; clear: both; display: block; } .ditem-list5 .item { float: left; width: 200px; /* text-align: center; */ padding-bottom: 40px ;} .ditem-list5 .item .item_box { width: 190px; margin: 0 auto; } .ditem-list5 .item .item_box .thumb { margin: 0 auto; width:190px; height: auto; position: relative; } .ditem-list5 .item .item_box .thumb .prd-check { position:absolute; right:10px; top:10px ; } .ditem-list5 .item .item_box .thumb img { width:190px; height: 190px; } .ditem-list5 .item .item_box .info_box { width: 100%; margin:0 auto; text-align:center; } .ditem-list5 .item .item_box .info_box li { padding:5px 0; } .ditem-list5 .item .item_box .info_box .name {padding-bottom: 5px; font-size:12px; color: #555; font-weight:bold; border-bottom:1px solid #F0F0F0; } .ditem-list5 .item .item_box .info_box .subname { color: #999; font-size:12px; } .ditem-list5 .item .item_box .info_box .price01 { font-weight:none; color:#999; padding-right:10px; text-decoration:line-through; } .ditem-list5 .item .item_box .info_box .price02 { font-weight:none; color:#555; } .ditem-list5 .related-allbasket { width: 100%; padding-top: 10px; text-align: right; } .ditem-list5 .quantity {font-size:0;margin-top:6px; margin:0 auto; width:190px; } .ditem-list5 .quantity span {height:32px;width:32px;display:inline-block;vertical-align:middle;border:1px solid #ccc;text-align:center;background:#fff;} .ditem-list5 .quantity span i{font-size:18px;line-height:32px;} .ditem-list5 .quantity span.in { width:120px;height:32px;line-height:32px; text-align:center !important; border:1px solid #ccc;border-left:0;border-right:0;padding:0 !important;min-height:17px !important;} .ditem-list5 .quantity input{font-size:11px;font-family:Roboto;font-weight:500;color:#000;width:70px; height:32px;line-height:32px; text-align:center; border:1px; padding:0 !important; min-height:17px !important;} .ditem-list5 .MS_related_option { vertical-align:middle;border:1px solid #ccc; outline:none; height:32px; width:100%; margin-bottom:3px; } /* ▲▲▲▲▲▲▲▲▲▲ // 관련상품진열코드 끝 ▲▲▲▲▲▲▲▲▲▲ */ /* ▼▼▼▼▼▼▼▼▼▼ 스크롤메뉴코드 ▼▼▼▼▼▼▼▼▼▼ */ .tap_menu { width:100%;height:36px;margin:50px auto;border-bottom:1px solid #555;text-align:center;} .tap_menu ul{font-size:0;line-height:0;letter-spacing:-4px;} .tap_menu ul li{ display:inline-block;letter-spacing:0;vertical-align:top;} .tap_menu ul li a{ display:block; min-width:140px;height:35px;line-height:35px;margin:0 0 0 -1px;border:1px solid #e8e8e8;border-bottom:none;background:#f6f6f6;color:#888;text-align:center;font-size:12px;} .tap_menu ul li a:hover{text-decoration:none;background:#f1f1f1;color:#111;} .tap_menu ul li.on a {position:relative;z-index:1; height:40px;line-height:40px;border:1px solid #555;border-bottom:none;background:#fff;font-weight:700;color:#111;font-size:13px; margin:-4px 0 0 -1px;} .tap_menu span{display:inline-block;line-height:12px;margin:0 0 0 5px;padding:2px 4px;border-radius:5px;background:#333;color:#fff;font-size:10px;}#prdDetail{margin:50px 0 80px;} /* ▲▲▲▲▲▲▲▲▲▲ // 스크롤메뉴코드 끝 ▲▲▲▲▲▲▲▲▲▲ */ /* ▼▼▼▼▼▼▼▼▼▼ 쿠폰 ▼▼▼▼▼▼▼▼▼▼ */ .cou { display:inline-block; *display:inline; } /* ▲▲▲▲▲▲▲▲▲▲ // 쿠폰 끝 ▲▲▲▲▲▲▲▲▲▲ */ /* 하이브리드 옵션 적용 소스 */ #productDetail .thumb-info .info .table-opt .opt-wrap .tit { margin-bottom: 5px; } #productDetail .thumb-info .info .table-opt .opt-wrap-hybrid { width: 100%; padding:0 0 10px; border-bottom:1px solid #e4e4e4; } #productDetail .thumb-info .info .table-opt .opt-wrap-hybrid .tit { margin-bottom: 8px; color:#969696; } #productDetail .thumb-info .info .table-opt .option-wrap { margin-top: 10px; padding:10px 0; border-top:1px solid #ddd; } #productDetail .thumb-info .info .table-opt .option-wrap .option-box { width:100%; } #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%; } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li { float:left; width:70px; margin-left:25px; } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li.first, #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li:first-child { margin-left:0; } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li dl { padding-bottom:10px; 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:13px; height:13px; } #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:70px; height:70px; } #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:100%; height:100%; line-height:71px; 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:0; left:0; display:inline-block; width:100%; height:100%; 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:100%; height:100%; 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:7px; line-height:14px;} #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li dl dd.prdname { padding-bottom:3px; line-height:14px;} #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 { width:52px; height:24px; line-height:24px; border: 1px solid #dfdfdf; text-align:center; background:none; } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li dl dd.prdqty .btn-up-down { display:inline-block; width:12px; height:26px; 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 a { display:inline-block; width:12px; height:12px; 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:2px; } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li.lst-soldout dl { color:#a7a7a7; } #productDetail .thumb-info .info .table-opt .option-wrap .option-box .list li.lst-soldout dl input { color:#929292; } /* 하이브리드 기본상품 가격 노출 및 선택된 하이브리드 옵션노출항목*/ #MK_innerOptWrap .MK_inner-opt-hybrid li .MK_p-name, #MK_innerOptWrap .MK_inner-opt-hybrid li . MK_price, #MK_innerOptWrap .MK_inner-opt-hybrid li .MK_btn-del { display: inline-block; *float:left; } #MK_innerOptWrap .MK_inner-opt-hybrid li .MK_price { top:4px; } /* 하이브리드 선택된 옵션 총가격 노출*/ #MK_innerOptWrap #MK_innerOptPrice { display:none !important; padding: 12px 5px 10px; font-size: 12px; color: #333; text-align: right; } #MK_innerOptAdd { display:none; padding: 0 5px; font-size: 12px; color: #333; text-align: right; } #MK_innerOptTotal { padding-top:20px; border-top:1px solid #e4e4e5; *zoom:1; text-align:right; } #MK_innerOptTotal .MK_total { font-size:12px; color:#fd0100; } #MK_innerOptTotal .totalRight .MK_total { display:inline-block; margin-top:-4px; font-size:24px; color:#000; vertical-align:middle; } #productDetail .thumb-info .thumb img { max-width: none !important; } /* BASIC css end */ /* ===================================================================== ZIZEL PC DETAIL 2026 — "Atelier Stitch" - 구매영역(#fixorder)을 모바일 순서로 재구성 + 상품리뷰/상품문의 모바일 스타일 - 위쪽은 기존 shopdetail.css 원본(유지), 아래 규칙이 덮어씁니다. Palette ink #1C1A17 / ink-2 #4A4641 / stone #8A847C / line #E8E4DE paper #F5F3EF / saddle #8C5A3C ===================================================================== */ #productDetail{ --ink:#1C1A17;--ink-2:#4A4641;--stone:#8A847C;--line:#E8E4DE;--paper:#F5F3EF;--saddle:#8C5A3C; --sans:"Pretendard Variable",Pretendard,"Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic",sans-serif; --serif:"Bodoni Moda","Didot","Times New Roman",serif; } #productDetail .page-body{width:960px} #productDetail #fixorder{width:300px} #productDetail #fixorder .info,#productDetail .info{width:300px} /* ---------- 구매영역 공통 (스크롤 없음 · 1920×1080 화면에서 옵션 2개 선택까지 한 화면) ---------- */ #productDetail .zd-buy{box-sizing:border-box;width:300px!important;padding:0 0 16px!important;border-top:0!important;background:#fff;text-align:left!important; font-family:var(--sans);color:var(--ink);letter-spacing:-.01em;word-break:keep-all;-webkit-font-smoothing:antialiased} #productDetail .zd-buy *{box-sizing:border-box} #productDetail .zd-buy button span{visibility:visible} #productDetail .zd-buy :where(h3,p,dl,dt,dd,ul,li){margin:0;padding:0} /* 1. 상품명 */ #productDetail .zd-intro{padding:0 0 10px} #productDetail .info h3.zd-name{padding:0!important;border:0!important;font:600 18px/1.35 var(--sans)!important;letter-spacing:-.04em!important;color:var(--ink)!important;text-align:left} #productDetail .info p.zd-sub{padding:4px 0 0!important;border:0!important;font:400 12px/1.4 var(--sans)!important;color:var(--stone)!important} #productDetail .info p.zd-sub:empty{display:none} /* 2. 가격 */ #productDetail .zd-price{padding:0 0 12px;border-bottom:1px solid var(--line)} #productDetail .zd-price__org{font:400 13px/1.3 var(--sans);color:#9A948C} #productDetail .zd-price__org del{text-decoration:line-through} #productDetail .zd-price__line{display:flex;flex-wrap:wrap;align-items:baseline;margin-top:3px} #productDetail .zd-price__rate{margin-right:7px;font:500 20px/1.2 var(--sans);color:#E02020;letter-spacing:-.02em} #productDetail .zd-price__sell{margin-right:5px;font:400 20px/1.2 var(--sans);color:var(--ink);letter-spacing:-.03em} #productDetail .zd-price__sell .won{margin-left:0;font-size:20px;font-weight:400} #productDetail .zd-price__save{margin:0!important;font:400 13px/1.2 var(--sans);color:#E02020;white-space:nowrap} #productDetail [hidden]{display:none!important} #productDetail .zd-benefit{position:relative;margin-top:10px;border:1px solid var(--line)} #productDetail .zd-benefit__toggle{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;height:30px;margin:0;padding:0;border:0;background:#fff; font:500 12px/1 var(--sans);color:var(--ink-2);cursor:pointer;transition:background .15s} #productDetail .zd-benefit__toggle:hover{background:var(--paper)} #productDetail .zd-benefit__toggle i{width:6px;height:6px;margin-top:-3px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg);transition:transform .2s} #productDetail .zd-benefit__toggle[aria-expanded="true"] i{margin-top:3px;transform:rotate(-135deg)} /* 펼친 내역은 아래 내용을 밀지 않고 위에 겹쳐 뜸 → 패널 높이 그대로 */ #productDetail .zd-benefit__detail{position:absolute;left:-1px;right:-1px;top:100%;z-index:20;padding:10px 12px;background:#fff;border:1px solid var(--ink);box-shadow:0 8px 20px rgba(28,26,23,.12)} #productDetail .zd-benefit__row{display:flex;justify-content:space-between;gap:12px;padding:3px 0;font:400 12px/1.45 var(--sans);color:var(--ink-2)} #productDetail .zd-benefit__row span:last-child{white-space:nowrap} #productDetail .zd-benefit__row small{display:block;margin-top:1px;font-size:10px;color:var(--stone);line-height:1.35} #productDetail .zd-benefit__row.is-total{margin-top:4px;padding-top:7px;border-top:1px solid var(--line);font-weight:600;color:var(--ink)} #productDetail .zd-benefit__row.is-total span:last-child{color:var(--saddle)} #productDetail .zd-benefit__detail p{margin-top:6px!important;font:400 11px/1.5 var(--sans);color:var(--stone)} /* 3. 상품 정보 */ #productDetail .zd-spec{padding:9px 0;border-bottom:1px solid var(--line)} #productDetail .zd-spec>div{display:flex;gap:12px;padding:1px 0;font:400 12px/1.65 var(--sans)} #productDetail .zd-spec dt{flex:0 0 60px;color:var(--stone);font-weight:400} #productDetail .zd-spec dd{flex:1;color:var(--ink);text-align:left} #productDetail .zd-spec dd b{font-weight:500} /* 4. 결제혜택 */ #productDetail .zd-pay{display:flex;align-items:center;justify-content:space-between;height:38px;border-bottom:1px solid var(--line);font:400 12px/1 var(--sans);color:var(--stone)} #productDetail .zd-pay button{margin:0;padding:4px 0;border:0;background:none;font:500 12px/1 var(--sans);color:var(--ink);text-decoration:underline;text-underline-offset:3px;cursor:pointer} #productDetail .zd-pay button:hover{color:var(--saddle)} /* 5. 옵션 (원본 태그 유지, 모양만 변경) */ #productDetail .info .table-opt.zd-opt{width:100%!important;margin:0!important;padding:10px 0 0} #productDetail .zd-opt table{width:100%;border-collapse:collapse} #productDetail .zd-opt caption{display:none} #productDetail .zd-opt th,#productDetail .zd-opt td{height:auto!important;padding:0!important;line-height:1.5!important;color:var(--ink-2)!important;font-family:var(--sans)} #productDetail .zd-opt th .tb-left{font:400 12px/32px var(--sans)!important;color:var(--stone)!important} #productDetail .zd-opt td.price .tb-left{font:600 12px/32px var(--sans)!important;color:var(--ink)!important;text-align:right} #productDetail .info .table-opt.zd-opt .opt-wrap{margin:0!important;padding:0!important} #productDetail .info .table-opt.zd-opt .opt-wrap .tit{margin:8px 0 6px;font:400 12px/1.4 var(--sans);color:var(--stone)} #productDetail .info .table-opt.zd-opt .opt-wrap .tit.blind{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)} #productDetail .info .table-opt.zd-opt .opt-wrap dl{display:flex;align-items:center;gap:10px;width:100%;margin:0 0 6px;overflow:visible} #productDetail .info .table-opt.zd-opt .opt-wrap dt{float:none;flex:0 0 60px;width:auto;margin:0;padding:0;font:400 12px/1.4 var(--sans);color:var(--stone);text-align:left} #productDetail .info .table-opt.zd-opt .opt-wrap dd{float:none;flex:1;width:auto;margin:0;min-width:0} #productDetail .info .table-opt.zd-opt select{-webkit-appearance:none;appearance:none;display:block;width:100%!important;height:36px!important;margin:0!important;padding:0 30px 0 11px; border:1px solid #DCD7D0!important;border-radius:0;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%234A4641' stroke-width='1.2'/%3E%3C/svg%3E") no-repeat right 11px center; font:400 13px/34px var(--sans);color:var(--ink);cursor:pointer;transition:border-color .15s} #productDetail .info .table-opt.zd-opt select:hover,#productDetail .info .table-opt.zd-opt select:focus{border-color:var(--ink)!important;outline:0} #productDetail .zd-opt .opt-btns{position:relative;width:96px;height:32px} #productDetail .info .table-opt.zd-opt .opt-wrap .opt-btns input{width:64px;height:32px;border:1px solid #DCD7D0;text-align:center} #productDetail .zd-opt .sel-btn{padding:4px 0 0;text-align:right} /* 선택된 옵션 (목록 스크롤 없음 · 화면이 모자라면 아래 zd-tight 단계로 자동 압축) */ #productDetail .zd-opt .MK_optAddWrap{font-family:var(--sans);color:var(--ink)} #productDetail .zd-opt #MK_innerOptWrap{margin-top:4px;border:0;text-align:left} #productDetail .zd-opt #MK_innerOptScroll{max-height:none!important;height:auto!important;padding:0!important;overflow:visible!important} #productDetail .zd-opt #MK_innerOptWrap .MK_inner-opt-cm li{position:relative;min-height:0;height:58px;margin:0 0 4px;padding:7px 10px;background:var(--paper);border:0} #productDetail .zd-opt #MK_innerOptWrap li .MK_p-name{display:block;margin:0 0 5px;padding-right:18px;font:500 12px/16px var(--sans);color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #productDetail .zd-opt #MK_innerOptWrap li .MK_qty-ctrl{position:relative;top:auto;right:auto;width:80px;height:24px;border:1px solid #DCD7D0;background:#fff} #productDetail .zd-opt #MK_innerOptWrap li .MK_qty-ctrl input,#productDetail .zd-opt #MK_innerOptWrap li .MK_qty-ctrl input.MK_count{width:58px!important;height:22px;padding:0!important;border:0;background:none;font:500 12px/22px var(--sans);text-align:center!important} #productDetail .zd-opt #MK_innerOptWrap li .MK_qty-ctrl a{right:0;width:21px;height:11px;border-left:1px solid #DCD7D0;text-align:center;line-height:11px} #productDetail .zd-opt #MK_innerOptWrap li .MK_qty-ctrl a.MK_btn-up{top:0;border-bottom:1px solid #DCD7D0} #productDetail .zd-opt #MK_innerOptWrap li .MK_qty-ctrl a.MK_btn-dw{top:11px} #productDetail .zd-opt #MK_innerOptWrap li .MK_qty-ctrl a img{margin-top:2px} #productDetail .zd-opt #MK_innerOptWrap .MK_inner-opt-cm li .MK_price{right:10px;top:auto;bottom:12px;font:600 13px/1 var(--sans);color:var(--ink)} #productDetail .zd-opt #MK_innerOptWrap .MK_inner-opt-cm li .MK_btn-del{right:8px;top:8px} #productDetail .zd-opt #MK_innerOptTotal{display:flex;justify-content:space-between;align-items:center;margin-top:6px;padding:10px 0 2px!important;border-top:1px solid var(--ink)} #productDetail .zd-opt #MK_innerOptTotal .totalRight{display:flex;align-items:baseline;justify-content:space-between;width:100%;margin:0} #productDetail .zd-opt #MK_innerOptTotal .MK_txt-total{margin-right:auto;font:500 12px/1 var(--sans)!important;color:var(--ink-2)!important} #productDetail .zd-opt #MK_innerOptTotal .totalRight .MK_total,#productDetail .zd-opt #MK_innerOptTotal .MK_total{margin:0!important;font:700 19px/1 var(--sans)!important;color:var(--ink)!important;letter-spacing:-.02em} #productDetail .zd-opt #MK_innerOptTotal .MK_txt-won{margin-left:2px;font:500 13px/1 var(--sans);color:var(--ink)} /* 6. 버튼 (줄임) */ #productDetail .zd-note{margin:10px 0 0!important;padding:7px 10px!important;background:var(--paper);font:400 11px/1.5 var(--sans);color:var(--ink-2);letter-spacing:-.03em} #productDetail .zd-btns{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:8px} #productDetail .zd-btn{display:flex;align-items:center;justify-content:center;height:38px;font:500 13px/1 var(--sans);letter-spacing:-.01em;text-decoration:none!important;transition:background .15s,color .15s,border-color .15s} #productDetail .zd-btn--buy{grid-column:1/-1;height:44px;background:var(--ink);color:#fff!important;font-size:14px;font-weight:600} #productDetail .zd-btn--buy:hover{background:#000} #productDetail .zd-btn--line{border:1px solid #DCD7D0;background:#fff;color:var(--ink)!important} #productDetail .zd-btn--line:hover{border-color:var(--ink)} #productDetail .zd-soldout{margin-top:10px!important;padding:12px!important;background:var(--paper);font:500 13px/1 var(--sans);color:var(--stone);text-align:center} #productDetail .zd-easypay{margin-top:6px!important;list-style:none} #productDetail .zd-easypay li{padding:0 0 4px;text-align:center} #productDetail .zd-easypay:empty{display:none} /* 7. 리뷰/문의 바로가기 */ #productDetail .ddboard.zd-jump{display:flex;margin-top:10px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)} #productDetail .zd-jump a{flex:1;display:flex;align-items:center;justify-content:center;gap:3px;height:36px;font:400 12px/1 var(--sans);color:var(--ink-2)!important;transition:color .15s} #productDetail .zd-jump a+a{border-left:1px solid var(--line)} #productDetail .zd-jump a:hover{color:var(--saddle)!important} #productDetail .zd-jump em{font-style:normal;color:var(--stone)} /* 따라다니는 패널이 화면보다 길어지면(옵션 여러 개 선택 시) 자동으로 단계별 압축 → 스크롤 없이 항상 한 화면 */ #productDetail .zd-buy.zd-tight .ddboard.zd-jump, #productDetail .zd-buy.zd-tight .zd-easypay{display:none} #productDetail .zd-buy.zd-tight .zd-note{margin-top:6px!important;padding:4px 8px!important;font-size:10.5px} #productDetail .zd-buy.zd-tight .zd-spec{padding:5px 0} #productDetail .zd-buy.zd-tight .zd-spec>div{line-height:1.4} #productDetail .zd-buy.zd-tight .zd-opt #MK_innerOptWrap .MK_inner-opt-cm li{height:50px;padding:5px 10px;margin-bottom:3px} #productDetail .zd-buy.zd-tight .zd-opt #MK_innerOptWrap li .MK_p-name{margin-bottom:3px} #productDetail .zd-buy.zd-tight2 .zd-spec, #productDetail .zd-buy.zd-tight2 .zd-note{display:none} #productDetail .zd-buy.zd-tight2 .zd-pay{height:30px} #productDetail .zd-buy.zd-tight2 .zd-btn{height:32px} #productDetail .zd-buy.zd-tight2 .zd-btn--buy{height:38px} /* 노트북 등 세로가 낮은 화면(900px 이하)에서는 간격을 한 번 더 줄임 */ @media (max-height:900px){ #productDetail .zd-intro{padding-bottom:8px} #productDetail .info h3.zd-name{font-size:16px!important} #productDetail .zd-price{padding-bottom:9px} #productDetail .zd-benefit{margin-top:8px} #productDetail .zd-spec{padding:6px 0} #productDetail .zd-spec>div{line-height:1.55} #productDetail .zd-pay{height:34px} #productDetail .info .table-opt.zd-opt{padding-top:8px} #productDetail .info .table-opt.zd-opt select{height:32px!important;line-height:30px} #productDetail .info .table-opt.zd-opt .opt-wrap dl{margin-bottom:5px} #productDetail .zd-btn{height:34px} #productDetail .zd-btn--buy{height:40px} #productDetail .zd-jump a{height:32px} } /* 아주 낮은 화면(760px 이하) */ @media (max-height:760px){ #productDetail .zd-spec>div{line-height:1.45} #productDetail .zd-note{padding:5px 8px!important;font-size:10.5px} #productDetail .ddboard.zd-jump{display:none} } /* 무이자 팝업 */ .zd-modal[hidden]{display:none!important} .zd-modal{position:fixed;inset:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(28,26,23,.55)} .zd-modal__card{box-sizing:border-box;width:100%;max-width:480px;max-height:85vh;overflow:auto;padding:24px;background:#fff;font-family:"Pretendard Variable",Pretendard,sans-serif} .zd-modal__head{display:flex;align-items:center;justify-content:space-between;margin:0 0 16px} .zd-modal__head h3{margin:0;font:600 18px/1.3 inherit;color:#1C1A17;letter-spacing:-.03em} .zd-modal__close{margin:0;padding:0 4px;border:0;background:none;font:300 28px/1 sans-serif;color:#4A4641;cursor:pointer} .zd-modal__card img{display:block;width:100%;height:auto} /* ---------- 탭 메뉴 (상세/관련/리뷰/문의) ---------- */ #productDetail .tap_menu{height:auto;margin:80px auto 40px;border-bottom:1px solid var(--line);font-family:var(--sans)} #productDetail .tap_menu ul{display:flex;font-size:14px;line-height:1;letter-spacing:0} #productDetail .tap_menu ul li{flex:1} #productDetail .tap_menu ul li a,#productDetail .tap_menu ul li.on a{position:relative;display:block;min-width:0;height:52px;margin:0;border:0;background:none; font:400 14px/52px var(--sans);color:var(--stone);text-align:center;letter-spacing:-.02em} #productDetail .tap_menu ul li a:hover{background:none;color:var(--ink)} #productDetail .tap_menu ul li.on a{font-weight:600;color:var(--ink)} #productDetail .tap_menu ul li.on a::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--ink)} #productDetail .tap_menu span{margin:0 0 0 4px;padding:0;border-radius:0;background:none;color:var(--stone);font:400 13px/1 var(--sans)} #productDetail .tap_menu ul li.on span{color:var(--saddle)} #productDetail #tapm05{display:none} /* ---------- 리뷰·문의 공통 헤드 ---------- */ #productDetail .zd-board{font-family:var(--sans);color:var(--ink)} #productDetail .zd-board__head{position:relative;display:flex;align-items:flex-end;gap:14px;padding:0 0 18px;border-bottom:1px solid var(--ink)} #productDetail .zd-board__tit{margin:0;font:600 22px/1.2 var(--sans);letter-spacing:-.04em;color:var(--ink)} #productDetail .zd-board__tit em{margin-left:4px;font:italic 400 22px/1 var(--serif);color:var(--saddle)} #productDetail .zd-board__desc{margin:0 0 2px;font:400 13px/1.4 var(--sans);color:var(--stone)} #productDetail .zd-board__btn{margin-left:auto;display:inline-flex;align-items:center;height:36px;padding:0 18px;background:var(--ink);color:#fff!important;font:500 13px/1 var(--sans);transition:background .15s} #productDetail .zd-board__btn:hover{background:#000} /* ---------- 파워리뷰 (메이크샵 위젯 재스타일) ---------- */ #productDetail .zd-review #powerReview{font-family:var(--sans);color:var(--ink-2)} #productDetail .zd-review #powerReview .hd-t{display:none} #productDetail .zd-review #powerReview .PR15N01-info{display:flex;align-items:center;gap:40px;margin:24px 0 0;padding:28px 32px;border:0;background:var(--paper)} #productDetail .zd-review #powerReview .PR15N01-info .score{position:static;flex:0 0 140px;width:auto;height:auto;background:none;color:var(--ink);text-align:center} #productDetail .zd-review #powerReview .PR15N01-info .score dt{margin:0;font:600 52px/1 var(--sans)!important;letter-spacing:-.04em;color:var(--ink)!important} #productDetail .zd-review #powerReview .PR15N01-info .score dt::after{content:"★★★★★";display:block;margin-top:8px;font-size:14px;letter-spacing:2px;color:var(--saddle)} #productDetail .zd-review #powerReview .PR15N01-info .score dd{margin-top:8px;font:400 12px/1 var(--sans);color:var(--stone)} #productDetail .zd-review #powerReview .PR15N01-info .score dd strong{color:var(--ink);font-weight:600} #productDetail .zd-review #powerReview .PR15N01-info .chart{flex:1} #productDetail .zd-review #powerReview .PR15N01-info .chart ul{padding:0 50px 0 64px} #productDetail .zd-review #powerReview .PR15N01-info .chart li{margin:6px 0} #productDetail .zd-review #powerReview .PR15N01-info .chart li .tit,#productDetail .zd-review #powerReview .PR15N01-info .chart li .bar{height:6px;line-height:6px;font-size:12px;color:var(--ink-2)} #productDetail .zd-review #powerReview .PR15N01-info .chart li .tit{left:-64px;top:-4px;line-height:14px} #productDetail .zd-review #powerReview .PR15N01-info .chart li .bar{background:#E2DDD6} #productDetail .zd-review #powerReview .PR15N01-info .chart li .bar .abs{background:var(--ink)!important} #productDetail .zd-review #powerReview .PR15N01-info .chart li .num{top:-4px;line-height:14px;margin-left:8px;color:var(--stone)} #productDetail .zd-review #powerReview .PR15N01-info .photo{position:static;flex:0 0 300px;width:300px;height:auto} #productDetail .zd-review #powerReview .PR15N01-info .photo ul{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;height:auto} #productDetail .zd-review #powerReview .PR15N01-info .photo ul li{float:none;width:auto;margin:0} #productDetail .zd-review #powerReview .PR15N01-info .photo ul li:nth-child(n+9){display:none} #productDetail .zd-review #powerReview .PR15N01-info .photo img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover} #productDetail .zd-review #powerReview .PR15N01-info .photo .none{font:400 12px/1.6 var(--sans);color:var(--stone);text-align:center} /* 리뷰 쓰기 */ #productDetail .zd-review #powerReview #writePowerReview{margin-top:24px} #productDetail .zd-review #powerReview .PR15N01-write{padding:14px 16px;border:1px solid var(--line)} #productDetail .zd-review #powerReview .PR15N01-write textarea{height:80px;font:400 13px/1.6 var(--sans);color:var(--stone)} #productDetail .zd-review #powerReview .PR15N01-recmd{font:500 13px/1 var(--sans);color:var(--ink-2)} #productDetail .zd-review #powerReview .PR15N01-recmd>.star-list>a,#productDetail .zd-review #powerReview .PR15N01-recmd>.star-list ul li,#productDetail .zd-review #powerReview .PR15N01-recmd .cvr a{border-color:var(--line)} #productDetail .zd-review #powerReview .PR15N01-recmd>.star-list em{color:var(--saddle)!important;font-size:16px} #productDetail .zd-review #powerReview .PR15N01-recmd .cvr a{font:500 13px/35px var(--sans);color:var(--ink)} #productDetail .zd-review #powerReview .PR15N01-recmd .cvr a.lnk-review{background:var(--ink)!important;border-color:var(--ink);color:#fff!important} #productDetail .zd-review #powerReview .PR15N01-recmd .cvr a.lnk-benefit:hover{background:var(--paper);border-color:var(--line);color:var(--ink)} /* 정렬 바 */ #productDetail .zd-review #powerReview .PR15N01-hd{display:flex;align-items:center;gap:12px;margin-top:36px;padding-bottom:14px} #productDetail .zd-review #powerReview .PR15N01-hd h2{margin-right:auto;font:600 15px/1 var(--sans);letter-spacing:-.03em;color:var(--ink)} #productDetail .zd-review #powerReview .PR15N01-hd h2 span{color:var(--stone);font-weight:400} #productDetail .zd-review #powerReview .PR15N01-hd .pr-photo-toggle,#productDetail .zd-review #powerReview .PR15N01-hd .sort{position:static} #productDetail .zd-review #powerReview .PR15N01-hd .pr-photo-toggle{border:1px solid var(--line)} #productDetail .zd-review #powerReview .PR15N01-hd .pr-photo-toggle a{width:auto;height:32px;padding:0 14px;font:400 12px/32px var(--sans);color:var(--ink-2)} #productDetail .zd-review #powerReview .PR15N01-hd .pr-photo-toggle a.now{background:var(--ink);color:#fff} #productDetail .zd-review #powerReview .PR15N01-hd .sort{display:flex;list-style:none} #productDetail .zd-review #powerReview .PR15N01-hd .sort li{float:none;height:auto;margin:0;padding:0 0 0 12px;border:0;background:none;line-height:1} #productDetail .zd-review #powerReview .PR15N01-hd .sort li+li{margin-left:12px;border-left:1px solid var(--line)} #productDetail .zd-review #powerReview .PR15N01-hd .sort li a{font:400 12px/1 var(--sans);color:var(--stone)} #productDetail .zd-review #powerReview .PR15N01-hd .sort li.now a{color:var(--ink)!important;font-weight:600} /* 리뷰 리스트 */ #productDetail .zd-review #powerReview .PR15N01-review-wrap{margin:0;border-top:1px solid var(--ink)} #productDetail .zd-review #powerReview .PR15N01-review-wrap>li{padding:24px 4px;border-bottom:1px solid var(--line)} #productDetail .zd-review #powerReview .PR15N01-review-wrap>li .desc{top:2px;right:0} #productDetail .zd-review #powerReview .PR15N01-review-wrap>li .desc li{padding:0 0 0 10px;font:400 12px/1.6 var(--sans);color:var(--stone)} #productDetail .zd-review #powerReview .PR15N01-review-wrap>li .star-icon{line-height:20px} #productDetail .zd-review #powerReview .PR15N01-review-wrap>li .star-icon .star{margin-right:8px;font-size:14px;letter-spacing:1px;color:#DDD7CF} #productDetail .zd-review #powerReview .PR15N01-review-wrap>li .star-icon .star em{color:var(--saddle)!important} #productDetail .zd-review #powerReview .PR15N01-review-wrap>li .star-icon .survey{width:auto;margin-right:8px;font:600 13px/20px var(--sans);letter-spacing:-.02em;color:var(--ink)} #productDetail .zd-review #powerReview .PR15N01-review-wrap>li .star-icon .icon img{width:18px;opacity:.5} #productDetail .zd-review #powerReview .PR15N01-review-wrap>li .content{min-height:0;padding-top:12px;font:400 14px/1.7 var(--sans);color:var(--ink-2)} #productDetail .zd-review #powerReview .PR15N01-review-wrap>li .content a{font:inherit;color:var(--ink-2);line-height:1.7} #productDetail .zd-review #powerReview .PR15N01-review-wrap>li .content .pr-more,#productDetail .zd-review #powerReview .PR15N01-review-wrap>li .content .pr-close{color:var(--stone)} #productDetail .zd-review #powerReview .PR15N01-review-wrap>li .photo-list{height:auto;margin-top:14px} #productDetail .zd-review #powerReview .PR15N01-review-wrap>li .photo-list ul{float:none;height:auto;display:flex;gap:6px} #productDetail .zd-review #powerReview .PR15N01-review-wrap>li .photo-list li{float:none;width:96px;margin:0} #productDetail .zd-review #powerReview .PR15N01-review-wrap>li .photo-list li a img{width:96px;height:96px;object-fit:cover;border:0} #productDetail .zd-review #powerReview .PR15N01-review-wrap>li .reply{display:flex;align-items:center;gap:10px;height:auto;margin-top:14px;font:400 12px/1 var(--sans)} #productDetail .zd-review #powerReview .PR15N01-review-wrap>li .reply .cnt{width:auto;height:26px;margin:0;padding:0 10px;border:1px solid var(--line);background:none;color:var(--ink-2);line-height:24px} #productDetail .zd-review #powerReview .PR15N01-review-wrap>li .reply .pr-txt{margin:0 0 0 auto;color:var(--stone)} #productDetail .zd-review #powerReview .PR15N01-review-wrap>li .reply .yes,#productDetail .zd-review #powerReview .PR15N01-review-wrap>li .reply .no{margin:0;color:var(--stone)} #productDetail .zd-review #powerReview .PR15N01-review-wrap>li .reply-wrap .lst li dt{background:var(--paper)} #productDetail .zd-review #powerReview .PR15N01-review-wrap>li .reply-wrap .lst li dd{background:#fff} #productDetail .zd-review #powerReview .PR15N01-review-wrap>li .reply-wrap .wrt{border-color:var(--line)} #productDetail .zd-review #powerReview .PR15N01-review-wrap>li .reply-wrap .wrt a{background:var(--ink)!important;border-color:var(--ink);color:#fff} #productDetail .zd-review #powerReview .paging{display:flex;justify-content:center;gap:4px;margin-top:40px} #productDetail .zd-review #powerReview .paging a{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:0;font:400 13px/1 var(--sans);color:var(--stone)} #productDetail .zd-review #powerReview .paging a:hover{color:var(--ink)} #productDetail .zd-review #powerReview .paging a.now{background:var(--ink);border:0;color:#fff} #productDetail .zd-review #powerReview .paging a.now span{color:#fff} /* ---------- 상품문의 ---------- */ #productDetail .zd-qna{margin-top:0} #productDetail .qna-list{font-family:var(--sans)} #productDetail .qna-list table{width:100%;border-collapse:collapse} #productDetail .qna-list caption,#productDetail .qna-list thead{display:none} #productDetail .table-slide.qna-list th,#productDetail .table-slide.qna-list td{padding:18px 4px;border-top:0;border-bottom:1px solid var(--line);font:400 14px/1.5 var(--sans);color:var(--ink-2);vertical-align:middle} #productDetail .qna-list td .tb-center{text-align:center;font-size:13px;color:var(--stone)} #productDetail .qna-list td .tb-left{text-align:left} #productDetail .qna-list td .tb-left a{color:var(--ink);font-weight:500} #productDetail .qna-list td .tb-left a:hover{color:var(--saddle)} #productDetail .qna-list td .tb-left img{vertical-align:-2px;margin-right:4px;opacity:.6} #productDetail .qna-list .reviewnum{font-size:12px;color:#B3ADA5} #productDetail .qna-list .reply_depth1{padding-left:20px} #productDetail .qna-list .reply_status{display:inline-block;margin-left:8px;padding:3px 7px;border:1px solid var(--line);font:500 11px/1 var(--sans);color:var(--stone)} #productDetail .qna-list .reply_status.reply_DONE{border-color:var(--saddle);color:var(--saddle)} #productDetail .qna-list tr.cnt td{padding:0;background:var(--paper)} #productDetail .qna-list tr.cnt td .tb-left{padding:20px 24px;font-size:13px;line-height:1.7;color:var(--ink-2)} #productDetail .qna-list tr.ndata td{padding:56px 0;border-bottom:1px solid var(--line)} #productDetail .qna-list tr.ndata .tb-center{font-size:14px;color:var(--stone)} #productDetail .qna-list .zd-qna__btns{display:flex;justify-content:center;gap:6px;padding:28px 0 0} #productDetail .qna-list .zd-qna__btns a{display:inline-flex;align-items:center;justify-content:center;min-width:140px;height:44px;padding:0 24px;font:500 13px/1 var(--sans);transition:background .15s,border-color .15s} #productDetail .qna-list .zd-qna__write{background:var(--ink);color:#fff!important} #productDetail .qna-list .zd-qna__write:hover{background:#000} #productDetail .qna-list .zd-qna__all{border:1px solid #DCD7D0;color:var(--ink)!important} #productDetail .qna-list .zd-qna__all:hover{border-color:var(--ink)} #productDetail .table-slide.qna-list tr:has(.zd-qna__btns) td,#productDetail .table-slide.qna-list tr:has(.custom_paging) td{border-bottom:0;padding:0} #productDetail .qna-list .custom_paging{display:flex;align-items:center;justify-content:center;gap:4px;margin:28px 0 0} #productDetail .qna-list .custom_paging p a{display:flex;align-items:center;justify-content:center;width:34px;height:34px;font-size:0;color:var(--stone)} #productDetail .qna-list .custom_paging p a::before{font:400 14px/1 var(--sans)} #productDetail .qna-list .custom_paging .first a::before{content:"«"} #productDetail .qna-list .custom_paging .prev a::before{content:"‹"} #productDetail .qna-list .custom_paging .next a::before{content:"›"} #productDetail .qna-list .custom_paging .last a::before{content:"»"} #productDetail .qna-list .custom_paging ol{display:flex;gap:4px;margin:0 8px;padding:0;list-style:none} #productDetail .qna-list .custom_paging ol li a{display:flex;align-items:center;justify-content:center;width:34px;height:34px;font:400 13px/1 var(--sans);color:var(--stone)} #productDetail .qna-list .custom_paging ol li a:hover{color:var(--ink)} #productDetail .qna-list .custom_paging ol li a.this{background:var(--ink);color:#fff} #productDetail .qna-list .custom_paging ol li a:empty{display:none} #productDetail .qna-list .MS_cmt_list_box{padding:0 0 4px} #productDetail .qna-list .MS_cmt_hname{font-weight:600;color:var(--ink)} #productDetail .qna-list .MS_cmt_date{margin-left:8px;font-size:12px;color:var(--stone)} /* 공통 css 덮어쓰기 (문의 버튼·페이지) */ #productDetail .qna-list .btn-detail a{margin:0;border:0;font-size:13px} #productDetail .qna-list .btn-detail a.zd-qna__write{background:var(--ink)!important} #productDetail .qna-list .btn-detail a.zd-qna__all{background:#fff!important;border:1px solid #DCD7D0} #productDetail .qna-list .custom_paging p a,#productDetail .qna-list .custom_paging li a{width:34px!important;height:34px!important;padding:0!important;border:0!important;background:none!important;text-indent:0!important;line-height:34px!important} #productDetail .qna-list .custom_paging p a::before{font-size:15px!important;line-height:34px} #productDetail .qna-list .custom_paging li a{font:400 13px/34px var(--sans)!important} #productDetail .qna-list .custom_paging li a.this{background:var(--ink)!important;color:#fff!important;font-weight:600!important} #productDetail .qna-list .reply_status{white-space:nowrap} #productDetail .zd-review #powerReview .PR15N01-review-wrap>li .reply .cnt span{color:var(--ink-2)} /* 고정 시 헤더(상단바 40 + 메뉴 56 = 96px) 아래로 내림 — 상품명 잘림 수정 */ #productDetail #fixorder .info[style*="fixed"]{top:108px!important} /* 상품문의 제목줄 : 자물쇠·제목·답변완료·NEW 한 줄 정렬 */ #productDetail .qna-list td .tb-left{display:flex;align-items:center;gap:8px;min-height:22px} #productDetail .qna-list td .tb-left>span:first-child{display:inline-flex;align-items:center;gap:4px;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} #productDetail .qna-list td .tb-left>span:first-child img{display:block;flex:0 0 auto;margin:0!important;vertical-align:middle} #productDetail .qna-list td .tb-left>span:first-child a{line-height:22px} #productDetail .qna-list td .tb-left .reply_status{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;height:20px;margin:0!important;padding:0 7px!important;border:1px solid var(--line);font:500 11px/1 var(--sans);letter-spacing:-.02em;color:var(--stone);white-space:nowrap} #productDetail .qna-list td .tb-left .reply_status.reply_DONE{font-size:0;border-color:var(--saddle);color:var(--saddle)} #productDetail .qna-list td .tb-left .reply_status.reply_DONE::before{content:"답변완료";font:500 11px/1 var(--sans)} #productDetail .qna-list td .tb-left>img[src*="neo_new"]{display:none} #productDetail .qna-list td .tb-left:has(>img[src*="neo_new"])::after{content:"N";display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:16px;height:16px;border-radius:50%;background:var(--saddle);font:700 9px/1 var(--sans);color:#fff} #productDetail .qna-list td .tb-left.reply_depth1{padding-left:16px!important} #productDetail .qna-list td .tb-center img{display:block;margin:0 auto;max-height:18px} /* BASIC css end */