/* BASIC css start */ #productDetail .loc-navi { margin: 40px 30px 10px 30px; padding-bottom: 5px; /*border-bottom: 1px solid #231f20;*/ text-transform: uppercase; text-align:left; } #productDetail .loc-navi img { padding: 2px 2px 0px 2px;} #productDetail .page-body { margin-top: 0px; } .detail_nhn_pay { line-height: 0; } /* 상단 섬네일, 상품 옵션 정보 */ #productDetail .thumb-info { width: 1250px; max-width: 1250px; margin: 0 auto; clear: both; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; } #productDetail .thumb-info:after { content: ""; display: block; clear: both; } /* 섬네일 */ #productDetail .thumb-info .thumb-wrap { float: left; height:664px; border-left:1px solid #ffffff; text-align: center; position:relative; margin-left:30px; } #productDetail .thumb-info .thumb { width: 500px; text-align: center; margin: 35px 0px 0px 0px; } #productDetail .thumb-info .thumb img { display: block; width:100%; } #productDetail .thumb-info .thumb .thumbnail { position: relative; width: 100%; cursor: pointer; margin-bottom: 10px;} #productDetail .thumb-info .thumb .thumbnail img { width: 500px; } #productDetail .thumb-info .listImg { overflow: hidden; width: 500px; margin: 0;} #productDetail .thumb-info .listImg ul { min-width: 500px; height: 110px; margin:0; padding: 5px 0; } #productDetail .thumb-info .listImg li { display: inline-block; margin:0;float: left; } #productDetail .thumb-info .listImg li img { width: 70px; height:70px; cursor: pointer; opacity: 0.7; transition: all 0.3s ease; -moz-transition: all 0.3s ease; margin-right:5px;} #productDetail .thumb-info .listImg li img:hover { opacity: 10 ; transition: all 0.3s ease; -moz-transition: all 0.3s ease;} #productDetail .thumb-info .thumb-ctrl { clear: both; position:absolute; left:12%; bottom:10px; } #productDetail .thumb-info .thumb-ctrl a { font-size: 11px; float:left; } #productDetail .thumb-info .thumb-ctrl a img { vertical-align: middle; margin-right: 3px; } #productDetail .thumb-info .thumb-ctrl a:hover { text-decoration: underline; } /* 상품옵션 정보 */ #productDetail .thumb-info .info { float: left; width: 690px; padding:35px 0px 50px 60px; background:#fff; margin-left:9px; } #productDetail .thumb-info .info h3 {padding:10px 0; text-align: center; border-bottom: 1px solid #fff; letter-spacing: 2px; line-height: 20px; font-size:15px; font-weight: 700;} #productDetail .thumb-info .info .tit-sub {padding:10px 0; text-align: center; border-bottom: 2px solid #eeeeee; letter-spacing: 2px; line-height: 10px; font-size:10px; } #productDetail .thumb-info .info .table-opt {margin-top:10px;} #productDetail .thumb-info .info .table-opt td { font-size: 12px; padding: 0px 10px 0px 10px; color:#444444; text-align: left; line-height: 16px; } #productDetail .thumb-info .info .table-opt th { font-weight: normal; letter-spacing: -1px; padding: 5px 0px; color:#444444; text-align: left; line-height: 16px; } #productDetail .thumb-info .info .table-opt .tb-poin {width: 500px; padding-left: 10px; color: #b70f0f; letter-spacing: 1px;} /* 판매가격 */ #productDetail .thumb-info .info .table-opt .price { font-weight: 700; color: #cb170a; font-size: 20px;} #productDetail .thumb-info .info .table-opt .price .per { font-weight: bold; color: #fff; background-color: #0fae13; margin-left: 15px; padding: 4px 4px 4px 4px; border-radius: 4px; line-height: 15px; } #productDetail .thumb-info .info .shop_detail_line1 {} #productDetail .thumb-info .info .shop_detail_line1 td { font-size: 12px; padding: 5px 10px 5px 40px; color: #444444; text-align: left; line-height: 16px; } #productDetail .thumb-info .info .shop_detail_line {} #productDetail .thumb-info .info .shop_detail_line2 {} #productDetail .thumb-info .info .shop_detail_line2 td { padding: 0px 10px 5px;} #productDetail .thumb-info .info .shop_detail_line3 {} #productDetail .thumb-info .info .shop_detail_line3 td { padding: 5px 0px 0px; } #productDetail .thumb-info .info .shop_detail_line5 { padding: 0px 0px 0px 10px; } #productDetail .thumb-info .info .shop_detail_line5 td { font-size: 12px; padding: 5px 10px 5px 40px; color: #444444; text-align: left; line-height: 16px; } /* 주문수량 */ #goods_amount { float: left; width: 32px; border: 0; } #productDetail .thumb-info .info .table-opt .opt-spin { position: relative; width: 52px; height: 15px; border: 1px solid #acacac; } #productDetail .thumb-info .info .table-opt .opt-spin .txt-spin, #productDetail .thumb-info .info .table-opt .opt-spin .btns { float: left; } #productDetail .thumb-info .info .table-opt .opt-spin .txt-spin { width: 41px; height: 13px; padding-left: 2px padding-top: 2px; border: 0; font-size: 11px; } #productDetail .thumb-info .info .table-opt .opt-spin .btns { width: 19px; height: 15px; border-left: 1px solid #aaa; } #productDetail .thumb-info .info .table-opt .opt-spin .btns a { overflow: hidden; float: left; width: 100%; height: 7px; text-indent: -999px; background: none; } #productDetail .thumb-info .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 .thumb-info .info .table-opt .opt-spin .btns a.btn-dw { background: url(/images/d3/modern_simple/btn/btn_h5_spin_dw.gif) no-repeat 50% 2px; } #productDetail .thumb-info .info .prd-btns { margin-top: 0px; margin-left: 10px; height:60px;} #productDetail .thumb-info .info .prd-btns a { /*margin: 0 10px;*/ transition:all 0.4s;} #productDetail .thumb-info .info .prd-btns .soldout { margin-left: 10px; font-weight: bold; } /* 통합옵션 */ #productDetail .thumb-info .info .table-opt .opt-wrap { width: 100%; margin-bottom: 10px; padding: 5px 0 5px 0; } #productDetail .thumb-info .info .table-opt .opt-wrap .tit { margin-bottom: 5px; padding-left: 10px; display:none;} #productDetail .thumb-info .info .table-opt .opt-wrap dl { overflow: hidden; width: 100%; } #productDetail .thumb-info .info .table-opt .opt-wrap dt { float: left; width: 130px; margin-bottom: 5px; padding-left: 0px; line-height: 25px; } #productDetail .thumb-info .info .table-opt .opt-wrap dd { float: left; width: 460px; margin-bottom: 5px; } #productDetail .thumb-info .info .table-opt .opt-wrap .sel-btn { padding-left: 10px; text-align: center; float:right; margin-right:100px; margin-top:-24px; } #productDetail .thumb-info .info .table-opt .opt-wrap select { width: 460px; height: 25px; background: url(/design/cubesnow/2017/btn_con1.png) no-repeat 99% 50%; z-index: 100;} #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 .tit-hd { margin-top: 70px; border-bottom: 1px solid #b8b8b8; padding-left: 4px; } #productDetail .tit-hd .tit-detail { height: 16px; padding-top: 8px; padding-left: 20px; background: url(/images/d3/modern_house/bg_tab.gif) no-repeat 0 0; } #productDetail .tit-hd .btns-part { position: relative; } #productDetail .tit-hd .btns { position: absolute; right: 0; top: -26px; text-align: center; } /* 상품 상세 이미지 */ #productDetail .prd-detail table { table-layout: auto; } #productDetail .prd-detail { margin-top: 15px; width: 100%; overflow: hidden; text-align:center; } #productDetail .prd-detail img { max-width: 100%; } /* 관련상품 */ #productDetail .prd-to { margin-top:120px; } #productDetail .prd-list { margin:40px 0 40px 0; width: 1300px; background-color:#fff; text-align: left; border: 5px solid #eeeeee; padding: 0 0 20px 0; } #productDetail .prd-list .rel { margin:20px 0 0 25px; } #productDetail .prd-list .rel h2 { float: left; font-size: 15px; letter-spacing: 1px;font-weight: 800; } #productDetail .prd-list .rel span { float: left; padding: 0 0 0 10px; line-height: 20px; } #productDetail .prd-list .thumb { width: 200px; height: 200px; border:none; border: 1px solid #fff; margin-top:20px; } #productDetail .prd-list th { padding-bottom: 10px; border-bottom: 1px solid #aaa; } #productDetail .prd-list td { padding: 5px 5px; width:240px;} #productDetail .prd-list td .dsc { width:210px; height:42px; text-align:center; margin:10px 0 10px 10px; font-weight: normal; } #productDetail .prd-list td .price {text-align:center; margin-left:10px; } #productDetail .prd-list .prd-amount { position: relative; width: 52px; height: 15px; border: 1px solid #acacac; } #productDetail .prd-list .prd-amount .txt-spin, #productDetail .prd-list .prd-amount .btns { float: left; } #productDetail .prd-list .prd-amount .txt-spin { width: 41px; height: 13px; padding-left: 2px padding-top: 2px; border: 0; font-size: 11px; } #productDetail .prd-list .prd-amount .btns { width: 17px; height: 15px; border-left: 1px solid #aaa; } #productDetail .prd-list .prd-amount .btns a { overflow: hidden; float: left; width: 100%; height: 8px; text-indent: -999px; background: none; } #productDetail .prd-list .prd-amount .btns a.btn-up { border-bottom: 1px solid #aaa; background: url(/images/d3/modern_simple/btn/btn_h5_spin_up.gif) no-repeat 50% 50%; } #productDetail .prd-list .prd-amount .btns a.btn-dw { background: url(/images/d3/modern_simple/btn/btn_h5_spin_dw.gif) no-repeat 50% 50%; } #productDetail .related-allbasket { width: 100%; padding-top: 10px; text-align: right; } #productDetail .prd-list table .info_box { border-left: 1px solid #eee;} #productDetail .prd-list table .info_box:first-child { border:0px; } /* review-write */ #productDetail .review-write { margin-top: 15px; padding-top: 10px; border-top: 1px solid #ccc; } #productDetail .review-write th, #productDetail .review-write td { padding: 5px 0 4px; } #productDetail .review-write th { font-weight: normal; } #productDetail .review-write .frm-w input { width: 300px; height: 18px; line-height: 18px; border: 1px solid #ededed; } /* 댓글리스트 공통 */ #productDetail .table-slide { /*border-top: 1px solid #ccc;*/ } #productDetail .table-slide thead th { font-weight: normal; } #productDetail .table-slide th, #productDetail .table-slide td { padding: 10px 0; cursor: pointer; } #productDetail .table-slide th { font-size: 11px; } #productDetail .table-slide tbody td { background: url(/images/d3/modern_simple/common/dot_h1_w10.gif) repeat-x 0 0; } #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: 2px solid #b4b4b5; } #productDetail .table-slide tr.reply .tb-txt { padding-left: 30px; background: url(/images/d3/modern_simple/common/bull_reply.gif) no-repeat 10px 0; } /* review-list */ #productDetail .review-list { margin-top: 5px; } #productDetail .review-list .bg { padding-top: 35px; background: url(/images/d3/modern_simple/common/dot_h1_w10.gif) repeat-x 0 0; } /* qna board */ #productDetail .qna-list { margin-top: 5px; } /* .board-hd */ #productDetail .board-hd .btn { position: relative; text-align: right; font-size: 0; line-height: 0; margin-top:-27px; } #productDetail .board-hd .btn a { display: inline-block; padding: 5px 15px; margin-left: 20px; border:1px solid #ddd; } #productDetail .s-tit { position: relative; margin-top: 50px; /*padding-top: 24px;*/ font-size: 11px; color: #ababab; /*background: url(/images/d3/sporty_style/common/bg_prd_section.gif) repeat-x 0 0;*/ z-index:-1; } /* .board-btns */ #productDetail .board-btns { text-align: right; } #productDetail .board-btns img { padding: 0 5px; } /* ****************** 상품 상세 옵션 ******************** */ .MK_not_choice { color: red; } .MK_optAddWrap, .MK_optAddWrap * { margin-left: 2px; margin-right: 2px; padding: 0px 0px 3px 5px ;} .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: 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 { background-color: #f4f4f4; padding-bottom: 20px; } #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; *margin-bottom: -4px; padding: 8px 0px; 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: 1px; border: 1px solid #ddd;} /* 사용자 입력 인풋박스 (color, size )*/ .MK_optAddWrap .MK_inner-opt-cm li .MK_txt_uinput { width: 200px; } /* 기본옵션 */ #MK_innerOptWrap #MK_innerOpt_01 { padding-right: 10px;} #MK_innerOptWrap #MK_innerOpt_01 li .MK_p-name { margin-right: 180px; } #MK_innerOptWrap #MK_innerOpt_01 li .MK_qty-ctrl { top: 3px; *top: 2px; right: 120px; } #MK_innerOptWrap #MK_innerOpt_01 li .MK_qty-ctrl input.MK_count { width: 30px; height: 16px; line-height: 16px; padding: 2px 1px 0 2px; } #MK_innerOptWrap #MK_innerOpt_01 li .MK_qty-ctrl a { position: absolute; right: -15px; font-size: 0; line-height: 0; color:#333;} #MK_innerOptWrap #MK_innerOpt_01 li .MK_qty-ctrl a img { vertical-align: top; } #MK_innerOptWrap #MK_innerOpt_01 li .MK_qty-ctrl a.MK_btn-up { top: 2px; } #MK_innerOptWrap #MK_innerOpt_01 li .MK_qty-ctrl a.MK_btn-dw { top: 12px; } /* 개별옵션 */ #MK_innerOptWrap #MK_innerOpt_02 { padding-right: 10px;} #MK_innerOptWrap #MK_innerOpt_02 li .MK_p-name { margin-right: 180px; } #MK_innerOptWrap #MK_innerOpt_02 li .MK_qty-ctrl { top: 3px; *top: 2px; right: 120px; } #MK_innerOptWrap #MK_innerOpt_02 li .MK_qty-ctrl input.MK_count { width: 30px; height: 16px; line-height: 16px; padding: 2px 1px 0 2px; } #MK_innerOptWrap #MK_innerOpt_02 li .MK_qty-ctrl a { position: absolute; right: -15px; font-size: 0; line-height: 0; color:#333;} #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: 20px 5px 10px; font-size: 12px; color: #333; text-align: right; } #MK_innerOptTotal .MK_txt-total { } #MK_innerOptTotal .MK_txt-won { } #MK_innerOptTotal .MK_total { color: #ff001f; font-weight: bold; font-size:33px; font-family:Nanum Gothic !important; } /* 소리뷰 */ #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; } /*쇼핑팁*/ #MK_innerOptWrap h2 {padding:5px 0 0 10px; } #MK_innerOptWrap .tip {padding: 0 0 0 12px; } /**사용자 설정**/ /*혜택*/ #pp { margin:0 auto; width:1300px;} #pp .p_service { width:1300px; margin:50px 0 50px 0; padding: 0px 50px ; list-style:none; border: 1px solid #fff; height: 240px; } #pp .p_service .service_box { float:left; text-align: center; width: 239px; padding-top: 30px; padding-left: 2px; } #pp .p_service .service_box img {padding:25px; background-color:#4f4f4f; border-radius:20px; transition: all 0.7s ease; -moz-transition: all 0.7s ease; } #pp .p_service .service_box h2 { font-size: 15px; padding-top: 10px; font-weight: 800; letter-spacing: 2px; padding-bottom: 10px; color: #262626;} #pp .p_service .service_box p { font-size: 12px; line-height: 16px; } #pp .p_service .service_box a { text-decoration:none; } #pp .p_service .service_box img:hover { background-color:#000; border-radius:50%; transition: all 0.7s ease; -moz-transition: all 0.7s ease; } .de_btm_wrap { width:239px; height:117px; float:left; text-align:center; border-left:1px solid #ddd; margin-top:13px; } .de_btm_wrap:first-child { border:none; } .de_btm_img { padding-top:13px; } #productDetail .thumb-info .info .prd-btns a { /*margin:0 -2px;*/ } /*shop info*/ .shop_info { margin-top:50px; position:relative; text-align:center; } .shop_info_img img { border:1px solid #ddd; } .shop_info_btn { position:absolute; top:570px; left:50%; margin-left:420px; } /*상세페이지 품인이미지 위치조정*/ .zoomPad { margin-left:120px !important; } .zoomWindow { left:-2px !important; top:-2px !important; } .zoomWindowShadow { display:none !important; } /*구매버튼*/ .buy {display: block; float: left; background-color: #333;} .buy h2 {color: #eeeeee; text-align: center; font-size: 14px; font-weight: 500; letter-spacing: 2px; } .buy p {color:#b7b7b7;letter-spacing: 1px; text-align: center; } .buy a {display:block; padding: 17px 266px;} .buy a:hover {display:block; background-color:#000;} .kakaotalk {display: block; float:left; margin-right: 4px; margin-top: 4px; transition:all 0.7s; background-color: #f9e000} .kakaotalk h2 {color: #000; text-align: center; font-size: 12px; font-weight: 700; letter-spacing: 2px; } .kakaotalk p {color:#b7b7b7;letter-spacing: 0px; text-align: center; } .kakaotalk a {display:block; padding: 5px 208px; padding-bottom: -2px; padding-top: 7px;} .kakaotalk a:hover {display:block; background-color:#7c7000;} .shop_de_btn1 {float:left; margin-right: 4px; margin-top: 4px; transition:all 0.7s; background-color: #eeeeee; } .shop_de_btn1 a { display:block; padding: 16px 23px; text-align: center;} .shop_de_btn1 a:hover { display:block; background-color:#d4dbe5; } .shop_de_btn2 {float:left; margin-top: 4px; background-color: #eeeeee; padding: } .shop_de_btn2 a { display:block; padding: 16px 33px; text-align: center;} .shop_de_btn2 a:hover { display:block; background-color:#a6a5aa; } .shop_de_btn3 {float: right; display: block; margin: 3px 8px 0 0px;} /*쿠폰*/ .coupon_cj {background-color:#ffffff; margin:auto 40px; TEXT-ALIGN:center; width:1300px; height: 220px;} .coupon_cj ul {} .coupon_cj ul li { width: 290px;; float: left; margin:7px;} /*디테일 타이틀*/ #prdDetail { max-width: 1300px; /* 전체 폭 제한 */ margin: 0 auto; /* 좌우 자동 여백 → 중앙 정렬 */ box-sizing: border-box; } #prdChange, #prdDetail, #prdDelivery, #prdReview, #prdQnA { height:33px; max-width: 1300px; /* 전체 폭 제한 */ border-bottom:1px solid #ddd; margin:20px 0; } .link li { float:left; width:190px; height:33px; border:1px solid #ddd; text-align:center; margin-right:2px; padding-left:10px; } .link li a { font-family:'Nanum Gothic'; line-height:33px; font-size:12px; } .link li a b { font-size:12px; } .link .selected { width:190px; height:33px; border-bottom:1px solid #fff; border-top:3px solid #333333; border-left:3px solid #333333; border-right:3px solid #333333; } .go_to_top { float:right; margin:8px; } /*리뷰 사이즈*/ textarea.MS_review_content_box { width:910px height:57px; } /*카드배너*/ .snip1444 li { display: inline-block; list-style: outside none none; margin: 0; position: relative; } .snip1444 > li:first-of-type { border-left: none; } .snip1444 > li:last-of-type { border-right: none; padding: 0 0 0 0; } .snip1444 a { color: #000000; display: block; padding: ; position: relative; text-decoration: none; padding-left: 0px; margin-left: 0px; } .snip1444 > li:before, .snip1444 > li:after { position: absolute; content: ''; } .snip1444 > li:before { left: 0; right: 0; bottom: 0; top: 100%; opacity: 0; } .snip1444 > li:after { position: absolute; bottom: 0; left: -1px; right: -1px; height: 5px; } .snip1444 ul { display: none; position: absolute; top: 100%; margin: 0; padding: 0px 0; background-color: #eeeeee; z-index: 999; } .snip1444 ul li { display: list-item; float: none; position: relative; } .snip1444 ul li a { padding: 0.8em 1.2em; color: #222222; text-transform: none; } .snip1444 ul li a:hover { opacity: 1; } .snip1444 li:hover > ul { display: inherit; } .snip1444 li > a:after { } .snip1444 li > a:only-child:after { content: ''; } .snip1444 ul ul { background-color: #962d22; top: 0px; left: 100%; list-style: none; font-size: 1em; } .snip1444 > li:hover > a, .snip1444 > li.current > a { color: #222222; } .snip1444 > li:hover:before, .snip1444 > li.current:before { top: 0; opacity: 1; } /* 추가 250918 */ /* 1) 섹션 폭 1300px로 제한 + 중앙정렬 */ #prdDetail, #prdDelivery, #prdChange, #prdReview, #prdQnA, #productDetail .review-write, #productDetail .review-list, #productDetail .qna-list, #productDetail .table-slide, #productDetail .board-btns { max-width: 1300px; margin: 0 auto; box-sizing: border-box; } /* 2) 탭바(ul.link)를 중앙 정렬 + 줄바꿈 허용 */ #prdDetail > ul.link, #prdDelivery > ul.link, #prdChange > ul.link, #prdReview > ul.link, #prdQnA > ul.link { display: flex; justify-content: center; flex-wrap: wrap; gap: 2px; list-style: none; padding: 0; margin: 20px auto 10px; } /* 3) 전역 고정폭/float 무력화 (필요시 !important 추가) */ #prdDetail .link li, #prdDelivery .link li, #prdChange .link li, #prdReview .link li, #prdQnA .link li { float: none; /* 필요시: float:none !important; */ width: auto; /* 필요시: width:auto !important; */ min-width: 150px; max-width: 220px; height: 33px; padding: 0 10px; text-align: center; box-sizing: border-box; } /* 선택 탭도 고정폭 해제 */ #prdDetail .link .selected, #prdDelivery .link .selected, #prdChange .link .selected, #prdReview .link .selected, #prdQnA .link .selected { width: auto; } /* 4) 본문 테이블이 컨테이너를 넘치지 않도록 */ #productDetail .review-write table, #productDetail .review-list table, #productDetail .qna-list table { width: 100%; table-layout: auto; } /* 5) 상단 요약 영역(필요 시 반응형) */ #productDetail .thumb-info { width: 100%; max-width: 1250px; margin: 0 auto; } /* BASIC css end */