/***** ÇØ´ç ÆÄÀÏÀº °¡±ÞÀû ¼öÁ¤ÇÏÁö ¸¶½Ã±â ¹Ù¶ø´Ï´Ù. *****/
@charset "euc-kr";
.nd_mall { width:100%; max-width:1200px; margin:auto; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; overflow:hidden; } .nd_mall_item { float:left; width:24%; padding:0 5px 0; text-align:center; margin-bottom:30px; overflow:hidden; } .nd_mall_item_output { float:left; width:24%; padding:0 5px 0; text-align:center; overflow:hidden; } .prod_part { position:relative; float:left; min-height:1px; width:100%; } .shop_cate{ display:block; width:100%; text-align:center; margin-bottom:0; } .shop_cate ul li{ display:inline-block; padding-right:5px; } .shop_cate ul li:last-child{ padding-right:0; } .shop_cate ul li a{ display:block; color:rgba(102, 102, 102, 1); font-size:14px; border:1px solid rgba(204, 204, 204, 1); padding:10px 20px; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; transition:all .3s ease; } .shop_cate ul li a:hover, .shop_cate ul li a:focus{ color:rgba(255, 255, 255, 1); background:rgba(51, 51, 51, 1); } .shop_cate li#lefton a{ color:rgba(255, 255, 255, 1) !important; font-weight:bold; border:1px solid rgba(27, 77, 27, 1); background:rgba(27, 77, 27, 1); } #product_list_area{ float:left; width:100%; max-width:100%; padding-top:50px; } #product_list_sort{ text-align:right; font-size:12px; font-weight:bold; } #product_list_sort a{ display:inline-block; color:#999; font-size:12px; font-weight:bold; } #product_list_sort a:last-child{ padding-right:0; } #product_list_sort span{ color:#999; font-size:10px; } .product_list_sort_line_top{ margin:8px 0 40px; width:100%; height:1px; background:#E2E2E2; } .product_list_sort_line_bot{ width:100%; height:1px; background:#E2E2E2; } #products_list{ position:relative; max-width:auto; margin:0 auto; text-align:center; } #product_list a{ display:block; } #product_list a img{ max-width:100%; height:auto; } #product_list a.prodImg_comm{ padding:10px 0; } #product_list a.prodImg_comm span.product_name{ color:#6E6E6E; font-size:13px; } #product_list a.prodImg_comm span.product_won{ color:rgba(220, 77, 27, 1); font-size:13px; } .prodImg_wrap{ overflow:hidden; } .prodImg{ display:block; position:relative; overflow:hidden; } #prodImg_on a:hover .prodImg_eff, #prodImg_on a:focus .prodImg_eff{ opacity:1; } .prodImg_eff{ display:block; content:''; position:absolute; top:0; width:100%; height:100%; opacity:0; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -ms-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; } .opac_1{ background:rgba(0, 0, 0, .1); } .opac_2{ background:rgba(0, 0, 0, .2); } .opac_3{ background:rgba(0, 0, 0, .3); } .opac_4{ background:rgba(0, 0, 0, .4); } .opac_5{ background:rgba(0, 0, 0, .5); } .opac_6{ background:rgba(0, 0, 0, .6); } .opac_7{ background:rgba(0, 0, 0, .7); } .opac_8{ background:rgba(0, 0, 0, .8); } .opac_9{ background:rgba(0, 0, 0, .9); } .prodImg_eff_picto{ display:block; color:#FFF; font-size:3.4rem; } .prodImg_eff_picto i{ display:block; position:absolute; top:27%; left:50%; width:auto; margin-left:-28px; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -ms-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; } .prodImg a:hover .prodImg_eff_picto i, .prodImg a:focus .prodImg_eff_picto i{ top:37%; } #page{ margin:30px 0 0; color:#6E6E6E; font-weight:bold; } #page>table{ margin:0 auto; } #page>table td:nth-child(2), #page>table td:nth-child(4), #page>table td:nth-child(6), #page>table td:nth-child(8), #page>table td:nth-child(10), #page>table td:nth-child(12){ display:none; } #page table tr td.tb_font05>b{ background:rgba(104, 129, 148, 1); color:rgba(255, 255, 255, 1); } #page table tr td>b, #page table tr td>a{ display:block; width:30px; height:30px; line-height:30px; color:#3A3A3A; font-weight:bold; border-radius:50%; text-align:center; margin:0 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #product_view{ max-width:1000px; margin:60px auto 0; } #product_img{ text-align:center; margin-bottom:40px; } #item_img img{ width:100%; height:auto; } #product_img #nail{ margin:15px auto 0; } #product_img #nail img{ border:1px solid #E2E2E2; width:12%; height:auto; cursor:pointer; } #zoom_btn{ display:none; } #product_info{ padding:0 0 0 30px; } #price_table{ width:100%; border-top:1px solid #E2E2E2; border-bottom:1px solid #E2E2E2; } #price_table tr{ height:36px; } #price_table tr:first-child td{ padding-top:20px; } #price_table tr:last-child td{ padding-bottom:20px; } .product_tle{ font-size:18px; margin-bottom:15px; font-weight:bold; color:#333; padding-left:20px; } .product_txt1{ width:35%; font-size:14px; padding-left:20px; } .product_txt2{ font-size:14px; } .product_price{ color:rgba(220, 77, 27, 1); font-weight:bold; font-size:15px; } #shop_btn{ width:335px; margin:30px auto 0; } #shop_btn a{ display:inline-block; margin-right:3px; } #shop_btn a:last-child{ margin-right:0; } #shop_btn a{ color:rgba(102, 102, 102, 1); font-size:14px; border:1px solid rgba(102, 102, 102, .5); padding:8px 20px; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; transition:all .3s ease; } #shop_btn a:hover, #shop_btn a:focus{ background:rgba(204, 204, 204, .5); } #shop_btn a.buy_btn{ background:rgba(51, 51, 51, 1); color:rgba(255, 255, 255, 1); } #product_content{ float:left; width:100%; margin:50px auto 0; padding:0; } #product_content .product_content_in{ border-top:1px solid rgba(226, 226, 226, 1); margin-top:9px; padding:40px 0 0; font-size:13px; line-height:1.6; } #tab_a a, #tab_b a, #tab_c a{ text-align:center; padding:10px 20px; background:rgba(204, 204, 204, .5); } #tab_a a.on, #tab_b a.on, #tab_c a.on{ background:rgba(63, 95, 119, 1); color:#FFF; } #tab_a .tab_m, #tab_b .tab_m, #tab_c .tab_m{ width:346px; margin:0 auto; } #tab_a img, #tab_b img, #tab_c img{ max-width:100%; height:auto; } input[type="text"], input[type="password"], input[type="file"], select{ width:auto; border:1px solid #F1F1F1; background:#F1F1F1; margin:4px 0; padding:5px 8px; font-size:14px; border-radius:0; -webkit-box-shadow:none; -moz-box-shadow:none; -ms-box-shadow:none; box-shadow:none; -webkit-transition:.2s ease; -moz-transition:.2s ease; -o-transition:.2s ease; transition:.2s ease; } textarea{ width:100%; height:auto; padding:8px; margin-bottom:5px; border:1px solid #F1F1F1; background:#F1F1F1; border-radius:0; -webkit-box-shadow:none; -moz-box-shadow:none; -ms-box-shadow:none; box-shadow:none; -webkit-appearance:none; -webkit-transition:.2s ease; -moz-transition:.2s ease; -o-transition:.2s ease; transition:.2s ease; } input[type="text"]:focus, input[type="password"]:focus, input[type="file"]:focus{ border:1px solid #222; background:#FFF; outline:none; box-shadow:none !important; } textarea{ -webkit-appearance:none; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{ color:#6B6B6B; } input:-moz-placeholder, textarea:-moz-placeholder{ color:#6B6B6B; opacity:1; } input::-moz-placeholder, textarea::-moz-placeholder{ color:#6B6B6B; opacity:1; } input:-ms-input-placeholder, textarea:-ms-input-placeholder{ color:#6B6B6B; }select{ padding-left:12px; background:url(../mall/images/mall_bot_arrow.png) right center no-repeat; cursor:pointer; -webkit-appearance:none; padding-right:30px !important; -moz-appearance:none; appearance:none; -webkit-transition:.2s ease; -moz-transition:.2s ease; -o-transition:.2s ease; transition:.2s ease; } select.selec_16{ background:url(../mall/images/mall_bot_arrow.png) right center no-repeat; } select::-ms-expand{ display:none; } .row-12>input[type="text"], .row-12>input[type="email"]{ margin-bottom:12px; } .t_01{ width:100%; border-top:1px #EEE solid; margin-bottom:20px; } .t_01 th{ border-bottom:1px #EEE solid; padding:8px; text-align:center; background:#F6F6F6; font-size:12px; } .t_01 td{ border-bottom:1px #EEE solid; padding:10px; } .t_02{ width:100%; border-top:1px #EEE solid; margin-bottom:20px; } .t_02 td{ border-bottom:1px #EEE solid; padding:6px 10px; } .t_02 td:first-child{ min-width:80px; padding-left:7%; } .t_02 input{ width:100%; } .title2{ margin-bottom:30px; font-size:24px; line-height:40px; color:#000; } .pageT { font-size:18px; color:#000; margin-bottom:10px; } a.mall_payBtn{ display:block; width:200px; padding:12px 0; background:#B77659; color:#FFF; font-weight:bold; font-size:15px; -webkit-transition:all .2s ease-out; -o-transition:all .2s ease-out; -moz-transition:all .2s ease-out; transition:all .2s ease-out; } a.mall_payBtn:hover, a.mall_payBtn:focus{ background:#111; color:#FFF; } .table_tle1{ background:#F6F6F6; text-align:center; color:#666 !important; } .table_tle2{ background:#f6F6F6; text-align:left; color:#666; padding-left:8px; } .table_cont1{ padding-left:8; color:#666; line-height:18px; } .table_cont2{ text-align:center; } .table_cont2 input{ width:25px; } .table_cont3{ color:rgba(220, 77, 27, 1); text-align:right; padding-right:8; } .table_cont4{ text-align:center; } .table_cont5{ color:rgba(220, 77, 27, 1); text-align:left; padding-left:8; } .price{ color:rgba(220, 77, 27, 1) !important; text-align:center; font-size:14px; } #btn{ width:100%; margin:25px auto 30px; text-align:center; } #btn a{ display:inline-block; padding:10px 20px; background:#B77659; color:#FFF; font-size:12px; -webkit-transition:all .2s ease-out; -o-transition:all .2s ease-out; -moz-transition:all .2s ease-out; transition:all .2s ease-out; } #btn a:hover, #btn a:focus{ background:#111; color:#FFF; } #nail{ text-align:center; padding:10px 0 0; } #nail img{ border:1px solid #E2E2E2; width:80px; height:auto; } #nail_txt{	width:100%; padding:0 0 10px; } #nail_txt a{ display:block; width:100%; padding-top:5px; text-align:center; font-size:12px; color:#6E6E6E; } input.ipt_01{ width:19%; } input.ipt_02{ width:90%; } textarea.txt_03{ width:90% !important; font-size:12px; line-height:19px; color:#777; } select.selec_16{ width:55%; } #txtbox_info{ color:#6E6E6E; line-height:21px; } .order_bold{ font-weight:bold; color:#333; } a.order_num{ font-size:12px; font-weight:bold; color:#B77659; text-decoration:underline; } #txtbox_info_2{ padding:20px 0 40px; color:#222; font-size:20px; font-weight:bold; text-align:center; } #total_order{ padding:12px; border-top:1px solid #E5E5E5; border-bottom:1px solid #D4D4D4; line-height:24px; text-align:right; color:#666; margin-top:15px; background-image:-webkit-linear-gradient(270deg,rgba(248,248,248,1.00) 0%,rgba(244,244,244,1.00) 100%); background-image:-moz-linear-gradient(270deg,rgba(248,248,248,1.00) 0%,rgba(244,244,244,1.00) 100%); background-image:linear-gradient(180deg,rgba(248,248,248,1.00) 0%,rgba(244,244,244,1.00) 100%); } #total_order #sum_price{ color:rgba(220, 77, 27, 1); font-size:13px; } #total_order #sum{ font-size:13px; } #infobox{ border:1px solid #E2E2E2; padding:15px; color:#555; font-size:12px; line-height:19px; } #dl1, #dl2{ margin:0 0 5px 0; } #dl1 dt{ font-weight:bold; padding-left:15px; margin-bottom:5px; background:url(../img/main/dot_dt.gif) no-repeat; } #dl1 dd{ line-height:20px; margin:0 0 0 15px;} #dl2 dt{ font-weight:bold; padding-left:15px; margin-bottom:5px; background:url(../img/main/dot_dt.gif) no-repeat; } #dl2 dd{ padding:0 0 2 15; margin-left:0; line-height:20px; background:url(../img/main/dot_dd.gif) no-repeat; } .product_row{ margin:0 auto; } .product_row:after, .product_row:before{ display:table; content:''; } .product_row:after{ clear:both; }