@charset "utf-8";

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

body.active{ overflow:hidden;}

#wrap{ padding-top:220px; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease;}
body.comeoff #wrap{ padding-top:59px;}

/* header */
header.header#mobile{ display:none;}

header.header#pc{ position:fixed; z-index:5; top:0; left:0; right:0; width:100%; background-color:var(--white);}
header.header#pc #top_area{ padding:20px 0;}
header.header#pc #top_area nav#tnb{ }
header.header#pc #top_area nav#tnb ul{ text-align:right;}
header.header#pc #top_area nav#tnb ul li{ display:inline-block; vertical-align:middle; padding-left:15px; margin-left:15px; position:relative;}
header.header#pc #top_area nav#tnb ul li:after{ content:''; width:2px; height:15px; background-color:var(--wgraybgcolor); position:absolute; top:3px; left:-2px; display:block;}
header.header#pc #top_area nav#tnb ul li:first-child:after{ display:none;}
header.header#pc #top_area nav#tnb ul li a{ font-weight:400; font-size:0.9em; color:var(--graytcolor);}
header.header#pc #top_area nav#tnb ul li a:hover{ color:var(--maincolor);}
header.header#pc #top_area nav#tnb ul li a span{ width:16px; height:16px; line-height:16px; text-align:center; display:block; color:var(--white); background-color:var(--maincolor); border-radius:100px; font-size:11px; position:absolute; top:-12px; right:-15px; font-weight:500;}

header.header#pc #top_logo{ padding:20px 0; position:relative;}
header.header#pc #top_logo #logo{ position:absolute; top:20px; left:0; z-index:1; padding-top:10px;}
header.header#pc #top_logo #logo svg,
header.header#pc #top_logo #logo img{ max-height:33px; display:block;}
header.header#pc #top_logo search#top_search{ border:1px solid var(--bordercolor); max-width:496px; width:100%; margin:0 auto; border-radius:100px; padding:11px 30px;}
header.header#pc #top_logo search#top_search form{ display:flex;}
header.header#pc #top_logo search#top_search input{ border:0; font-size:1.3em; background:none !important; box-shadow:none !important; height:30px; line-height:30px; width:calc(100% - 30px);}
header.header#pc #top_logo search#top_search button{ font-size:0; display:block; width:30px; height:30px; line-height:30px; background:url('/storage/images/header/menu_search.png') 50% 50% no-repeat; cursor:pointer; background-size:25px auto;}

header.header#pc{ box-shadow:0px 2px 4px rgba(0,0,0,0.1);}
header.header#pc nav#gnb{ display:flex; gap:5px; align-items:center;}
header.header#pc nav#gnb #logo{ display:none;}
header.header#pc nav#gnb #logo img{ max-height:20px;}
header.header#pc nav#gnb .nav_1st_wrap{ display:flex; gap:15px; width:calc(100% - 200px);}
header.header#pc nav#gnb .nav_1st_wrap .nav_1st_item{ position:relative;}
header.header#pc nav#gnb .nav_1st_wrap .nav_1st_item:first-child{ margin-left:-20px;}
header.header#pc nav#gnb .nav_1st_wrap .nav_1st_item > a{ padding:20px 20px; display:block;}
header.header#pc nav#gnb .nav_1st_wrap .nav_1st_item > a > b{ font-size:1.2em;}
header.header#pc nav#gnb .nav_1st_wrap .nav_1st_item:hover > a > b{ color:var(--maincolor);}
header.header#pc nav#gnb .nav_1st_wrap .nav_1st_item .nav_2nd_wrap{ position:absolute; top:62px; left:0; right:0; width:100%; background-color:var(--white); box-shadow:0px 4px 4px rgba(0,0,0,0.25); border-radius:0 0 15px 15px; padding:1px 10px; opacity:0; transform:translateY(10px); visibility:hidden; pointer-events:none; transition:all .2s ease;}
header.header#pc nav#gnb .nav_1st_wrap .nav_1st_item:hover .nav_2nd_wrap{ padding:15px 10px; opacity:1; transform:translateY(0); visibility:visible; pointer-events:auto;}
header.header#pc nav#gnb .nav_1st_wrap .nav_1st_item .nav_2nd_wrap:after{ content:''; position:absolute; top:0; left:0; right:0; width:100%; height:1px; box-shadow:0px 2px 4px rgba(0,0,0,0.3); background-color:#f6f6f6; opacity:0;}
header.header#pc nav#gnb .nav_1st_wrap .nav_1st_item:hover .nav_2nd_wrap:after{ opacity:1;}
header.header#pc nav#gnb .nav_1st_wrap .nav_1st_item .nav_2nd_wrap .nav_2nd_item{ margin:10px 0; position:relative;}
header.header#pc nav#gnb .nav_1st_wrap .nav_1st_item .nav_2nd_wrap .nav_2nd_item a{ display:block; padding:2px 10px; text-align:center; font-size:1em; border-radius:5px; color:var(--wgraytcolor); font-weight:400;}
header.header#pc nav#gnb .nav_1st_wrap .nav_1st_item .nav_2nd_wrap .nav_2nd_item.active > a,
header.header#pc nav#gnb .nav_1st_wrap .nav_1st_item .nav_2nd_wrap .nav_2nd_item a:hover,
header.header#pc nav#gnb .nav_1st_wrap .nav_1st_item .nav_2nd_wrap .nav_2nd_item:has(.nav_3th_wrap:hover) > a{ background-color:#eaf3f7; color:#1879A8;}
header.header#pc nav#gnb .nav_1st_wrap .nav_1st_item .nav_2nd_wrap .nav_2nd_item.n2i_arw > a:after{ content:""; position:absolute; left:100%; top:49%; transform:translate(-50%,-50%); border:4px solid transparent; border-left-color:var(--black); opacity:0.3;}
header.header#pc nav#gnb .nav_1st_wrap .nav_1st_item .nav_2nd_wrap .nav_3th_wrap{ display:none; position:absolute; top:-10px; right:-80px; padding:5px 10px; background-color:var(--white); box-shadow:2px 2px 4px rgba(0,0,0,0.25); border-radius:15px; z-index:1;}
header.header#pc nav#gnb .nav_1st_wrap .nav_1st_item .nav_2nd_wrap .nav_2nd_item:hover .nav_3th_wrap{ display:block;}
header.header#pc nav#gnb .nav_1st_wrap .nav_1st_item .nav_2nd_wrap .nav_3th_wrap .nav_3th_item{ margin:10px 0;}

header.header#pc #header_point{ width:200px; text-align:right; position:relative;}
header.header#pc #header_point a{ display:inline-block; font-weight:0.9em; font-weight:400; color:var(--graytcolor); line-height:23px;}
header.header#pc #header_point p{ display:inline-block; color:var(--subcolor); font-weight:600; font-size:1.2em; margin-left:5px; line-height:23px;}
header.header#pc #header_point p span{ display:inline-block; vertical-align:top; width:19px; height:19px; line-height:19px; background-color:var(--subcolor); color:var(--white); border-radius:50px; text-align:center; margin-left:2px; margin-top:1px; font-size:0.6em;}
header.header#pc #header_point .extinction_point{ position:relative; position:absolute; font-weight:400; color:var(--graytcolor); top:33px; right:-4px; width:180px; background-color:#CCF4FF; font-size:0.9em; text-align:center; padding:2px 5px; border-radius:5px; display:none;}
header.header#pc #header_point:has(a:hover) .extinction_point{ display:inline-block;}
header.header#pc #header_point .extinction_point:after{ content:""; position:absolute; left:50%; top:-5px; transform:translate(-50%,-50%); border:6px solid transparent; border-bottom-color:#CCF4FF;}
header.header#pc #header_point .extinction_point p{ font-size:1em;}

body.comeoff header.header#pc{ /*position:fixed; top:0; left:0; right:0; width:100%; z-index:5; background-color:var(--white);*/}
body.comeoff header.header#pc #top_area,
body.comeoff header.header#pc #top_logo{ opacity:0; height:1px; padding:0; overflow:hidden;}
body.comeoff header.header#pc nav#gnb #logo{ line-height:1; font-size:1em; width:150px; display:block;}
body.comeoff header.header#pc nav#gnb .nav_1st_wrap{ width:calc(100% - 150px);}
body.comeoff header.header#pc nav#gnb .nav_1st_wrap .nav_1st_item > a{ padding:20px 10px;}
body.comeoff header.header#pc nav#gnb .nav_1st_wrap .nav_1st_item > a > b{ font-size:1em;}
body.comeoff header.header#pc nav#gnb .nav_1st_wrap .nav_1st_item .nav_2nd_wrap{ top:58px;}
body.comeoff header.header#pc nav#gnb .nav_1st_wrap .nav_1st_item:hover .nav_2nd_wrap:after{ display:nonde;}
body.comeoff header.header#pc #header_point{ display:none;}

/* footer */
footer#footer #footer_notice a{ display:block; background-color:#E2E2E2; padding:40px 0;}
footer#footer #footer_notice a .width_box{ display:flex; gap:50px; align-items:center;}
footer#footer #footer_notice a .f_notice_tit{ width:240px; font-weight:800; font-size:1.2em;}
footer#footer #footer_notice a .f_notice_tit img{ display:inline-block; max-height:16px; margin-right:10px;}
footer#footer #footer_notice a .f_notice_con{ width:calc(100% - 250px);}
footer#footer #footer_notice a .f_notice_con p{ font-size:0.9em; color:var(--graytcolor); max-width:578px; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; display:-webkit-box; -webkit-box-orient:vertical;}

footer#footer #footer_box{ background-color:#F4F4F4; padding:70px 0;}
footer#footer #footer_box .width_box{ display:flex; gap:50px; flex-wrap:wrap; align-items:stretch;}
footer#footer #footer_box #f_logo{ width:100%;}
footer#footer #footer_box #f_logo img{ max-height:40px;}
footer#footer #footer_box #footer_left{ width:240px; border-right:1px solid var(--wgraybordercolor);}
footer#footer #footer_box #footer_left h3{ font-weight:700; margin-bottom:15px; color:var(--dgraytcolor);}
footer#footer #footer_box #footer_left h4{ }
footer#footer #footer_box #footer_left h4 b{ display:block; font-weight:700; font-size:1.4em; color:var(--dgraytcolor);}
footer#footer #footer_box #footer_left h4 span{ display:block; font-weight:500; font-size:1.1em; color:var(--graytcolor);}
footer#footer #footer_box #footer_left .f_time{ margin-top:55px;}
footer#footer #footer_box #footer_left .f_time li{ font-weight:500; font-size:1.2em; margin-bottom:5px;}
footer#footer #footer_box #footer_left .f_time li:after{ width:5px; height:5px;}
footer#footer #footer_box #footer_left .f_sns{ margin-top:80px;}
footer#footer #footer_box #footer_left .f_sns li{ display:inline-block; vertical-align:middle; margin-right:15px;}
footer#footer #footer_box #footer_left .f_sns li img{ max-width:38px; display:block;}
footer#footer #footer_box #footer_right nav#fnb{ margin-bottom:30px;}
footer#footer #footer_box #footer_right nav#fnb ul{ }
footer#footer #footer_box #footer_right nav#fnb ul li{ display:inline-block; vertical-align:middle; margin:0 95px 0 0;}
footer#footer #footer_box #footer_right nav#fnb ul li a{ color:var(--wgraytcolor); text-transform:uppercase; font-size:1.3em; font-weight:600;}
footer#footer #footer_box #footer_right nav#fnb ul li a:hover{ color:var(--maincolor);}
footer#footer #footer_box #footer_right{ width:calc(100% - 290px);}
footer#footer #footer_box #footer_right .footer_text1{ }
footer#footer #footer_box #footer_right .footer_text2{ margin-top:30px;}
footer#footer #footer_box #footer_right p{ color:var(--wgraytcolor); margin-bottom:8px; font-size:1.1em;}
footer#footer #footer_box #footer_right p span{ white-space:normal; word-break:keep-all; margin-right:10px; margin-top:5px; color:var(--wgraytcolor); font-size:1em;}
footer#footer #footer_box #footer_right p span em{ margin-top:5px; margin-right:5px; color:var(--wgraytcolor); font-size:1em; font-weight:500;}
footer#footer #footer_box #footer_right p span a{ font-size:1em; text-decoration:underline; color:var(--wgraytcolor);}
footer#footer #footer_box #footer_right p span a.btn{ text-decoration:none; font-size:12px;}
footer#footer #footer_box #footer_right cite{ margin-top:30px;}
footer#footer #footer_box #footer_right cite span{ display:block; color:var(--wgraytcolor); margin:0 0 10px; font-weight:500;}

/*
.quick_sns_menu{ position:relative; top:0; left:50%; z-index:2; width:1px;}
.quick_sns_menu .quick_sns_absol{ position:absolute; left:750px; width:48px; text-align:center;}
.quick_sns_menu .quick_sns_absol .quick_sns_fixed{ position:fixed; top:32%; width:48px; text-align:center;}
*/
.quick_menu{ position:fixed; bottom:20px; right:20px; width:48px; text-align:center; z-index:5;}
.quick_menu ul{}
.quick_menu ul li a{ width:48px; height:48px; line-height:46px; text-align:center; font-weight:600; display:block; border-radius:100px; border:1px solid var(--wgraybordercolor); background-color:var(--white); font-size:1.2em; box-shadow:2px 2px 2px rgba(0,0,0,0.25); margin-bottom:5px;}
.quick_menu ul li a:hover{ background-color:var(--wgraybgcolor);}
.quick_menu ul li a img{ display:inline-block; vertical-align:middle;}
.quick_menu ul li.quick_chat{ margin-bottom:20px;}
.quick_menu ul li.quick_chat a{ background-color:var(--maincolor); color:var(--white); border-color:transparent;}
.quick_menu ul li.quick_chat a:hover{ background-color:var(--black); color:var(--white);}
.quick_menu ul li.quick_face a img{ max-height:23px;}
.quick_menu ul li.quick_instar a img{ max-height:22px;}
.quick_menu ul li.quick_naver a img{ max-height:18px;}
.quick_menu ul li.quick_top a img{ max-height:16px;}
.quick_menu ul li.quick_bottom a img{ max-height:16px;}

/* content */
#contants{ padding:65px 0;}
.width_box{ max-width:1480px; padding:0 20px; margin:0 auto;}

i{ display:none !important;}

#main_visual_wrap .width_box{ display:flex;}
#main_visual_wrap .main_visual{ width:72.153%; padding-right:14px;}
#main_visual_wrap .main_visual .item img{ border-radius:15px;}
#main_visual_wrap .mainsub_visual{ width:27.847%; padding-left:14px;}
#main_visual_wrap .mainsub_visual .item img{ border-radius:15px;}

.owl-carousel{ position:relative;}
.owl-nav button{ display:block; width:40px; height:40px; text-align:center; background-color:rgba(0,0,0,0.4) !important; border-radius:50%; bottom:0; position:absolute; z-index:1; opacity:0;}
.owl-nav button span{ display:block; font-size:2.5em; line-height:40px; font-weight:400; color:var(--white); position:relative; top:-2px; text-align:center;}
.owl-nav button.owl-prev{ left:70px;}
.owl-nav button.owl-next{ left:150px;}
.main_visual:hover .owl-nav button.owl-prev,
.main_visual:hover .owl-nav button.owl-next{ opacity:1; bottom:30px;}
.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; display:none;}
.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:20px;}
.page_title h3{ display:none;}
.page_title h2{ font-weight:700; font-size:1.4em;}
.page_title h2 span{ font-size:1em; 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;}

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

.empty_li{ width:100% !important; text-align:center;}

/* 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%); 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(--wgraybordercolor);}
.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(--wgraybordercolor); 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(--wgraybordercolor);}
.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(--wgraybordercolor); 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(--wgraybordercolor); 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(--wgraybordercolor); 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 */
.view_location{ margin-bottom:60px;}
.pro_list_wrap{ padding-top:60px; margin-top:60px;}

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

.pro_title{ text-align:center; margin-bottom:50px;}
.pro_title h3{ font-size:2em; font-weight:700; margin-bottom:10px; display:inline-block; vertical-align:middle; padding-right:25px; position:relative;}
.pro_title h3 a{ font-size:1em; font-weight:700;}
.pro_title h3 a img{ margin-right:10px; max-height:22px;}
.pro_title h3:after{ content:''; width:9px; height:18px; background:url('/storage/images/title_arw.png') 50% 50% no-repeat; background-size:9px 18px; position:absolute; z-index:1; top:8px; right:0;}
.pro_title h4{ color:var(--wgraytcolor); font-weight:400;}
.pro_title h4 span{ font-size:1em; color:var(--subcolor);}

.pro_list_wrap .pro_more{ text-align:center; margin-top:20px;}
.pro_list_wrap .pro_more a{ display:inline-block; vertical-align:middle; text-align:center; height:65px; width:100%; max-width:500px; line-height:65px; font-weight:600; background-color:var(--white); border:1px solid var(--wgraybordercolor); position:relative; font-size:1.4em; border-radius:5px;}
.pro_list_wrap .pro_more a span{ font-size:1em; font-weight:600; display:inline-block; padding-right:50px; background:url('/storage/images/more_btn_arw.png') 100% 50% no-repeat;}
.pro_list_wrap .pro_more a:hover{ background-color:var(--maincolor);}
.pro_list_wrap .pro_more a:hover span{ color:var(--white); background-image:url('/storage/images/more_btn_arw_on.png');}

.pro_list_wrap .pro_tab{ margin-top:10px;}
.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(--wgraybordercolor); border-left:0; font-size:0.9em;}
.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(--wgraybordercolor);}
.pro_list_wrap .pro_tab ul li.active a{ background-color:var(--wgraybgcolor);}

.pro_list_wrap .pro_list{ margin-top:10px;}
.pro_list_wrap .pro_list ul{ display:flex; gap:25px; flex-wrap:wrap;}
.pro_list_wrap .pro_list ul li{ width:calc(20% - 20px); margin-bottom:40px; position:relative;}
.pro_list_wrap .pro_list ul li .pro_thm{ overflow:hidden; border-radius:10px; position:relative;}
.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:after{ display:none; content:'';background:linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.5)); position:absolute; left:0; right:0; top:0; bottom:0; width:100%; height:100%; z-index:1;}
.pro_list_wrap .pro_list ul li:hover .pro_thm > a:after{ display:block;}
.pro_list_wrap .pro_list ul li .pro_thm > a img{ display:block;}
.pro_list_wrap .pro_list ul li .pro_thm .pro_icon{ position:absolute; left:15px; top:15px; z-index:1;}
.pro_list_wrap .pro_list ul li .pro_thm .pro_icon p{ display:inline-block; vertical-align:middle; padding:0 20px; border-radius:5px; width:auto; margin:0 5px 0 0; line-height:25px; font-weight:500; font-size:0.9em;}
.pro_list_wrap .pro_list ul li .pro_thm .pro_icon p.pi_sale{ background-color:var(--primarycolor); color:var(--white);}
.pro_list_wrap .pro_list ul li .pro_thm .pro_icon p.pi_freedeli{ background-color:var(--secondarycolor); color:var(--white);}
.pro_list_wrap .pro_list ul li .pro_thm .pro_btns{ position:absolute; right:10px; bottom:0px; z-index:2; opacity:0;}
.pro_list_wrap .pro_list ul li:hover .pro_thm .pro_btns{ opacity:1; bottom:10px;}
.pro_list_wrap .pro_list ul li .pro_thm .pro_btns a{ width:30px; height:30px; display:inline-block; vertical-align:middle; background-size:20px auto; background-repeat:no-repeat; background-position:50% 50%; border-radius:100px; margin-left:5px;}
.pro_list_wrap .pro_list ul li .pro_thm .pro_btns a.pb_favo{ background-image:url('/storage/images/pi_favo_off.png');}
.pro_list_wrap .pro_list ul li .pro_thm .pro_btns a.pb_favo.active{ background-image:url('/storage/images/pi_favo_on.png');}
.pro_list_wrap .pro_list ul li .pro_thm .pro_btns a.pb_cart{ background-image:url('/storage/images/pi_cart.png');}
.pro_list_wrap .pro_list ul li .pro_brand{ font-weight:400;  margin-top:10px; height:20px;}
.pro_list_wrap .pro_list ul li .pro_name{ margin-top:5px; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; display:-webkit-box; -webkit-box-orient:vertical; font-size:1.3em; font-weight:700; height:25px;}
.pro_list_wrap .pro_list ul li .pro_name a{ font-size:1em; font-weight:700;}
.pro_list_wrap .pro_list ul li .pro_desc{ margin-top:5px; color:var(--wgraytcolor); overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; display:-webkit-box; -webkit-box-orient:vertical; height:20px;}
.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); font-weight:500;}
.pro_list_wrap .pro_list ul li .pro_pay del{ text-decoration:line-through; color:var(--wgraytcolor); display:block; font-size:0.9em; height:18px;}
.pro_list_wrap .pro_list ul li .pro_pay strong{ font-weight:800; color:var(--maincolor); font-size:1.3em; display:block; height:25px;}
.pro_list_wrap .pro_list ul li .pro_pay strong span{ color:var(--maincolor); display:inline-block; vertical-align:top; margin-left:2px; font-weight:800; font-size:1em;}

.cart_design .cart_perpen_img{ margin-bottom:5px;}
.cart_design .cart_perpen_img img{ border:1px solid var(--wgraybordercolor); max-width:65px;}
.cart_design .cart_horizon_img{ margin-bottom:5px;}
.cart_design .cart_horizon_img img{ border:1px solid var(--wgraybordercolor); max-height:45px;}

.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(--wgraybordercolor); border-bottom:1px solid var(--wgraybordercolor);}
.pd_list ul{ border-bottom:1px solid var(--wgraybordercolor);}
.pd_list ul li{ padding:15px 5px 15px; border-top:1px solid var(--wgraybordercolor); dissdplay:flex; align-items:center; justify-content:space-between; position:relative; padding-right:30px;}
.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:96px; position:relative; border:1px solid var(--wgraybordercolor); margin-top:10px;}
.pd_list .pd_list_count input{ width:40px; margin:0 27px; border:0; text-align:center; background:none; box-shadow:none; height:28px; line-height:28px; color:var(--graytcolor);}
.pd_list .pd_list_count button,
.pd_list .pd_list_count a{ position:absolute; width:28px; text-align:center; height:28px; line-height:28px; display:block; top:0; z-index:1; background-repeat:no-repeat; background-position:50% 50%; background-size:10px auto; background-color:var(--graybgcolor);}
.pd_list .pd_list_count button span,
.pd_list .pd_list_count a span{ font-size:15px; line-height:28px;}
.pd_list .pd_list_count button.pdlc_plus,
.pd_list .pd_list_count a.pdlc_plus{ right:0; background-image:url('/storage/images/count_plus.png');}
.pd_list .pd_list_count button.pdlc_minus,
.pd_list .pd_list_count a.pdlc_minus{ left:0; background-image:url('/storage/images/count_minus.png');}
.pd_list .pd_list_pay{ font-weight:700;}
.pd_list .pd_list_del{ text-align:right; position:absolute; top:33%; right:0;}
.pd_list .pd_list_del button{ display:block; height:30px; width:30px; background:url('/storage/images/del_icon.png') 50% 50% no-repeat; background-size:15px auto; cursor:pointer;}
.pd_list .pd_list_del span{ font-size:12px; line-height:28px;}

/* cart */
.cart_wrap{ }

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

.order_kind{ margin-bottom:20px;}
.order_kind p.ok_icon{ display:inline-block; vertical-align:middle; color:var(--white); padding:5px 20px; border-radius:5px; margin-right:10px; font-size:0.9em;}
.order_kind p.ok_icon.oki_normal{ background-color:var(--primarycolor);}
.order_kind p.ok_icon.oki_gift{ background-color:var(--secondarycolor);}
.order_kind p.ok_icon.oki_choicegift{ background-color:#5AC2C7;}
.order_kind div{ display:inline-block; vertical-align:middle; color:#2C56FF; font-weight:400;}

.cart_table{ display:block; margin-bottom:50px;}
.cart_table table{ width:100%; border:1px solid var(--wgraybordercolor); border-top:1px solid var(--wgraybordercolor); border-bottom:0;}
.cart_table table tr th,
.cart_table table tr td{ padding:10px 10px; text-align:center; vertical-align:middle; font-size:0.9em;}
.cart_table table tr th{ font-weight:400; background-color:var(--wgraybgcolor);}
.cart_table table tr td{ border:1px solid var(--wgraybordercolor);}

.cart_table table tr td.cart_num{ width:150px;}
.cart_table table tr td.cart_num a{ color:var(--maincolor); font-weight:600; text-decoration:underline; font-size:1em;}
.cart_table table tr td.cart_pro{ text-align:left; width:300px;}
.cart_pro_img{ display:inline-block; vertical-align:middle; width:40px;}
.cart_pro_img img{ width:100%; display:block; height:auto;}
.pd_list_name{ display:inline-block; vertical-align:middle; margin-left:10px; width:calc(100% - 60px);}
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(--wgraybordercolor); position:absolute; left:0; top:0; z-index:1;}
.pd_list_name .btn{ margin-top:10px;}
.cart_option{ text-align:left !important;}
.cart_table table tr td del{ text-decoration:line-through; display:block; color:var(--wgraytcolor); font-size:0.8em;}

.cart_table table tr td.cart_option{ width:100px; 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.cart_count{ /*width:180px;*/}
.cart_table table tr td.shipping_btns p{ margin-top:5px;}
.cart_table table tr td.returns_btns{ /*width:110px;*/}
.cart_table table tr td.returns_btns p{ margin-top:5px;}
.cart_table table tr td.review_btns{ /*width:110px;*/}
.cart_table table tr td.review_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:40px;}
.payment_wrap .payment_form{ width:calc(100% - 500px);}
.payment_wrap .payment_form .payment_box{ 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 tr th{ background-color:var(--wgraybgcolor);}
.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[type="text"]{ 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('/storage/images/product/s_star5.png');}
.write_star td p label.label_star.star4{ background-image:url('/storage/images/product/s_star4.png');}
.write_star td p label.label_star.star3{ background-image:url('/storage/images/product/s_star3.png');}
.write_star td p label.label_star.star2{ background-image:url('/storage/images/product/s_star2.png');}
.write_star td p label.label_star.star1{ background-image:url('/storage/images/product/s_star1.png');}

.payment_wrap .payment_info{ width:500px;}
.payment_wrap .payment_info .pi_box{ border:1px solid var(--wgraybordercolor); margin-bottom:20px; background-color:var(--white)}
.payment_wrap .payment_info .pi_paybox ul{ display:flex; border-top:1px solid var(--wgraybordercolor);}
.payment_wrap .payment_info .pi_paybox ul li{ width:33.33333%; padding:20px; border-right:1px solid var(--wgraybordercolor); 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(--wgraybordercolor); 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(--wgraybordercolor); 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(--wgraybordercolor); 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{ padding-top:20px; margidn-top:20px; border-top:1px solid var(--wgraybordercolor);}
.payment_wrap .payment_info h4{ font-weight:500; border-top:1px solid var(--wgraybordercolor); padding:20px 20px 10px;}
.payment_wrap .payment_info h5{ margin:0 0 10px;}
.payment_wrap .payment_info .pi_method ul{ display:flex; flex-wrap:wrap; gap:10px;}
.payment_wrap .payment_info .pi_method ul li{ width:calc(50% - 5px); 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:69px; z-index:1; opacity:0; cursor:pointer;}
.payment_wrap .payment_info .pi_method ul li label{ display:block; background-color:var(--wgraybgcolor); background-size:52px auto; border:1px solid var(--wgraybordercolor); padding:0 10px 0 100px; border-radius:5px; line-height:67px; margin:1px; background-repeat:no-repeat; cursor:pointer;}
.payment_wrap .payment_info .pi_method ul li.active label{ border-color:var(--subcolor); color:var(--subcolor);}
.payment_wrap .payment_info .pi_method ul li:hover label{ border-color:var(--subcolor);}
.payment_wrap .payment_info .pi_method ul li.active:hover label{ border-color:var(--subcolor); color:var(--subcolor);}
.payment_wrap .payment_info .pi_method ul li.method_bank label{ background-image:url('/storage/images/payment/micon_bank.png'); background-position:35px 18px;}
/*.payment_wrap .payment_info .pi_method ul li.method_vbank label{ background-image:url('/storage/images/payment/micon_vbank.png'); background-position:55px 15px;}*/
/*.payment_wrap .payment_info .pi_method ul li.method_iche label{ background-image:url('/storage/images/payment/micon_iche.png'); background-position:55px 15px;}*/
/*.payment_wrap .payment_info .pi_method ul li.method_phone label{ background-image:url('/storage/images/payment/micon_phone.png'); background-position:65px 15px;}*/
.payment_wrap .payment_info .pi_method ul li.method_card label{ background-image:url('/storage/images/payment/micon_card.png'); background-position:35px 18px;}
/*.payment_wrap .payment_info .pi_method ul li.method_payco label{ background-image:url('/storage/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('/storage/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('/storage/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('/storage/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('/storage/images/payment/micon_inikapay.png'); background-position:50% 50%; font-size:0;}*/
.payment_wrap .payment_info .btns{ margin-top:20px;}

#settle_bank{ margin-top:10px; border:1px solid var(--wgraybordercolor); padding:10px; background-color:var(--white); width:100%;}
#settle_bank label[for="od_deposit_name"]{ margin-right:5px; margin-top:5px; line-height:35px; display:inline-block; vertical-align:middle; width:60px;}
#settle_bank input#od_deposit_name{ margin-top:5px; width:calc(100% - 70px);}

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

.page_search{ border-top:1px solid var(--wgraybordercolor); border-bottom:1px solid var(--wgraybordercolor); padding:10px 0; margin-bottom:40px;}
.page_search.center{ border:1px solid var(--wgraybordercolor); 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 select,
.page_search input[type="text"],
.page_search input[type="date"]{ height:25px; line-height:25px; width:160px; font-size:0.9em;}
.page_search select{ width:100px;}

.mypage_index_hr{ margin:50px 0; background:none;}

.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(--wgraybordercolor); 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(--wgraybordercolor); margin-top:10px; display:none;}
.password_change.active{ display:block;}

.my_process_wrap{ }
.my_process_wrap > h4{ margin-bottom:20px; font-size:1.4em;}
.my_process_wrap > h4 b{ font-size:1em; font-weight:700;}
.my_process_wrap > h4 small{ font-size:0.8em; color:var(--wgraytcolor);}
.my_process_wrap .my_proc_box{ padding:20px; background-color:var(--wgraybgcolor); display:flex; align-items:center; border-radius:7px;}
.my_process_wrap .my_proc_box{ padding:20px; background-color:var(--wgraybgcolor); display:flex; align-items:center; justify-content:center;}
.my_process_wrap .my_proc_box .my_proc_ul{ width:100%; max-width:970px;}
.my_process_wrap .my_proc_box .my_proc_ul ul{ display:flex; gap:20px; align-items:center; flex-wrap:wrap; justify-content:center;}
.my_process_wrap .my_proc_box .my_proc_ul ul li{ width:calc(20% - 16px); position:relative; text-align:center;}
.my_process_wrap .my_proc_box .my_proc_ul ul li:after{ display:block; content:''; width:20px; height:50px; background:url('/storage/images/mypage/myproc_icon.png') 50% 50% no-repeat; background-size:10px auto; position:absolute; z-index:1; right:-9%; top:17px;}
.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; margin-top:10px; font-size:0.9em; color:#6d6d6c; font-weight:500;}
.my_process_wrap .my_proc_box .my_proc_ul ul li a{ display:inline-block; vertical-align:middle; color:var(--wgraytcolor); text-align:center; font-size:2.5em; font-weight:600;}
.my_process_wrap .my_proc_box .my_proc_ather{ background-color:var(--white); border:1px solid var(--wgraybordercolor); 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(--wgraybordercolor);}
.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(--wgraybordercolor);} 
.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('/storage/images/product/s_star5.png');}
#board_itemuse .board_info dl .b_dd_star.star4{ background-image:url('/storage/images/product/s_star4.png');}
#board_itemuse .board_info dl .b_dd_star.star3{ background-image:url('/storage/images/product/s_star3.png');}
#board_itemuse .board_info dl .b_dd_star.star2{ background-image:url('/storage/images/product/s_star2.png');}
#board_itemuse .board_info dl .b_dd_star.star1{ background-image:url('/storage/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(--wgraybordercolor); 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(--wgraybordercolor);}
.board_attach ul li{ padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid var(--wgraybordercolor);}
.board_attach ul li i{ margin-right:5px;}

nav.board_nav{ display:flex; padding:20px 10px; background-color:var(--wgraybgcolor); border:1px solid var(--wgraybordercolor); 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(--wgraybordercolor);}
.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(--wgraybordercolor); 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(--wgraybordercolor);}
.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(--wgraybordercolor); 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(--wgraybordercolor);}

.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(--wgraybordercolor); 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 */

/* attendance */
.attendance_wrap{ min-width:1330px; background:url('/storage/images/member/login_bg.jpg') 50% 50% no-repeat; background-size:cover; width:100%; height:100%; min-height:600px; overflow-y:auto; overflow-x:hidden; padding:0 0; display:flex; align-items:flex-start;}
.attendance_box{ max-width:1250px; width:95%; margin:120px auto 0; position:relative; z-index:2; background-color:transparent; border-radius:25px 25px 0 0; box-shadow:2px 4px 20px rgba(0,0,0,0.2); padding:70px 60px;}
.attendance_box:before{ content:''; position:absolute; inset:0; background-color:var(--white); border-radius:25px 25px 0 0; z-index:-1;}
.attendance_box:after{ background:linear-gradient(to right, var(--primarycolor), var(--secondarycolor)); content:''; height:80px; width:100%; position:absolute; top:-30px; left:0; right:0; border-radius:25px 25px 0 0; z-index:-2; box-shadow:2px -5px 15px rgba(0,0,0,0.15);}

.attendance_box .att_box{ display:flex; gap:20px; align-items:stretch;}
.attendance_box .att_box .att_calendar{ width:603px; position:relative;}
.attendance_box .att_box .att_info{ width:calc(100% - 623px);}
.attendance_box .att_box .att_calendar{ }
.attendance_box .att_box .att_calendar .ac_img{ }
.attendance_box .att_box .att_calendar .ac_img img{ width:100%; display:block;}
.attendance_box .att_box .att_calendar .ac_calen{ position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; z-index:2; padding:58.5% 80px 0;}
.attendance_box .att_box .att_calendar .ac_calen table{ backgro3und-color:rgba(255,255,255,1);}
.attendance_box .att_box .att_calendar .ac_calen table tr th,
.attendance_box .att_box .att_calendar .ac_calen table tr td{ text-align:center; font-weight:600; font-size:1.4em; padding:0 0; width:52px; height:53px; position:relative; color:var(--black);}
.attendance_box .att_box .att_calendar .ac_calen table tr th{ font-weight:800; color:var(--black);}
.attendance_box .att_box .att_calendar .ac_calen table tr td{ }
.attendance_box .att_box .att_calendar .ac_calen table tr td.check_day img{ width:52px; position:absolute; left:6px; right:6px; top:0; bottom:0; z-index:1;}
.attendance_box .att_box .att_calendar .ac_calen table tr td:nth-child(6){ color:var(--maincolor);}
.attendance_box .att_box .att_calendar .ac_calen table tr .holy_day,
.attendance_box .att_box .att_calendar .ac_calen table tr th:last-child,
.attendance_box .att_box .att_calendar .ac_calen table tr td:last-child{ color:#fb1315 !important;}
.attendance_box .att_box .att_info{ }
.attendance_box .att_box .att_info .att_point{ display:flex; gap:10px;}
.attendance_box .att_box .att_info .ap_box{ width:100%; margin-bottom:22px; border:2px solid var(--graybgcolor); border-radius:10px 10px 0 0;}
.attendance_box .att_box .att_info .ap_box > p{ text-align:center; background-color:var(--graybgcolor); height:47px; line-height:47px; font-size:1.2em; color:var(--graytcolor);}
.attendance_box .att_box .att_info .ap_box > a{ display:block; text-align:center; height:89px; line-height:89px; font-size:1.4em; color:var(--maincolor); font-weight:800; padding:0 20px;}
.att_level .my_level{ display:flex; gap:50px; align-items:center; justify-content:space-between; padding:10px 20px 10px; border-radius:20px; border:2px solid var(--graybgcolor); margin:10px 20px 0; position:relative;}
.att_level .my_level:before{ content:""; position:absolute; bottom:-8px; width:0; height:0; border-left:8px solid transparent; border-right:8px solid transparent; border-top:8px solid var(--graybgcolor);}
.att_level .my_level:after{ content:""; position:absolute; bottom:-6px; width:0; height:0; border-left:7px solid transparent; border-right:7px solid transparent; border-top:7px solid #fff;}
.att_level.al_normal .my_level:before{ left:22px;}
.att_level.al_normal .my_level:after{ left:23px;}
.att_level.al_bronze .my_level:before{ left:143px;}
.att_level.al_bronze .my_level:after{ left:144px;}
.att_level.al_silver .my_level:before{ left:280px;}
.att_level.al_silver .my_level:after{ left:281px;}
.att_level.al_gold .my_level:before{ left:414px;}
.att_level.al_gold .my_level:after{ left:415px;}
.att_level .my_level .ml_icon{ width:130px;}
.att_level .my_level .ml_icon p{ display:inline-block; vertical-align:middle; margin-right:10px;}
.att_level .my_level .ml_icon p img{ max-width:25px; display:block;}
.att_level .my_level .ml_icon b{ display:inline-block; vertical-align:middle; font-weight:700; color:var(--maincolor);}
.att_level .my_level .ml_exp{ width:calc(100% - 130px);}
.att_level .my_level .ml_exp dl{ display:flex; gap:10px; align-items:center; margin:2px 0; justify-content:space-between;}
.att_level .my_level .ml_exp dl dt{ font-size:0.8em; width:160px;}
.att_level .my_level .ml_exp dl dd{ font-size:0.8em; color:var(--maincolor); font-weight:600; text-align:right;}
.att_level .att_boon{ padding:10px 20px 10px; position:relative;}
.att_level .att_boon:after{ content:''; display:block; width:18px; height:18px; background:url('/storage/images/attendance/level_this.png') 50% 50% no-repeat #fff; background-size:18px 18px; border-radius:50px; position:absolute; z-index:1; top:10px;}
.att_level.al_normal .att_boon:after{ left:43px;}
.att_level.al_bronze .att_boon:after{ left:164px;}
.att_level.al_silver .att_boon:after{ left:300px;}
.att_level.al_gold .att_boon:after{ left:435px;}
.attendance_box .att_box .att_info .att_banner{}
.attendance_box .att_box .att_info .att_banner img{ display:block;}
.attendance_box .btns{ margin:20px 0 0;}