/* 서브네이게이션 */ div.top_navi {overflow:hidden; padding:15px; border-bottom:2px solid #ff3c00; } div.top_navi a {float:left; text-decoration:none; color:#4f4f4f; font-weight:bold; } div.top_navi ul {float:right; overflow:hidden; } div.top_navi ul li {floaT:left; padding-left:5px; color:#9a9999; } div.top_navi ul li span {font-weight:bold; color:#4f4f4f; } /* 상품타이틀 */ div.top_title {text-align:center; } div.top_title h2 {display:block; padding:15px 0; color:#fff; font-size:16px; background:#c3c3c3;} /* 상품 정렬 */ div.goods_sub_tit {overflow:hidden; padding:10px; background:#f9f9f9;} div.goods_sub_tit p {float:left; margin-top:7px; font-family:"돋움"; letter-spacing:-1px; } div.goods_sub_tit p span {font-weight:bold; } div.goods_sub_tit select {float:right; padding:5px; border:1px solid #d7d7d7; background:#fff; } /* 상품리스트 */ div.sub_goods_list_box {} /* 메인 베스트 상품 리스트 */ div.sub_goods_list_box {border-top:1px solid #d5d5d5; } ul.sub_goods_list li{position:relative;width:100%; border-bottom:1px solid #d5d5d5;} /* ul.sub_goods_list li a span.goods_img{width:40%; float:left;} */ span.goods_img img{width:35%; padding:20px 10px;} ul.sub_goods_list li a span.goods_data {position: absolute; display: block; top: 10px; width: 55%; right:0;} /* div.sub_goods_list_box {border-top:1px solid #d5d5d5; } ul.sub_goods_list {overflow:hidden; } ul.sub_goods_list li a {overflow:hidden; display:block; position:relative; text-decoration:none; border-right:1px solid #d5d5d5;} ul.sub_goods_list li a span.goods_img {float:left; width:120px; padding-left:10px; } ul.sub_goods_list li a span.goods_img img {width:100%; } ul.sub_goods_list li a span.goods_data {position:relative; float:right; display:block; width:170px; padding:15px 5px 0 0;} */ @media screen and (min-width: 310px){ span.goods_data span.goods_tit{font-size:14px !important; height:30px; } span.goods_sale > span.goods_sale_tit{font-size:30px !important;} span.goods_sale > span.goods_sale_per{font-size:11px !important;} span.goods_won_sub > span.goods_won_principal{font-size:12px !important;} span.goods_won_sub > span.goods_won_sale{font-size:18px !important;} span.good_sub_save_data{padding:3px; font-size:11px;} span.good_sub_save_won{font-size:11px;} span.good_sub_free{padding: 4px 2px; font-size:11px;} span.good_sub_save_dis{font-size:11px; padding:3px 1px;} span.goods_best_tit{font-size: 11px; padding-top: 10px; } span.goods_best_number{font-size: 13px; padding-top:2px; } } @media screen and (min-width: 450px){ span.goods_data span.goods_tit{font-size:20px !important;margin-top:10px; height:40px;} span.goods_sale > span.goods_sale_tit{font-size:45px !important;} span.goods_sale > span.goods_sale_per{font-size:20px !important;} span.goods_won_sub > span.goods_won_principal{font-size:18px !important;} span.goods_won_sub > span.goods_won_sale{font-size:24px !important;} span.good_sub_save_data{padding:6px; font-size:14px;} span.good_sub_save_won{font-size:15px;} span.good_sub_free{padding:7px 5px; font-size:14px;} span.good_sub_save_dis{font-size:14px; padding:6px 4px;} span.goods_best_tit{font-size: 14px; padding-top: 15px; } span.goods_best_number{font-size: 16px; padding-top:4px; } } @media screen and (min-width:641px){ span.goods_data span.goods_tit{font-size:28px !important; margin-top:15px; height:50px;} span.goods_sale > span.goods_sale_tit{font-size:70px !important;} span.goods_sale > span.goods_sale_per{font-size:25px !important;} span.goods_won_sub > span.goods_won_principal{font-size:24px !important;} span.goods_won_sub > span.goods_won_sale{font-size:30px !important;} span.good_sub_save_data{padding:9px; font-size:17px;} span.good_sub_save_won{font-size:18px;} span.good_sub_free{padding:10px 8px; font-size:17px;} span.good_sub_save_dis{font-size:17px; padding:9px 7px;} span.goods_best_tit{font-size: 20px; padding-top: 20px; } span.goods_best_number{font-size: 25px; padding-top:8px; } } ul.sub_goods_list li a span.goods_data span.goods_tit {display:block; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:15px; color:#000; } ul.sub_goods_list li a span.goods_data span.goods_sale {z-index:999; } ul.sub_goods_list li a span.goods_data span.goods_sale span.goods_sale_tit {font-weight:bold; font-size:30px; color:#ff3c00;} ul.sub_goods_list li a span.goods_data span.goods_sale span.goods_sale_per {font-size:11px; color:#ff3c00;} ul.sub_goods_list li a span.goods_data span.goods_won {width:100%; height:20px; } ul.sub_goods_list li a span.goods_data span.goods_won span.goods_won_sub {/* position:relative; */display:block; width:100%; } ul.sub_goods_list li a span.goods_data span.goods_won span.goods_won_sub span.goods_won_principal {width:45%;color:#afafaf; text-decoration:line-through;font-size:12px;} ul.sub_goods_list li a span.goods_data span.goods_won span.goods_won_sub span.goods_won_sale {width:52%; color:#161616; text-align:left; font-weight:bold; font-size:18px; margin-left:10%;} ul.sub_goods_list li a span.goods_data span.good_sub {display:block; overflow:hidden; width:100%; padding:10px 0;} ul.sub_goods_list li a span.goods_data span.good_sub span.good_sub_save {display:inline-block; } ul.sub_goods_list li a span.goods_data span.good_sub span.good_sub_save span.good_sub_save_data {display:inline-block; color:#fff; background:#2cbfb5; } ul.sub_goods_list li a span.goods_data span.good_sub span.good_sub_save span.good_sub_save_won {display:inline-block; color:#2cbfb5; } ul.sub_goods_list li a span.goods_data span.good_sub span.good_sub_free { display:inline-block; color:#fff; background:#ff3c00;} ul.sub_goods_list li a span.goods_data span.good_sub span.good_sub_save_dis {display:inline-block; color:#ff3c00; background:#fff; border:1px solid #ff3c00; } ul.sub_goods_list li a span.goods_best {position:absolute; top:0; left:0; width:12%; height:40%; background:url(../../images/package_red/main/bg_best.png) no-repeat 0 0; background-size:contain;} ul.sub_goods_list li a span.goods_best span.goods_best_tit {display:block; text-align:center; color:#f2f39d; } ul.sub_goods_list li a span.goods_best span.goods_best_number {display:block; text-align:center; color:#fff; font-weight:bold; font-family:'Nanum Barun Gothic'; } /* 상품리스트 텝구조 */ div.goods_tab {padding:10px; background:#e6e6ec; } div.goods_tab ul {overflow:hidden; } div.goods_tab ul li {float:left; width:25%; text-align:center; } div.goods_tab ul li a {display:block; padding:8px 0; text-decoration:none; font-size:14px; } div.goods_tab ul li.on a {border-radius:30px; color:#fff; background:#8b8b8b; } /* 상품상세보기 */ div.goods_box {} div.goods_box h2 {padding:10px 0; font-size:14px; background:#373737; text-align:center; color:#fff; } div.goods_box h2 span {padding-left:5px; font-weight:normal; font-family:"돋움"; font-size:13px; color:#ff3c00; } div.goods_box div.goods_img {border-top:1px solid #c9c9c9; border-bottom:1px solid #c9c9c9;} div.goods_box div.goods_img img {width:100%; } div.goods_box > p.font_red {padding-top:10px; color:#eb7f97; font-size:14px; } div.goods_box div.goods_price {padding-top:10px; } div.goods_box div.goods_price table {width:100%; } div.goods_box div.goods_price table thead tr th {text-align:right; } div.goods_box div.goods_price table thead tr th span.goods_list01 {display:inline-block; width:100%; max-width:150px; padding:5px 0; font-size:13px; text-align:center; font-weight:normal; color:#fff; background:#3c4355; border-radius:20px; } div.goods_box div.goods_price table thead tr th span.goods_list02 {display:inline-block; width:100%; max-width:150px; padding:5px 0; font-size:13px; text-align:center; font-weight:normal; color:#fff; background:#ff3c00; border-radius:20px; } div.goods_box div.goods_price table thead tr th span.goods_list03 {display:inline-block; width:100%; max-width:150px; padding:5px 0; font-size:13px; text-align:center; font-weight:normal; color:#fff; background:#2cbfb5; border-radius:20px; } div.goods_box div.goods_price table tbody tr th, div.goods_box div.goods_price table tbody tr td {padding-top:15px; font-size:13px; text-align:right; font-weight:normal; } div.goods_box div.goods_price table tbody tr th label {padding-left:5px; } div.goods_box div.goods_price table tbody tr td p {padding-right:10px; } /* 상품수량 */ div.count_box {position:relative; overflow:hidden; padding:20px 0 0 5px; } div.count_box p.p_area01 {float:left; padding:0 6px 0 14px; margin-top:8px; font-size:13px; background:url(../../images/package_red/sub/icon_dot.gif) no-repeat 6px 3px /5px; } div.count_box p.p_area02 {float:left; margin-top:8px; font-size:13px; color:#ff3c00; } div.count_box a {float:left; display:inline-block; width:30px; font-size:14px; padding:5px 0; text-align:center; text-decoration:none; border:1px solid #ddd; } div.count_box input[type="text"] {float:left; width:40px; padding:6px 0; color:#ff3c00; text-align:center; border-left:0; border-right:0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; } /* 옵션상품 */ div.goods_option {padding:20px 10px 0 10px; } div.goods_option h3 {padding:10px 0; text-align:center; color:#fff; font-size:14px; font-weight:normal; background:#c6c9d1; } div.goods_option ul {overflow:hidden; padding-top:10px; } div.goods_option ul li {float:left; width:100px; margin-left:5px; } div.goods_option ul li img {width:100px; } div.goods_option ul li select {padding:5px 0; width:100px; margin-top:10px; border:1px solid #ddd; background:#fbfbfb; } /* 구입정보 */ div.goods_data {margin:20px 10px 0 10px; background:#f3f3f3; } div.goods_data ul {padding:10px; } div.goods_data ul li:first-child {margin-top:0; } div.goods_data ul li {position:relative; padding-left:15px; margin-top:10px; font-size:13px; line-height:130%; color:#ff3c00; } div.goods_data ul li span {position:absolute; top:0; left:0; } /* 상품상세버튼 */ div.btn_goods {padding:0 5px 10px; } div.btn_goods a.btn_join {display:block; padding:14px 0; margin-top:10px; font-size:15px; color:#fff; text-align:center; font-weight:bold; text-decoration:none; background:#747685; border-radius:5px; border-bottom:2px solid #000; } div.btn_goods a.btn_join span {display:inline-block; } div.btn_goods ul{overflow:hidden; margin-top:10px; } div.btn_goods ul.btn_goods_type01 li:first-child {margin-left:0; } div.btn_goods ul li {float:left; width:33%; margin-left:0.5%; } div.btn_goods ul li a {display:block; padding:14px 0; font-size:15px; color:#fff; font-weight:bold; text-align:center; text-decoration:none; background:#a7a7a7; border-radius:5px;} div.btn_goods ul li a.btn_goods_01 {background:#ff3c00; border-bottom:2px solid #be2d00; } div.btn_goods ul li a.btn_goods_02 {background:#acacac; border-bottom:2px solid #919191; } div.btn_goods ul li a.btn_goods_03 {background:#3c4355; border-bottom:2px solid #000; } /* 네이버페이 */ div.naver_pay {padding:5px 20px 0; text-align:center; } div.naver_pay img {width:300px; } /* 상품상세정보 */ div.tab_goods_list {position:relative; margin:20px 10px 0 10px ; } div.tab_goods_list div.tab_goods_box {} div.tab_goods_list div.tab_goods_box h4 {position:absolute; top:0; left:0; width:50%; z-index:99;} div.tab_goods_list div.tab_goods_box h4 a {display:block; padding:15px 0 ; color:#888; width:100%; background:#fff; font-size:15px; text-align:center; text-decoration:none; } div.tab_goods_list div.tab_goods_box h4.tab_goods01 {} div.tab_goods_list div.tab_goods_box h4.tab_goods01 a {border-left:1px solid #cecece; border-top:1px solid #cecece; border-bottom:2px solid #ff3c00; } div.tab_goods_list div.tab_goods_box h4.tab_goods02 {left:50%; } div.tab_goods_list div.tab_goods_box h4.tab_goods02 a {border-right:1px solid #cecece; border-top:1px solid #cecece; border-bottom:2px solid #ff3c00; } div.tab_goods_list div.tab_goods_box div.tab_goods_sub {display:none; padding:50px 10px 20px 10px; } div.tab_goods_list div.tab_goods_box div.tab_goods_sub div.goods_img_list {padding-top:20px; } div.tab_goods_list div.tab_goods_box div.tab_goods_sub div.goods_img_list img {width:100%; } div.tab_goods_list div.tab_goods_box div.tab_goods_sub div.product_info {padding-top:10px; border-bottom:1px solid #d5d5d5;} div.tab_goods_list div.tab_goods_box div.tab_goods_sub div.product_info table {width:100%; } div.tab_goods_list div.tab_goods_box div.tab_goods_sub div.product_info table thead tr th {padding:10px 0; font-size:14px; text-align:center; color:#fff; background:#747685; border-left:1px solid #747685;} div.tab_goods_list div.tab_goods_box div.tab_goods_sub div.product_info table tbody tr:first-child th {border-top:0; } div.tab_goods_list div.tab_goods_box div.tab_goods_sub div.product_info table tbody tr th {padding:10px 0; text-align:left; font-weight:normal; border-left:1px solid #d5d5d5; border-right:1px solid #d5d5d5; border-top:1px solid #d5d5d5; background:#f9f9f9; } div.tab_goods_list div.tab_goods_box div.tab_goods_sub div.product_info table tbody tr th p {padding-left:10px; font-size:13px; font-weight:} div.tab_goods_list div.tab_goods_box div.tab_goods_sub div.product_info table tbody tr:first-child td {border-top:0; } div.tab_goods_list div.tab_goods_box div.tab_goods_sub div.product_info table tbody tr td {padding:10px 0; border-top:1px solid #d5d5d5; border-right:1px solid #d5d5d5;} div.tab_goods_list div.tab_goods_box div.tab_goods_sub div.product_info table tbody tr td div {padding:0 10px; line-height:150%; } div.tab_goods_list div.tab_goods_box div.tab_goods_sub div.goods_data_sub {margin-top:20px; border:1px solid #ddd; } div.tab_goods_list div.tab_goods_box div.tab_goods_sub div.goods_data_sub h5 {padding:10px 0; background:#747685; color:#fff; text-align:center; font-size:14px; } div.tab_goods_list div.tab_goods_box div.tab_goods_sub div.goods_data_sub h6 {margin:0; padding:10px 0 0 10px; font-size:14px; } div.tab_goods_list div.tab_goods_box div.tab_goods_sub div.goods_data_sub p {padding:10px; font-size:13px; line-height:150%; } div.tab_goods_list div.tab_goods_box div.tab_goods_sub div.goods_data_sub p span {color:#ff3c00; font-weight:bold; } div.tab_goods_list div.tab_goods_box div.tab_goods_sub div.goods_data_sub ul {padding:10px; } div.tab_goods_list div.tab_goods_box div.tab_goods_sub div.goods_data_sub ul li:first-child {margin-top:0; } div.tab_goods_list div.tab_goods_box div.tab_goods_sub div.goods_data_sub ul li {margin-top:10px; font-size:13px;} div.tab_goods_list div.on h4.tab_goods01 {z-index:999; } div.tab_goods_list div.on h4.tab_goods01 a {border-top:2px solid #ff3c00; border-left:2px solid #ff3c00; border-right:2px solid #ff3c00; border-bottom:2px solid #fff; } div.tab_goods_list div.on h4.tab_goods02 {z-index:999; } div.tab_goods_list div.on h4.tab_goods02 a {border-top:2px solid #ff3c00; border-left:2px solid #ff3c00; border-right:2px solid #ff3c00; border-bottom:2px solid #fff; } div.tab_goods_list div.on div.tab_goods_sub {display:block; }