@charset "utf-8";

/* /////////////// jinstar /////////////// */

body.active{ overflow:hidden;}

#wrap{ display:flex; flex-wrap:wrap; position:relative;}

/* header */
header.header#mobile{ display:none;}
header.header#pc{ width:200px; background:linear-gradient(to bottom, var(--subcolor), var(--maincolor)); position:relative; z-index:10; display:block;}
header.header#pc aside{ padding:25px 25px 25px 25px;}

header.header#pc #logo{ }
header.header#pc #logo img{ max-width:90px;}

header.header#pc nav#gnb{ margin-top:30px;}
header.header#pc nav#gnb .nav_1st_wrap{ }
header.header#pc nav#gnb .nav_1st_wrap .nav_1st_item{ margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid rgba(255,255,255,0.5); position:relative;}
header.header#pc nav#gnb .nav_1st_wrap .nav_1st_item a{ display:block; color:var(--white); font-weight:500;}
header.header#pc nav#gnb .nav_1st_wrap .nav_1st_item a b{ color:var(--white); display:block; margin-bottom:2px; font-size:1.2em;}
header.header#pc nav#gnb .nav_1st_wrap .nav_1st_item:hover a b{ color:#ffc039;}
header.header#pc nav#gnb .nav_1st_wrap .nav_1st_item a span{ color:var(--white); font-size:0.8em; display:block; opacity:0.6;}
header.header#pc nav#gnb .nav_1st_wrap .nav_1st_item:hover a span{ opacity:1;}
header.header#pc nav#gnb .nav_1st_wrap .nav_1st_item .nav_2nd_wrap{ position:absolute; left:120px; top:-20px; z-index:1; padding:0; border-radius:10px; background-color:var(--subcolor); border:2px solid var(--white); height:0px; width:0px; opacity:0; overflow:hidden;}
header.header#pc nav#gnb .nav_1st_wrap .nav_1st_item:hover .nav_2nd_wrap{ left:120px; width:auto; opacity:1; padding:10px 20px; height:auto;}
header.header#pc nav#gnb .nav_1st_wrap .nav_1st_item .nav_2nd_wrap ul{ width:140px;}
header.header#pc nav#gnb .nav_1st_wrap .nav_1st_item .nav_2nd_wrap .nav_2nd_item{ margin:10px 0;}
header.header#pc nav#gnb .nav_1st_wrap .nav_1st_item .nav_2nd_wrap .nav_2nd_item a{ font-size:1.2em; position:relative; display:inline-block; vertical-align:middle;}
header.header#pc nav#gnb .nav_1st_wrap .nav_1st_item .nav_2nd_wrap .nav_2nd_item a:after{ content:''; width:1px; height:1px; opacity:0; position:absolute; z-index:1; bottom:-2px; left:0; background-color:rgba(255,255,255,0.5);}
header.header#pc nav#gnb .nav_1st_wrap .nav_1st_item .nav_2nd_wrap .nav_2nd_item a:hover:after{ width:100%; opacity:1;}

header.header#pc nav#snb{ margin-top:30px;}
header.header#pc nav#snb ul{}
header.header#pc nav#snb ul li{ margin-bottom:10px;}
header.header#pc nav#snb ul li a{ color:var(--white); font-weight:500; opacity:0.6;}
header.header#pc nav#snb ul li a:hover{ opacity:1;}

header.header#pc #s_logo{ position:fixed; bottom:20px; left:0; width:200px; text-align:center;}
header.header#pc #s_logo img{ max-height:20px;}

#top_area{ position:fixed; top:0; left:200px; right:0; z-index:5; background-color:rgba(255,255,255,0.95); height:35px; padding:15px 0; box-sizing:content-box;}
#top_area .width_box{ height:35px;}
#top_area #diy_gift{ float:left;}
#top_area #diy_gift a i{ color:var(--white); margin-right:5px;}
#top_area nav#tnb{ float:right; display:flex;}
#top_area nav#tnb ul{ }
#top_area nav#tnb ul li{ display:inline-block; vertical-align:middle; padding:0 10px;}
#top_area nav#tnb ul li a{ display:inline-block; vertical-align:middle; line-height:35px; position:relative; font-size:0.8em;}
#top_area nav#tnb ul li a span{ position:absolute; display:block; top:0; right:-8px; border-radius:50%; width:15px; height:15px; line-height:15px; background-color:var(--black); color:var(--white); font-size:0.7em; text-align:center;}
#top_area nav#tnb #top_search{ border-bottom:2px solid var(--bordercolor); overflow:hidden; margin-left:10px;}
#top_area nav#tnb #top_search input{ border:0 !important; background-color:var(--white) !important; box-shadow:none !important; float:left; width:150px; height:33px; line-height:33px;}
#top_area nav#tnb #top_search button{ display:block; height:33px; line-height:33px; width:35px; float:left; font-size:0; background-color:var(--white);}
#top_area nav#tnb #top_search button i{ line-height:33px; font-size:16px;}

/* footer */
footer#footer{ position:absolute; bottom:0; left:200px; right:0; z-index:5; padding:60px 0; border-top:1px solid var(--bordercolor);}
footer#footer #footer_top #f_logo{ display:inline-block; vertical-align:middle; margin-right:20px;}
footer#footer #footer_top #f_logo img{ max-height:30px;}
footer#footer #footer_top nav#fnb{ display:inline-block;}
footer#footer #footer_top nav#fnb ul{ }
footer#footer #footer_top nav#fnb ul li{ display:inline-block; vertical-align:middle; margin:0 10px 0 0;}
footer#footer #footer_top nav#fnb ul li a{ font-size:0.8em;}

footer#footer #footer_bottom{ margin-top:30px;}
footer#footer #footer_bottom .footer_customer{ margin-left:0; margin-bottom:10px; margin-bottom:10px; font-size:1.3em; color:var(--dgraytcolor); font-weight:500;}
footer#footer #footer_bottom .footer_text1{ }
footer#footer #footer_bottom .footer_text2{ margin-top:30px;}
footer#footer #footer_bottom p{ color:var(--graytcolor);}
footer#footer #footer_bottom p span{ white-space:normal; word-break:keep-all; font-size:0.8em; margin-right:10px; margin-top:5px;}
footer#footer #footer_bottom p span em{ margin-top:5px; margin-right:5px; color:var(--graytcolor); font-size:1em; font-weight:500;}
footer#footer #footer_bottom p span a{ font-size:1em; color:var(--maincolor);}
footer#footer cite{ margin-top:30px;}
footer#footer cite span{ display:block; font-size:0.8em; color:var(--wgraytcolor); margin:3px 0 0;}

/* content */
#contants{ width:calc(100% - 200px); padding:80px 0 500px 0; min-height:960px;}
.width_box{ max-width:1600px; padding:0 50px; margin:0 auto;}

.owl-carousel{ position:relative;}
.owl-nav button{ display:block; width:70px; height:70px; text-align:center; background-color:rgba(0,0,0,0.4) !important; border-radius:50%; top:45%; position:absolute; z-index:1;}
.owl-nav button span{ display:inline-block; vertical-align:middle; font-size:4em; line-height:70px; font-weight:400; color:var(--white); position:relative; top:-3px;}
.owl-nav button.owl-prev{ left:20px;}
.owl-nav button.owl-next{ right:20px;}
.owl-nav button.owl-prev.disabled,
.owl-nav button.owl-next.disabled{ opacity:0.2;}
.owl-dots{ text-align:center; position:absolute; bottom:20px; left:0; right:0; width:100%; z-index:1;}
.owl-dots button.owl-dot{ width:20px; height:20px; border-radius:50%; background-color:#ddd !important; margin:0 5px; opacity:0.5;}
.owl-dots button.owl-dot.active{ opacity:1;}

.page_title{ margin-bottom:50px;}
.page_title h3{ }
.page_title h2{ font-weight:700;}
.page_title.title_center *{ text-align:center;}
.page_title.title_center h2{}
.page_title.title_center h2 span{ font-size:0.8em; display:block;}
.page_title.title_center h4{ margin-top:20px;}

.sit_admin{ position:fixed; top:20px; right:20px; z-index:10;}

/* popup layer */
.pop_bg{ background-color:var(--maincolor); opacity:0.8; position:fixed; top:0; left:0; width:100%; height:100%; bottom:0; right:0; z-index:50; display:none;}
body.active .pop_bg{ display:block;}

.pop_wrap{ position:fixed; top:0; bottom:0; left:calc(50% + 100px); width:1px; height:100%; z-index:100; display:none;}
.pop_wrap.active{ display:block;}
.pop_wrap .pop_box{ position:relative; left:0; right:0; bottom:0; top:8%;}
.pop_wrap .pop_box .pop_inner{ position:absolute; left:-300px; width:600px; background-color:var(--white); padding:20px; box-shadow:5px 5px 5px rgba(0,0,0,0.2);}
.pop_wrap.option_layer .pop_box .pop_inner{ }
.pop_wrap.address_layer .pop_box .pop_inner{ }
.pop_wrap.coupon_layer .pop_box .pop_inner{ left:-500px; width:1000px;}
.pop_wrap.item_select_layer .pop_box .pop_inner{ left:-500px; width:1000px;}
.pop_wrap.coupon_add_layer .pop_box .pop_inner{ left:-225px; width:450px;}

.pop_wrap .pop_box .pop_inner .pop_title{ height:25px; box-sizing:content-box; margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid var(--bordercolor);}
.pop_wrap .pop_box .pop_inner .pop_title h5{ float:left; font-weight:500; font-size:1.2em;}
.pop_wrap .pop_box .pop_inner .pop_title a{ float:right;}
.pop_wrap .pop_box .pop_inner .pop_title a i{ font-size:1.3em;}
.pop_wrap .pop_box .pop_inner .pop_title a:hover i{ color:var(--dgraytcolor);}

.pop_wrap .pop_box .pop_inner .pop_con{ /*max-height:600px; overflow-y:auto;*/}
.pop_wrap .pop_box .pop_inner .pop_con .pop_pro .cart_pro_img{ width:100px;}
.pop_wrap .pop_box .pop_inner .pop_con .pd_option{ margin-top:10px; }
.pop_wrap .pop_box .pop_inner .pop_con .pd_option p{ font-weight:500;}
.pop_wrap .pop_box .pop_inner .pop_con .pd_option select{ width:100%; margin-top:10px;}
.adrs_poplist{ }
.adrs_poplist ul{ display:flex; gap:10px; flex-wrap:wrap;}
.adrs_poplist ul li{ width:calc(50% - 5px); background-color:var(--wgraybgcolor); border:1px solid var(--bordercolor); padding:15px;}
.adrs_poplist ul li p{ font-size:0.8em; margin-bottom:5px;}
.adrs_poplist ul li p.adrspop_title{ font-size:1em; font-weight:500; margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid var(--bordercolor);}
.adrs_poplist ul li .adrs_btns{ margin-top:10px;}
.pop_wrap .pop_box .pop_inner .pop_con .write_table input{ margin-right:15px; width:205px;}
.pop_wrap .pop_box .pop_inner .pop_con .write_table input[type="checkbox"]{ margin-right:5px; width:auto;}
.pop_wrap .pop_box .pop_inner .pop_con .write_table .write_adrs td > input{ width:105px !important;}
.pop_wrap .pop_box .pop_inner .pop_con .pop_coupon_box h6{ margin-bottom:10px; margin-top:20px; font-weight:500;}
.pop_wrap .pop_box .pop_inner .pop_con .pop_coupon_box .cart_pro{ text-align:left;}
.pop_wrap .pop_box .pop_inner .pop_con .pop_coupon_pay{ padding:15px; border:1px solid var(--bordercolor); margin-top:20px; background-color:var(--wgraybgcolor);}
.pop_wrap .pop_box .pop_inner .pop_con .pop_coupon_pay ul{ display:flex; gap:20px;}
.pop_wrap .pop_box .pop_inner .pop_con .pop_coupon_pay ul li{ width:33.33333333%;}
.pop_wrap .pop_box .pop_inner .pop_con .pop_coupon_pay ul li p{}
.pop_wrap .pop_box .pop_inner .pop_con .pop_coupon_pay ul li b{ }
.pop_wrap .pop_box .pop_inner .pagination{ margin-top:20px;}
.pop_wrap .pop_box .pop_inner .btns{ margin-top:20px;}
.pop_wrap .pop_box .pop_inner .pop_con .pop_item_cate{ border:1px solid var(--bordercolor); padding:20px;}
.pop_wrap .pop_box .pop_inner .pop_con .pop_item_cate .pop_ic_box{ margin-bottom:10px;}
.pop_wrap .pop_box .pop_inner .pop_con .pop_item_cate .pop_ic_box p{ width:100px; display:inline-block; vertical-align:middle;}
.pop_wrap .pop_box .pop_inner .pop_con .pop_item_cate .pop_ic_box select{ width:150px; display:inline-block; vertical-align:middle;}
.pop_wrap .pop_box .pop_inner .pop_con .pop_item_cate .pop_ic_search{}
.pop_wrap .pop_box .pop_inner .pop_con .pop_item_cate .pop_ic_search p{ width:100px; display:inline-block; vertical-align:middle;}
.pop_wrap .pop_box .pop_inner .pop_con .pop_item_cate .pop_ic_search select{ width:150px;}
.pop_wrap .pop_box .pop_inner .pop_con .pop_item_cate .pop_ic_search input{ margin-right:3px;}
.pop_wrap .pop_box .pop_inner .pop_con .pop_item_cate .pop_ic_search button{ }
.pop_wrap .pop_box .pop_inner .pop_con .pop_item_cate .pop_ic_search button i{ }
.pop_wrap .pop_box .pop_inner .pop_con .pop_item_cate .itemqa_item_li{ overflow-y:auto; max-height:243px;}
.pop_wrap .pop_box .pop_inner .pop_con .pop_coupon_add p{ margin-bottom:10px;}
.pop_wrap .pop_box .pop_inner .pop_con .pop_coupon_add p small{ font-size:0.8em; color:var(--wgraytcolor);}
.pop_wrap .pop_box .pop_inner .pop_con .pop_coupon_add input{ width:100%;}

/* admin add popup */
.notice_popup_wrap{ position:fixed; min-width:200px; min-height:200px; background-color:var(--white); border:1px solid var(--bordercolor); box-shadow:1px 1px 5px rgba(0,0,0,0.2); z-index:50;}
.notipop_contants{ padding:10px;}
.notipop_contants img{ display:block; width:100%;}
.notipop_close{ padding:10px; background-color:var(--wgraybgcolor); overflow:hidden;}
.notipop_close input{ margin-right:5px; display:inline-block; vertical-align:middle;}
.notipop_close label{ display:inline-block; vertical-align:middle;}
.notipop_close a{ float:right;}

/* product */
.pro_list_wrap{ padding-top:100px; margin-top:100px; border-top:1px solid var(--bordercolor);}
#newarrival{ padding-top:50px; margin-top:50px; border-top:0;}

.pro_list_wrap > h4{ margin-bottom:20px;}
.pro_list_wrap > h4 b{ font-size:1em;}
.pro_list_wrap > h4 small{ font-size:0.8em; color:var(--wgraytcolor);}

.pro_list_wrap .pro_title{ }
.pro_list_wrap .pro_title h4{ text-align:center; color:var(--wgraytcolor);}
.pro_list_wrap .pro_title h3{ text-align:center; font-weight:700; margin-top:5px;}

.pro_list_wrap .pro_more{ text-align:center; margin-top:50px;}
.pro_list_wrap .pro_more a{ display:inline-block; text-align:left; vertical-align:middle; padding-left:78px; height:50px; width:200px; line-height:50px; font-weight:500; background-color:var(--white); border:1px solid var(--bordercolor); position:relative; border-radius:100px;}
.pro_list_wrap .pro_more a:hover{ padding-left:40px; background-color:var(--wgraybgcolor);}
.pro_list_wrap .pro_more a i{ font-size:1.2em; display:block; width:48px; height:48px; line-height:48px; text-align:center; background-color:var(--graytcolor); color:var(--white); border-radius:50%; position:absolute; top:0; right:30px; opacity:0;}
.pro_list_wrap .pro_more a:hover i{ opacity:1; right:0;}

.pro_list_wrap .pro_tab{ margin-top:30px;}
.pro_list_wrap .pro_tab ul{ display:flex; justify-content:center;}
.pro_list_wrap .pro_tab ul li{ }
.pro_list_wrap .pro_tab ul li a{ display:inline-block; vertical-align:middle; padding:0 20px; line-height:50px; height:50px; border:1px solid var(--bordercolor); border-left:0;}
.pro_list_wrap .pro_tab ul li a:hover{ background-color:var(--wgraybgcolor);}
.pro_list_wrap .pro_tab ul li:first-child a{ border-left:1px solid var(--bordercolor);}
.pro_list_wrap .pro_tab ul li.active a{ background-color:var(--wgraybgcolor);}

.pro_list_wrap .pro_list{ margin-top:50px;}
.pro_list_wrap .pro_list ul{ display:flex; gap:20px; flex-wrap:wrap;}
.pro_list_wrap .pro_list ul li{ width:calc(20% - 16px); margin-bottom:40px; position:relative;}
.pro_list_wrap .pro_list ul li .pro_btns{ position:absolute; left:0; top:0; width:100%; padding:10px; z-index:1; text-align:right;}
.pro_list_wrap .pro_list ul li .pro_btns a{ display:inline-block; vertical-align:middle; margin-left:5px; background-color:var(--white); border-radius:50%; width:35px; height:35px; line-height:35px; text-align:center;}
.pro_list_wrap .pro_list ul li .pro_btns a:hover{ background-color:var(--dgraybgcolor);}
.pro_list_wrap .pro_list ul li .pro_btns a:hover i{ color:var(--white);}
.pro_list_wrap .pro_list ul li .pro_thm{ overflow:hidden; background-color:var(--black); border:1px solid var(--bordercolor);}
.pro_list_wrap .pro_list ul li .pro_thm a{ display:block; line-height:1;}
.pro_list_wrap .pro_list ul li .pro_thm a img{ display:block;}
.pro_list_wrap .pro_list ul li:hover .pro_thm a img{ -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -ms-transform:scale(1.2); -o-transform:scale(1.2); transform:scale(1.2); opacity:0.9;}
.pro_list_wrap .pro_list ul li .pro_brand{ font-size:0.8em; font-weight:500; color:var(--maincolor); margin-top:10px;}
.pro_list_wrap .pro_list ul li .pro_name{ margin-top:10px; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; display:-webkit-box; -webkit-box-orient:vertical;}
.pro_list_wrap .pro_list ul li .pro_desc{ margin-top:5px; font-size:0.8em; color:var(--wgraytcolor); overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; display:-webkit-box; -webkit-box-orient:vertical; font-weight:300;}
.pro_list_wrap .pro_list ul li .pro_pay{ margin-top:15px;}
.pro_list_wrap .pro_list ul li .pro_pay b{ color:var(--secondarycolor);}
.pro_list_wrap .pro_list ul li .pro_pay strong{ font-size:1.2em; font-weight:500; color:var(--maincolor);}
.pro_list_wrap .pro_list ul li .pro_pay strong span{ color:var(--maincolor); display:inline-block; vertical-align:middle; margin-left:2px; font-weight:500; font-size:0.8em;}
.pro_list_wrap .pro_list ul li .pro_pay del{ font-size:1em; text-decoration:line-through; color:var(--wgraytcolor);}

.pd_list{ margin-top:20px;}
.pd_list table{ width:100%;}
.pd_list table tr{ }
.pd_list table tr th,
.pd_list table tr td{ padding:10px 5px 10px; border-top:1px solid var(--bordercolor); border-bottom:1px solid var(--bordercolor);}
.pd_list ul{ border-bottom:1px solid var(--bordercolor);}
.pd_list ul li{ padding:10px 5px 10px; border-top:1px solid var(--bordercolor); display:flex; align-items:center; justify-content:space-between;}
.pd_list ul li div button{ background:none; font-size:0;}
.pd_list ul li .pd_list_name{ margin-left:0;}
.sit_opt_subj{ max-width:90%;}
.pd_list .pd_list_count{ width:80px; position:relative;}
.pd_list .pd_list_count input{ width:40px; margin:0 20px; border:0; text-align:center; background:none; box-shadow:none;}
.pd_list .pd_list_count button,
.pd_list .pd_list_count a{ position:absolute; width:20px; text-align:center; height:35px; line-height:35px; display:block; top:0; z-index:1;}
.pd_list .pd_list_count button i,
.pd_list .pd_list_count a i{ font-size:10px; line-height:35px;}
.pd_list .pd_list_count button.pdlc_plus,
.pd_list .pd_list_count a.pdlc_plus{ right:0;}
.pd_list .pd_list_count button.pdlc_minus,
.pd_list .pd_list_count a.pdlc_minus{ left:0;}
.pd_list .pd_list_pay{ font-weight:700;}
.pd_list .pd_list_del{ width:30px; text-align:right;}
.pd_list .pd_list_del i{ font-size:12px; line-height:35px;}

/* cart */
.cart_wrap{ }

.cart_wrap > h4{ margin-bottom:20px;}
.cart_wrap > h4 b{ font-size:1em;}
.cart_wrap > h4 small{ font-size:0.8em; color:var(--wgraytcolor);}

.cart_table{ display:block;}
.cart_table table{ width:100%;}
.cart_table table tr th,
.cart_table table tr td{ padding:10px 20px; text-align:center; border-top:1px solid var(--bordercolor); border-bottom:1px solid var(--bordercolor); vertical-align:middle;}
.cart_table table tr th{ padding:10px 20px; font-weight:500; background-color:var(--wgraybgcolor);}
.cart_table table tr td{ }
.cart_table table tr td.cart_num{ width:250px; background-color:var(--wgraybgcolor);}
.cart_table table tr td.cart_pro{ text-align:left; width:585px;}
.cart_pro_img{ display:inline-block; vertical-align:middle; width:90px;}
.pd_list_name{ display:inline-block; vertical-align:middle; margin-left:10px; width:280px;}
th.pd_list_name{ width:auto; display:table-cell;}
.pd_list_name p{ font-weight:500;}
.pd_list_name > span{ display:block; font-size:0.8em; color:var(--wgraytcolor); margin:5px 0; padding-left:40px; position:relative; min-height:20px;}
.pd_list_name > span:before{ content:'옵션'; font-size:1em; display:inline-block; vertical-align:middle; color:var(--dgraytcolor); padding:2px 3px; background-color:var(--wgraybgcolor); border:1px solid var(--bordercolor); position:absolute; left:0; top:0; z-index:1;}
.pd_list_name .btn{ margin-top:10px;}
.cart_table table tr td del{ text-decoration:line-through; display:block; color:var(--wgraytcolor); font-size:0.8em;}

.cart_table table tr.order_btns td,
.cart_table table tr.order_btns th{ text-align:left; background-color:var(--wgraybgcolor);}

.cart_table table tr td.shipping_btns p{ margin-top:5px;}
.cart_del_btns{ margin-top:10px !important; margin-bottom:0;}

.cart_ul{ display:none;}

.cart_order_btns{}

/* payment */
.payment_wrap{ margin-top:50px; display:flex; gap:20px;}
.payment_wrap .payment_form{ width:calc(100% - 500px);}
.payment_wrap .payment_form .payment_box{ padding:20px; background-color:var(--wgraybgcolor); border:1px solid var(--bordercolor); margin-bottom:20px;}
.payment_wrap .payment_form .payment_box h4{ margin-bottom:20px; font-weight:500;}
.payment_wrap .payment_form .payment_box .write_table tr th,
.payment_wrap .payment_form .payment_box .write_table tr td{ background-color:var(--white);}
.payment_wrap .payment_form .payment_box .write_table .write_who th,
.payment_wrap .payment_form .payment_box .write_table .write_who td{ }
.payment_wrap .payment_form .payment_box .write_table .write_who p{ display:inline-block; vertical-align:middle; margin-right:15px;}
.payment_wrap .payment_form .payment_box .write_table .write_who p input{ margin-right:5px;}
.payment_wrap .payment_form .payment_box .write_table .write_who .btn{ float:right;}
.write_title input[type="text"]{ margin-right:15px; margin-bottom:5px;}
.write_title input[type="checkbox"]{ margin-right:5px;}
.write_adrs td > input{ width:150px !important; margin-right:0 !important;}
.write_adrs p{ margin-top:5px;}
.write_adrs p input{ width:100% !important;}
.write_password p{ margin-top:5px;}
.write_password p span{ display:inline-block; vertical-align:middle; width:130px;}
.write_star{}
.write_star td p{ display:inline-block; vertical-align:middle; margin-right:5px;}
.write_star td p input{ vertical-align:middle; margin-right:5px;}
.write_star td p label.label_star{ display:inline-block; vertical-align:middle; width:82px; height:15px; background-repeat:no-repeat; background-size:auto 15px; background-position:0 0; margin-right:15px;}
.write_star td p label.label_star.star5{ background-image:url('../images/product/s_star5.png');}
.write_star td p label.label_star.star4{ background-image:url('../images/product/s_star4.png');}
.write_star td p label.label_star.star3{ background-image:url('../images/product/s_star3.png');}
.write_star td p label.label_star.star2{ background-image:url('../images/product/s_star2.png');}
.write_star td p label.label_star.star1{ background-image:url('../images/product/s_star1.png');}

.payment_wrap .payment_info{ width:500px;}
.payment_wrap .payment_info .pi_box{ border:1px solid var(--bordercolor); margin-bottom:20px; background-color:var(--white)}
.payment_wrap .payment_info .pi_paybox ul{ display:flex; border-top:1px solid var(--bordercolor);}
.payment_wrap .payment_info .pi_paybox ul li{ width:33.33333%; padding:20px; border-right:1px solid var(--bordercolor); position:relative;}
.payment_wrap .payment_info .pi_paybox ul li:nth-child(1):after{ position:absolute; top:39%; right:-10px; content:'-'; width:20px; height:20px; line-height:18px; text-align:center; background-color:var(--black); border:1px solid var(--bordercolor); color:var(--white); border-radius:50%;}
.payment_wrap .payment_info .pi_paybox ul li:nth-child(2):after{ position:absolute; top:39%; right:-10px; content:'+'; width:20px; height:20px; line-height:18px; text-align:center; background-color:var(--black); border:1px solid var(--bordercolor); color:var(--white); border-radius:50%;}
.payment_wrap .payment_info .pi_paybox ul li:last-child{ border-right:0;}
.payment_wrap .payment_info .pi_paybox ul li p{ text-align:center; display:block; font-size:0.8em; font-weight:500; color:var(--graytcolor);}
.payment_wrap .payment_info .pi_paybox ul li b{ text-align:center; display:block;}
.payment_wrap .pip_box{ display:flex; flex-wrap:wrap; align-items:flex-start;}
.payment_wrap .pip_box dt,
.payment_wrap .pip_box dd{ border-top:1px solid var(--bordercolor); padding:0 20px; height:40px; line-height:40px;}
.payment_wrap .pip_box dt.pipbox_height2{ height:90px; line-height:90px;}
.payment_wrap .pip_box dd.pipbox_height2{ height:90px; padding-top:12px;}
.payment_wrap .pip_box dt.pipbox_height3{ }
.payment_wrap .pip_box dd.pipbox_height3{ }
.payment_wrap .pip_box dt{ width:200px;}
.payment_wrap .pip_box dd{ width:calc(100% - 200px); text-align:right;}
.payment_wrap .pip_box small{ display:block; font-size:0.8em;}
.payment_wrap .payment_info .pi_point input{ width:80px; text-align:right; margin-right:5px; height:25px; line-height:25px;}
.payment_wrap .payment_info .pi_finprice{ background-color:var(--wgraybgcolor); border-color:var(--darkbordercolor);}
.payment_wrap .payment_info .pi_finprice dt{ font-weight:500;}
.payment_wrap .payment_info .pi_finprice dd{ font-weight:700; color:var(--secondarycolor); font-size:1.4em;}
.payment_wrap .payment_info .pi_method{ background-color:var(--wgraybgcolor);}
.payment_wrap .payment_info h4{ font-weight:500; border-top:1px solid var(--bordercolor); padding:20px 20px 10px;}
.payment_wrap .payment_info .pi_method ul{ display:flex; flex-wrap: wrap; padding:0 20px 20px;}
.payment_wrap .payment_info .pi_method ul li{ width:50%; position:relative;}
.payment_wrap .payment_info .pi_method ul li input[type="radio"]{ display:block; position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:55px; z-index:1; opacity:0; cursor:pointer;}
.payment_wrap .payment_info .pi_method ul li label{ display:block; background-color:var(--white); border:1px solid var(--bordercolor); padding:0 10px 0 100px; line-height:53px; margin:1px; background-repeat:no-repeat; cursor:pointer;}
.payment_wrap .payment_info .pi_method ul li.active label{ border-color:var(--secondarycolor); color:var(--secondarycolor);}
.payment_wrap .payment_info .pi_method ul li:hover label{ border-color:var(--darkbordercolor);}
.payment_wrap .payment_info .pi_method ul li.active:hover label{ border-color:#f00; color:var(--secondarycolor);}
.payment_wrap .payment_info .pi_method ul li.method_bank label{ background-image:url('../images/payment/micon_bank.png'); background-position:55px 15px;}
.payment_wrap .payment_info .pi_method ul li.method_vbank label{ background-image:url('../images/payment/micon_vbank.png'); background-position:55px 15px;}
.payment_wrap .payment_info .pi_method ul li.method_iche label{ background-image:url('../images/payment/micon_iche.png'); background-position:55px 15px;}
.payment_wrap .payment_info .pi_method ul li.method_phone label{ background-image:url('../images/payment/micon_phone.png'); background-position:65px 15px;}
.payment_wrap .payment_info .pi_method ul li.method_card label{ background-image:url('../images/payment/micon_card.png'); background-position:55px 15px;}
.payment_wrap .payment_info .pi_method ul li.method_payco label{ background-image:url('../images/payment/micon_payco.png'); background-position:50% 50%; font-size:0;}
.payment_wrap .payment_info .pi_method ul li.method_npay label{ background-image:url('../images/payment/micon_npay.png'); background-position:50% 50%; font-size:0;}
.payment_wrap .payment_info .pi_method ul li.method_kapay label{ background-image:url('../images/payment/micon_kapay.png'); background-position:50% 50%; font-size:0;}
.payment_wrap .payment_info .pi_method ul li.method_lpay label{ background-image:url('../images/payment/micon_lpay.png'); background-position:50% 50%; font-size:0;}
.payment_wrap .payment_info .pi_method ul li.method_iniciskapay label{ background-image:url('../images/payment/micon_inikapay.png'); background-position:50% 50%; font-size:0;}
.payment_wrap .payment_info .btns{ margin-top:20px;}

/* mypage */
.page_wrap h4{ margin-bottom:20px;}
.page_wrap h4 b{ font-size:1em;}

.page_search{ border-top:1px solid var(--bordercolor); border-bottom:1px solid var(--bordercolor); padding:10px 0; margin-bottom:40px;}
.page_search.center{ border:1px solid var(--bordercolor); text-align:center; background-color:var(--wgraybgcolor); padding:10px 10px; margin-top:50px;}
.page_search form > span{ line-height:25px; display:inline-block; vertical-align:middle; margin-right:10px;}
.page_search form .ms_btns{ display:inline-block; vertical-align:middle;}
.page_search form .ms_btns ul{ display:inline-block; vertical-align:middle;}
.page_search form .ms_btns ul li{ display:inline-block; vertical-align:middle;}
.page_search form select,
.page_search form input[type="text"],
.page_search form input[type="date"]{ height:25px; line-height:25px; width:160px; font-size:0.9em;}
.page_search form select{ width:100px;}

.mypage_index_hr{ margin:50px 0;}

.pboard_condi{ width:80px; margin:0 auto;}
.pboard_condi span{ display:inline-block; vertical-align:middle; padding:3px 6px; font-size:0.8em; font-weight:500;}
.pboard_condi.wait span{ background-color:var(--wgraybgcolor);}
.pboard_condi.compl span{ background-color:var(--dgraybgcolor); color:var(--white);}

.form_box{ padding:20px; background-color:var(--wgraybgcolor); border:1px solid var(--bordercolor); margin-bottom:20px;}
.form_box h4{ margin-bottom:20px; font-weight:500;}
.form_box .write_table tr th,
.form_box .write_table tr td{ background-color:var(--white);}
.ess_msg{ position:relative; padding-left:10px; margin-bottom:10px;}
.ess_msg:after{content:''; width:3px; height:3px; position:absolute; top:47%; left:0; background-color:var(--secondarycolor); border-radius:50%;}
.write_password td .btn .fa-angle-down{ display:inline-block;}
.write_password td .btn .fa-angle-up{ display:none;}
.write_password td .btn.active .fa-angle-down{ display:none;}
.write_password td .btn.active .fa-angle-up{ display:inline-block;}
.password_change{ padding:10px; background-color:var(--wgraybgcolor); border:1px solid var(--bordercolor); margin-top:10px; display:none;}
.password_change.active{ display:block;}

.my_process_wrap{ }
.my_process_wrap > h4{ margin-bottom:20px;}
.my_process_wrap > h4 b{ font-size:1em;}
.my_process_wrap > h4 small{ font-size:0.8em; color:var(--wgraytcolor);}
.my_process_wrap .my_proc_box{ padding:20px; border:1px solid var(--bordercolor); background-color:var(--wgraybgcolor); display:flex; align-items:center;}
.my_process_wrap .my_proc_box .my_proc_ul{ width:calc(100% - 150px);}
.my_process_wrap .my_proc_box .my_proc_ul ul{ display:flex; gap:20px; align-items:center; flex-wrap:wrap;}
.my_process_wrap .my_proc_box .my_proc_ul ul li{ width:calc(20% - 16px); position:relative; padding-left:60px;}
.my_process_wrap .my_proc_box .my_proc_ul ul li:after{ display:block; content:''; width:20px; height:50px; background:url('../images/mypage/myproc_icon.png') 50% 50% no-repeat; background-size:15px auto; position:absolute; z-index:1; right:16%; top:7px; opacity:0.1;}
.my_process_wrap .my_proc_box .my_proc_ul ul li:last-child:after{ display:none;}
.my_process_wrap .my_proc_box .my_proc_ul ul li i{ font-size:2.5em; position:absolute; left:0; top:14px; z-index:1; opacity:0.3;}
.my_process_wrap .my_proc_box .my_proc_ul ul li p{ margin-bottom:5px;}
.my_process_wrap .my_proc_box .my_proc_ul ul li a{ display:inline-block; vertical-align:middle; width:35px; height:35px; line-height:35px; background-color:var(--dgraybgcolor); color:var(--white); text-align:center; border-radius:50%;}
.my_process_wrap .my_proc_box .my_proc_ather{ background-color:var(--white); border:1px solid var(--bordercolor); width:150px; padding:20px;}
.my_process_wrap .my_proc_box .my_proc_ather ul{ }
.my_process_wrap .my_proc_box .my_proc_ather ul li{ margin:8px 0; font-size:0.9em;}
.my_process_wrap .my_proc_box .my_proc_ather ul li a{ font-size:1em;}
.my_process_wrap .my_proc_box .my_proc_ather ul li a b{ float:right; font-size:1em;}

/* board */
.board_view_wrap{ }

.board_head{ }
.board_title{ margin-bottom:10px; padding-top:15px; border-top:1px solid var(--bordercolor);}
.board_title h4{ }
.board_title h4 span{ font-size:0.7em; display:inline-block; vertical-align:middle; padding:3px 10px; background-color:var(--dgraybgcolor); color:var(--white); margin:3px 0;}
.board_title h4 p{ font-size:1em; display:inline-block; vertical-align:middle;}

.board_info{ padding:10px 20px; background-color:var(--wgraybgcolor); border:1px solid var(--bordercolor);} 
.board_info dl{ display:flex;}
.board_info dl dt{ font-size:0.9em; margin-right:10px; font-weight:500;}
.board_info dl dd{ font-size:0.9em; margin-right:40px; color:var(--graytcolor);}
#board_inquiry .board_info dl .b_dt_writer{ display:none;}
#board_inquiry .board_info dl .b_dd_writer{ display:none;}
#board_inquiry .board_info dl .b_dt_date{}
#board_inquiry .board_info dl .b_dd_date{}
#board_inquiry .board_info dl .b_dt_view{ display:none;}
#board_inquiry .board_info dl .b_dd_view{ display:none;}
#board_inquiry .board_info dl .b_dt_reply{ display:none;}
#board_inquiry .board_info dl .b_dd_reply{ display:none;}
#board_inquiry .board_info dl .b_dt_star{ display:none;}
#board_inquiry .board_info dl .b_dd_star{ display:none;}

#board_itemqa .board_info dl .b_dt_writer{ display:none;}
#board_itemqa .board_info dl .b_dd_writer{ display:none;}
#board_itemqa .board_info dl .b_dt_date{}
#board_itemqa .board_info dl .b_dd_date{}
#board_itemqa .board_info dl .b_dt_view{ display:none;}
#board_itemqa .board_info dl .b_dd_view{ display:none;}
#board_itemqa .board_info dl .b_dt_reply{ display:none;}
#board_itemqa .board_info dl .b_dd_reply{ display:none;}
#board_itemqa .board_info dl .b_dt_star{ display:none;}
#board_itemqa .board_info dl .b_dd_star{ display:none;}

#board_itemuse .board_info dl .b_dt_star{ }
#board_itemuse .board_info dl .b_dd_star{ width:82px; height:15px; background-repeat:no-repeat; background-size:auto 15px; background-position:0 0;}
#board_itemuse .board_info dl .b_dd_star.star5{ background-image:url('../images/product/s_star5.png');}
#board_itemuse .board_info dl .b_dd_star.star4{ background-image:url('../images/product/s_star4.png');}
#board_itemuse .board_info dl .b_dd_star.star3{ background-image:url('../images/product/s_star3.png');}
#board_itemuse .board_info dl .b_dd_star.star2{ background-image:url('../images/product/s_star2.png');}
#board_itemuse .board_info dl .b_dd_star.star1{ background-image:url('../images/product/s_star1.png');}

.board_body{ padding:50px 0;}
#board_inquiry .board_con{ padding-left:80px;}
#board_inquiry .board_con:after{ content:'Q'; position:absolute; top:-15px; left:0; z-index:1; font-size:5em; font-weight:500; color:#ccc;}
#board_inquiry .board_recon{ padding-left:80px;}
#board_inquiry .board_recon:after{ content:'A'; position:absolute; top:35px; left:0; z-index:1; font-size:5em; font-weight:500; color:#ccc;}
#board_itemqa .board_con{ padding-left:80px;}
#board_itemqa .board_con:after{ content:'Q'; position:absolute; top:-15px; left:0; z-index:1; font-size:5em; font-weight:500; color:#ccc;}
#board_itemqa .board_recon{ padding-left:80px;}
#board_itemqa .board_recon:after{ content:'A'; position:absolute; top:35px; left:0; z-index:1; font-size:5em; font-weight:500; color:#ccc;}
.board_con{ position:relative;}
.board_recon{ margin-top:50px; padding-top:50px; border-top:1px solid var(--bordercolor); position:relative;}
.board_recon .board_title h4 span{ background-color:var(--maincolor);}
.board_recon .board_info{ margin-bottom:50px;}

.board_foot{ }
.board_attach{ }
.board_attach ul{ padding-top:10px; border-top:1px solid var(--bordercolor);}
.board_attach ul li{ padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid var(--bordercolor);}
.board_attach ul li i{ margin-right:5px;}

nav.board_nav{ display:flex; padding:20px 10px; background-color:var(--wgraybgcolor); border:1px solid var(--bordercolor); margin-top:50px;}
nav.board_nav > div{ width:50%;}
nav.board_nav .board_prev{ text-align:left;}
nav.board_nav .board_next{ text-align:right;}
nav.board_nav > div a p{ display:inline-block; vertical-align:middle; max-width:400px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
nav.board_nav > div a span{ vertical-align:middle; display:inline-block; color:var(--wgraytcolor); font-size:0.8em; margin:0 10px;}
nav.board_nav > div a span i{ font-size:2.5em; vertical-align:middle; display:inline-block;}

.reply_wrap{ margin-top:50px;}
.reply_wrap h5{ padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid var(--bordercolor);}
.reply_wrap .reply_list{ }
.reply_wrap .reply_list ul.reply_ul{ }
.reply_wrap .reply_list ul.reply_ul li.reply_li{ position:relative; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid var(--bordercolor); padding-left:80px;}
.reply_profile{ position:absolute; top:0; left:10px; border-radius:50%; overflow:hidden; z-index:1; width:60px; height:60px;}
.reply_info{ margin-bottom:10px;}
.reply_info p{ display:inline-block; vertical-align:middle;}
.reply_info p.reply_w{}
.reply_info p.reply_d{ color:var(--wgraytcolor); font-size:0.8em;}
.reply_con i{ margin-right:5px;}
.reply_form{ display:flex; align-items:center;}
.reply_form textarea{ height:80px; width:calc(100% - 100px);}
.reply_form button{ height:80px; line-height:80px; width:100px; display:block;}
.reply_secret{ margin-top:10px; font-size:0.8em;}
.reply_secret input{ margin-right:5px;}
.reply_nomember{ margin-top:10px;}
.reply_nomember input{ margin-bottom:5px;}
.reply_nomember .reply_captcha{ margin-top:10px;}
.reply_btns{ margin-top:10px;}
.reply_wrap .reply_list ul.reply_ul li.reply_li ul.re_reply_ul{ margin-top:20px; border-top:1px solid var(--bordercolor);}
.reply_wrap .reply_list ul.reply_ul li.reply_li ul.re_reply_ul li.re_reply_li{ position:relative; padding:20px 20px 20px 80px; background-color:var(--wgraybgcolor); border:1px solid var(--bordercolor); border-top:0;}
.reply_wrap .reply_list ul.reply_ul li.reply_li ul.re_reply_ul li.re_reply_li:last-child{ }
.reply_wrap .reply_list ul.reply_ul li.reply_li ul.re_reply_ul li.re_reply_li .reply_profile{ left:10px; top:20px;}
.reply_write{ padding:20px 20px; background-color:var(--wgraybgcolor); border:1px solid var(--bordercolor);}

.itemqa_item_li{ margin-top:10px;}
.itemqa_item_li ul{ display:flex; gap:10px; flex-wrap:wrap;}
.itemqa_item_li ul li{ padding:10px 10px; background-color:var(--white); border:1px solid var(--bordercolor); position:relative; width:calc(50% - 5px);}
.board_head .itemqa_item_li ul li{ width:100%; background-color:var(--wgraybgcolor);}
.itemqa_item_li ul li .cart_pro .cart_pro_img{ width:60px;}
.itemqa_item_li ul li .cart_pro .pd_list_name .cart_pro_del{ position:absolute; top:10px; right:10px; z-index:1; cursor:pointer;}
.itemqa_item_li ul li .cart_pro .pd_list_name .cart_pro_chk{ position:absolute; top:10px; right:10px; z-index:1; cursor:pointer;}
.itemqa_item_li ul li .cart_pro .pd_list_name .cart_pro_pay{ display:block; font-size:0.8em; margin-right:0; margin-bottom:2px; margin-top:10px;}
.itemqa_item_li ul li .cart_pro .pd_list_name .cart_pro_pay span{ font-size:1.2em; font-weight:500; margin-left:10px;}
.itemqa_item_li ul li .cart_pro .pd_list_name .cart_pro_pay b{ font-size:1.2em;}
.itemqa_item_li ul li .cart_pro .pd_list_name .cart_pro_pay del{ text-decoration:line-through; color:var(--wgraytcolor); font-size:1em;}

/* member */