html, body {
  font-size: 16px; 
  /* font-family: 'Noto Sans KR', sans-serif;  */
  /* font-family: 'Pretendard-Regular'; */
  font-family: "Pretendard";
  letter-spacing: -0.04em; line-height: 23px;
  color: #222; margin: 0 auto; min-width: 1200px; width: 100%;
}
body {
  overflow-x: hidden;
}
body, table, th, td, input, button, select, textarea, div{
  /* font-family: "Pretendard-Regular"; */
  font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
}

* {box-sizing: border-box;}

.flex-box {
  display: flex;
  flex-flow: row wrap;
}

button, textarea {
  padding: 0;
  border: none;
  background-color: #fff;
  outline: none;
  resize: none;
}

.hide {
  display: none!important;
}
.show {
  display: block!important;
}

.showFlex {
  display: flex!important;
}

:root {
  --m-color: #FF7427;
  --m-lighten: #b4d936;
  --txt-c9: #999;
  --txt-c6: #666;
  --txt-c2: #222;
  --txt-c0: #000;
  --txt-cf4: rgba(255, 255, 255, 0.4);
  --txt-cf2: rgba(255, 255, 255, 0.2);
  --border-ee: #eee;
  --border-dd: #ddd;
  --border-ff2: rgba(255, 255, 255, 0.2);
  --border-ff5: rgba(255, 255, 255, 0.5);

  --m-new: #fca604;
  --m-pop: #32c081;
  --m-rec: #fa647d;
  --m-sale:#ec3f3f;
  --m-best: #00a4a2;
  --m-coupon: #ff0000;
  --m-end: #8f8f99;
  --m-ready: #f58604;
  --m-ing: #00a4a2;
}
.mobile {display: none;}

.container {max-width: calc(100% - 40px); width: 1280px; margin: 0 auto; }
input[type='text'],
input[type='password'],
input[type='email'],
input[type='number'] {
  font-size:0.875rem; 
  padding:5px 12px; 
  -webkit-appearance: none; 
  -moz-appearance: none; 
  appearance: none; 
  box-sizing:border-box;
  color: #808080;
  border:1px solid #ddd;
  outline: none;
}
button {cursor: pointer;}
input::placeholder {
  color: #CBCBCB;
}
select {font-size:0.875rem; padding:5px 12px; -webkit-appearance: none; -moz-appearance: none; appearance: none; min-width: 90px;
  background:#fff url(/img/comm/sel_ico.png) 94% 50% no-repeat; border:1px solid #ddd; box-sizing:border-box;
color: #808080;}
.select {
  font-size:0.875rem; 
  padding:5px 12px; 
  -webkit-appearance: none; 
  -moz-appearance: none; 
  appearance: none; 
  min-width: 90px;
  background:#fff url(/img/comm/sel_ico.png) 94% 50% no-repeat; border:1px solid #ddd; 
  box-sizing:border-box;
  color: #808080;
  position: relative;
  display: inline-block;
}
.select-dropdown {
  position: relative;
}
.select-dropdown-menu {
  position: absolute;
  top: calc(100% - 1px);
  left: 0;
  display: none;
  border: 1px solid #ddd;
  background: #fff;
  z-index: 100;
  width: 305px;
}
.select-dropdown-menu.show {
  display: block;
}
.select-dropdown-option {
  font-size:0.875rem; 
  padding:5px 12px; 
  cursor: pointer;
  font-weight: 400;
  color: #808080;
}
.select-dropdown-option:hover {
  background-color: #1967d2;
  color: white;
}
.select-dropdown-text {border-top: 1px solid #ddd;}
.search-wrap .flex-box {
  gap: 3px;
  justify-content: center;
}
.search-wrap .flex-box .flex-box {gap: 0;}
.select-dropdown-text p {}
.select-dropdown-text input {
  width: calc(50% - 26px);
}
.select-dropdown-text button {
  background-color: var(--m-color);
  font-size: 0.875rem;
  font-weight: 400;
  color: #fff;
  padding: 2px 5px;
}
.select-dropdown-text:hover {
  color: #808080;
  background: #fff;
}
select::-ms-expand {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity:0; -webkit-filter: alpha(opacity=0); }
select, button, input, a, textarea {outline: none; color: #666;}

.blind {font-size: 0; opacity: 0; width: 0; height: 0; margin: 0; padding: 0;}
.input {width: auto; font-size: 0.875rem;box-sizing: border-box; border: 1px solid var(--border-dd); background: #fff; font-weight: 400;}
.select {width: auto;  font-size: 0.875rem; background-size: 0.875rem auto; box-sizing: border-box; border: 1px solid var(--border-dd); font-weight: 400; line-height: 1.25rem;}

.prd_chip {border: 1px solid #ddd; line-height: 11px; font-size: 11px; padding: 1px 4px; box-sizing: border-box; display: inline-block; border-radius: 4px; margin: 0 4px 0 0;}
.prd_chip.new {background: var(--m-new); color: #fff; border-color: var(--m-new);}
.prd_chip.pop {background: var(--m-pop); color: #fff; border-color: var(--m-pop);}
.prd_chip.recom {background: var(--m-rec); color: #fff; border-color: var(--m-rec);}
.prd_chip.sale {background: var(--m-sale); color: #fff; border-color: var(--m-sale);}
.prd_chip.best {background: var(--m-best); color: #fff; border-color: var(--m-best);}
.prd_chip.coupon {background: var(--m-coupon); color: #fff; border-color: var(--m-coupon);}
.prd_chip.coupon.big {font-size: 15px; line-height: 15px; padding: 2px 4px;}

.bbs_chip {border: 1px solid #ddd; line-height: 16px; font-size: 12px; padding: 0 4px; box-sizing: border-box; display: inline-block; border-radius: 4px; margin: 0 4px;}
.bbs_chip.ready {color: var(--m-ready); border-color: var(--m-ready); background: #fff;}
.bbs_chip.ing {color: var(--m-ing); border-color: var(--m-ing); background: #fff;}
.bbs_chip.end {color: var(--m-end); border-color: var(--m-end); background: #f3f3f3;}


@media all and (max-width: 1240px) {
  html, body {min-width: 0; max-width: none; font-size: 14px; line-height: 20px;}
  .container {min-width: 0; max-width: none; width: 100%; padding: 0 20px; box-sizing: border-box;}
}

@media all and (max-width: 900px) {
  html, body {font-size: calc(0.75rem + 0.5vmin); line-height: calc(1.125rem + 0.5vmin);}
}

.top_banner {width: 100%; background: url(/img/comm/top_banner.jpg) 50% 50% no-repeat; background-size: cover; position: relative; height: 0; overflow: hidden; transition: all 0.3s cubic-bezier(0, 0.38, 1, 1.37);}
.top_banner.show {padding-bottom: calc(100% * 90 / 2000); box-sizing: border-box; }
.top_banner a.cls_btn {position: absolute; right: 50%; margin-right: -620px; top: 50%; transform: translateY(-50%); display: block; width: 31px;
  height: 31px; background: url(/img/comm/top_banner_cls.png) 50% 50% no-repeat; background-size: 100% auto;}

@media all and (max-width: 900px) {
  .top_banner.show {padding-bottom: calc(90% * 200 / 1800); }

}

.btn01 {
  background-color: var(--m-color);
  font-size: 1rem;
  font-weight: 400;
  color: #fff;
  padding: 2px 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.btn02 {
  font-weight: 600;
  font-size: 1rem;
  line-height: 1;
  letter-spacing: -0.03em;
  text-align: center;
  vertical-align: middle;
  border-radius: 10px;
  border: 1px solid var(--m-color);
  color: var(--m-color);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  padding: 0.9375rem 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.btn03 {
  font-weight: 600;
  font-size: 1rem;
  line-height: 1;
  letter-spacing: -0.03em;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #DDDDDD;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.btn04 {
  font-weight: 600;
  font-size: 0.9375rem;
  line-height: 1;
  letter-spacing: -0.03em;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #808080;
  background: #F0F0F0;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}
.btn05 {
  color: #fff;
  background-color: var(--txt-c2);
  font-weight: 600;
  font-size: 1rem;
  line-height: 1;
  letter-spacing: -0.02em;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.radio-box input,
.radio-box label,
.check-box input,
.check-box label {cursor: pointer;}

.radio-box {
  display: flex;
  align-items: center;
  gap: 7px;
}
.custom-radio {
  appearance: none;
  width: 1.375rem;
  height: 1.375rem;
  border: 2px solid #ddd;
  position: relative;
  background-color: #fff;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.custom-radio::after {
  content: "";
  display: block;
  width: 0.625rem;
  height: 0.625rem;
  background-color: var(--m-color);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  opacity: 0;
}

.custom-radio:checked {
  border-color: var(--m-color);
}

.custom-radio:checked::after {
  opacity: 1;
}

.custom-checkbox {
  appearance: none;
  width: 1.375rem;
  height: 1.375rem;
  background-color: #fff;
  border: 2px solid #ddd;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  margin: 0;
}

.custom-checkbox:checked {
  background: #000 url("/img/sub/checkbox_icon.png") center center no-repeat;
  border-color: #000;
}

.custom-checkbox2 {
  appearance: none;
  width: 1.375rem;
  height: 1.375rem;
  background-color: #fff;
  border: 2px solid #ddd;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  margin: 0;
}

.custom-checkbox2:checked {
  background: var(--m-color) url("/img/sub/checkbox_icon.png") center center no-repeat;
  border-color: var(--m-color);
}

.input-box {
  border: 1px solid #ddd;
  overflow: hidden;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}
.input-box input[type='number'],
.input-box input[type='email'],
.input-box input[type='password'],
.input-box input[type='text'] {
  border: none;
  outline: none;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1;
  letter-spacing: -0.03em;
  vertical-align: middle;
  color: #999;
}

.input-tit .required {
  font-size: 0;
  position: relative;
}

.img-wrap img {
  max-width: 100%;
}

header { z-index: 200; width: 100%; position: relative; transition: all 0.3s cubic-bezier(0, 0.38, 1, 1.37); height: 8.875rem; -webkit-transition: all 0.3s cubic-bezier(0, 0.38, 1, 1.37); -moz-transition: all 0.3s cubic-bezier(0, 0.38, 1, 1.37); -ms-transition: all 0.3s cubic-bezier(0, 0.38, 1, 1.37); -o-transition: all 0.3s cubic-bezier(0, 0.38, 1, 1.37); }
header.fixed {background: #fff; box-shadow: 0 5px 12px rgb(0 0 0 / 5%); position: fixed; top: 0; left: 0;}
/*header::after {transition: all 0.3s cubic-bezier(0, 0.38, 1, 1.37); content: ''; display: block; width: 0; height: 1px; background: var(--border-ee); box-sizing: border-box; position: absolute; top: 8.5rem; left: 0;}*/
/*header::before {transition: all 0.3s cubic-bezier(0, 0.38, 1, 1.37); content: ''; display: block; width: 100%; height: 0; background: #fff; box-sizing: border-box; position: absolute; top: 8.5rem; left: 0;}*/
header.on {background: #fff; }
/*header.on::after {width: 100%;}*/
/*header.on::before {height: 22rem; box-shadow: 0 5px 12px rgb(0 0 0 / 5%); }*/
header .container {
  height: 3.875rem;}
header .container nav {width: calc(100% - 215px); flex: none; height: 100%;}
header .container .gnb {width: 100%; display: flex; justify-content: flex-start; align-items: center; height: 100%;}
header .container .gnb > li {flex: none; margin: 0 2rem 0 0; height: 100%; position: relative;}
header .container .gnb > li:last-of-type {margin-right: 0;}
header .container .gnb > li > a { font-size: 1rem; font-weight: 500; box-sizing: border-box; color: var(--txt-c0); line-height:3.875rem; transition: all 0.3s cubic-bezier(0, 0.38, 1, 1.37); -webkit-transition: all 0.3s cubic-bezier(0, 0.38, 1, 1.37); -moz-transition: all 0.3s cubic-bezier(0, 0.38, 1, 1.37); -ms-transition: all 0.3s cubic-bezier(0, 0.38, 1, 1.37); -o-transition: all 0.3s cubic-bezier(0, 0.38, 1, 1.37); }
header .container .gnb > li > a::after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background-color: var(--m-color);
  position: absolute;
  bottom: 0;
  left: 0;
  opacity: 0;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}
header .container .gnb > li:hover > a::after {
  opacity: 1;
}
header .container .gnb > li.active > a {color: var(--m-color);}
header .container .gnb > li .depth2 {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 90%;
  left: 50%;
  transform: translateX(-50%);
  padding: 0.78125rem 0rem;
  box-sizing: border-box;
  width: calc(100% + 3.4rem);
  /*border: 1px solid var(--border-ee);
  */background: #fff;
  /*box-shadow: 5px 5px 12px rgb(0 0 0 / 5%);
  */box-shadow: 0px 4px 10px 0px #00000040;
  border-radius: 10px;
  transition: top 0.3s linear, opacity 0.3s linear, visibility 0.3s linear;
  -webkit-transition: top 0.3s linear, opacity 0.3s linear, visibility 0.3s linear;
  -moz-transition: top 0.3s linear, opacity 0.3s linear, visibility 0.3s linear;
  -ms-transition: top 0.3s linear, opacity 0.3s linear, visibility 0.3s linear;
  -o-transition: top 0.3s linear, opacity 0.3s linear, visibility 0.3s linear;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}
header .container .gnb > li.active .depth2 {opacity: 1; visibility: visible; top: 100%;}
header .container .gnb > li:last-of-type .depth2 {transform: translateX(0); left: initial; right: 0;}
header .container .gnb > li .depth2 > li > a { transition: all 0.2s linear;text-align: center; font-size: 0.875rem; line-height: 1.786; display: block;
  width: 100%; color: var(--txt-c2); font-weight: 400; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; }
header .container .gnb > li .depth2 > li:hover a {color: var(--m-color);}
header .container h1 {width: 13.4375rem; flex: none;}
header .top_container {width: 100%; box-sizing: border-box; }
header .top_inner {width: 100%; max-width: 1280px; margin: 0 auto; box-sizing: border-box; height: 5rem; display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center;}
header .top-search {
  display: flex; 
  flex-flow: row wrap; 
  justify-content: space-between; 
  max-width: 563px; 
  width: 44%;
  align-items: center;
}
header .search-box {
  width: calc(100% - 163px);
  border: 1px solid rgba(221, 221, 221, 1);
  padding: 10px 20px;
  border-radius: 46px;
  -webkit-border-radius: 46px;
  -moz-border-radius: 46px;
  -ms-border-radius: 46px;
  -o-border-radius: 46px;
}
header .search-box form {
  display: flex;
  flex-flow: row wrap;
}
header .search-box input {
  width: calc(100% - 20px);
  height: 100%;  
  border: none;
  font-size: 0.9375rem;
  padding: 0;
  line-height: 1.2;
  height: 1.6em;
}
header .search-box input:focus {
  outline: none;
}
header .search-box button {
  border: none;
  background-color: white;
  padding: 0;
}
header .user_menu {display: flex; justify-content: flex-end; align-items: center; height: 100%;}
header .user_menu dt {flex: none;}
header .user_menu dd {
  padding: 0 12px;
  position: relative;
}
header .user_menu dd::after {
  content: "";
  display: block;
  width: 1px;
  height: 12px;
  background-color: #adadad;
  position: absolute;
  right: -0px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
header .user_menu dd:last-of-type {padding-right: 0;}
header .user_menu dd:last-of-type::after {
  display: none;
}
header .user_menu dd a {
  font-size: 15px;
  line-height: 1rem;
  color: #000;
  font-weight: 500;

}
header .user_menu dd a.mydd {
  padding: 8px 15px;
  color: #fff;
  background-color: var(--m-color);
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}
/* header .user_menu dd {flex: none; height: 100%;}
header .user_menu dd a {color: var(--txt-c6); font-size: 0.9375rem; display: flex; justify-content: center; align-items: center; padding: 0 1.5rem 0 0;box-sizing: border-box; height: 100%; transition: all 0.2s;}
header .user_menu dd a:hover {color: var(--m-color);}
header .user_menu dd:last-of-type a {padding-right: 0;} */

.header-mobile-wrap,
header .tb-is-block {display: none;}
header .all_menu_open {font-size: 0; width: 22px; height: 23px; background: url(/img/comm/menu2.png) center center no-repeat; background-size: contain;}
header .all_menu_cls {font-size: 0; width: 22px; height: 23px;
  background: url(/img/comm/menu_cls2.png) 0 0 no-repeat; background-size: contain;}
header .tb-is-menu {display: none; width: 100%; position: absolute; z-index: 800; top: 0; right: 0; height: 100vh; background: #fff;}
header .mobile-search-box {display: none; width: 100%; position: absolute; z-index: 801; top: 0; right: 0; background: #fff;}
header .mobile-search-wrap {padding: 0 20px 25px;}
header .mobile-search-wrap .search-box {width: 100%;}
.header-mobile-top .user_menu dd:first-of-type {padding-left: 0;}
header .tb-is-dim {display: none; width: 100%; position: absolute;
  z-index: 799; top: 0; right: 0; height: 100vh; background: rgba(0, 0, 0, 0.8);}

.header-mobile-top {align-items: center; justify-content: space-between; padding: 0 20px; height: 60px;}
header .mobile-search-box .user_menu-mobile,
header .tb-is-menu .user_menu-mobile {display: flex; height: auto; justify-content: flex-start;}
header .gnb2 {width: 100%; display: block; max-height: calc(100vh - 60px); overflow-y: auto; padding: 0 20px;}
header .gnb2 > li > a {background: url(/img/comm/open_menu.png) calc(100% - 1.125rem) 50% no-repeat; background-size: 1.125rem auto; display: block; width: 100%; line-height: 3.375rem; font-weight: 500;
  font-size: 1.125rem; color: var(--txt-c2);
  padding: 0 1.125rem; box-sizing: border-box; border-bottom: 1px solid var(--border-ee);
  position: relative;
}
header .gnb2 > li > a::after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background-color: var(--m-color);
  position: absolute;
  bottom: 0;
  left: 0;
  opacity: 0;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}
header .gnb2 > li > a:hover::after {
  opacity: 1;
}
header .gnb2 > li > .depth2 {background: #f9f9f9; width: 100%; display: none;}
header .gnb2 > li > .depth2 > li > a { font-size: 1.0875rem; line-height: 1.7rem;
  padding: 0 1.125rem; box-sizing: border-box;
  display: block; color: var(--txt-c9); font-weight: 400;}
header .gnb2 > li.on > .depth2 {display: block; padding: 1rem 0; box-sizing: border-box;}
header .gnb2 > li.on > a {background: url(/img/comm/close_menu.png) calc(100% - 1.125rem) 50% no-repeat;  background-size: 1.125rem auto;}


header .user_area {border-bottom: 1px solid var(--border-dd); box-sizing: border-box; width: 100%; height: 10rem; background: #fafafa; flex-wrap: wrap; display: flex; justify-content: flex-start; align-items: flex-start; align-content: flex-start;}
header .user_area h3 {border-bottom: 1px solid var(--border-dd); box-sizing: border-box; width: 100%; height: 6.5rem; flex: none; display: flex; justify-content: center; align-items: center; font-size: 1.125rem; font-weight: 500; color: var(-txt-c6); text-align: center; }
header .user_area h3 b {font-weight: 800; color: var(--m-color);}
header .user_area > a {font-size: 1rem; font-weight: 500; color: var(--txt-c6); width: 50%; flex: none; height: 3.5rem; display: flex; justify-content: center; align-items: center;}
header .user_area > a + a {border-left: 1px solid var(--border-dd); box-sizing: border-box;}

@media all and (max-width: 1440px) {
  .top_banner a.cls_btn {margin-right: 0; right: 20px; width: 24px; height: 24px; }
}

@media all and (max-width: 1240px) {
  header .top_inner {padding: 0 1.25rem; box-sizing: border-box;}
}

@media all and (max-width: 900px) {
  header {height: 100px;}
  header .container nav {display: none;}
  header .container h1 img {display: block; height: 3rem; width: auto;}


  .header-mobile-wrap {display: flex; gap: 20px; align-items: center;}
  header .tb-is-block {display: block;}
  .top_banner a.cls_btn {width: 20px; height: 20px;}
}


/**** Footer ****/
footer #footer {background-color: #222; padding: 3.5rem 0 6.625rem;}
footer .container {justify-content: space-between; align-items: flex-start;}
footer .foot-right {width: calc(100% - 220px);}
footer #footer .foot_top {padding-bottom:1.25rem; box-sizing: border-box; border-bottom:1px solid var(--border-ff2); margin:0 0 1.625rem;}
footer #footer .foot_top a { font-size: 1rem; color: #fff; margin: 0 2rem 0 0; line-height: 1;}
footer #footer .foot_top a:first-child {opacity: 0.7;}
footer #footer .foot_top a:last-child {margin-right:0;}
footer #footer .foot_bottom p.info {
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 100%;
  letter-spacing: 0%;
  opacity: 0.7;
  color: #fff;
  margin-bottom: 11px;
}
footer #footer .foot_bottom p.info span {
  margin-right: 1.4375em;
  position: relative;
  display: inline-block;
}
footer #footer .foot_bottom p.info span::after {
  content: "ㅣ";
  position: absolute;
  top: 0;
  right: -1.266667em;
}
footer #footer .foot_bottom p.info span:last-child::after {
  display: none;
}

footer #footer .foot_bottom p.copy {
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 100%;
  letter-spacing: 0%;
  opacity: 0.7;
  color: #fff;
}
footer #footer .foot_bottom ul {
  margin-top: 30px;
  gap: 12px;
}

/**** Footer ****/

/* 팝업 커스텀 S */
#custom-popup {
  z-index: 999;
  max-width: 360px;
  height: 160px;
}

#custom-popup .alert-inner {
  padding: 1.875rem 1.25rem 1.25rem;
  display: flex;
  flex-flow: column wrap;
  justify-content: space-between;
  align-items: flex-end;
  height: 100%;
}

#custom-popup .alert-inner p {
  width: 100%;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.375;
  letter-spacing: -0.02em;
}

#custom-popup .alert-inner .popup-close-btn {
  font-weight: 600;
  font-size: 15px;
  line-height: 1;
  letter-spacing: -0.02em;
  color: #fff;
  width: 3.75rem;
  height: 2.4375rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--m-color);
  margin-top: 10px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.system-popup {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  max-width: 600px;
  max-height: 90%;
  width: calc(100% - 40px);
  background-color: #fff;
  z-index: 997;
  transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  overflow: hidden;
  overflow-y: auto;
}
#custom-popup-login {
  z-index: 995;
}
#custom-popup-login .alert-inner {
  padding: 4.6875rem 6.25rem;
}
#custom-popup-login .logo-wrap {
  max-width: 198px;
  width: 80%;
  margin: 0 auto;
}
#custom-popup-login .coupon-info-wrap {
  gap: 10px;
  justify-content: center;
  align-items: center;
  margin-top: 3.4375rem;
}
#custom-popup-login .coupon-info-wrap .img-wrap {
  width: 18.5rem;
}
#custom-popup-login .coupon-info-wrap h4 {
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.6875;
  letter-spacing: -0.03em;
  color: var(--txt-c2);
}
#custom-popup-login .coupon-info-wrap h4 span {
  color: var(--m-color);
}
#custom-popup-login .login-social {
  display: flex;
  flex-flow: column wrap;
  gap: 10px;
  margin-top: 2.1875rem;
}
#custom-popup-login .login-social button {
  width: 100%;
  height: 3.75rem;
  display: flex;
  flex-flow: row wrap;
  gap: 1.25rem;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 1.125rem;
  line-height: 1;
  letter-spacing: -0.03em;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}
#custom-popup-login .login-social button.naver {
  background: #44BE58;
  color: #fff;
}
#custom-popup-login .login-social button.kakao {
  background: #FBE533;
  color: #000;
}
#custom-popup-login .login-social button.google {
  background: #F2F2F2;
  color: #000;
}
#custom-popup-login .input-wrap input
{
  width: 100%;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1;
  letter-spacing: -0.03em;
  color: var(--txt-c2);
  padding: 0 1.25rem;
  height: 3rem;
  border-radius: 10px;
  margin-bottom: 10px;
}
#custom-popup-login button[type='submit'] {
  font-weight: 700;
  font-size: 1rem;
  line-height: 1;
  letter-spacing: -0.03em;
  width: 100%;
  height: 3.125rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: #2547EA;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}
#custom-popup-login .find-wrap {
  justify-content: center;
  align-self: center;
  gap: 1.75rem;
  margin-top: 1.25rem;
}
#custom-popup-login .find-wrap button {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1;
  letter-spacing: -0.03em;
  color: #6B6B6B;
  position: relative;
}

#custom-popup-login .find-wrap button::after {
  content: "";
  display: block;
  width: 1px;
  height: 11px;
  background-color: #ddd;
  position: absolute;
  top: 50%;
  right: -0.875rem;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
#custom-popup-login .find-wrap button:last-child:after {
  display: none;
}
.system-popup .popup-close-btn2 {
  position: absolute;
  top: 2.5rem;
  right: 2.5rem;
}
.system-popup-wrap {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 995;
}

.system-popup-wrap-alert {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 995;
}



.system-popup-wrap-confirm {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 995;
}




#join-system-popup-wrap,
#join-social-system-popup-wrap,
#join-cert-system-popup-wrap,
#find-system-popup-wrap {
  z-index: 997;
}
#system-popup-wrap,#system-popup-wrap-alert {
  z-index: 999;
}
#system-popup-wrap,#system-popup-wrap-confirm {
  z-index: 999;
}


#custom-popup-alert {
  z-index: 999;
  max-width: 360px;
  height: 160px;
}

#custom-popup-alert .alert-inner {
  padding: 1.875rem 1.25rem 1.25rem;
  display: flex;
  flex-flow: column wrap;
  justify-content: space-between;
  align-items: flex-end;
  height: 100%;
}

#custom-popup-alert .alert-inner p {
  width: 100%;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.375;
  letter-spacing: -0.02em;
}

#custom-popup-alert .alert-inner .popup-close-btn {
  font-weight: 600;
  font-size: 15px;
  line-height: 1;
  letter-spacing: -0.02em;
  color: #fff;
  width: 3.75rem;
  height: 2.4375rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--m-color);
  margin-top: 10px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.system-popup-alert {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  max-width: 600px;
  max-height: 90%;
  width: calc(100% - 40px);
  background-color: #fff;
  z-index: 997;
  transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  overflow: hidden;
  overflow-y: auto;
}



#custom-popup-confirm {
  z-index: 999;
  max-width: 360px;
  height: 160px;
}

#custom-popup-confirm .alert-inner {
  padding: 1.875rem 1.25rem 1.25rem;
  display: flex;
  flex-flow: column wrap;
  justify-content: space-between;
  align-items: flex-end;
  height: 100%;
}

#custom-popup-confirm .alert-inner p {
  width: 100%;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.375;
  letter-spacing: -0.02em;
}

#custom-popup-confirm .alert-inner .popup-close-btn {
  font-weight: 600;
  font-size: 15px;
  line-height: 1;
  letter-spacing: -0.02em;
  color: #fff;
  width: 3.75rem;
  height: 2.4375rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--m-color);
  margin-top: 10px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.system-popup-confirm {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  max-width: 600px;
  max-height: 90%;
  width: calc(100% - 40px);
  background-color: #fff;
  z-index: 997;
  transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  overflow: hidden;
  overflow-y: auto;
}

.system-popup-confirm .btn-wrap {
  gap: 10px;
}

.custom-popup-find {}
.custom-popup-find .alert-inner {
  padding: 3.75rem 3.125rem;
}
.custom-popup-find .find-user-top {
  padding: 10px;
  gap: 8px;
  background: #F0F0F0;
  border-radius: 10x;
  -webkit-border-radius: 10x;
  -moz-border-radius: 10x;
  -ms-border-radius: 10x;
  -o-border-radius: 10x;
}

.custom-popup-find .find-user-top button {
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1;
  letter-spacing: -0.03em;
  color: #6B6B6B;
  width: calc(50% - 4px);
  height: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #F0F0F0;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}
.custom-popup-find .find-user-top button.on {
  background-color: #fff;
  color: var(--txt-c2);
}
.custom-popup-find .input-wrap {
  position: relative;
}
.custom-popup-find .input-wrap p.input-tit {
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1;
  letter-spacing: -0.03em;
  color: var(--txt-c2);
  width: 100%;
  margin-bottom: 10px;
}
.custom-popup-find .input-wrap input {
  width: 100%;
  font-weight: 400;
  font-size: 0.9375rem;
  border: none;
  line-height: 1;
  letter-spacing: -0.03em;
  height: 3.375rem;
  background-color: #f7f7f7;
  border: 1px solid #f7f7f7;
  color: var(--txt-c2);
  border-radius: 10px;
  padding: 0 1.25rem;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}
.custom-popup-find .input-wrap2 input {
  width: calc(100% - 9.625rem - 8px);
}
.custom-popup-find .input-wrap3 input {
  background-color: #fff;
  border: 1px solid #ddd;
}
.custom-popup-find .input-wrap input::placeholder {
  color: var(--txt-c9);
}
.custom-popup-find .input-wrap p.input-warning {
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1;
  letter-spacing: -0.03em;
  color: var(--m-color);
  opacity: 0;
  position: absolute;
  top: calc(100% + 10px);
  left: 0;
}
.custom-popup-find .input-wrap2 {
}
.system-popup .input-wrap2 button {
  width: 9.625rem;
  margin-left: 8px;
}
.custom-popup-find .btn-wrap {
  gap: 8px;
}

.custom-popup-find .btn-wrap button:first-child {
  color: var(--txt-c2);
}
.custom-popup-find .btn-wrap button:last-child {}
.custom-popup-find .btn-wrap button {
  width: calc(50% - 4px);
  height: 3.375rem;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.custom-popup-find-id h4 {
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 1;
  letter-spacing: -0.03em;
  color: var(--txt-c2);
}
.custom-popup-find-id .info-box {
  background: #F5F8FF;
  text-align: center;
  padding: 1.25rem;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}
.custom-popup-find-id .info-box h5 {
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 1;
  letter-spacing: -0.02em;
  color: var(--txt-c2);
}
.custom-popup-find-id .info-box .top {
  font-weight: 700;
  font-size: 1rem;
  line-height: 1;
  letter-spacing: -0.02em;
  color: var(--txt-c2);
  margin-top: 5px;
}
.custom-popup-find-id .info-box .bottom {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.125rem;
  letter-spacing: -0.02em;
  color: #6B6B6B;
  margin-top: 5px;
}
.custom-popup-find-id .info-box .bottom a {text-decoration: underline;}
.custom-popup-find-id .date {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.125rem;
  letter-spacing: -0.02em;
  color: #6B6B6B;
  margin-top: 1.25rem;
}
.custom-popup-find-id .account-info {
  width: 100%;
  justify-content: space-between;
  align-items: center;
  padding: 1.25rem 0;
  border-bottom: 1px solid #ddd;
}
.custom-popup-find-id .account-info .email {
  gap: 10px;
  align-items: center;
} 
.custom-popup-find-id .account-info .email .img-wrap {
  width: 2rem;
  height: 2rem;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
.custom-popup-find-id .account-info .email .img-wrap img {
  max-width: 200%;
  max-height: 200%;
}
.custom-popup-find-id .account-info .email p {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1;
  letter-spacing: -0.02em;
  color: #6b6b6b;
}
.custom-popup-find-id .account-info .btn-login {
  width: 6.25rem;
  height: 2.625rem;
  font-size: 0.875rem;
}
.custom-popup-find-id .inquiry {
  margin-top: 1.25rem;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.125rem;
  letter-spacing: -0.02em;
  color: #6b6b6b;
}
.custom-popup-find-id .inquiry a {text-decoration: underline;}
.custom-popup-join h4,
.custom-popup-join-cert h4,
.custom-popup-find-pw h4 {
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 1;
  letter-spacing: -0.03em;
  text-align: center;
}
.system-popup .password-info {
  position: absolute;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.125;
  letter-spacing: -0.03rem;
  vertical-align: middle;
  color: #FF7427;/*red*/
  opacity: 0;
  /* top: calc(100% + 10px);*/
  top: calc(100% + 5px);
  left: 0;
}

.system-popup input[type='password'].password-error {
  border-color: red;
}

.system-popup .password-info.password-error {
  opacity: 1;
}

.custom-popup-join .alert-inner {
  padding: 3.75rem 3.125rem;
  overflow-y: auto;
}
.system-popup input:disabled {
  background: #F7F7F7!important;
  border: none!important;
  color: #6b6b6b!important;
}
.system-popup .checkbox-wrap .term-item {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 15px;
  position: relative;
}
.system-popup .checkbox-wrap .term-ite:last-child {
  margin-bottom: 0;
}
.system-popup .checkbox-wrap .term-item label {
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1;
  letter-spacing: -0.03em;
  color: var(--txt-c2);
  position: relative;
}
.system-popup .checkbox-wrap .term-item label span {
  font-weight: 500;
  color: var(--txt-c9);
  display: inline-block;
  margin-right: 8px;
}
.system-popup .checkbox-wrap .term-item label .notice {
  position: absolute;
  top: calc(100% + 1.25rem);
  left: 0;
  font-weight: 400;
  color: #6B6B6B;
  width: 400px;
}
.system-popup .checkbox-wrap .term-item label .notice img {
  margin-right: 8px;
}
.system-popup .checkbox-wrap .term-item label .notice span {
  font-weight: 500;
  color: var(--m-color);
  margin: 0;
}
.system-popup .checkbox-wrap .term-item .arrow {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
.review-popup .alert-inner {
  padding: 1.875rem 1.25rem 1.25rem;
}
.review-popup .alert-inner textarea {
  width: 100%;
  padding: 20px;
  border: 1px solid #ddd;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}
.review-popup .btn-wrap {
  gap: 20px;
  justify-content: flex-end;
  margin-top: 30px;
}
.review-popup .btn-wrap button {
  font-weight: 600;
  font-size: 15px;
  line-height: 1;
  letter-spacing: -0.02em;
  color: #fff;
  width: 3.75rem;
  height: 2.4375rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--m-color);
  /* margin-top: 10px; */
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.review-edit-popup .rating {
  direction: rtl; /* 오른쪽부터 별 정렬 */
  font-size: 1.5rem;
  cursor: pointer;
  display: inline-block;
}

.review-edit-popup .rating i {
  color: #ccc;
  transition: color 0.2s;
}

.review-edit-popup .rating i.hover,
.review-edit-popup .rating i.selected {
  color: #F4D94A;
}
.review-edit-popup .rating-box {
  gap: 8px;
  align-items: center;
  margin-bottom: 25px;
}
.review-edit-popup .rating-box p {
  font-weight: 400;
  font-size: 14px;
  line-height: 1;
  letter-spacing: -0.03em;
  color: #6B6B6B;

}

.refund-popup .alert-inner {
  padding: 1.875rem 1.25rem 1.25rem;
}
.refund-popup .alert-inner input,
.refund-popup .alert-inner select {
  width: 100%;
  height: 3.125rem;
  margin-bottom: 15px;
}
.refund-popup .alert-inner textarea {
  width: 100%;
  padding: 20px;
  border: 1px solid #ddd;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}
.refund-popup .btn-wrap {
  gap: 20px;
  justify-content: flex-end;
  margin-top: 30px;
}
.refund-popup .btn-wrap button {
  font-weight: 600;
  font-size: 15px;
  line-height: 1;
  letter-spacing: -0.02em;
  color: #fff;
  width: 3.75rem;
  height: 2.4375rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--m-color);
  /* margin-top: 10px; */
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}



.refund-popup2 .alert-inner {
  padding: 1.875rem 1.25rem 1.25rem;
}
.refund-popup2 .alert-inner input,
.refund-popup2 .alert-inner select {
  width: 100%;
  height: 3.125rem;
  margin-bottom: 15px;
}
.refund-popup2 .alert-inner textarea {
  width: 100%;
  padding: 20px;
  border: 1px solid #ddd;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}
.refund-popup2 .btn-wrap {
  gap: 20px;
  justify-content: flex-end;
  margin-top: 30px;
}
.refund-popup2 .btn-wrap button {
  font-weight: 600;
  font-size: 15px;
  line-height: 1;
  letter-spacing: -0.02em;
  color: #fff;
  width: 3.75rem;
  height: 2.4375rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--m-color);
  /* margin-top: 10px; */
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

/* 팝업 커스텀 E */



#S_wrap {position: relative; z-index: 99;}
#S_wrap::before {content:  initial; width: 100%; display: block; height: 4rem; background: transparent;}
#S_wrap.fix_head {}
#S_wrap.fix_head::before {content: '';}
/*
.s_visual {z-index: 99; width: 100%; height: 15.5rem; box-sizing: border-box; background: url(/img/sub/s_bg.jpg) 50% 50% no-repeat; background-size: cover;
  display: flex; justify-content: center; align-items: center; position: relative;}
.s_visual h2 {color: #fff; text-align: center; font-size: 2.4rem; font-weight: 800;}
*/
#S_container {width: 1280px; max-width: calc(100% - 40px); margin: 5.625rem auto 6.25rem;}
#Contents .Sub_tit {font-size:1.765rem; color:#222; letter-spacing:-0.7pt; line-height:1; font-weight:bold; margin:0 0 2.5rem;}

@media all and (max-width: 1240px) {
  #S_container {max-width: 100%; min-width: 100%; padding: 0 20px; box-sizing: border-box;}

}

@media all and (max-width: 900px) {
  #Contents .Sub_tit {margin:0 0 1.5rem; font-size: 1.5rem;}
}


.lnb-container {width: 100%; /*border-bottom: 1px solid var(--border-ee);*/ box-sizing: border-box;}
#lnb {display: block; width: 100%; }
#lnb ul {width: 100%; display: flex; justify-content: center; align-items: center; align-content: center; flex-wrap: wrap;}
#lnb ul li {flex: none; }
#lnb ul li a {padding: 0 1rem; box-sizing: border-box; display: flex; justify-content: center; align-items: center; font-size: 1rem; font-weight: 500; background: #fff; line-height: 3.25rem;}
#lnb ul li a.on {color: var(--m-color)}
#lnb ul.ver10 li {}

.category-lnb-container {
  width: 100%;
  border-bottom: 2px solid #E2E2E2;
  padding: 13px 0;
}

.category-lnb ul {
  display: flex;
  flex-flow: row wrap;
  gap: 10px;
} 
.category-lnb ul li {
   max-width: 160px;
   width: calc(20% - 8px);
}
.category-lnb ul li a {
  transition: all 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 2.625rem;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1;
  letter-spacing: -0.02em;
  color: #6B6B6B;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}
.category-lnb ul li a:hover,
.category-lnb ul li a.on {
  background: #FFF5F0;
  color: var(--m-color);
}

@media all and (max-width: 640px) {
  .lnb-container .container {padding: 0 !important;}
  #lnb ul li a {display: none;}
  #lnb ul li {width: 100%;}
  #lnb ul li a.on {display: block; width: 100%;;}

  #lnb ul.show li a{display: block;}

  .category-lnb ul li a {
    font-size: 0.8rem;
    white-space: nowrap;
  }
}



/******************************************************* 리스트 하단버튼 *******************************************************/
.table_view_center {margin: 2rem 0 0;}
.table_view_center table {margin: auto;}
.table_view_btn { border: 1px solid #ddd;line-height: 31px;font-size: 14px;padding: 0 12px;box-sizing: border-box;display: inline-block;cursor: pointer; vertical-align: middle;}
.table_view_btn.bg {background: #777; color: #fff;border-color: #777;}

@media all and (max-width: 900px) {
  .table_view_btn {}
}
/******************************************************* 게시판 공통스타일 *******************************************************/
.table_style {border-top:1px solid #999; border-collapse:collapse;}
.table_style tr {border-bottom:1px solid #ddd; box-sizing: border-box;}
.table_style tr.border-0 {border: 0;}
.table_style th, .table_style td{font-size: 1rem; font-weight:500; line-height:1.9375rem; letter-spacing:-0.045rem; color:#333; padding:12px 0; vertical-align:middle;}
.table_style tbody th {text-align:left; padding-left:10px; word-break:break-all;}
.table_style tbody th a{color:#333; line-height:1.5;}
.table_style tbody th a:hover{color:var(--m-color);}
.table_style tbody td .m_ttl{display:none;}
.table_style tbody a:hover {color: var(--m-color);}
.table_style span.notice {color:#eb0808;}
.table_style .lst_tit {padding-left:10px; word-break:break-all; box-sizing: border-box; }
.table_style .tb-is-block {display: none;}
.table_style .tb-is-padding {}
.table_style td {}
.table_style i.bar {width: 1px; height: 1.2rem; margin: 0 0.5rem; position: relative; line-height: inherit; font-size: inherit; vertical-align: middle;}
.table_style i.bar::after {content: ''; display: block; width: 100%; height: 100%; background: #ddd; position: absolute; top: 50%; transform: translateY(-50%);}
.table_style .reply_img {display: inline-block; padding: 0 0 0 10px; box-sizing: border-box;}
.table_style.no_flex td.border-left {border-left: 1px solid var(--border-ee);}

@media all and (max-width: 900px) {
  .table_style thead {display: none;}
  .table_style {width: 100%; display: block;}
  .table_style tbody {width: 100%; display: block;}
  .table_style tr {width: 100%; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; align-content: flex-start; padding: 1rem 0.5rem;}
  .table_style tr.padding-0 {padding: 0;}
  .table_style th, .table_style td {vertical-align: initial; height: auto;}
  .table_style th {display: block; padding: 0;}
  .table_style td {display: block; padding: 0; width: 100%; text-align: left;}
  .table_style .lst_no {text-align: left; font-weight: 500; margin: 0 0 0.6rem 0.25rem;}
  .table_style .lst_no font {font-weight: bold; }
  .table_style .lst_chk .only_chk {margin: 0 0 0.6rem;}
  .table_style .lst_tit {width: 100%; text-align: left; padding-left: 0; font-weight: 700; color: #222; margin: 0 0 0.625rem;}
  .table_style .lst_name {color: #444; font-weight: 300;}
  .table_style .lst_date {font-weight: normal; color: #444;}
  .table_style .lst_count {font-weight: bold; color: #444;}
  .table_style .lst_recom {font-weight: bold; color: #444;}
  .table_style .lst_count span {font-weight: 500; margin: 0 0.2rem 0 0;}
  .table_style .lst_recom span {font-weight: 500; margin: 0 0.2rem 0 0;}
  .table_style .tb-is-block {display: inline-block; margin: 0 0.3rem 0 0; color: var(--txt-c6); font-weight: 500;}
  .table_style .tb-is-padding {padding: 0.625rem 0 0; box-sizing: border-box; background: transparent;}

  .table_style .reply_img {padding: 0 0 0 1rem;}

  .table_style.no_flex {display: table;}
  .table_style.no_flex tbody {display: table-row-group;}
  .table_style.no_flex thead {display: table-row-group;}
  .table_style.no_flex tr {display: table-row;}
  .table_style.no_flex td {display: table-cell; width: auto; padding: 0.625rem 0; box-sizing: border-box; text-align: center;}

}
@media all and (max-width: 640px) {

}

.table_style.border_type td {border-left: 1px solid var(--border-ee); box-sizing: border-box;}
.table_style.border_type td:first-of-type {border-left: 0;}




/******************************************************* 게시판 페이징처리 *******************************************************/
.table_style_paging { margin: 20px auto 30px; }
.table_style_paging tr td { width: 30px; height: 30px; text-align: center; vertical-align: middle; padding-left: 3px; box-sizing: border-box; }
.table_style_paging tr td a {flex: none; display: block; width: 30px; line-height: 30px; font-size: 0.875rem;}
.table_style_paging tr td b {flex: none; display: block; width: 30px; line-height: 30px; background: #2d2d2d; color: #fff; font-weight: bold; font-size: 0.875rem;}
.table_style_paging tr td img { display: block; max-width: 100%; max-height: 100%; }
.table_style_paging tr td[align="center"] {width: auto; display: flex; }


@media all and (max-width: 900px) {

}

.table_style_view {width: 100%; border-top: 1px solid #222; box-sizing: border-box;}
.table_style_view tbody {width: 100%;}
.table_style_view tr {width: 100%; border-bottom: 1px solid var(--border-ee); box-sizing: border-box; }
.table_style_view td {padding: 0.625rem 1rem; box-sizing: border-box; border-left: 1px solid var(--border-ee);}
.table_style_view td:first-of-type {width: 11.25rem; text-align: left; font-weight: 500; color: var(--txt-c6); border-left: 0; background: #fafafa;}
.table_style_view td:nth-of-type(2) {width: calc((100% - 22.5rem) / 2);}
.table_style_view td:nth-of-type(3) {width: 11.25rem; text-align: left; font-weight: 500; color: var(--txt-c6); background: #fafafa;}
.table_style_view td:nth-of-type(4) {width: calc((100% - 22.5rem) / 2);}
.table_style_view td[colspan="3"] {width: calc(100% - 11.25rem);}

@media all and (max-width: 900px) {

}

@media all and (max-width: 640px) {
  .table_style_view {display: block;}
  .table_style_view tbody {display: block;}
  .table_style_view tr {display: flex; justify-content: flex-start; align-items: stretch; align-content: center; flex-wrap: wrap; border: 0;}
  .table_style_view td {flex: none !important; display: block; border-bottom: 1px solid var(--border-ee);}
  .table_style_view td:nth-of-type(2n + 1){height: 100% !important;}
  .table_style_view td:nth-of-type(2), .table_style_view td:nth-of-type(4)  {width: calc(100% - 11.25rem);}
  .table_style_view td:nth-of-type(3) {border-left: 0; border-top: 1px solid var(--border-ee); }
  .table_style_view td:nth-of-type(4) { }
  .table_style_view td[colspan="3"] {}
  .table_style_view td {width: 100% !important; border: 0 !important;}
}

.table_style_view2 {width: 100%; border-top: 1px solid #222; box-sizing: border-box;}
.table_style_view2.wrong {border-top: 2px solid #ff0000;}
.table_style_view2 tbody {width: 100%;}
.table_style_view2 tr {width: 100%; border-bottom: 1px solid var(--border-ee); box-sizing: border-box; }
.table_style_view2 td {padding: 0.625rem 1rem; box-sizing: border-box; border-left: 1px solid var(--border-ee); background: #fff; text-align: left; font-weight: 500; color: var(--txt-c6);}
.table_style_view2 td[rowspan="5"] {width: 11.25rem; border-left: 0;}
.table_style_view2 td[colspan="3"] {background: #fff;}
.table_style_view2 td.table-width-11 {width: 11.25rem; background: #fafafa;}
.table_style_view2 td.table-width-11.wrong {background: #fff; color: #ff0000; font-weight: 500;}
.table_style_view2 td.table-width-22 {width: calc((100% - 33.75rem) / 2);}
.table_style_view2 td.table-width-22.wrong {color: #ff0000;}
.table_style_view2 td.table-title.wrong {color: #ff0000;}
.table_notice {color: var(--txt-c0); font-weight: 400; margin: 1rem 0 0; padding: 0 0 0 1rem; box-sizing: border-box; text-align: left;}
.table_notice b {font-weight: 600;}

@media all and (max-width: 900px) {
  .table_style_view2 {display: block;}
  .table_style_view2 tbody {display: block;}
  .table_style_view2 tr {display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap; align-content: center; border: 0;}
  .table_style_view2 td {flex: none; display: block; height: auto; border-bottom: 1px solid var(--border-ee);}

  .table_style_view2 td[rowspan="5"] {width: 10rem; border-left: 1px solid var(--border-ee);}
  .table_style_view2 td[colspan="3"] {width: calc(100% - 10rem); }
  .table_style_view2 td.table-width-11 {width: 10rem;}
  .table_style_view2 td.table-width-11 + td.table-width-11 {width: calc(100% - 10rem);}
  .table_style_view2 td.table-title {width: 100%;}
  .table_style_view2 td.table-width-11.wrong {}
  .table_style_view2 td.table-width-22 {width: calc((100% - 20rem) / 2);}


}

@media all and (max-width: 640px) {
  .table_style_view2 td.table-width-11.sm {width: 10rem;}
  .table_style_view2 td.table-width-22 {width: calc(100% - 10rem);}
}

.table_in_table {border-top:1px solid #999; border-collapse:collapse;}
.table_in_table tr {border-bottom:1px solid #ddd; box-sizing: border-box;}
.table_in_table tr.border-0 {border: 0;}
.table_in_table th, .table_in_table td{font-size: 1rem; font-weight:500; line-height:1.9375rem; letter-spacing:-0.045rem; color:#333; padding:12px 0; vertical-align:middle;}
.table_in_table tbody th {text-align:left; padding-left:10px; word-break:break-all;}
.table_in_table tbody th a{color:#333; line-height:1.5;}
.table_in_table .lst_tit {padding-left:10px; word-break:break-all; box-sizing: border-box; }
.table_in_table .tb-is-block {display: none;}
.table_in_table .tb-is-padding {}

@media all and (max-width: 900px) {
  .table_in_table {width: 100%; display: block;}
  .table_in_table tbody {width: 100%; display: block;}
  .table_in_table tr {width: 100%; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; align-content: flex-start; padding: 1rem 0.5rem;}
  .table_in_table tr.padding-0 {padding: 0;}
  .table_in_table th, .table_in_table td {vertical-align: initial; height: auto;}
  .table_in_table th {display: block; padding: 0;}
  .table_in_table td {display: block; padding: 0; width: 100%; text-align: left;}

}
@media all and (max-width: 640px) {

}


.table_style_view.pay_ver td {padding: 0.625rem 1rem; box-sizing: border-box; border-left: 1px solid var(--border-ee); }
.table_style_view.pay_ver td:first-of-type {width: 11.25rem;}
.table_style_view.pay_ver td:last-of-type {width: calc(100% - 11.25rem); height: 100%;}
.table_style_view.pay_ver td .input,
.table_style_view.pay_ver td .select {max-width: 100%;}

@media all and (max-width: 900px) {
  .table_style_view.pay_ver tr {flex-wrap: nowrap;}
  .table_style_view.pay_ver td {height: auto;}
  .table_style_view.pay_ver td:first-of-type {width: 100%;}
  .table_style_view.pay_ver td:last-of-type {width: 100%;}
  .table_style_view.pay_ver{display: block; width: 100%;}
  .table_style_view.pay_ver tbody {width: 100%; display: block;}
  .table_style_view.pay_ver tbody tr {width: 100%; display: block;}
  .table_style_view.pay_ver tbody td {width: 100%; display: block; border: 0;}
}

.cate_tit {font-size: 1.5rem; color: var(--m-color); font-weight: 800; margin: 0 0 2rem; text-align: center;}
.cate_tab {margin: 1rem 0; border: 1px solid var(--border-ee); box-sizing: border-box; border-radius: 0.625rem; background: #fff; padding: 1.25rem 1.5rem;}
.cate_tab a {font-size: 1rem; display: inline-block; vertical-align: middle; margin: 0 0.25rem; font-weight: bold; color: var(--txt-c4);}