@charset "utf-8";
@import "../css/font/default.css";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;200;300;400;500;600;700;800;900&display=swap');

/* 
@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;400&display=swap');

@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(//cdn.jsdelivr.net/font-nanum/1.0/nanumgothic/v3/NanumGothic-Bold.eot);
  src: url(//cdn.jsdelivr.net/font-nanum/1.0/nanumgothic/v3/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),url(//cdn.jsdelivr.net/font-nanum/1.0/nanumgothic/v3/NanumGothic-Bold.woff) format('woff'),url(//cdn.jsdelivr.net/font-nanum/1.0/nanumgothic/v3/NanumGothic-Bold.ttf) format('truetype')
}

@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(//cdn.jsdelivr.net/font-nanum/1.0/nanumgothic/v3/NanumGothic-Regular.eot);
  src: url(//cdn.jsdelivr.net/font-nanum/1.0/nanumgothic/v3/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),url(//cdn.jsdelivr.net/font-nanum/1.0/nanumgothic/v3/NanumGothic-Regular.woff) format('woff'),url(//cdn.jsdelivr.net/font-nanum/1.0/nanumgothic/v3/NanumGothic-Regular.ttf) format('truetype')
}

@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 300;
  src: url(//cdn.jsdelivr.net/font-nanum/1.0/nanumgothic/v3/NanumGothic-Light.eot);
  src: url(//cdn.jsdelivr.net/font-nanum/1.0/nanumgothic/v3/NanumGothic-Light.eot?#iefix) format('embedded-opentype'),url(//cdn.jsdelivr.net/font-nanum/1.0/nanumgothic/v3/NanumGothic-Light.woff) format('woff'),url(//cdn.jsdelivr.net/font-nanum/1.0/nanumgothic/v3/NanumGothic-Light.ttf) format('truetype')
}

@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 800;
  src: url(//cdn.jsdelivr.net/font-nanum/1.0/nanumgothic/v3/NanumGothic-ExtraBold.eot);
  src: url(//cdn.jsdelivr.net/font-nanum/1.0/nanumgothic/v3/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),url(//cdn.jsdelivr.net/font-nanum/1.0/nanumgothic/v3/NanumGothic-ExtraBold.woff) format('woff'),url(//cdn.jsdelivr.net/font-nanum/1.0/nanumgothic/v3/NanumGothic-ExtraBold.ttf) format('truetype')
}
@font-face {
  font-family: 'Pretendard-Regular';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: 'Pretendard-Regular';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: 'Pretendard-Regular';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
} */

:root{
  --site-width: 100%; /*사이트 가로 길이 */
  --site-max-width: 1392px; /*  1820px 사이트 가로 최대 길이 */
  --site-max-padding:1rem; /* 사이트 가로 최대 길이 패딩*/
  --container-width: 100%; /* 내용 가로 길이 */
  --container-max-width: 100%; /* 내용 가로 최대길이 */
  --image-scale:1.1; /* 이미지 오버시 확대 크기 */
  --transition-time:.5s; /* 이미지 오버 속도 */
  --button-radius:50rem; /* 버튼 radius */
  --item-radius:0;/* 아이템 이미지 radius */
  --right-aside-margin:27px; 
  --site-font:'Noto Sans KR','suit','Malgun Gothic', dotum, sans-serif; /* 기본 폰트 */

  --font-weight-l:400;
  --font-weight-r:500;
  --font-weight-m:600;
  /* --site-font:'NotoSansKR','Pretendard-Regular','Nanum Gothic','suit','Malgun Gothic', dotum, sans-serif; */
  --item-container-gap:1rem;
  --item-container-padding:1.5rem;
  


  /* 아이템박스 */
  --item-max-width:1100px;
	--item-sticky-width:580px;
	--item-columns:5;
  --item-option-radius:0;
  --item-cart-columns:3;
}
/*
숫자관련
font-feature-settings: 'tnum'
*/


/* 초기화 */
html {overflow-y:scroll;font-size:10px}
body {margin:0;padding:0;font-size:1.4rem;font-family:var(--site-font);background:#fff; letter-spacing: -0.4px;font-weight:var(--font-weight-l)}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:var(--site-font)}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1.4rem}
input, button {margin:0;padding:0;font-family:var(--site-font);font-size:1.4rem}
input[type="submit"] {cursor:pointer}
button {cursor:pointer}

textarea, select {font-family:var(--site-font);font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none}

*, :after, :before {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

input::placeholder{color:#bbb}

input[type=text],input[type=password], textarea {
  /*
-webkit-transition:all 0.30s ease-in-out;
-moz-transition:all 0.30s ease-in-out;
-ms-transition:all 0.30s ease-in-out;
-o-transition:all 0.30s ease-in-out;
*/
outline:none;
}

input[type='file']:not([readonly]):focus,input[type=text]:not([readonly]):focus,input[type=password]:not([readonly]):focus, textarea:focus,select:focus {
outline:1px solid #09a83655;background-color:#f3f8f5
}

/* tosat */
.tosat-msg{z-index:1000;position:fixed;left:calc(50% - 18rem);top:calc(50% - 2.5rem);
  display: none;width: 36rem;height:5.1rem;box-sizing: border-box;border-radius: 55px;
  align-items:center;justify-content:center;
  background-color: rgba(0,0,0,0.85);font-size: 1.5rem;color: #fff;
  letter-spacing: -0.5px;padding: 1.2rem 2rem ;overflow: hidden;    
}

/* alert */
.alert-container{display:flex;align-items:center;justify-content:center;position:fixed;left:0;right:0;top:0;bottom:0;background-color:transparent;transition:background-color .2s;z-index:1000;color:#222222;font-size:1.5rem}
.alert-content{background:#ffffff;width:29rem;border-radius:2rem;transition: .2s ease-in-out;opacity:0;transform:scale(0.85);}
.alert-container.active{background:rgba(0,0,0,0.7)}
.alert-container.active .alert-content{transform:scale(1);opacity:1}
.alert-text{padding:3.5rem 2rem;text-align:center}
.alert-button{display:flex;border-top:1px solid #e0e0e0}
.alert-button > a{font-weight:500;display:flex;justify-content:center;align-items:center;flex:1 1 50%;height:5.5rem}
.alert-button > a:not(:first-child){border-left:1px solid #e0e0e0}

/* tooltip */
.tooltip-container > .tooltip-content{padding:15px;position:relative}
.tooltip-container > .tooltip-content > b{color:yellow;font-weight:400}
.tooltip-container{position:absolute;top:50%;left:0;transform:translate(calc(-100% - 1rem),-50%);color:#ffffff;background:#000000dd!important;white-space:nowrap;z-index:2;border-radius: 3px;box-shadow: 2px 2px 4px 0 #00000066;text-align:center;font-weight:400;letter-spacing:0;font-size:1.5rem}
.tooltip-container > .tooltip-content::before{content: "";position: absolute;top: 50%;right: 0;width: 0;height: 0;border-top: 5px solid transparent;border-left: 6px solid #000000dd;border-bottom: 5px solid transparent;transform:translate(calc(100% - 1px),-50%)}
.tooltip-container.top{top: 0;transform: translate(0,calc(-100% - 1rem))} 
.tooltip-container.top > .tooltip-content::before{top: 100%;left: 50%;right: unset;border-left: 5px solid transparent;border-top: 6px solid #000000dd;border-right: 5px solid transparent;border-bottom:none;transform: translate(-50%,-1px)}

.placeholdersjs {color:#aaa !important}

/* 레이아웃 크기 지정 */
#hd, #wrapper, #ft {min-width:var(--site-width)}

#hd_pop,
#hd_wrapper,
#tnb .inner,

#gnb .gnb_wrap,
#container_wr,
#ft_wr,#ft_cnc_wr {width:var(--site-width);max-width:var(--site-max-width);padding:0 var(--site-max-padding)}

/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops img {max-width:100%}
.hd_pops_con {}
.hd_pops_footer {padding:0;background:#000;color:#fff;text-align:left;position:relative}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding:10px;border:0;color:#fff}
.hd_pops_footer .hd_pops_reject {background:#000;text-align:left}
.hd_pops_footer .hd_pops_close {background:#393939;position:absolute;top:0;right:0}

/* 상단 레이아웃 */
#hd {background:#ffffff}
#hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}

#tnb {background: #ffffff;}
#tnb .inner {display:flex;align-items:center;justify-content:flex-end;height: 3rem;width: var(--site-width);max-width: var(--site-max-width);padding:0 var(--site-max-padding);margin: 0 auto}

#hd_wrapper {display:flex;gap:2rem;justify-content:space-between;align-items:center;position:relative;margin:0 auto;padding:2.5rem var(--site-max-padding);zoom:1}
#hd_wrapper > .aside-bar{cursor: pointer;display: none;font-size: 3rem;order: 2;}
#logo {width:35rem}
#logo > a > img:last-child{display:none}

.hd_sch_wr {height:5.4rem;min-width:240px;max-width:660px;flex:1;display:flex;justify-content: center;gap:2rem}
#hd_sch {position:relative;width:100%;border-bottom:2px solid #009933/* #2a2a2a*/;border-radius:0;font-size:1.4rem;color:#191919;display:flex;}
#hd_sch #sch_str {height:100%;flex:1;border:none;font-size:1.8rem;color:#191919;letter-spacing:-1px;text-indent:0;background:transparent;border-radius: 50px 0 0 50px;outline:0}
#hd_sch #sch_str::placeholder{color:#777777}

#hd_sch #sch_str:invalid,
#hd_sch #sch_str:focus{border:none!important;outline:none!important;border-right:0!important;box-shadow:none!important}
#hd_sch #sch_submit {min-width:6rem;height:100%;border:none;background:transparent;cursor:pointer;white-space: nowrap;}
#hd_sch #sch_submit > i{color:#2a2a2a;font-size:2.2rem;font-weight:800}
#hd_sch #sch_submit > span{font-size:1.8rem;letter-spacing:-0.1em;font-weight:500;padding-right:2rem;padding-left:1rem}
#hd_sch #sch_str + #sch_rec{width:100%;position:absolute;top:calc(100% + 3px);left:50%;background:#ffffff;border:1px solid #ffffff /**#009933**/ ;transform:translateX(-50%);z-index:3;box-shadow:0 0 43px 7px #00000017;font-size:1.8rem;display:flex}
#hd_sch #sch_str + #sch_rec h2 {text-indent: 0;padding-bottom:1rem;border-bottom:1px solid #e0e0e0;margin-bottom:.5rem}
#hd_sch #sch_str + #sch_rec:empty{visibility: hidden;padding:0;border:none;box-shadow:unset}

/* 검색어 */
#schList{padding:1.6rem;flex:1}
#schList > ul > li{font-size:1.6rem;padding:.5rem 0;cursor:pointer;position:relative;letter-spacing:-0.05em;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
#schList > ul > li:hover,
#schList > ul > li.active{background:#efefef}
#schList > ul > li > a {display:block}
#schList > ul > li > a > b{color:red;font-weight:400}

/* 인기검색어 */
/** #schPop {padding:1.6rem;width:170px;background:#009933;color:#ffffff} **/
#schPop {padding:1.6rem;width:170px;background:#ffffff;color:#000000}
#schPop > h2{border-color:#000000}
#schPop > ul{counter-reset: pagination-num}
#schPop > ul > li{font-size:1.6rem;position:relative;padding:.5rem 0 .5rem 3rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
#schPop > ul > li > a{color:#000000}
#schPop > ul > li:before {counter-increment: pagination-num;content: counter(pagination-num);display:flex;align-items:center;position:absolute;left:0;top:0;height: 100%;font-family:'suit';font-feature-settings:'tnum';color:#ff0000;font-weight:500;letter-spacing: -0.15em;}
/*
#schPop > ul > li:before {content:'';display:block;position:absolute;left:0;top:50%;width: .9rem;height: .9rem;border-bottom: 1px solid #666;transform:translateY(calc(-50% - .5rem))}
#schPop > ul > li.up:before {border-bottom: .9rem solid #000000;border-top:.9rem  solid transparent;border-left: .5rem solid transparent;border-right: .5rem solid transparent;}
#schPop > ul > li.dn:before{transform:translateY(-2px);border-bottom: .9rem solid transparent;border-top:.9rem  solid #000000;border-left: .5rem solid transparent;border-right: .5rem solid transparent;}
*/


#hd_define {float:left}
#hd_define:after {display:block;visibility:hidden;clear:both;content:""}
#hd_define li {float:left;font-size:1.083em;line-height:14px;border-right:1px solid #4a4a4a;position:relative;text-align:center;margin:15px 10px 15px 0;padding-right:10px}
#hd_define li:last-child {padding-right:0;margin-right:0;border-right:0}
#hd_define li a {display:inline-block;color:#919191}
#hd_define li.active a {color:#fff}

.hd_menu{width:35rem;z-index:3}
#hd_menu {margin-bottom:0;display:flex;align-items:center;gap:2rem;justify-content:flex-end}
#hd_menu > li {margin:0;text-align:center ;font-size:1.4rem;/*font-weight:600;*/font-weight:400;word-break: keep-all;position:relative;height:5rem;line-height:5rem;white-space: nowrap;color:#888}
#hd_menu > li:first-child {border-left:0}
#hd_menu a {color:#191919}
#hd_menu > li > a {display:flex;align-items:center;justify-content: center;gap:.5rem;color:#888}
/*#hd_menu > li:hover {filter:invert(46%) sepia(94%) saturate(5096%) hue-rotate(135deg) brightness(95%) contrast(102%);}*/

#hd_menu > li:hover > .hd_menu_sub{display:block;position:absolute;left:50%;top:50px;transform:translateX(-50%)}
#hd_menu > li > .hd_menu_sub{display:none}
#hd_menu > li > .hd_menu_sub > ul{overflow:hidden;background:#fff;border:2px solid #191919;box-shadow:4px 4px 0 rgba(0,0,0,0.1);border-radius:2rem;padding:1rem 1.5rem}
#hd_menu > li:hover > .hd_menu_sub:after {content:"";position:absolute;top:-0.6rem;left:50%;transform:translateX(-50%);display:inline-block;width:0;height:0;border-left:.4rem solid transparent;border-right:.4rem solid transparent;border-bottom:1rem solid #fff}
#hd_menu > li:hover > .hd_menu_sub:before {content:"";position:absolute;top:-1rem;left:50%;transform:translateX(-50%);display:inline-block;width:0;height:0;border-left:.6rem solid transparent;border-right:.6rem solid transparent;border-bottom:1.2rem solid #191919}
#hd_menu > li > .hd_menu_sub > ul > li > a{display:block;font-size:1.4rem;/*font-weight:600;*/font-weight:400;line-height:35px;background:#fff;color:#191919;text-align:center;text-decoration:none;letter-spacing:-0.08em;white-space:nowrap;padding:0 1rem}
#hd_menu > li > .hd_menu_sub > ul > li:not(:first-child) > a{border-top:1px solid #dddddd}


#hd_qnb {display:flex;gap:.8rem;align-items:center}
#hd_qnb li {font-size:1.4rem;}
#hd_qnb li span {display:block;margin-top:5px;font-size:1.4rem}
#hd_qnb li a {display:inline-block;color: #888;font-weight: 400;font-size: 1.2rem;white-space:nowrap;letter-spacing:-0.03em}
#hd_qnb .visit .visit-num {display:inline-block;line-height:16px;padding:0 5px;margin-left:5px;border-radius:10px;background:#da22f5;color:#fff;font-size:10px}


.hd_login {}
.hd_login li {margin:0 5px;border-left:1px solid #616161;padding-left:10px;line-height:13px}
.hd_login li:first-child {border-left:0}
.hd_login a {color:#fff}


/* 메인메뉴 */
#gnb {position:relative;background:#fff}
#gnb > h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#gnb .gnb_wrap {margin:0 auto;position:relative}
#gnb .gnb_wrap:hover, #gnb .gnb_wrap:focus, #gnb .gnb_wrap:active{z-index:3}
#gnb #gnb_1dul {font-size:1.083em;padding:0;border-bottom:1px solid #e0e2e5;zoom:1}
#gnb ul:after {display:block;visibility:hidden;clear:both;content:""}
#gnb .gnb_1dli {float:left;line-height:55px;padding:0px;position:relative}
#gnb .gnb_1dli:hover > a {color:#3a8afd;
-webkit-transition:background-color 2s ease-out;
-moz-transition:background-color 0.3s ease-out;
-o-transition:background-color 0.3s ease-out;
transition:background-color 0.3s ease-out}

.gnb_1dli .bg {position:absolute;top:24px;right:8px;display:inline-block;width:10px;height:10px;overflow:hidden;background:url('../img/gnb_bg2.gif') no-repeat 50% 50%;text-indent:-999px}
.gnb_1da {display:block;font-weight:bold;padding:0 15px;color:#080808;text-decoration:none}
.gnb_1dli.gnb_al_li_plus .gnb_1da{padding-right:25px}
.gnb_2dli:first-child {border:0}
.gnb_2dul {display:none;position:absolute;top:54px;min-width:140px;padding-top:2px}
.gnb_2dul .gnb_2dul_box {border:1px solid #e0e2e5;border-top:0;padding:0;
-webkit-box-shadow:0px 1px 5px rgba(97, 97, 97, 0.2);
-moz-box-shadow:0px 1px 5px rgba(97, 97, 97, 0.2);
box-shadow:0px 1px 5px rgba(97, 97, 97, 0.2)}
.gnb_2da {display:block;padding:0 10px;line-height:40px;background:#fff;color:#080808;text-align:left;text-decoration:none}
a.gnb_2da:hover {color:#3a8afd;background:#f7f7f8;
-moz-transition:all 0.3s ease-out;
-o-transition:all 0.3s ease-out;
transition:all 0.3s ease-out}

.gnb_1dli_air .gnb_2da {}
.gnb_1dli_on .gnb_2da {}
.gnb_2da:focus, .gnb_2da:hover {color:#fff}
.gnb_1dli_over .gnb_2dul {display:block;left:0}
.gnb_1dli_over2 .gnb_2dul {display:block;right:0}
.gnb_wrap .gnb_empty {padding:10px 0;width:100%;text-align:center;line-height:2.7em;color:#080808}
.gnb_wrap .gnb_empty a {color:#3a8afd;text-decoration:underline}
.gnb_wrap .gnb_al_ul .gnb_empty, .gnb_wrap .gnb_al_ul .gnb_empty a {color:#555}

#gnb .gnb_menu_btn {background:#4158d1;color:#fff;width:50px;height:55px;border:0;vertical-align:top;font-size:18px}
#gnb .gnb_close_btn {background:#fff;color:#b6b9bb;width:50px;height:50px;border:0;vertical-align:top;font-size:18px;position:absolute;top:0;right:0}
#gnb .gnb_mnal {float:right;padding:0}

#gnb_all {display:none;position:absolute;border:1px solid #c5d6da;width:100%;background:#fff;z-index:1000;-webkit-box-shadow:0 2px 5px rgba(0,0,0,0.2);
-moz-box-shadow:0 2px 5px rgba(0,0,0,0.2);
box-shadow:0 2px 5px rgba(0,0,0,0.2)}
#gnb_all h2 {font-size:1.3em;padding:15px 20px;border-bottom:1px solid #e7eeef}
#gnb_all .gnb_al_ul:after {display:block;visibility:hidden;clear:both;content:""}
#gnb_all .gnb_al_ul > li:nth-child(5n+1) {border-left:0}
#gnb_all .gnb_al_li {float:left;width:20%;min-height:150px;padding:20px;border-left:1px solid #e7eeef}
#gnb_all .gnb_al_li .gnb_al_a {font-size:1.2em;display:block;position:relative;margin-bottom:10px;font-weight:bold;color:#3a8afd}
#gnb_all .gnb_al_li li {line-height:2em}
#gnb_all .gnb_al_li li a {color:#555}
#gnb_all_bg {display:none;background:rgba(0,0,0,0.1);width:100%;height:100%;position:fixed;left:0;top:0;z-index:999}

/* 중간 레이아웃 */
#wrapper {margin-bottom:5rem}
#container_wr {padding-top:0;margin:0 auto;height:100%;zoom:1}


#container {position: relative;min-height: 400px;height: auto;margin: 0;width: var(--container-width);max-width: var(--container-max-width);zoom: 1;}
#container:after {display:block;visibility:hidden;clear:both;content:""}
#container_title {font-size:2.6rem;margin:0 auto;font-weight:bold}
#container_title > span {margin:0 auto 1rem;display:block}

.lt_wr {width:32%}
.lt_wr:nth-child(3n+1) {clear:both}
.latest_wr {margin-bottom:20px}
.latest_wr:after {display:block;visibility:hidden;clear:both;content:""}
.latest_top_wr {margin:0 -10px 20px}
.latest_top_wr:after {display:block;visibility:hidden;clear:both;content:""}

/* 하단 레이아웃 */
#ft {}
#ft_cnc{background:#e8e8e8}
#ft_cnc_wr {zoom: 1;display: flex;gap: 2rem;margin:0 auto;height:7rem;justify-content:space-between;align-items:center;white-space:nowrap;color:#666666;font-weight:500;font-size:1.3rem;letter-spacing:-0.02em}
#ft_cnc_wr a{color:#666666}
#ft_cnc_wr > a {display:block;color:#ffffff;line-height:2em;font-size:1.6rem;font-weight:400}
#ft_corporation{display:flex;flex-wrap:wrap;gap:0 .5rem}
#ft_corporation > span {white-space:nowrap}
#ft_copy {text-align:right}



#ft_wr {margin:auto;position:relative;text-align:left;display:flex;align-items:center;gap:2rem;margin-bottom:3rem;letter-spacing:-0.03em}
#ft_logo img{width:22rem}
#ft_info{flex:1}
#ft_info > #ft_info_menu {display:flex; }
#ft_info > div > h2{flex:1;font-size:2rem;/*font-weight:600;*/font-weight:400;height:6.0rem;border-bottom:1px solid #e3e3e3;display:flex;align-items:center;gap:.1rem;white-space:nowrap}

#ft_customer,
#ft_provision,
#ft_csboard,
#ft_company{flex:1;white-space:nowrap}
#ft_info > div > h2{}

#ft_info > #ft_info_menu > h2:first-child {flex:1.3;}
#ft_info > #ft_info_menu > h2 > a {padding: 20px; font-size: 1.7rem; font-weight:500;}
#ft_info > #ft_info_menu > h2 > span > a {font-size: 1.7rem; font-weight:500; padding:10px 0; }
#ft_info > #ft_info_menu > h2 > div {display:flex;flex-wrap:wrap;align-items:end; gap:0 1rem}
#ft_info > #ft_info_menu > h2 > div > span{font-size:1.2rem; }

#ft_info > #ft_info_content {color:#6d6d6d; font-weight:400;gap:0;padding:.8rem 0}
#ft_info > #ft_info_content a {color:#6d6d6d; font-weight:400;gap:0;padding:.8rem 0}
#ft_info > #ft_info_content  > div {font-size:1.3rem;}
#ft_info > #ft_info_content  > div > span > a > img {align-items:center;}

#ft_info > #ft_info_content .partners { float:right; transform: translateY(-60%);display: flex;justify-content: center;align-items: center;gap: 10px}

#ft_info .ft-tel{font-size:2.4rem;/*font-weight:600;*/font-weight:400;margin-right:.5rem}
#ft_info .ft-fax{font-size:1.6rem;/*font-weight:600;*/font-weight:400;margin-right:.5rem}
#ft_info .ft-line{display:inline-block;padding:0 .5rem;color:#999}
/* #ft_info > #ft_info_menu > h2{gap:1rem} */

#top_btn {position:fixed;bottom:20px;right:20px;width:50px;height:50px;line-height:46px;border:2px solid #333;color:#333;text-align:center;font-size:15px;z-index:90;background:rgba(255,255,255,0.5)}
#top_btn:hover {border-color:#3059c7;background:#3059c7;color:#fff}

/* 게시물 선택복사 선택이동 */
#copymove {}
#copymove .win_desc {text-align:center;display:block}
#copymove .tbl_wrap {margin:20px}
#copymove .win_btn {padding:0 20px 20px}
.copymove_current {float:right;background:#ff3061;padding:5px;color:#fff;border-radius:3px}
.copymove_currentbg {background:#f4f4f4}

/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;font-size:0;line-height:0;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;width:0;height:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}

/* 본문 바로가기 */
#skip_to_container a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#skip_to_container a:focus, #skip_to_container a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em}

/* ie6 이미지 너비 지정 */
.img_fix {width:100%;height:auto}

/* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha {display:inline-block;position:relative}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#captcha #captcha_img {height:3.6rem;border:1px solid #898989;vertical-align:top;padding:0;margin:0}
#captcha #captcha_mp3 {margin:0;padding:0;width:3.6rem;height:3.6rem;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat;text-indent:-999px;border-radius:3px;background-size: cover;}
#captcha #captcha_reload {margin:0;padding:0;width:3.6rem;height:3.6rem;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat 0 -3.6rem;text-indent:-999px;border-radius:3px;background-size: cover;}
#captcha #captcha_key {margin:0 0 0 3px;width:8rem;height:3.6rem;text-align:center;}
#captcha #captcha_info {display:block;font-size:1.4rem;color:#666666}

/* 캡챠 자동등록(입력)방지 기본 - mobile */
#captcha.m_captcha audio {display:block;margin:0 0 5px;width:187px}
#captcha.m_captcha #captcha_img {width:16rem;height:6rem;border:1px solid #e9e9e9;margin-bottom:3px;margin-top:5px;display:block}
#captcha.m_captcha #captcha_reload {position:static;margin:0;padding:0;width:3.6rem;height:3.6rem;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat 0 -3.6rem;text-indent:-999px;background-size: cover}
#captcha.m_captcha #captcha_reload span {display:none}
#captcha.m_captcha #captcha_key {margin:0;width:12.3rem;text-align:center}
#captcha.m_captcha #captcha_info {display:block;font-size:1.4rem;color:#666666}
#captcha.m_captcha #captcha_mp3 {width:3.6rem;height:3.6rem;background:url('../../../img/captcha2.png') no-repeat 0 0 ; vertical-align:top;overflow:hidden;cursor:pointer;text-indent:-9999px;border:none;background-size: cover}

/* ckeditor 단축키 */
.cke_sc {margin:0 0 5px;text-align:right}
.btn_cke_sc {display:inline-block;padding:0 10px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;line-height:1.9em;vertical-align:middle;cursor:pointer}
.cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f7f7f7;text-align:center}
.cke_sc_def dl {margin:0 0 5px;text-align:left;zoom:1}
.cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""}
.cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9}
.cke_sc_def dt {width:20%;font-weight:bold}
.cke_sc_def dd {width:30%}

/* ckeditor 태그 기본값 */
#bo_v_con ul {display:block;list-style-type:disc;margin-top:1em;margin-bottom:1em;margin-left:0;margin-right:0;padding-left:40px}
#bo_v_con ol {display:block;list-style-type:decimal;margin-top:1em;margin-bottom:1em;margin-left:0;margin-right:0;padding-left:40px}
#bo_v_con li {display:list-item}

/* 버튼 */
a.btn,.btn {line-height:3.6rem;height:3.6rem;padding:0 1rem;text-align:center;font-weight:bold;border:0;font-size:1.4em;
-webkit-transition:background-color 0.3s ease-out;
-moz-transition:background-color 0.3s ease-out;
-o-transition:background-color 0.3s ease-out;
transition:background-color 0.3s ease-out}

a.btn01 {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle}
a.btn01:focus, a.btn01:hover {text-decoration:none}
button.btn01 {display:inline-block;margin:0;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none}
a.btn02 {display:inline-block;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle}
a.btn02:focus, .btn02:hover {text-decoration:none}
button.btn02 {display:inline-block;margin:0;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none}

.btn_confirm {display: flex;justify-content: center;align-items: center;gap: 1rem;margin-top:3rem} /* 서식단계 진행 */

.btn_submit {border:0;background:#009933;color:#fff;cursor:pointer;border-radius:3px}
.btn_submit:hover {background:#09a836}
.btn_close {border:1px solid #dcdcdc;cursor:pointer;border-radius:3px;background:#fff}
a.btn_close {text-align:center;line-height:50px}

a.btn_cancel {display:inline-block;background:#969696;color:#fff;text-decoration:none;vertical-align:middle}
button.btn_cancel {display:inline-block;background:#969696;color:#fff;text-decoration:none;vertical-align:middle}
.btn_cancel:hover {background:#aaa}
a.btn_frmline, button.btn_frmline {display:inline-block;width:128px;padding:0 5px;height:40px;border:0;background:#434a54;border-radius:3px;color:#fff;text-decoration:none;vertical-align:top} /* 우편번호검색버튼 등 */
a.btn_frmline {}
button.btn_frmline {font-size:1em}

/* 게시판용 버튼 */
a.btn_b01,.btn_b01 {display:inline-block;color:#bababa;text-decoration:none;vertical-align:middle;border:0;background:transparent}
.btn_b01:hover, .btn_b01:hover {color:#000}
a.btn_b02,.btn_b02 {display:inline-block;background:#253dbe;padding:0 10px;color:#fff;text-decoration:none;border:0;vertical-align:middle}
a.btn_b02:hover, .btn_b02:hover {background:#0025eb}
a.btn_b03, .btn_b03 {display:inline-block;background:#fff;border:1px solid #b9bdd3;color:#646982;text-decoration:none;vertical-align:middle}
a.btn_b03:hover, .btn_b03:hover {background:#ebedf6}
a.btn_b04, .btn_b04 {display:inline-block;background:#fff;border:1px solid #ccc;color:#707070;text-decoration:none;vertical-align:middle}
a.btn_b04:hover, .btn_b04:hover {color:#333;background:#f9f9f9}
a.btn_admin,.btn_admin {display:inline-block;color:#d13f4a;text-decoration:none;vertical-align:middle} /* 관리자 전용 버튼 */
.btn_admin:hover, a.btn_admin:hover {color:#ff3746}


/* 기본테이블 */
.tbl_wrap table {width:100%;border-collapse:collapse;border-spacing:0 5px;background:#fff;border-top:1px solid #ececec;border-bottom:1px solid #ececec} 
.tbl_wrap caption {padding:10px 0;font-weight:bold;text-align:left}
.tbl_head01 {margin:0 0 10px}
.tbl_head01 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head01 thead th {padding:20px 0;font-weight:normal;text-align:center;border-bottom:1px solid #ececec;height:40px}
.tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th, .tbl_head01 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head01 tbody th {padding:8px 0;border-bottom:1px solid #e8e8e8}
.tbl_head01 td {color:#666;padding:10px 5px;border-top:1px solid #ecf0f1;border-bottom:1px solid #ecf0f1;line-height:1.4em;height:60px;word-break:break-all}
.tbl_head01 tbody tr:hover td {background:#fafafa}
.tbl_head01 a:hover {text-decoration:underline}

.tbl_head02 {margin:0 0 10px}
.tbl_head02 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head02 thead th {padding:5px 0;border-top:1px solid #d1dee2;border-bottom:1px solid #d1dee2;background:#e5ecef;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.tbl_head02 thead a {color:#383838}
.tbl_head02 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head02 tfoot th, .tbl_head02 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head02 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#fff}
.tbl_head02 td {padding:5px 3px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#fff;line-height:1.4em;word-break:break-all}
.tbl_head02 a {}


/* 배송지 목록 */
#sod_addr .tbl_wrap {margin:30px}
#sod_addr .td_mng .sel_address {color:#fff;background:#fff;border:1px solid #19bc9b;color:#19bc9b;padding:0 5px;height:26px;border-radius:3px}
#sod_addr .td_mng .del_address {display:inline-block;border:1px solid #aaa;color:#888;padding:0 5px;height:26px;line-height:24px;vertical-align:middle;border-radius:3px}
#sod_addr input[type="radio"] {position:absolute;left:0;z-index:-1;visibility:hidden;width:0;height:0;overflow:hidden;text-indent:-999px}
#sod_addr .default_lb {display:inline-block;background:#fff;border:1px solid #1c70e9;color:#3a8afd;cursor:pointer;position:relative;padding:0 5px;height:26px;line-height:24px;border-radius:3px}
#sod_addr input[type="radio"]:checked+.default_lb {background:#3476be;color:#fff}
#sod_addr td {height:40px;vertical-align:top}
#sod_addr .td_name {width:100px}
#sod_addr .frm_input {height:30px}
#sod_addr .td_sbj {width:155px;text-align:left}
#sod_addr .td_sbj .chk_box {display:inline-block;float:left}
#sod_addr .td_sbj .chk_box input[type="checkbox"]:checked + label span {background:url(../img/chk.png) no-repeat 50% 50% #3a8afd;border-color:#1471f6;border-radius:3px}
#sod_addr .ad_tel {display:block;color:#666}
#sod_addr .td_mng {width:100px;padding:10px}
#sod_addr .td_mng .mng_btn {width:100%;margin:2px 0}


/* 폼 테이블 */
.tbl_frm01 {margin:0 0 20px}
.tbl_frm01 table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_frm01 th {width:70px;padding:7px 13px;border:1px solid #e9e9e9;border-left:0;background:#f5f8f9;text-align:left}
.tbl_frm01 td {padding:7px 10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent}

.tbl_frm01 textarea {padding:2px 2px 3px}
.frm_input {height:40px}

.full_input {width:100%}
.half_input {width:49.5%}
.twopart_input {width:385px;margin-right:10px}
.tbl_frm01 textarea, .write_div textarea {width:100%;height:100px}
.tbl_frm01 a {text-decoration:none}
.tbl_frm01 .frm_file {display:block;margin-bottom:5px}
.tbl_frm01 .frm_info {display:block;padding:0 0 5px;line-height:1.4em}

/*기본 리스트*/
.list_01 ul {border-top:1px solid #ececec}
.list_01 li {border-bottom:1px solid #ececec;background:#fff;padding:10px 15px;list-style:none;position:relative}
.list_01 li:nth-child(odd) {background:#f6f6f6}
.list_01 li:after {display:block;visibility:hidden;clear:both;content:""}
.list_01 li:hover {background:#f9f9f9}
.list_01 li.empty_li {text-align:center;padding:20px 0;color:#666}

/*폼 리스트*/
.form_01 h2 {font-size:1.167em}
.form_01 li {margin-bottom:10px}
.form_01 ul:after,
.form_01 li:after {display:block;visibility:hidden;clear:both;content:""}
.form_01 .left_input {float:left}
.form_01 .margin_input {margin-right:1%}
.form_01 textarea {height:100px;width:100%}
.form_01 .frm_label {display:inline-block;width:130px}

/* 자료 없는 목록 */
.empty_table {padding:50px 0 !important;text-align:center}
.empty_list {padding:20px 0 !important;color:#666;text-align:center}

/* 필수입력 */
.required, textarea.required {background-image:url('../img/require.png') !important;background-repeat:no-repeat !important;background-position:right top !important}

/* 테이블 항목별 정의 */
.td_board {width:80px;text-align:center}
.td_category {width:80px;text-align:center}
.td_chk {width:30px;text-align:center}
.td_date {width:60px;text-align:center}
.td_datetime {width:110px;text-align:center}
.td_group {width:80px;text-align:center}
.td_mb_id {width:100px;text-align:center}
.td_mng {width:80px;text-align:center}
.td_name {width:100px;text-align:left}
.td_nick {width:100px;text-align:center}
.td_num {width:50px;text-align:center}
.td_numbig {width:80px;text-align:center}
.td_stat {width:60px;text-align:center}

.txt_active {color:#5d910b}
.txt_done {color:#e8180c}
.txt_expired {color:#ccc}
.txt_rdy {color:#8abc2a}

/* 새창 기본 스타일 */
.new_win {position:relative}
.new_win .tbl_wrap {margin:0 20px}
.new_win #win_title {font-size:1.3em;height:50px;line-height:30px;padding:10px 20px;background:#fff;color:#000;-webkit-box-shadow:0 1px 10px rgba(0,0,0,.1);
-moz-box-shadow:0 1px 10px rgba(0,0,0,.1);
box-shadow:0 1px 10px rgba(0,0,0,.1)}
.new_win #win_title .sv {font-size:0.75em;line-height:1.2em}
.new_win .win_ul {margin-bottom:15px;padding:0 20px}
.new_win .win_ul:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_ul li {float:left;background:#fff;text-align:center;padding:0 10px;border:1px solid #d6e9ff;border-radius:30px;margin-left:5px}
.new_win .win_ul li:first-child {margin-left:0}
.new_win .win_ul li a {display:block;padding:8px 0;color:#6794d3}
.new_win .win_ul .selected {background:#3a8afd;border-color:#3a8afd;position:relative;z-index:5}
.new_win .win_ul .selected a {color:#fff;font-weight:bold}
.new_win .win_desc {position:relative;margin:10px;border-radius:5px;font-size:1em;background:#f2838f;color:#fff;line-height:50px;text-align:left;padding:0 20px}
.new_win .win_desc i {font-size:1.2em;vertical-align:baseline}
.new_win .win_desc:after {content:"";position:absolute;left:0;top:0;width:4px;height:50px;background:#da4453;border-radius:3px 0 0 3px}
.new_win .frm_info {font-size:0.92em;color:#919191}
.new_win .win_total {float:right;display:inline-block;line-height:30px;font-weight:normal;font-size:0.75em;color:#3a8afd;background:#f6f6f6;padding:0 10px;border-radius:5px}
.new_win .new_win_con {margin:20px 0;padding:20px}
.new_win .new_win_con:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .new_win_con2 {margin:20px 0}
.new_win .btn_confirm:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_btn {text-align:center}
.new_win .btn_close {height:45px;width:60px;overflow:hidden;cursor:pointer}
.new_win .btn_submit {padding:0 20px;height:45px;font-weight:bold;font-size:1.083em}

/* 검색결과 색상 */
.sch_word {color:#fff;background:#ff005a;padding:2px 5px 3px;line-height:18px;margin:0 2px}

/* 자바스크립트 alert 대안 */
#validation_check {margin:100px auto;width:500px}
#validation_check h1 {margin-bottom:20px;font-size:1.3em}
#validation_check p {margin-bottom:20px;padding:30px 20px;border:1px solid #e9e9e9;background:#fff}

/* 사이드뷰 */
.sv_wrap {position:relative;font-weight:normal}
.sv_wrap .sv {z-index:1000;display:none;margin:5px 0 0;font-size:0.92em;background:#333;
-webkit-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2);
-moz-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2);
box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2)}
.sv_wrap .sv:before {content:"";position:absolute;top:-6px;left:15px;width:0;height:0;border-style:solid;border-width:0 6px 6px 6px;border-color:transparent transparent #333 transparent}
.sv_wrap .sv a {display:inline-block;margin:0;padding:0 10px;line-height:30px;width:100px;font-weight:normal;color:#bbb}
.sv_wrap .sv a:hover {background:#000;color:#fff}
.sv_on {display:block !important;position:absolute;top:23px;left:0px;width:auto;height:auto}
.sv_nojs .sv {display:block}

/* 페이징 */
.pg_wrap {margin-top:1.5rem}
.pg {text-align:center;display: flex;gap: 0.5rem;justify-content: center;}
.pg_page, .pg_current {display: flex;justify-content: center;align-items: center;background:#eee;border:1px solid #eee;font-size: 1.4rem;height: 3rem;padding: 0 .5rem;min-width: 3rem;text-decoration: none;border-radius: 3px;cursor:pointer}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {color: #959595}
.pg_page.empty {visibility: hidden;}
.pg_page:hover {background-color:#fafafa}
.pg_current {color: #ffffff;border:1px solid #009933;background:#009933}
.pg_current.blue {color: #ffffff;border:1px solid #005e9a;background:#005e9a}
.pg_start {text-indent:-999px;overflow:hidden;background:url('../img/btn_first.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_prev {text-indent:-999px;overflow:hidden;background:url('../img/btn_prev.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_end {text-indent:-999px;overflow:hidden;background:url('../img/btn_end.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_next {text-indent:-999px;overflow:hidden;background:url('../img/btn_next.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_start:hover,.pg_prev:hover,.pg_end:hover,.pg_next:hover {background-color:#fafafa}




/* cheditor 이슈 */
.cheditor-popup-window *, .cheditor-popup-window :after, .cheditor-popup-window :before {
-webkit-box-sizing:content-box;
-moz-box-sizing:content-box;
box-sizing:content-box;
}

/* Mobile화면으로 */
#device_change {display:block;margin:0.3em;padding:0.5em 0;border:1px solid #eee;border-radius:2em;background:#fff;color:#000;font-size:2em;text-decoration:none;text-align:center}



/********************************************************/
/********************************************************/
/********************************************************/
/********************************************************/
input[type='text'],
input[type='file'],
input[type='number'],
input[type='password']{box-shadow: none;background-color: #f6f6f6;border: 0px;height: 3.8rem;color: #000;vertical-align: middle;border-radius: 3px;padding: .5rem 1rem}
select{box-shadow: none;background-color: #f6f6f6;border: 0px;height: 3.8rem;color: #000;vertical-align: middle;border-radius: 3px;padding: .5rem 1rem;font-size:1.4rem}
input[type='text'].small,
input[type='file'].small,
input[type='number'].small,
input[type='password'].small{height:3rem}


input.error[type='text'],
input.error[type='file'],
input.error[type='number'],
input.error[type='password'],
textarea.error,
select.error{background:#FF440011}

input.error[type='text']:not([readonly]):focus,
input.error[type='file']:not([readonly]):focus,
input.error[type='number']:not([readonly]):focus,
input.error[type='password']:not([readonly]):focus,
textarea.error:not([readonly]):focus,
select.error:not([readonly]):focus{ outline:1px solid #FF440080;background:#FF440011}


select {
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-right:3.4rem;
  background-image:
    linear-gradient(45deg, transparent 50%, #f6f6f6 50%),
    linear-gradient(135deg, #f6f6f6 50%, transparent 50%),
    linear-gradient(45deg, transparent 50%, gray 50%),
    linear-gradient(135deg, gray 50%, transparent 50%)
    /*,linear-gradient(to right, #ddd, #ddd)*/;
  background-position:
    calc(100% - 1.6rem) calc(1.3rem),
    calc(100% - 1rem) calc(1.3rem),
    calc(100% - 1.6rem) calc(1.6rem),
    calc(100% - 1rem) calc(1.6rem),
    calc(100% - 3rem) 0.6rem;
  background-size:
    .6rem .6rem ,
    .6rem .6rem ,
    .6rem .6rem ,
    .6rem .6rem ,
    1px 2.4rem;
  background-repeat: no-repeat;
}

select:focus {
  background-image:
    linear-gradient(45deg, transparent 50%, #f6f6f6 50%),
    linear-gradient(135deg, #f6f6f6 50%, transparent 50%),
    linear-gradient(45deg, transparent 50%, #009933 50%),
    linear-gradient(135deg, #009933 50%, transparent 50%)
    /*,linear-gradient(to right, #09a83655, #09a83655)*/;
  background-position:
    calc(100% - 1.6rem) calc(1.3rem),
    calc(100% - 1rem) calc(1.3rem),
    calc(100% - 1.6rem) calc(1.6rem),
    calc(100% - 1rem) calc(1.6rem),
    calc(100% - 3rem) 0.6rem;
  background-size:
    .6rem .6rem ,
    .6rem .6rem ,
    .6rem .6rem ,
    .6rem  .6rem ,
    1px 2.4rem;
  background-repeat: no-repeat;
}


select.small{height:3rem}
select.small {
  padding-right:2.5rem;
  background-position:
    calc(100% - 1.6rem) calc(1rem),
    calc(100% - 1rem) calc(1rem),
    calc(100% - 1.6rem) calc(1.3rem),
    calc(100% - 1rem) calc(1.3rem),
    calc(100% - 3rem) 0.6rem;

}

select.small:focus {
  background-position:
    calc(100% - 1.6rem) calc(1rem),
    calc(100% - 1rem) calc(1rem),
    calc(100% - 1.6rem) calc(1.3rem),
    calc(100% - 1rem) calc(1.3rem),
    calc(100% - 3rem) 0.6rem;
}





textarea{box-shadow: none;background-color: #f6f6f6;border: 0px;color: #000;vertical-align: middle;border-radius: 3px;padding: 1rem}

input[numberOnly]{text-align:right;text-align:center}

.cb {display: none}
.cb + label{position:relative;cursor:pointer;padding-left:2.1rem;word-break: keep-all;display:block}

.cb + label:empty{padding-left:1.8rem}
.cb + label:before {position:absolute;top: 50%;transform: translate(0, -50%);left:0;content:'';display: inline-block;width: 1.8rem;height: 1.8rem;background:#f6f6f6;border:1px solid #ddd;border-radius:2px;box-sizing: border-box;}
.cb + label:hover:before {border-color:#bbb;background:#0088cc10}
.cb:checked + label:before {background-color: #005e9a}
.cb:disabled + label{color:#aaaaaa}
.cb.readonly + label{color:#aaaaaa}
.cb:not(.readonly) + label:not(.orange):hover{color:#555555 }
.cb[type='radio'] + label:before {border-radius:5em}
.cb[type='radio']:checked + label:before{border:0.47rem solid #005e9a;background:#ffffff}
.cb[type='checkbox']:checked + label:before{border:none}
.cb[type='checkbox']:checked + label:after{position:absolute;top: calc(50% - 1px);transform: translate(0, -60%) rotate( 45deg );left:.5rem;content:'';display:block;border-bottom:3px solid #fff;border-right:3px solid #fff;width:.8rem;height:1.2rem;}


/* 체크박스 텍스트만 */
.cb-text {display: none}
.cb-text + label{height:5rem;border:1px solid #ddd;background:#fff;border-radius:var(--button-radius);font-size:1.8rem;font-weight:500;letter-spacing:-1px;white-space: nowrap;word-break:keep-all;min-width:22rem;align-items: center;display: inline-flex;gap: .5rem;justify-content: center;transition:background .1s,color .1s,border .1s;vertical-align:middle;cursor:pointer}
.cb-text + label:hover{background:#009a45;color:#ffffff;border-color:#009a45}
.cb-text.black + label{background:#CACAC7;border-color:#CACAC7;color:#ffffff}
.cb-text.black:checked + label,
.cb-text.black + label:hover{background:#191919;border-color:#191919}
.cb-text.small + label{height:3.8rem;font-size:1.4rem;padding:0 2rem}
.cb-text.rect + label{min-width:14rem;height:4.5rem;border-radius:3px;font-size:1.6rem;padding:0 2rem}



.rotate-90{transform:rotate(90deg)}
.rotate-180{transform:rotate(180deg)}


/* 메인 버튼 */
/* 버튼 */
/* 둥근 버튼 */
/* 메인 화살표 버튼 */
.bt {height:5rem;color:#000000;border:1px solid #ddd;background:#fff;border-radius:var(--button-radius);font-size:1.8rem;font-weight:500;letter-spacing:-1px;white-space: nowrap;word-break:keep-all;min-width:22rem;align-items: center;display: inline-flex;gap: .5rem;justify-content: center;transition:background .1s,color .1s;vertical-align:middle;cursor:pointer}
.bt:hover{background:#fafafa;color:#000;border-color:#bbb}

.bt .bt-arrow-right{display:inline-block;background-image:url('../img/btn_slide_arrow.png');background-repeat:no-repeat;height:2.2rem;width:2.2rem;transition:all .1s}
/*
.bt.bta-bottom::after{transform:rotate(90deg) translateX(.3rem)}
.bt.bta-hide::after{display:none}
*/

/* 네모 */
.bt.rect{min-width:12rem;height:4.5rem;border-radius:3px;font-size:1.6rem;padding:0 2rem;font-weight:600}


.bt.small{height:3.2rem;font-size:1.2rem;min-width:8rem;padding:0 1.5rem}
.bt.mini{min-width: unset;padding: 0 1em;height: 2.5rem;font-size: 1.2rem;line-height:2rem;align-items: baseline}
.bt.rect.mini{padding: 0 0.5em;}

.bt.green{background:#009933;border-color:#009933;color:#ffffff}
.bt.green .bt-arrow-right{ filter: invert(100%);}
.bt.green:hover{background:#09a836;border-color:#09a836}

.bt.green-o{background:#00993310;border-color:#00993310;color:#009933}
.bt.green-o:hover{background:#00993330;border-color:#00993330}

.bt.magenta{background:#ff0073;color:#ffffff;border-color:#ff0073}
.bt.magenta:hover{background:#ff007355;border-color:#ff007355}

.bt.hblue:hover{background:#005e9add;color:#ffffff;border-color:#005e9add}
.bt.hblue:hover .bt-arrow-right{ filter: invert(100%);}

.bt.hgreen:hover{background:#009a45;color:#ffffff;border-color:#009a45}
.bt.hgreen:hover .bt-arrow-right{ filter: invert(100%);}

.bt.red{background:#ff1e00}
.bt.black{background:#191919;border-color:#191919;color:#ffffff}
.bt.black .bt-arrow-right{ filter: invert(100%);}
.bt.blue{background:#005e9a;color:#ffffff;border-color:#005e9a}
.bt.blue:hover{background:#005e9add;border-color:#005e9add}




.bt.black-o{background:#19191910;color:#191919;border-color:#19191910}
.bt.black-o:hover{background:#19191930;border-color:#19191930}
.bt.blue-o{background:#005e9a10;color:#005e9a;border-color:#005e9a10}
.bt.blue-o:hover{background:#005e9a30;border-color:#005e9a30}
.bt.green-o{background:#09a83610;color:#09a836;border-color:#09a83610}
.bt.green-o:hover{background:#09a83630;border-color:#09a83630}
.bt.orange-o{background:#ff720010;color:#ff7200;border-color:#ff720010}
.bt.orange-o:hover{background:#ff720030;border-color:#ff720030}
.bt.purple-o{background:#9a3c8a10;color:#9a3c8a;border-color:#9a3c8a10}
.bt.purple-o:hover{background:#9a3c8a30;border-color:#9a3c8a30}
.bt.magenta-o{background:#ff007310;color:#ff0073;border-color:#ff007310}
.bt.magenta-o:hover{background:#ff007330;border-color:#ff007330}




.bt.gray{background:#cacaca;color:#ffffff}

.bt.icon{border:none;background:transparent;min-width:unset;margin:0 1rem;height:auto}


.close:hover {opacity:.7}
.close{width:2.2rem;height:2.2rem;transform:rotate(45deg);transform-origin: 50% 50%;cursor:pointer}
.close::before{content:'';position:absolute;left:50%;top:50%;width:100%;background:#666666;display:block;height:1px;transform:translate(-50%,-50%)}
.close::after{content:'';position:absolute;left:50%;top:50%;width:1px;background:#666666;display:block;height:100%;padding-bottom:100%;transform:translate(-50%,-50%)}


.price{font-weight:600}



.w-full{width:100%;max-width:100%!important}
.w-30{width:3rem;flex:unset!important}
.w-40{width:4rem;flex:unset!important}
.w-50{width:5rem;flex:unset!important}
.w-60{width:6rem;flex:unset!important}
.w-70{width:7rem;flex:unset!important}
.w-80{width:8rem;flex:unset!important}
.w-90{width:9rem;flex:unset!important}
.w-100{width:10rem;flex:unset!important}
.w-110{width:11rem;flex:unset!important}
.w-120{width:12rem;flex:unset!important}
.w-130{width:13rem;flex:unset!important}
.w-140{width:14rem;flex:unset!important}
.w-150{width:15rem;flex:unset!important}
.w-160{width:16rem;flex:unset!important}
.w-170{width:17rem;flex:unset!important}
.w-180{width:18rem;flex:unset!important}
.w-200{width:20rem;flex:unset!important}
.w-300{width:30rem;flex:unset!important}

.w-empty::before{background-image:url(/theme/basic/img/icon-nolist.png);background-size:4.1rem 4.1rem;content:'';background-repeat:no-repeat;display:block;width:4.1rem;aspect-ratio:1/1;margin:0 auto}
.w-empty{padding:12rem 0!important;flex:1;text-align:center!important;color:#c7c7c7;font-size:2rem;display:block!important;}
.w-empty > img{display:block;margin:0 auto}
.w-checkbox{width:4rem}
.w-order{width:16rem}
.w-seq{width:5rem}
.w-qty{width:6rem}
.w-qty-btn{width:17rem}
.w-del-btn{width:5rem}
.w-snum{width:5rem}
.w-id{width:12rem}
.w-date{width:6rem}
.w-datetime{width:16rem}
.w-name{width:9rem}
.w-hp{width:13rem}
.w-subject{flex:1}
.w-price{width:10rem}
.w-total-price{width:10rem}
.w-point{width:10rem}
.w-status{width:10rem}
.w-delivery{width:16rem}
/*
.w-total{width:10rem;text-align:center}
.w-delivery-pricer{width:6rem}
.w-qty{width:6rem}
*/
.w-number{width:6rem;text-align:center}


.img-thumb{width:8rem;height:8rem;object-fit:cover;border-radius:var(--item-radius)}
.tbody.blue{background:#eff5f9;color:#005e9a}


.table.board .tbody .w-seq{font-size:1.4rem}
.table.board .tbody .w-snum{font-size:1.4rem}
.table.board .tbody .w-date{font-size:1.4rem}
.table.board .tbody .w-name{font-size:1.4rem}
.table.board .tbody .w-hp{font-size:1.4rem}
.table.board .tbody .w-status{font-size:1.4rem}
.table.board .tbody .w-subject{text-align:left;word-break: break-word;}
/* .tbody .w-price{text-align:right;padding-right:.5rem}
.tbody .w-number{text-align:right;padding-right:.5rem} */

.w-flex{flex:1}
.text-center{text-align:center}
.text-left{text-align:left}
.text-right{text-align:right}
.font-14{font-size:1.4rem}
.font-16{font-size:1.6rem}



/* 스크롤 */
::-webkit-scrollbar {width: 8px;height:8px}
::-webkit-scrollbar-track {/*background-color: transparent;*/background-color: #f1f1f1;}
::-webkit-scrollbar-thumb {border-radius: 3px;background-color: #a8a8a8}
::-webkit-scrollbar-button {width: 0;height: 0;}



/*  팝업설정 */
html.popup-use {overflow:hidden;overflow-y:hidden;}
html.popup-use > body{overflow:auto!important;overflow-y:auto!important;height:auto!important;width:auto!important;}
html.print body > *:not(.popup.print){display:none!important /*;height:0px!important;width:0!important;overflow: hidden!important;*/}

.popup-use > body{overflow:hidden;overflow-y:hidden;height:calc(100vh - 1.3em);width:calc(100vw - 1.3em);}
.popup{
    grid-template-columns: auto minmax(0, 1fr) auto;
    background: rgba(0, 0, 0, 0.4);
    display: grid;
    position: fixed;
    z-index: 10060;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    box-sizing: border-box;
    grid-template-areas:
        "top-start top top-end"
        "center-start center center-end"
        "bottom-start bottom-center bottom-end"
        "gap gap gap";
    grid-template-rows: auto auto auto 0.625em;
    height: 100%;
    padding: 0;
    overflow-x: hidden;
    overflow-y: auto;
    transition: background-color 0.1s;
    -webkit-overflow-scrolling: touch;
    display:none;
}

.popup-bg{position:fixed;height:100%;width:100%;background: rgba(0, 0, 0, 0.4);transition: background-color 0.1s}
.popup-content{position: relative;box-sizing: border-box;min-width:420px;max-height:860px;overflow-y: auto;border: none;border-radius: 0;border: 2px solid #191919;background: #fff;font-family: inherit;grid-column: 2;grid-row: 2;align-self: center;justify-self: center;transition: all .15s ease-in-out;margin: 0.625em 0.625em 0;}
.popup-close{border:none;background:transparent;font-size:20px}
.popup-content textarea{padding:5px;width:100%;height:100px}

.popup-content .popup-body {padding:20px}
.popup-head,.popup-tail{display: flex;justify-content: space-between;position:sticky;width:100%;z-index:10;min-height:50px;background:#fafafa}
.popup-head{border-bottom:1px solid #e0e0e0;top:0;align-items: stretch}
.popup-head > div{display: flex;align-items:center}
.popup-head > .popup-title > h2{color:#0d1c3d;font-size:18px;margin:0}
.popup-head > div:first-child, .popup-tail > div:first-child{text-align:left;padding-left:15px}
.popup-head > div:nth-child(2),  .popup-tail > div:nth-child(2){text-align:center}
.popup-head > div:last-child,  .popup-tail > div:last-child{text-align:right;padding-right:15px}
.popup-tail{border-top:1px solid #e0e0e0;bottom:0;align-items:center}
.popup-tail .bt.large{height:35px;line-height:35px}
.popup-tail label{text-align:left}

 /* 인쇄시 */
.popup.print {display:block!important;text-align:center;position: relative!important;min-height: 100vh}
.popup.print .popup-content{border:none;display:inline-block;max-height:unset}
.popup.print .btn-print{display:none}


.popup-content {border:none;background:transparent;background:#ffffff;padding:0;border-radius:var(--item-radius)}
.popup-content .popup-body{padding:0 2.5rem}
.popup-content .popup-head{background:#Ffffff;border-bottom:none;min-height:auto;padding: 2rem 2.5rem;}
.popup-content .popup-tail{background:transparent;border-top:none;min-height:auto;padding: 2rem 2.5rem;}
.popup-close{background:transparent;border:none;height:3rem;width:3rem;padding-top:1px}
.popup-close:hover{opacity:.8}
.popup-close > i{display: inline-block;position:relative;width:3rem;height:3rem;transform:rotate(45deg);transform-origin: 50% 50%;}
.popup-close > i::before{content:'';position:absolute;left:50%;top:50%;width:100%;background:#505050;display:block;height:1px;transform:translate(-50%,-50%)}
.popup-close > i::after{content:'';position:absolute;left:50%;top:50%;width:1px;background:#505050;display:block;height:100%;padding-bottom:100%;transform:translate(-50%,-50%)}
.popup-title{font-size:2.6rem;font-weight:500;margin:1rem 0 1rem}
.popup-head > div:first-child{padding-left:0}
.popup-head > div:last-child{padding-right:0}
.popup-body {margin:0 0}
.popup-tail{gap:1rem;justify-content: center;}


.popup-content .bt{height:3.8rem;font-size:1.4rem;min-width:10rem}
.popup-content .bt.small{height:3rem;font-size:1.3rem;min-width:8rem;padding:0 1rem}

/* 테이블 */
.table{display:block;border-top:2px solid #009933;border-bottom:1px solid #eee}
.table > div{min-height:5rem;display:flex;align-items:center;padding:.8rem 1.5rem}
.table > div:not(:first-child){border-top:1px solid #eee}
.table > div > span{display:block}
.table > div > span .desc{font-size:1.4rem;color:#888888;display:block;white-space: normal}
.table > .thead{background:#f6f6f6;font-size:1.4rem;font-weight:500;text-align:center}
.table > .tbody{font-size:1.4rem;text-align:center}

.table input[type='text'],
.table input[type='number'],
.table input[type='password']{max-width:40rem}
.table .bt{height:3.8rem;font-size:1.4rem;min-width:8rem}
.table .bt.small{height:3rem;font-size:1.3rem;min-width:6rem;padding:0 1rem}
.table .bt.mini{min-width: unset;padding: 0 1em;height: 2.5rem;font-size: 1.2rem}
.table .bt.rect.mini{padding: 0 0.5em;}



.table .cb-text+label{height:3.8rem;min-width:10rem;font-size:1.4rem;padding:0 2rem}
.table > div > span .grid{display:grid;gap:.5rem}
.table > div > span .flex{display:flex;gap:.5rem;align-items: center;flex-wrap: wrap;}

.table > .memo{background:#f3f8f5;padding:1.5rem}
.table > .memo > span{display: flex;align-items: center;text-align: left;flex:1}
.table > .memo.notice > span:before{content:'';background-image:url('/theme/basic/img/notice_icon.png');background-size: contain;background-repeat:no-repeat;display:block;width:2.7rem;height:2.7rem;align-self: start;margin:.5rem 1rem}
.table > .memo > span > div{flex:1}
.table > .memo > span > div > h2{font-size:1.3rem;color:#009933;/*font-weight:600;*/font-weight:400;margin-bottom:.3rem}
.table > .memo > span > div > div{font-size:1.3rem;color:#333333;font-weight:500;white-space:normal;word-break: keep-all}

.table.columns .tbody + .thead {margin-top:5rem}
.table.columns > div {min-height: 5rem;}
.table.columns > div > span{display:flex;align-items:center}
.table.columns > div > span:nth-child(odd){width:12rem;text-align:left;font-weight:400;white-space:wrap}
.table.columns > div > span:nth-last-child(1):nth-child(odd){flex:1}
.table.columns > div > span:nth-child(even){flex:1;text-align:left}
.table.columns > div > span > div{flex:1}
.table.columns input[type='text'],
.table.columns input[type='number'],
.table.columns input[type='password']{min-width: 0;/*width:calc(100% - 30px)*/}
.table-empty {display: flex;justify-content: center;align-items: center;font-weight: 400;font-size: 2em;color: #c7c7c7;text-align: center;min-height:400px}

.table.sub{margin-top:5rem;border-top:1px solid #eee}

/* 카테고리 */
.category-group{margin-bottom:4em;display:flex;width: 100%}
.bt-cate{flex:1;min-width:110px;line-height:40px;min-height:40px;text-align:center;border:none;background:#ececec;color:#191919;font-size:1.6rem;font-weight:500;display:inline-block}
.bt-cate.active{background:#009933;color:#ffffff}
.bt-cate:hover{background:#009933;color:#ffffff}


/* 작성시 네모 버튼 */
.button-group {padding:2em 0}
.bt3{min-width:110px;line-height:40px;min-height:40px;text-align:center;border:none;background:#191919/*background:#aaaaaa*/;border-radius:3px;color:#ffffff;font-size:1.4rem;font-weight:500;display:inline-block;cursor:pointer;vertical-align: middle;}
.bt3.green{background:#009933}


.button-group2{display:flex;align-items:center;justify-content:center;gap:1rem;padding:0 0 3rem}
.button-group3{display:flex;align-items:center;justify-content:center;gap:1rem;padding:0 0 7rem}

/* 메인 타이틀 */
.main-title {text-align:center;display:flex;align-items:center;justify-content:center;margin:6rem 0 1.5rem;letter-spacing: -.05em;}
.main-title > div {position:relative;flex:1}
.main-title > div > h2{font-size:2.8rem;/*font-weight:600;*/font-weight:400;display:flex;align-items:center;gap:.5rem;justify-content:center;line-height:1.25em}
.main-title > div > span {font-size:1.6rem;font-weight:400;display:block;letter-spacing: -.05em;;color:#666666}
.main-title > div > .img-right{position:absolute;right:0;top:50%;transform:translate(calc(100% + 1rem),-50%);width:6rem}
.main-title h2 > b{color:#009946}
.main-title > a.main-title-more {position:absolute;right:0;top:2rem;font-size:1.6rem;/*font-weight:600;*/font-weight:400;align-items:center;flex:0;white-space:nowrap}

#itemTitle1 {margin-top:3rem}
#itemTitle2,
#itemTitle3{justify-content:left}

#itemTitle1 > div,
#itemTitle2 > div,
#itemTitle3 > div {display:flex;align-items:flex-end;gap:.5rem}

#itemTitle1 img,
#itemTitle2 img,
#itemTitle3 img{width:3.4rem;height:3.3rem;object-fit:cover}


/* 상단 카테고리 메뉴*/
[class^='icon-cate']{width:4rem;height:4rem;display:none;background:url(/theme/basic/img/icon_group.png) no-repeat;background-position:0rem 0rem;background-size:44rem 8rem}
i[class^='icon-cate']{background-position-y:-4rem;opacity:0;transition:opacity .15s ease-in}
.icon-cate10{background-position-x:0rem}
.icon-cate11{background-position-x:-4rem}
.icon-cate12{background-position-x:-8rem}
.icon-cate13{background-position-x:-12rem}
.icon-cate14{background-position-x:-16rem}
.icon-cate15{background-position-x:-20rem}
.icon-cate16{background-position-x:-24rem}
.icon-cate17{background-position-x:-28rem}
.icon-cate19{background-position-x:-32rem}
.icon-cate20{background-position-x:-36rem}
.icon-cate21{background-position-x:-40rem}
/* #hd_catemenu{border-bottom:1px solid #e3e3e3} */
#splideCate{flex:1;width: var(--site-width);max-width: var(--site-max-width);margin:0 auto}
#splideCate .splide__slide {padding:0;height:8rem;display:flex;align-items:center;justify-content:center}
#splideCate .splide__slide > div > span > a{display:grid;place-items: center;font-size:1.7rem;font-weight:var(--font-weight-r);letter-spacing:-0.1em;gap:.4rem;white-space:nowrap}
#splideCate .splide__slide > div > span > a.active,
#splideCate .splide__slide > div > span > a:hover {color:#009933}

#splideCate .splide__slide > div > span > a.active i,
#splideCate .splide__slide > div > span > a:hover i[class^='icon-cate']{opacity:1}
#splideCate .splide__arrows--ltr .splide__arrow--next > i {background:#009933;color:#ffffff}

#splideCate .splide__arrow--next{right:1.5rem}
#splideCate .splide__arrow--prev{left:1.5rem}

#splideCate .splide__arrow {background:transparent;width:2.6rem;height:2.6rem;border-radius:0}
#splideCate .splide__arrow > i {background:#f3f3f3;color:#c0c0c0;border-radius:50em;font-size:1rem;width:100%;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;transition:all .2s ease;cursor:pointer}
#splideCate .splide__arrow:hover > i{background:#009933;color:#ffffff;}
#splideCate .splide__arrow:hover{opacity:1}
#splideCate .splide__arrow:disabled{opacity:.5}
#splideCate .splide__arrow:not(:disabled) img{filter: invert(1)}
#splideCate .splide__arrow:disabled img{filter: invert(0.5)}
#splideCate.active .splide__list {justify-content: space-between}
#splideCate.active .hd_catemenu_all{display:block}
#splideCate.active .hd_catemenu_all2{display:block}


/* 카테고리 오버 메뉴 */
.hd_catemenu_all{
	display:none;
	font-size:1.6rem;
	font-weight:var(--font-weight-r);
	letter-spacing:-0.1em;
	white-space:nowrap;
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:17rem;
	z-index:2;
	cursor:pointer;
}

.hd_catemenu_all > .hd_catemenu_btn{display:flex;align-items:center;justify-content:center;gap:1rem;height:100%;width:100%;position: relative;z-index: 5;transition:all .1s ease-in;}
.hd_catemenu_all > .hd_catemenu_btn > div{border-top:3px solid #595656;border-bottom:3px solid #595656;width:33px;    box-sizing: border-box;} /** 버튼에 마우스 올렸을 때 효과 **/
.hd_catemenu_all > .hd_catemenu_btn > div > div{background:#595656;height:3px;margin:3px 0} /** 버튼에 마우스 올렸을 때 효과 **/
.hd_catemenu_all:hover > .hd_catemenu_btn > div{border-color:#009933} /** 버튼에 마우스 올렸을 때 효과 **/
.hd_catemenu_all:hover > .hd_catemenu_btn > div > div {background:#009933} /** 버튼에 마우스 올렸을 때 효과 **/
.hd_catemenu_all .hd_catemenu_container{position:relative;max-height:0;overflow:hidden}
.hd_catemenu_all .hd_catemenu_container > div{position:absolute;left:0;top:0}
.hd_catemenu_all .hd_catemenu_container > div > .catemenu-container{opacity:0;transform:translateY(-8.5rem)}
/* .hd_catemenu_all:hover .hd_catemenu_btn{background:#009900;color:#ffffff;font-weight:500} */
.hd_catemenu_all:hover .hd_catemenu_container{max-height:unset;;overflow:unset}
.hd_catemenu_all:hover .hd_catemenu_container > div  > .catemenu-container{opacity:1;transform:translateY(0)}


.catemenu-container{
	letter-spacing:-0.05em;
	display:flex;
	flex-direction:column;
	position:relative;
	background:#ffffff;
	width:17rem;
	padding:0 0 2rem;
	z-index:2;
	/** border-top:1px solid #ffffff;
	border-bottom:1px solid #009900; **/
	box-sizing: border-box;
	/** box-shadow:0 0 3px #c1c1c1; **/
	box-shadow: 0 10px 10px 0 rgba(0,0,0,0.1);
}

.catemenu-container a {
	color:#585858;
	font-size:1.4rem;
	font-weight:500;
	white-space:nowrap;
	padding:.7rem 2rem;
	display:flex;
	align-items:center;
	justify-content:space-between;
}

.catemenu-container > span > a {font-weight:var(--font-weight-r)}
.catemenu-container span:hover > a{color:#585858; background: #f5f5f5; }

.catemenu-container div[class^='cate-depth']{/*max-height:0;display:flex;*/display:none;align-items:start;height:100%;position:absolute;right:0;top:0;transform:translateX(100%)}
.catemenu-container div[class^='cate-depth'] span > a{color:#585858}
.catemenu-container div[class^='cate-depth'] span:hover{background:red!important}
.catemenu-container div[class^='cate-depth'] span:hover > a{color:#585858}
.catemenu-container span:hover > div{/*max-height:unset;*/display:flex}
.catemenu-container span:hover > div > ul{max-width:unset;opacity:1;overflow:unset}

.catemenu-container > span:hover .cate-depth2{ z-index:2; box-shadow: 0 10px 10px 0 rgba(0,0,0,0.1)} .cate-depth3{z-index:3}

.catemenu-container .cate-depth2 > ul > li	{
	background:#ffffff;
}

.catemenu-container .cate-depth3 > ul > li{
	background:#ffffff;
	z-index: 2;
}

.catemenu-container div[class^='cate-depth'] > ul {
	max-width:0;
	opacity:0;
	overflow:hidden;
	display:flex;
	height:100%;
	position:relative;
	/** box-shadow:0 0 3px #c1c1c1; **/
	transition:all .2s;
}

.catemenu-container div[class^='cate-depth'] > ul > li {
	height:100%;
	padding:0 0 2rem;
	display:flex;
	flex-direction:column;
	position:relative;
	min-width:17rem;
	/** outline:1px solid #bbbbbb; **/
	/** border-left:none; **/
	border-left: 1px solid #e0e0e0;
  box-sizing: border-box;
}



/** 2023-10-13 메인 메뉴의 2차 메뉴 전용 **/
#main_menu {
	overflow: visible !important;
	z-index:1;
}

.dropdown {
	position: relative;
	display: flex;
	align-items:center;
	justify-content:center;
	flex:1;
	height:100%;
}

.dropdown-content {
	display: none;
	position: absolute;
	z-index: 1;
	top: 100%;
	left: 50%;
  transform: translateX(-50%);
}

.dropdown:hover .dropdown-content {
	display: block;
}



/* 메인 슬라이드 */
#splideMain{margin:0 auto /**1.5rem**/}
#splideMain .splide__slide img {/*border-radius:var(--item-radius);*/width:min(102rem,90vw);aspect-ratio:100/39.2;object-fit:cover}
#splideMain .splide__arrow{display:none}
#splideMain .splide__arrow--next{right:4.2rem}
#splideMain .splide__arrow--prev{left:4.2rem}
#splideMain .splide__arrow {height:4.2rem;width:4.2rem;opacity:1;background:#293895;}
#splideMain .splide__arrow:disabled{opacity:1;background:#fff}
#splideMain .splide__arrow:not(:disabled) img{filter: invert(1)}
#splideMain .splide__arrow:disabled img{filter: invert(0.5)}
#splideMain .splide__pagination{counter-reset: pagination-num;top:21%; left:9.3%;bottom:unset;right:unset;}
#splideMain .splide__pagination__page{font-family:'gsb';background:transparent;font-weight:300;width:auto;text-align:left;color:#293895;opacity:1;height:auto;border-radius:0;border-bottom:1px solid transparent;transition: all .15s linear;padding-bottom:5px;}
#splideMain .splide__pagination >  li:not(:first-child){margin-left:6px}
#splideMain .splide__pagination__page.is-active {background:transparent;transform: scale(1);z-index: 1;border-bottom:1px solid #293895;padding-right:2.8rem;color:#191919;}
#splideMain .splide__pagination__page:hover {color:#191919;opacity:.7}
#splideMain .splide__pagination__page:before {counter-increment: pagination-num;content: counter(pagination-num, decimal-leading-zero);}
/* #splideMain.splide:not( .is-overflow ) .splide__list {justify-content: center;}
#splideMain.splide:not( .is-overflow ) .splide__slide:last-child {margin: 0 !important} */
#splideMainButton{height:5rem;width:18rem;border-radius: 50px;display:flex;justify-content:center;align-items:center;gap:.65rem;color:#ffffff;font-family:'suit';background-color: rgba(34,34,34,0.4);position: absolute; bottom: 1rem;left:calc(50% + min(102rem,90vw) / 2 - 19rem)}
#splideMainButton > div{font-size:1.8rem;padding:0 .5rem;font-feature-settings:'tnum';letter-spacing:-0.1em}
#splideMainButton > div > span{opacity:.5}
#splideMainButton > i {border-radius:50em;font-size:1.8rem;width:2.6rem;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;transition:all .2s ease;cursor:pointer}
#splideMainButton > #slidePopup{display:none}

/* 메인 슬라이드 팝업*/
#splideMobile{position:fixed;left:0;top:0;right:0;bottom:0;background:#ffffff;z-index:101;overflow-y:auto;display:none}
#splideMobile > div {position:relative}
#splideMobile > div > a{width:100%}
#splideMobile > div > a > img{width:100%}
#splideMobile > div > div{position:sticky;top:0;left:0;z-index:102;background:#ffffff;width:100%;height:5rem;;padding:1.3rem 2rem;font-size:1.8rem;font-weight:500;box-shadow:0 3px 3px #00000010}
#splideMobileClose{position:absolute;right:2rem;top:50%;transform:translateY(-50%);cursor:pointer;font-size:1.4rem;text-align:center}
#splideMobileClose:hover {opacity:.7}
#splideMobileClose > div{position:relative;width:1.8rem;height:1.8rem;transform:rotate(45deg);transform-origin: 50% 50%;margin:0 auto}
#splideMobileClose > div::before{content:'';position:absolute;left:50%;top:50%;width:100%;background:#222;display:block;height:2px;transform:translate(-50%,-50%)}
#splideMobileClose > div::after{content:'';position:absolute;left:50%;top:50%;width:2px;background:#222;display:block;height:100%;padding-bottom:100%;transform:translate(-50%,-50%)}

/* 슬라이드 배너 */
#splideBanner {margin:12rem auto 6rem}
#splideBanner .splide__slide img{width:100%}


/* 고객센터 */
.customer-box {width: 100%;display: flex;gap:3rem;letter-spacing:-0.08em;}
.customer-box > .customer-picture{width:75%}
.customer-box > .customer-info{flex:1}
.customer-image{width:100%;position:relative}
.customer-image::after {display: block;content: "";padding-bottom:35.5%;}
.customer-image > img{height:100%;max-width:unset;width:unset;position:absolute;top:0;right:0}
.customer-image-text{display:flex;margin-top:1.2rem;gap:3rem}
.customer-image-text > div:nth-child(1){flex:1;color:#787878;font-size:3rem;font-weight:300;letter-spacing:-0.1em;line-height:1.2em;word-break:keep-all}
.customer-image-text > div:nth-child(2){align-self: end}

.line-none:before {content:'';display:block;width:5rem;border-bottom:1px solid #efefef;padding-top:2.0rem;margin-bottom:1.2rem }
.customer-line:before{content:'';display:block;width:5rem;border-bottom:1px solid #015c13;padding-top:2.0rem;margin-bottom:1.2rem}

.customer-center{margin-bottom:4rem}
.customer-center > h3{font-size:1.4rem;font-weight:400;line-height:1.2em}
.customer-center > h2{font-size:2.4rem;/*font-weight:600;*/font-weight:400;line-height:1.2em}
.customer-center .customer-tel {cursor:pointer;font-size:2.4rem}
.customer-center .customer-fax {cursor:pointer;font-size:1.4rem}
.customer-center .customer-time {cursor:pointer;font-size:1.4rem;}
.customer-center .customer-bank{cursor:pointer;font-size:1.4rem;line-height:1.2em;letter-spacing:-0.05em}
.customer-center button{display:inline-block;background:#212121;color:#ffffff;border-radius:20px;font-size:1.2rem;padding:2px 10px 3px;margin-left:5px;border:none;transform: translateY(-0.2em);font-weight:300}
.customer-center .customer-tel:hover,
.customer-center .customer-fax:hover,
.customer-center .customer-bank:hover{opacity:.7}
.customer-notice .notice-title{font-size:3.4rem;font-weight:400;display:block;line-height:1em;margin-top:1.8rem}
.customer-notice .notice-subject{/*font-weight:600;*/font-weight:400;font-size:1.35em;margin-bottom:.5em;display:block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
.customer-notice .notice-content{font-weight:500;margin-bottom:1em}
.customer-aside{display:flex;gap:0.8rem}
.customer-aside > a {background-color:#fff;color:#333;border-radius:0.4em;padding:0.5em;font-weight:700;opacity:0.7;font-size:1.2rem}
.customer-aside > a:hover {opacity:1;}



/* 상품메뉴 */
:root{
  --imBack : #eeeeee;
  --imBackOver : #009933;
  --imFont : #191919;
  --imFontOver : #ffffff;
}
.item-menu {font-size:1.6rem;border-radius:unset;border-radius:0;background:transparent}
.item-menu .splide__slide{flex: 1;text-align: center;cursor: pointer;white-space: nowrap;word-break:keep-all;letter-spacing: -.05em;background:var(--imBack)}
.item-menu .splide__slide > .menu-btn{font-weight:var(--font-weight-m);color:var(--imFont);background:var(--imBack);z-index:2;border-radius:0;transition:background var(--transition-time);padding:1.2rem 3rem;white-space: nowrap;word-break:keep-all;cursor:pointer;display:flex;justify-content:center;align-items:center}
.item-menu .splide__slide:hover > .menu-btn,
.item-menu .splide__slide.active > .menu-btn{color:var(--imFontOver);background:var(--imBackOver)}
.item-menu .splide__slide:first-child{background: linear-gradient(90deg, transparent 50%, var(--imBack) 50%)}
.item-menu .splide__slide:last-child{background: linear-gradient(90deg, var(--imBack) 50%, transparent 50%)}

/* 상품리스트 */

.utube-box,#itemBox1,#itemBox2,#itemBox3 {padding-top:var(--item-container-gap);padding-bottom:var(--item-container-gap)}
.item-box {width: 100%;display: grid;grid-template-columns: repeat(var(--item-columns), 1fr);gap:var(--item-container-gap)}
.item-box:not(.splide):empty:before{
  padding-top:1.2rem;
  background-image:url(/theme/basic/img/icon-nolist.png);content:'상품이 존재하지 않습니다.';
  background-position:50% calc(50% - 4.1rem + 1.2rem);background-repeat:no-repeat;aspect-ratio:var(--item-columns)/1;
  background-size: 4.1rem 4.1rem;
  margin:0 auto;grid-column:span var(--item-columns);width:100%;
  text-align:center;color:#c7c7c7;font-size:2rem;
  display:flex;justify-content:center;align-items:center;
}

.item-box.splide .splide__list:empty:before{
  padding-top:1.2rem;
  background-image:url(/theme/basic/img/icon-nolist.png);content:'상품이 존재하지 않습니다.';
  background-position:50% calc(50% - 4.1rem + 1.2rem);background-repeat:no-repeat;aspect-ratio:var(--item-columns)/1;
  background-size: 4.1rem 4.1rem;
  margin:0 auto;grid-column:span var(--item-columns);width:100%;
  text-align:center;color:#c7c7c7;font-size:2rem;
  display:flex;justify-content:center;align-items:center;
}

.item-box.loading:not(.splide):empty:before{
  content:'상품검색중입니다. 잠시만기다려주세요.';
}

.item-box.splide.loading .splide__list:empty:before{
  content:'상품검색중입니다. 잠시만기다려주세요.';
}


/* 마우스오버 초기화 */

.item-box .it-wrapper:not(:hover) .io-container{transition:unset}
/* 슬라이드     */
/* .item-box .it-wrapper:hover .item-option{transform: translateX(calc(100% - .95vw - 10px));width: calc(100% + 1vw + 10px);z-index:2;opacity:1} */
/* .item-box .it-wrapper:nth-child(4n):hover .item-option{transform: translateX(calc(-100% + .95vw + 10px));right:0;left:unset} */

/* 오버레이  */
/* .item-box .io-container{opacity:.2} */
/* .item-box .it-wrapper:hover .item-option{z-index:10000;transform: translateX(0);width: 100%;z-index:5;opacity:1;display:block} */

/* active 넣을시*/
.item-box .it-wrapper.active .io-container{z-index:3;opacity:1}

.item-box.rank .it-wrapper{position:relative;padding:.5rem 0 0 .5rem}
.item-box.rank .it-wrapper:after {z-index:4;background:#282828;color:#ffffff;position:absolute;left:0;top:0;content: attr(data-rank) "위";z-index:2;font-size:1.6rem;font-weight:300;letter-spacing:-0.05em;padding:.8rem;line-height:1em}
/* .item-box.rank .it-wrapper[data-rank='1']:after{background:#ff006c}
.item-box.rank .it-wrapper[data-rank='2']:after{background:#293895}
.item-box.rank .it-wrapper[data-rank='3']:after{background:#5e9529} */
.item-box .it-name-ko{font-size:1.5rem;font-weight:var(--font-weight-r);padding-top:.3rem;text-overflow: ellipsis;overflow:hidden;flex:1;color:#222}
.item-box .it-name-en{font-size:1.2rem;color:#ababab}

.item-box .it-info{display:flex;margin:.5rem 0 2rem;align-items:center}
.item-box .it-info button{background:transparent;border:none;color:#999;font-size:1.8rem;margin-right:.2rem}
.item-box .it-info button:hover{color:#333}
.item-box .it-info .it-price{font-size:1.6rem;color:#ababab;font-weight:var(--font-weight-l);font-family:'suit';font-feature-settings:'tnum';}

.item-box.splide{display:block;padding:0}
.item-box.splide .splide__pagination{counter-reset: pagination-num;position:unset}
.item-box.splide .splide__pagination__page{border-radius:20px;background:#d5d3d4;font-weight:500;width:2rem;height:2rem;font-size:1.2rem;text-align:center;color:#ffffff;opacity:1;border:unset;transition: all .15s linear;line-height:2rem}
.item-box.splide .splide__pagination__page.is-active {background:#191919;transform: scale(1);z-index: 1}
.item-box.splide .splide__pagination__page:hover {background:#191919;opacity:.7}
.item-box.splide .splide__pagination__page:before {counter-increment: pagination-num;content: counter(pagination-num);}


/* 상품 */
.it-container{}
.it-wrapper{width:100%;position:relative}
.it-wrapper:hover .it-button{opacity:1}
.it-wrapper:hover .it-button > .button:hover{background:#b0003c}
.it-content{width:100%;aspect-ratio:1/1;position:relative;overflow:hidden;background:#f5f5f5;border-radius: var(--item-radius)}
.it-content > .it-image{width:100%;height:100%;position: absolute;left:0;top:0;overflow:hidden;display:block}
.it-content > .it-image > img {width:100%;height:100%;object-fit:cover;transition: all var(--transition-time)}
.it-content > .it-image > .it-soldout{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000088;z-index:2;color:#ffffff88;font-weight:600;font-size:2.6rem;display:flex;justify-content:center;align-items:center;transition: all var(--transition-time)}
.it-content:hover > .it-image > .it-soldout,
.it-content:focus > .it-image > .it-soldout{font-size:3.2rem;color:#ffffff}


.it-content > .it-name{width:100%;position: absolute;bottom: 0;font-size: 1.8rem;padding:1.2rem 1.5rem;background: #000000bb;color: #ffffff;display: flex;justify-content: space-between;align-items: center}
.it-content > .it-name > span{white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
.it-content > .it-button{width:100%;height:100%;position:absolute;top:0;left:0;background:transparent;display:flex;align-items:center;justify-content: center;gap:10px;transition:all var(--transition-time);opacity:0}
.it-content > .it-button > .button{background:#ea0050;width:22%;aspect-ratio: 1/1;border-radius:100px;color:#ffffff;border:none;font-size:2.4rem;position:relative;display:block;transition:all var(--transition-time);}
.it-content > .it-button > .button > i {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.it-content > .it-button > .button > .fa-shopping-cart{padding-right:.3rem}
.it-content:hover .it-image > img,
.it-content:focus .it-image > img{transform: scale(var(--image-scale))/*;filter: brightness(50%)*/}
/* .it-content > .it-utube{background:#ff0000bb;padding:.5rem;border-radius:10em;display:inline-block;position:absolute;left:1rem;top:1rem;cursor:pointer;color:#ffffff}
.it-content > .it-utube > i {font-size:2rem}
.it-content > .it-utube:hover{background:#ff0000} */
.it-content > .it-utube{display:inline-block;position:absolute;right:1rem;top:1rem;cursor:pointer}
.it-content > .it-utube > i {font-size:3rem;color:#ff0000}
.it-content > .it-utube > img {width:3.5rem;opacity:.8;transition:all var(--transition-time)}
.it-content > .it-utube:hover > img {opacity:1}
.it-content > .it-water{display:inline-block;position:absolute;left:1rem;bottom:1rem;cursor:pointer}
.it-content .wish-button{cursor:pointer}
.it-content .wish-button:hover{color:#dddddd}


  /* 상품옵션 */
  
.io-container{transform: translateX(0);position: absolute;left:0;top:0;width: 100%;aspect-ratio:1/1;overflow-x: hidden;overflow-y: auto;background:#fafafa;opacity:0;transition:all ease .2s}
.io-container > .io-wrapper:last-child{border-bottom:1px solid #e6e6e6}

.io-head{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;padding-right:1rem;position:relative}
.io-head .io-close{position:absolute;right:1rem;top:50%;transform:translateY(-50%)}
.io-head .io-title{width:100%}
.io-head .io-title > h2{font-size:1.6rem;font-weight:500;letter-spacing:-1px;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;line-height:1.2em;width:calc(100% - 3rem)}
.io-head .io-title > h3{font-size:1.4rem;font-weight:400;letter-spacing:-1px;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;line-height:1.2em;width:calc(100% - 3rem)}
.io-wrapper{border-top:1px solid #e6e6e6;padding:1rem;display:flex;gap:.5rem;align-items:center;cursor:pointer;position:relative}
.io-wrapper:not(.disabled):hover {background:#f3f8f5}

.io-wrapper:not(.disabled):hover > .io-image > img:nth-child(1){filter: brightness(50%)}
.io-wrapper:not(.disabled):hover > .io-image > img:nth-child(2){opacity:1}

.io-image{height:7rem;aspect-ratio: 1/1;position:relative}
.io-image > .io-image-count{position:absolute;right:0;bottom:0;height:1rem;width:1rem;background:red;color:#ffffff;font-size:1rem;width:1.2rem;height:1.2rem;text-align:center;line-height: 1em;}
.io-image > img:nth-child(1){height:100%;width:100%;object-fit:cover;border-radius:var(--item-option-radius)}
.io-image > img:nth-child(2){position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);opacity:0}

.empty {}
.io-info{flex:1;font-size:1.5rem;display:block;gap:0; width:100%; }
.io-info > .io-name-info:empty{display:none}
.io-info > .io-name-info2 { text-align:center; }
.io-info > .io-name-info3 { width:150px; text-align:center;}

.io-name{line-height:1.2em;  text-overflow: ellipsis;white-space:normal;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.io-status{display:block}
.io-status > .io-delivery{font-size:1.1rem;color:#191919}
.io-status > .io-delivery > .io-delivery-msg{color:red}
.io-status > .io-tel-inq{font-size:1.1rem}

.io-tax{color:#333;font-size:1.1rem}
.io-tax .price{font-weight:400}

.io-qty-content .bt.icon{margin:0 .5rem}
.io-qty-content .bt.icon i{color:#999}
.io-qty-content .bt.icon:hover i{color:#333}
.io-qty-content .bt.icon:focus{outline:none}
.io-qty-content .bt.icon:focus i{outline:none}
.io-qty-content .bt.icon i.fa-solid.fa-heart{color:#ff6666}

.io-price{white-space:nowrap;line-height:1.2em}
.io-price > .price{font-size:1.5rem;margin-right:.25rem}
.io-count{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background: #009933;border-radius: 50em;font-size:1.2rem;width: 2rem;height: 2rem;color: #ffffff;font-weight: 400;text-align:center;line-height:2rem}
.io-count[data-qty='0']{background:#ababab}
.io-scroll{opacity:.7;position:absolute;bottom:1rem;left:50%;background:#191919;color:#ffffff;font-size:1.2rem;padding:.5rem 2rem;display:inline-block;border-radius:5em;transform:translateX(-50%);transition:opacity .5s;white-space: nowrap;z-index:4}
.io-scroll.disabled{opacity:0}
.io-soldout{color:#ff0000;/*text-decoration:line-through;*/font-size:1.2rem;font-weight:600}
.io-qty-content{display:flex;align-items:center;justify-content:center;gap:0}
.io-qty-content > input[type='text'].io-qty{height:3rem;background:transparent;border-bottom:1px solid #191919;border-radius:0;padding:0;width:4.5rem}
.io-qty-content >input[type='text'].io-qty:focus{outline:none;background:transparent/*;border-color:#009933*/}
.io-qty-content >.io-qty-btn{background:transparent;border:none;font-size:1.6rem;/*font-weight:600;*/font-weight:400;width:2.5rem;height:3rem;color:#999}
.io-qty-content >.io-qty-btn:hover{color:#333}
.io-qty-content > .bt.small{min-width:unset;padding:0 1rem;margin-left:.5rem}
.io-wrapper .io-group{display:flex;justify-content:space-between;align-items:center;min-height:3rem}
/* .io-wrapper.disabled .io-qty-content{display:none} */
.io-wrapper.disabled .io-qty-content .io-qty-btn{display:none}
.io-wrapper.disabled .io-qty-content .io-qty{display:none}
.io-wrapper.disabled .io-qty-content .cart_update_detail{display:none}


/* .io-wrapper.disabled .io-qty-content > .btn-qty{opacity:.5;cursor:default;pointer-events: none;}
.io-wrapper.disabled .io-qty-content > input[type='text']{opacity:.5}
.io-wrapper.disabled .cart_update_detail{opacity:.5;pointer-events: none} */

.io-wrapper.disabled .io-name,
.io-wrapper.disabled .io-name-info{color:#888}
.io-wrapper.disabled .io-image,
.io-wrapper.disabled .io-count{opacity:.5}


.it-wrapper[data-qty='0'] .io-count {background: #ababab;}
#requestDiv{width: var(--site-width);max-width: var(--site-max-width);padding:0 var(--site-max-padding);margin:0 auto}

/* ########################################################################## */
/* ########################################################################## */
/* ########################################################################## */

[class^='status_']{background: #09a83610;color: #09a836;border:1px solid  #09a83610;font-size:1.2rem;/*font-weight:600;*/font-weight:400;padding:.5rem 1.2rem;border-radius:50rem;display:inline-block}
.status_01{background: #09a83610;color: #09a836;border:1px solid  #09a83610}
.status_02{background: #005e9a10;color: #005e9a;border:1px solid  #005e9a10}
.status_03{background: #ff720010;color: #ff7200;border:1px solid  #ff720010}
.status_04{background: #9a3c8a10;color: #9a3c8a;border:1px solid  #9a3c8a10}
.status_05{background: #19191910;color: #191919;border:1px solid  #19191910}
.status_06{background: #ff007310;color: #ff0073;border:1px solid  #ff007310}


  /* 상품 정렬 */
  #ssch_sort > .tbody{padding:0}
  #ssch_sort > .tbody > span{display:flex;gap:2rem;font-size:1.3rem;font-weight:var(--font-weight-m)}
  #ssch_sort > .tbody > span > a{color:#cccccc}
  #ssch_sort > .tbody > span > a.active,
  #ssch_sort > .tbody > span > a:hover{color:#000}

  :root{
      --category-grid-columns:10;
  }

  /* 상품 카테고리 */
  .sct_ct > .sct_ct_content:not(.active) > a:not(.more):nth-child(n+21){display:none}
  @media (max-width: 1840px){:root{--category-grid-columns:9} .sct_ct > .sct_ct_content:not(.active) > a:nth-child(n+19){display:none}}
  @media (max-width: 1640px){:root{--category-grid-columns:8} .sct_ct > .sct_ct_content:not(.active) > a:nth-child(n+17){display:none}}
  @media (max-width: 1440px){:root{--category-grid-columns:7} .sct_ct > .sct_ct_content:not(.active) > a:nth-child(n+15){display:none}}
  @media (max-width: 1240px){:root{--category-grid-columns:6} .sct_ct > .sct_ct_content:not(.active) > a:nth-child(n+13){display:none}}
  @media (max-width: 1040px){:root{--category-grid-columns:5} .sct_ct > .sct_ct_content:not(.active) > a:nth-child(n+11){display:none}}
  @media (max-width: 840px) {:root{--category-grid-columns:4} .sct_ct > .sct_ct_content:not(.active) > a:nth-child(n+9){display:none}}
  @media (max-width: 640px) {:root{--category-grid-columns:2} .sct_ct > .sct_ct_content:not(.active) > a:nth-child(n+5){display:none}}
  @media (max-width: 440px) {:root{--category-grid-columns:2} .sct_ct > .sct_ct_content:not(.active) > a:nth-child(n+5){display:none}}

  .sct_ct{margin:1.5rem 0 1.5rem}

.sct_ct > .sct_ct_content {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(var(--category-grid-columns), 1fr);
	gap:.5rem;
	margin:0 auto;
}

.sct_ct > .sct_ct_content > a, .sct_ct_more {
	width:100%;
	background:#ececec;
	font-size:1.2rem;
	font-weight:var(--font-weight-r);
	display:flex;
	justify-content:center;
	align-items:center;
	word-break: keep-all;
	white-space: nowrap;
	height:4rem;
	gap:.5rem;
	position:relative;
	text-decoration:none;
	cursor:pointer;
}

.sct_ct > .sct_ct_content > a::after {
	content:'';
	display:block;
	position:absolute;
	left:50%;
	bottom:0;
	transform:translateX(-50%);
	width: 0;
	height: 0;
	border-left: .3rem solid transparent;
	border-right: .3rem solid transparent;
	border-bottom: .5rem solid #ffffff;
}

.sct_ct > .sct_ct_content > a.active,
.sct_ct > .sct_ct_content > a:hover {
	background:#009933;
	color:#ffffff;
}

.sct_ct_more{margin-top:.5rem;background:#000000;color:#ffffff}
.sct_ct_more:hover{background:#333333}





/* 장바구니 시작 ########################################################################## */
.prd_name b{font-weight:500}
.sod_bsk_tot > ul{display:inline-flex;gap:1rem;align-items:center;font-size:1.8rem;letter-spacing:-0.05em;white-space:nowrap}
.sod_bsk_tot > ul > li{display:flex;;justify-content:center;align-items:center;gap:.5rem}
.sod_bsk_tot > ul > li > span{font-size:1.4rem;color:#000}
.sod_bsk_tot > ul > li > span:first-child{padding-right:1rem}


.cart-bottom-info{display:flex;justify-content:space-between;align-items:center;margin:1rem 0 3rem}
.sod_bsk_cnt strong{color:#009933;font-size:2.4rem;line-height:1em}


/* 장바구니 선택사항수정 */
#sod_bsk_list #mod_option_frm {z-index:10000;position:fixed;top:50%;left:50%;width:90%;;max-width:54rem;height:auto !important;height:50rem;max-height:50rem;
border:1px solid #e4e4e4;border-radius:3px;background:#fff;overflow-y:auto;overflow-x:inherit;transform:translate(-50%,-50%)}
#sod_bsk_list .mod_option_bg {content:"";position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.1);display:block;z-index:9999}
#mod_option_frm h2 {border-bottom:1px solid #eeeeee;padding:0 20px;line-height:50px;font-size:1.6rem;font-weight:500}

.option_wr {padding:20px 20px 0}
.option_wr h3 {font-size:1.167em;margin-bottom:10px}
.option_wr .get_item_options,
.option_wr .get_item_supply {margin-bottom:10px}
.option_wr label {display:block;margin:10px 0 5px}
.option_wr select {width:100%;border:1px solid #d4d4d4;height:48px}

#sit_opt_added {margin:0;padding:0;border-bottom:0;list-style:none}
#sit_opt_added li {padding:10px 15px;background:#f9f9f9;border:1px solid #e6e9ed;margin:10px 0;position:relative}
#sit_opt_added li:after {display:block;visibility:hidden;clear:both;content:""}
#sit_opt_added li .opt_name {line-height:28px;font-weight:bold}
#sit_opt_added li .opt_count {}
#sit_opt_added button {float:left;width:30px;height:30px;border:1px solid #bdc9dc;border-radius:0;background:#fff;color:#666;font-size:0.92em}
#sit_opt_added button:hover {color:#000}
#sit_opt_added .num_input {float:left;border:0;height:30px;border-top:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;text-align:center}
#sit_opt_added .sit_opt_del {position:absolute;right:0;top:0;font-size:15px;border:0;border-left:1px solid #e6e9ed;border-bottom:1px solid #e6e9ed}
#sit_opt_added .sit_opt_del:hover {color:#be334a}
#sit_opt_added .sit_opt_prc {display:block;float:right;width:100px;padding:0 3px;text-align:right;line-height:30px;font-size:1.183em;font-weight:bold}


#sit_sel_option_bottom {display:flex;justify-content:space-between;align-items:center;padding:10px 20px 20px}
#mod_option_frm #sit_sel_option {margin:20px 20px 10px}
#mod_option_frm #sit_sel_option > h3 {font-weight:500}
#mod_option_frm #sit_tot_price {display:inline-block;font-size:1.6rem}
#mod_option_frm #sit_opt_added {}
#mod_option_frm .btn_confirm {display:inline-block;}
#mod_option_frm .btn_confirm .btn_submit {width:100px;height:40px;font-size:1.167em;font-weight:bold;cursor:pointer}
#mod_option_frm .btn_confirm .btn_close {position:absolute;top:0;right:0;width:50px;height:50px;border:0;background:none;font-size:1.25em;border-radius:0}
#mod_option_frm .btn_confirm .btn_close:hover {background:#f3f3f3}


.sod_option_btn .mod_options{font-size:1.1rem}
#sod_bsk_list #mod_option_frm{font-size:1.4rem}
/* 장바구니 종료 ########################################################################## */


.sct_admin{position:relative}
.sct_admin > a{position:absolute;right:0;bottom:0}


/* 페이 버튼 */
#display_pay_button {margin-top:3rem}
#display_pay_button .btn_submit{order:2;height:5rem;border:1px solid #ddd;background:#fff;border-radius:var(--button-radius);font-size:1.8rem;font-weight:500;letter-spacing:-1px;white-space: nowrap;word-break:keep-all;min-width:22rem;align-items: center;display: inline-flex;gap: .5rem;justify-content: center;transition:background .1s,color .1s;vertical-align:middle;cursor:pointer;min-width:14rem;height:4.5rem;border-radius:3px;font-size:1.6rem;padding:0 2rem;background:#009933;border-color:#009933;color:#ffffff}
#display_pay_button .btn_submit:hover{background:#09a836;border-color:#09a836}
#display_pay_button .btn01{order:1;height:5rem;border:1px solid #ddd;background:#fff;border-radius:var(--button-radius);font-size:1.8rem;font-weight:500;letter-spacing:-1px;white-space: nowrap;word-break:keep-all;min-width:22rem;align-items: center;display: inline-flex;gap: .5rem;justify-content: center;transition:background .1s,color .1s;vertical-align:middle;cursor:pointer;min-width:14rem;height:4.5rem;border-radius:3px;font-size:1.6rem;padding:0 2rem}
#display_pay_button .btn01:hover{background:#009a45;color:#ffffff;border-color:#009a45}
#display_pay_button .btn_cancel{order:1;height:5rem;border:1px solid #ddd;background:#fff;color:#000000;border-radius:var(--button-radius);font-size:1.8rem;font-weight:500;letter-spacing:-1px;white-space: nowrap;word-break:keep-all;min-width:22rem;align-items: center;display: inline-flex;gap: .5rem;justify-content: center;transition:background .1s,color .1s;vertical-align:middle;cursor:pointer;min-width:14rem;height:4.5rem;border-radius:3px;font-size:1.6rem;padding:0 2rem}
#display_pay_button .btn_cancel:hover{background:#009a45;color:#ffffff;border-color:#009a45}
#display_pay_button #show_req_btn{order:1}


/* 결제 종류 선택버튼 */
#sod_frm_paysel > input[type="radio"] {display:none}
#sod_frm_paysel > input[type='radio'] + label {border-radius: 3px;font-size: 1.6rem;background: #cacaca;color: #ffffff;padding: 0;display: flex;align-items: center;justify-content: center;height: 6rem;width:100%;max-width: 16rem;border: none;cursor:pointer;transition:background .1s,color .1s,border .1s}
#sod_frm_paysel > input[type='radio'] + label:hover,
#sod_frm_paysel > input[type='radio']:checked + label {background: #009933}




.cart-box{position:sticky;background:#ffffff;bottom:0;left:0;width:100%;z-index:4}
.cart-box .cb-title{background:#009933;color:#ffffff;display:flex}
.cart-box .cb-title > div {width: var(--site-width); max-width: calc(var(--site-max-width) - var(--site-max-padding) - var(--site-max-padding));padding:0;margin:0 auto;height:4rem;font-size:1.4rem;font-weight:400;display:flex;justify-content:space-between;align-items:center}
.cart-box #cartBoxOpen:checked~.cb-content{min-height:0;max-height:61rem;height:100%}

.cart-box .cb-open{display:none}
.cart-box .cb-open ~ .cb-title #cartBoxLabel{cursor:pointer;display:flex;justify-content:center;align-items:center;gap:.5rem}
.cart-box .cb-open ~ .cb-title #cartBoxLabel::before{content:'열기';display:inline-block;font-size:1.4rem;font-weight:500}
.cart-box .cb-open ~ .cb-title #cartBoxLabel::after{content:'';height:1.2rem;width:1.2rem;display:inline-block;border-left:3px solid #ffffff;border-bottom:3px solid #ffffff;transform:translate(0 ,30%) rotate(135deg)}
.cart-box .cb-open:checked ~ .cb-title #cartBoxLabel::before{content:'닫기'}
.cart-box .cb-open:checked ~ .cb-title #cartBoxLabel::after{content:'';transform:translate(0 ,0) rotate(-45deg)}


.cb-content {transition:all .1s ease-in;max-height:0;margin:0 auto;overflow:hidden}

.cb-list {margin:0 auto;max-width:calc(var(--site-max-width) - var(--site-max-padding) - var(--site-max-padding));display:flex;gap:0;height:20rem;overflow:auto;padding:0}
.cb-list .io-wrapper{border-top:none;padding:1rem;align-items:center;justify-content:center;width:16.5rem;flex-direction:column;background:#fafafa}
.cb-list .io-wrapper:not(:first-child){border-left:1px solid #ececec;box-sizing: border-box}
.cb-list .io-wrapper .io-info{text-align:center;font-size:1.2rem;gap:.5rem;display:flex;flex-direction:column}
.cb-list .io-wrapper .io-name{order:1;height:3rem}
.cb-list .io-wrapper .io-group{order:3;display:inline-grid;margin:0 auto}
.cb-list .io-wrapper .io-group .io-price{height:2rem}
.cb-list .io-wrapper .io-group .io-qty-content{height:3rem}
.cb-list .io-wrapper .io-status{order:2;display:block;height:1.5rem}
.cb-list .io-wrapper .io-status > .io-delivery{font-size:1.1rem}
.cb-list .io-qty-content > .bt.small{height:2.5rem;padding:0 .5rem}
.cb-list .io-qty-content > input[type='text'].io-qty{width:3.5rem;height:2.5rem;font-size:1.2rem}
.cb-list  .cart_del{position:absolute;right:.5rem;top:.5rem;background:transparent;border:none;font-weight: 800;}


/* .cb-list > .io-wrapper:nth-child(2n+1){background:#fafafa}
.cb-list > .io-wrapper:nth-child(2n){background:#ffffff}
.cb-list > .io-wrapper:nth-child(2n+1):hover{background:#e8f1eb}
.cb-list > .io-wrapper:nth-child(2n):hover{background:#f3f8f5} */



/* .cb-list .io-wrapper:nth-child(-n+3){border-top:1px solid #e6e6e6}
.cb-list .io-wrapper:nth-child(3n+1){border-left:1px solid #e6e6e6}
.cb-list .io-wrapper{border-right:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6} */

.cb-order-div{display:none;border-top:1px solid #ccc}
.cb-order-div.active{display:block}
.cb-order{margin:0 auto;max-width: var(--site-max-width);padding:0 var(--site-max-padding);padding-top:1rem;padding-bottom:1rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}
.cb-order > .sod_bsk_tot{flex:1}
.cb-order > .cb-btn{display:flex;gap:1rem}
.cb-order > .table{border:none;width:100%}

.cb-list:empty:before{
  padding-top:1.2rem;
  background-image:url(/theme/basic/img/icon-nolist.png);content:'장바구니 상품 없음';
  background-position:50% calc(50% - 4.1rem + 1.2rem);
  background-repeat:no-repeat;
  background-size: 4.1rem 4.1rem;
  height:20rem;
  margin:0 auto;grid-column:span var(--item-cart-columns);width:100%;
  text-align:center;color:#c7c7c7;font-size:2rem;
  display:flex;justify-content:center;align-items:center;
}


#sod_bsk_list{display:flex;gap:1rem;align-items: flex-start;position:relative}
.sob-bsk-cart{flex:1}

.order-step{text-align:center;padding:2rem 0}
.order-step > div{display:inline-block;position:relative}
.order-line{position:absolute;top:2.4rem;border-top:1px solid #e8e8e8;width:calc(100% - 4rem);left:2rem}
.order-step-content{display:flex;gap:7rem;position:relative}
.order-step-content > li {display:grid;place-items: center;gap:1rem;font-size:1.6rem;font-weight:500;color:#e8e8e8}
.order-step-content > li > i{background:#e8e8e8;color:#ffffff;height:4.8rem;width:4.8rem;font-size:1.6rem;display:flex;align-items:center;justify-content:center;border-radius:50%}
.order-step-content > li.active > i{background:#009a44;color:#ffffff}
.order-step-content > li.active{color:#009a44}

.sob-bsk-order{width:300px;padding:1.5rem;background:#f6f6f6;border-radius:6px;position:sticky;top:0}
.sob-bsk-order > .sod_bsk_tot{padding:1.5rem;background:#ffffff;border-radius:6px}
.sob-bsk-order > .sod_bsk_tot > h2{font-size:1.6rem;margin:.5rem 0 2rem}
.sob-bsk-order > .sod_bsk_tot > ul{display:grid;gap:.3rem;letter-spacing:0}
.sob-bsk-order > .sod_bsk_tot > ul > li{justify-content:space-between;gap:0.3rem}
.sob-bsk-order > .sod_bsk_tot > ul > li > span{font-size:1.2rem}
.sob-bsk-order > .sod_bsk_tot > ul > li > span:first-child{/*font-weight:600;*/font-weight:400;font-size:1.3rem}
.sob-bsk-order > .sod_bsk_tot > ul > li > strong{flex:1;text-align:right;font-size:1.3rem;font-weight:800}
.sob-bsk-order > .sod_bsk_tot  .bt{flex:1}
.sob-bsk-order > .sod_bsk_tot > ul > li.line::before{content:'';display:block;border-top:1px solid #eee;margin:.5rem 0;flex:1}
.sob-bsk-order > .sod_bsk_tot > ul > li.sod_bsk_cnt > strong{font-size:2.8rem}
.sob-bsk-order > .sod_bsk_tot > ul > li.sod_bsk_cnt > span{font-size:2.4rem;color:#009933}
.sob-bsk-order > .sod_bsk_tot > ul > li.gray >span{font-size:1.1rem;color:#aaaaaa}
.sob-bsk-order > .sod_bsk_tot > ul > li.gray >span:first-child{font-size:1.1rem;color:#aaaaaa}
.sob-bsk-order > .sod_bsk_tot > ul > li.gray >strong{font-size:1.1rem;color:#aaaaaa}
.sob-bsk-order .btn_confirm{margin-top:1rem}
.table.cart .total_prc{position:relative}
.table.cart .w-total-price{position:relative}
.table.cart .w-total-price .discount_prc{position:absolute;left:0;top:calc(100% + .5rem);color:red;display:block;white-space:nowrap;font-size:1.1rem;text-align:center;width:100%}
.table.cart .w-total-price .discount_prc:empty{display:none}
.table.cart  .delivery-msg{position:absolute;left:0;top:calc(100% + .5rem);color:red;display:block;white-space:nowrap;font-size:1.1rem;text-align:center;width:100%}
.table.cart  .w-subject .flex{flex-wrap:nowrap}
.table.cart  .w-subject .flex{word-break: keep-all}







/************************************
주문서작성
************************************/
/* 배송정보 */
.sod_frm{display:flex;gap:5rem}

/* 결제정보 */
#od_memo{width:100%;max-width:40rem}
#od_memo2{width:100%;max-width:40rem}
#od_tot_price > .print_price{font-size:2.6rem}

#sod_frm_orderer{flex:1;min-width:0}
#sod_frm_taker{flex:1;min-width:0}

/* 현금영수증 & 세금계산서 입력 */
.table > div.settle-tax{display:none}
.table > div.settle-npay{display:none}
/* 네모 */

#sod_frm_pt{display:flex;gap:.5rem 2rem;white-space:nowrap;flex-wrap:wrap}
#sod_frm_pt strong{margin-right:.5rem}
.sod_title > span{margin: 0 auto 10px;display: block;line-height: 30px;font-size: 2.6rem;font-weight:bold}

/* 희망배송일 */
.hope-check{display:none}
#od_hope_check2:checked ~  .hope-check{display:block}