@charset "UTF-8";
:root {
  --wrap: 80rem;
  --h-hei: 5rem;
  --spacing: 1rem;
  --sub-visual-hei: 20.625rem;
  --color-w: #fff;
  --color-b: #000;
  --color-basic: #1A1A1A;
  --color-sub1: #404040;
  --color-sub2: #676767;
  --color-desc: #898989;
  --gray-light: #F9F9F9;
  --main-color: #DD4F3C;
  --success: #149DFF;
  --border-color: #e8e8e8;
  --border-color2: #d3d3d3;
  --border-color3: #ebebeb;
  --bg-color: #f3f3f3;
}
@media screen and (max-width: 1024px) {
  :root {
    --h-hei: 3.5rem;
    --sub-visual-hei: 18.75rem;
  }
}
  #header .logo { color:#fff ; }

select {
  -webkit-appearance: none;
  appearance: none;
}

input, select {
  color: inherit;
}

.pc {
  display: none;
}

.mo {
  display: none;
}

@media screen and (min-width: 1024px) {
  .pc {
    display: block;
  }
}
@media screen and (max-width: 1024px) {
  .mo {
    display: block;
  }
}
@media screen and (max-width: 501px) {
  .mo_none {
    display: none !important;
  }
}
.copy {
  display: inline-block;
  align-items: center;
  gap: 0.5rem;
}
.copy::after {
  display: inline-block;
  width: 1.125rem;
  height: 1.125rem;
  vertical-align: middle;
  background: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1.73438' y='4.32617' width='12.1154' height='12.1154' stroke='%23149DFF' stroke-width='1.2'/%3E%3Cpath d='M3.46094 1.73047H15.4417C15.994 1.73047 16.4417 2.17818 16.4417 2.73047V13.8459' stroke='%23149DFF' stroke-width='1.2'/%3E%3C/svg%3E%0A") no-repeat center/100% auto;
}

.wrap {
  max-width: calc(80rem + var(--spacing) * 2);
  width: 100%;
  padding-left: var(--spacing);
  padding-right: var(--spacing);
  margin-left: auto;
  margin-right: auto;
}

.swiper-container {
  overflow: hidden;
}

#header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 5100;
  transition: transform 0.35s, background 0.35s;
}
#header::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  border-bottom: 1px solid var(--border-color);
  opacity: 0.2;
}
#header.on {
  background-color: var(--color-w);
  color: var(--color-basic);
  backdrop-filter: blur(2px);
  border-bottom: 1px solid var(--border-color3);
}
#header.on .gnb {
  color: var(--color-basic);
}
#header.on .logo path {
  
  fill: var(--color-basic);
}
#header.on .mo_menu path, #header.on .mo_menu circle {
  stroke: var(--color-basic);
}
#header.down {
  /*transform: translateY(-100%);
  transition: transform 0.35s;*/
}
#header.active {
  position: sticky;
  background-color: var(--color-w);
  color: var(--color-basic);
  backdrop-filter: blur(2px);
  border-bottom: 1px solid var(--border-color3);
}
#header.active .gnb {
  color: var(--color-basic);
}
#header.active .logo path {
  fill: var(--color-basic);
}
#header.active .mo_menu path, #header.active .mo_menu circle {
  fill: var(--color-basic);
}
#header .current_tit {
  display: none;
}
@media screen and (max-width: 1024px) {
  #header.back {
    position: sticky;
    transform: none !important;
    background-color: var(--color-w);
    color: var(--color-basic);
    backdrop-filter: blur(2px);
    border-bottom: 1px solid var(--border-color3);
  }
  #header.back .gnb {
    color: var(--color-basic);
  }
  #header.back .logo path {
    stroke: var(--color-basic);
    fill: var(--color-basic);
  }
  #header.back .mo_menu path, #header.back .mo_menu circle {
    stroke: var(--color-basic);
    fill: var(--color-basic);
  }
  #header.back .h_inner {
    height: 4em;
    padding-top: 0;
  }
  #header.back .current_tit {
    display: block;
  }
  #header.back .logo a {
    display: none;
  }
  #header.back .history_back {
    align-self: center;
    display: block;
    flex: 0 0 auto;
    width: 1.375em;
    height: 1.375em;
    background: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.3828 18.6152L7.47454 11.707C7.08401 11.3164 7.08401 10.6833 7.47454 10.2927L14.3828 3.38447' stroke='%231A1A1A' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A") no-repeat center/100% auto;
  }
  #header.back .nav {
    display: none;
  }
  #header.back .logo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 1.875em;
    padding-right: 1.875em;
    text-align: center;
    pointer-events: none;
  }
  #header.back .mo_menu_item:not(.allmenu_btn) {
    display: none;
  }
}
#header .h_inner {
  max-width: calc(80rem + var(--spacing) * 2);
  width: 100%;
  padding-left: var(--spacing);
  padding-right: var(--spacing);
  margin-left: auto;
  margin-right: auto;
  height: var(--h-hei);
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 1024px) {
  #header .h_inner {
    flex-wrap: wrap;
    gap: 0.625em 0;
  }
  #header .h_inner .logo {
    order: 0;
  }
  #header .h_inner .mo_menu {
    align-self: center;
    display: flex;
    gap: 1em;
    order: 1;
  }
  #header .h_inner .nav {
    order: 2;
	display:none;
  }
}
#header .logo {
  display: flex;
  align-items: center;
}
#header .mo_menu {
  display: none;
}
#header .allmn_btn {
  display: none;
}
@media screen and (max-width: 1024px) {
  #header .allmn_btn {
    display: flex;
  }
}
@media screen and (max-width: 1024px) {
  #header .nav {
    flex: 1 1 100%;
    min-width: 100%;
    padding-left: var(--spacing);
    padding-right: var(--spacing);
    margin-left: calc(var(--spacing) * -1);
    margin-right: calc(var(--spacing) * -1);
    overflow: hidden;
  }
  #header .nav .gnb {
    width: auto;
    overflow-x: auto;
    -ms-touch-action: pan-x;
    touch-action: cross-slide-x;
    scrollbar-width: 0;
  }
  #header .nav .gnb::-webkit-scrollbar {
    visibility: hidden;
    width: 0;
    height: 0;
  }
}
#header .gnb {
  height: 100%;
  display: flex;
  font-size: 1em;
  color: var(--color-w);
  font-weight: 500;
  gap: 1.875em;
}
@media screen and (max-width: 1024px) {
  #header .gnb {
    width: 100%;
    font-size: 0.875em;
    gap: 0.7142857143em;
    justify-content: space-between;
  }
}
#header .dep1 {
  position: relative;
  display: flex;
  align-items: center;
  white-space:nowrap;
}
#header .dep1::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  border-bottom: 2px solid var(--main-color);
  transition: transform 0.35s;
  transform: scaleX(0);
  transform-origin: right;
}
#header .dep1:hover::after, #header .dep1.on::after {
  transform: scale(1);
  transform-origin: left;
}
#header .dep1_tit {
  padding-left: 0.3125em;
  padding-right: 0.3125em;
}
@media screen and (max-width: 1024px) {
  #header .dep1_tit {
    display: flex;
    align-items: center;
    height: 3.25em;
    padding-left: 0;
    padding-right: 0;
  }
}
#header .user_menu {
  position: relative;
  margin-left: 2.1875em;
}
#header .user_menu::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: -2.1875em;
  border-left: 1px solid var(--border-color);
  height: 0.875em;
  opacity: 0.6;
  margin-top: -0.4375em;
}
#header .user_menu + .user_menu {
  margin-left: 0;
  padding-left: 0;
  padding-right: 0;
}
#header .user_menu + .user_menu::before {
  display: none;
}
@media screen and (max-width: 1024px) {
  #header .user_menu {
    display: none;
  }
}

.t_right {
  text-align: right;
}

.t_left {
  text-align: left;
}

.t_center {
  text-align: center;
}

.sub_tit3 {
  font-size: 1.25em;
  line-height: 1.3125em;
  font-family:'font-otp-d';
}
.sub_tit3.light {
  font-weight: 300;
  color: var(--color-sub2);
}
.sub_tit3 + .sub_txt3 {
  margin-top: 1em;
}
@media screen and (max-width: 1024px) {
  .sub_tit3 {
    font-size: 1.375em;
  }
  .sub_tit3 + .sub_txt3 {
    margin-top: 1.1428571429em;
  }
}

.sub_tit4 {
  font-size: 1.5em;
  line-height: 1.375em;
  margin-bottom: 0.8333333333em;
}
.sub_tit4.light {
  font-weight: 300;
  color: var(--color-sub2);
}
@media screen and (max-width: 1024px) {
  .sub_tit4 {
    font-size: 1.375em;
    margin-bottom: 0.9090909091em;
  }
}

.sub_txt3 {
  font-size: 1em;
  line-height: 1.5625em;
  font-weight: 400;
}
@media screen and (max-width: 1024px) {
  .sub_txt3 {
    font-size: 0.875em;
    line-height: 1.5714285714em;
  }
}

.tc_main {
  color: var(--main-color);
}

.fw_400 {
  font-weight: 400;
}

.fw_500 {
  font-weight: 500;
}

.fw_700 {
  font-weight: 700;
}

.fw_600 {
  font-weight: 600;
}

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  font-weight: 400;
  padding:0px 10px;
  line-height:30px;
}
input.btn{height:30px;}
@media screen and (max-width: 1024px) {
  .btn .font_md_sm {
    font-size: 0.875rem;
  }
}
.btn.wid_md {
  width: 12.5rem;
}
@media screen and (max-width: 1024px) {
  .btn.wid_md {
    width: 7.5rem;
  }
}
.btn.hei_lg {
  height: 4rem;
}
.btn.hei_md {
  height: 3.75rem;
}
@media screen and (max-width: 1024px) {
  .btn.hei_md {
    height: 2.75rem;
  }
}
.btn.hei_sm {
  height: 2.875rem;
}
.btn.bg_main {
  background-color: var(--main-color);
  color: var(--white);
}
.btn.line_main {
  background-color: transparent;
  border: 1px solid var(--main-color);
  color: var(--main-color);
}
.btn.line_gray {
  background-color: transparent;
  border: 1px solid var(--border-color3);
  color: var(--color-desc);
}
.btn.disable {
  background-color: #e8e8e8;
  color: #acacac;
}

.wid_100p {
  width: 100%;
}

.sub_visual {
  position: relative;
  width: 100%;
  height: var(--sub-visual-hei);
  overflow: hidden;
}
.sub_visual::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: scale(1.1);
  transition: transform 3.5s;
  background: url("/image/sub/sub_visual01.jpg") no-repeat center/cover;
}
@media screen and (max-width: 1024px) {
  .sub_visual::before {
    background-position: left 59% center;
  }
}
.sub_visual.sub_visual1::before { background-image: url("/image/sub/sub_visual01.jpg"); }
.sub_visual.sub_visual2::before { background-image: url("/image/sub/sub_visual02.jpg"); }
.sub_visual.sub_visual3::before { background-image: url("/image/sub/sub_visual03.jpg"); }
.sub_visual.sub_visual4::before { background-image: url("/image/sub/sub_visual04.png"); }
.sub_visual.sub_visual5::before { background-image: url("/image/sub/sub_visual05.jpg"); }
.sub_visual.sub_visual6::before { background-image: url("/image/sub/sub_visual06.jpg"); }
.sub_visual.sub_visual7::before { background-image: url("/image/sub/sub_visual07.png"); }
.sub_visual.sub_visual8::before { background-image: url("/image/sub/sub_visual08.png"); }
.sub_visual.sub_visual9::before { background-image: url("/image/sub/sub_visual09.png"); }
.sub_visual.sub_visual10::before { background-image: url("/image/sub/sub_visual10.png"); }
.sub_visual.sub_visual11::before { background-image: url("/image/sub/sub_visual11.png"); }
.sub_visual.sub_visual12::before { background-image: url("/image/sub/sub_visual12.png"); }
.sub_visual.sub_visual13::before { background-image: url("/image/sub/sub_visual13.png"); }
.sub_visual.sub_visual14::before { background-image: url("/image/sub/sub_visual14.png"); }
.sub_visual.sub_visual15::before { background-image: url("/image/sub/sub_visual15.png"); }
.sub_visual.sub_visual16::before { background-image: url("/image/sub/sub_visual16.png"); }
.sub_visual.sub_visual17::before { background-image: url("/image/sub/sub_visual17.png"); }
.sub_visual.sub_visual18::before { background-image: url("/image/sub/sub_visual18.png"); }
.sub_visual.sub_visual19::before { background-image: url("/image/sub/sub_visual19.png"); }
.sub_visual.sub_visual20::before { background-image: url("/image/sub/sub_visual20.jpg"); }

.sub_visual.on::before {
  transform: scale(1);
}
.sub_visual .wrap {
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: var(--color-w);
  padding-top: var(--h-hei);
}
.sub_visual .tit {
  font-size: 2.25em;
  font-weight: 300;
}
@media screen and (max-width: 1024px) {
  .sub_visual.mo_none {
    display: none;
  }
  .sub_visual .tit {
    font-size: 1.625em;
  }
}

.con {
  padding-top: 3.75em;
  padding-bottom: 10em;
}
.con-head{
  padding-top: 3.75em;
}
.con-tail{
  padding-bottom: 10em;
}
@media screen and (max-width: 1024px) {
  .con, .con-head {
    padding-top: 0;
  }
}

.box_tab_lists {
  display: flex;
  justify-content: center;
  gap: 1em;
  margin-bottom: 1.375em;
}
@media screen and (max-width: 1024px) {
  .box_tab_lists {
    gap: 0.75em;
    margin-bottom: 1.625em;
  }
}
.box_tab_lists .box_tab_item {
  flex: 1 1;
  color: var(--color-desc);
}
.box_tab_lists .box_tab_item:not(.on) {
  box-shadow: inset 0 0 0 1px var(--border-color3);
  transition: box-shadow 0.35s;
}
@media screen and (min-width: 1024px) {
  .box_tab_lists .box_tab_item:not(.on):hover {
    box-shadow: inset 0 0 0 3px var(--border-color3);
  }
}
.box_tab_lists .box_tab_item.on {
  font-weight: 700;
}
.box_tab_lists .box_tab_item.on .lnk {
  background-color: var(--main-color);
  color: var(--color-w);
}
.box_tab_lists .lnk {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 3.875em;
}
@media screen and (max-width: 1024px) {
  .box_tab_lists .lnk {
    height: 3.375em;
  }
}

.line_tab_lists {
  display: flex;
  justify-content: center;
  gap: 2.5em;
  margin-bottom: 3.75em;
  overflow-x: auto;
  -ms-touch-action: pan-x;
  touch-action: cross-slide-x;
  white-space: nowrap;
}
.line_tab_lists::-webkit-scrollbar {
  visibility: hidden;
  display: none;
}
@media screen and (max-width: 1280px) {
  .line_tab_lists {
    gap: 1.875em;
  }
}
@media screen and (max-width: 1024px) {
  .line_tab_lists {
    justify-content: flex-start;
    margin-bottom: 1em;
    gap: 1.625em;
    margin-right: -1em;
  }
}
.line_tab_lists .line_tab_item {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 1.8125em;
  font-size: 2em;
  color: var(--color-sub2);
}
@media screen and (max-width: 1280px) {
  .line_tab_lists .line_tab_item {
    font-size: 1.5em;
  }
}
@media screen and (max-width: 1024px) {
  .line_tab_lists .line_tab_item {
    font-size: 1em;
    height: 3.25em;
  }
}
.line_tab_lists .line_tab_item::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  border-bottom: 2px solid var(--main-color);
  visibility: hidden;
}
.line_tab_lists .line_tab_item.on {
  color: var(--main-color);
  font-weight: 700;
}
.line_tab_lists .line_tab_item.on::after {
  visibility: visible;
}
.line_tab_lists .lnk {
  display: block;
  color: inherit;
}

.bbs_layout_btn.on path {
  stroke: var(--main-color);
}
.bbs_layout_btn.on ellipse {
  fill: var(--main-color);
}
.bbs_layout_btn.on rect {
  stroke: var(--main-color);
}

.pagination:not(:has(.pg_current)) {
  display: none;
}
.pagination .pg {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.6em;
  font-size: 1.25em;
}
.pagination .pg_page, .pagination .pg_current {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2em;
  height: 2em;
  border-radius: 50%;
  color: var(--color-basic);
  line-height: 1;
}
.pagination .pg_start, .pagination .pg_prev, .pagination .pg_end, .pagination .pg_next {
  width: 0.8em;
  height: 2em;
  display: flex;
  align-items: center;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% auto;
  text-indent: -999999px;
  color: transparent;
}
.pagination .pg_start, .pagination .pg_prev {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.1094 1.77734L4.84851 8.03821L11.1094 14.2991' stroke='%231A1A1A'/%3E%3C/svg%3E%0A");
  margin-right: 0.4em;
}
.pagination .pg_end, .pagination .pg_next {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.89062 1.77734L11.1515 8.03821L4.89062 14.2991' stroke='%231A1A1A'/%3E%3C/svg%3E%0A");
  margin-left: 0.4em;
}
.pagination .pg_current {
  background-color: var(--main-color);
  font-weight: 700;
  color: var(--color-w);
}

.tasting_lists .wine_lists {
  display: flex;
  padding: 1.5625em 0;
}
@media screen and (max-width: 1024px) {
  .tasting_lists .wine_lists {
    padding: 1.25em 0;
  }
}
.tasting_lists .wine_item {
  position: relative;
  flex: 1 1;
  padding: 0 1.375em;
}
.tasting_lists .wine_item + .wine_item::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 24.5625em;
  max-height: 100%;
  border-left: 1px solid var(--border-color2);
}
@media screen and (max-width: 1024px) {
  .tasting_lists .wine_item {
    padding: 0 1em;
  }
}
.tasting_lists .wine_box {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 18.0625em;
  margin-bottom: 2.5em;
}
.tasting_lists .wine_box img {
  max-width: 100%;
  width: auto;
  height: 100%;
}
.tasting_lists .wine_box a{
	height:100%;
}
@media screen and (max-width: 1024px) {
  .tasting_lists .wine_box {
    height: 8.8125em;
    margin-bottom: 0.75em;
  }
}
.tasting_lists .txt_box {
  display: block;
  font-size: 1em;
  line-height: 1.375em;
  text-align: center;
  word-break: keep-all;
}
.tasting_lists .txt_box .tit {
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
line-clamp: 2;
 -webkit-line-clamp: 2;
}
.tasting_lists .txt_box .desc {
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
line-clamp: 2;
 -webkit-line-clamp: 2;
  color: var(--color-desc);
  font-size: 0.875em;
  line-height: 1.21em;
  max-height: 2.42em;
  height: 2.42em;
}
@media screen and (max-width: 1024px) {
  .tasting_lists .txt_box {
    font-size: 0.875em;
    line-height: 1.2857142857em;
  }
  .tasting_lists .txt_box .desc {
    font-size: 0.7142857143em;
  }
}
.tasting_lists .tasting_tit_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 2.6428571429em;
  font-size: 0.875em;
  padding-left: 1em;
  padding-right: 1em;
  color: var(--color-w);
  background-color: var(--main-color);
}
.tasting_lists .tasting_tit_box .logo {
  height: 0.7142857143em;
  opacity: 0.5;
  -webkit-aspect-ratio: 82/10;
  -ms-aspect-ratio: 82/10;
  -o-aspect-ratio: 82/10;
  -moz-aspect-ratio: 82/10;
  aspect-ratio: 82/10;
}
.tasting_lists .tasting_tit_box .logo img, .tasting_lists .tasting_tit_box .logo svg {
  width: auto;
  height: 100%;
}
.tasting_lists .tasting_tit_box .date {
  font-size: 1.1428571429em;
}
@media screen and (max-width: 1024px) {
  .tasting_lists .tasting_tit_box {
    height: 2.4285714286em;
  }
  .tasting_lists .tasting_tit_box .logo {
    height: 0.7857142857em;
  }
}
.tasting_lists.grid {
  display: flex;
  flex-wrap: wrap;
  gap: 4.375em 1em;
}
.tasting_lists.grid .tasting_item {
  height: auto;
  max-height: 100%;
  width: calc(33.3333333333% - 0.6666666667 * 1em);
}
.tasting_lists.grid .inner {
  background-color: var(--bg-color);
}
.tasting_lists.grid .btn {
  margin-top: 1em;
}
@media screen and (max-width: 1024px) {
  .tasting_lists.grid {
    gap: 2.25em 1em;
  }
  .tasting_lists.grid .tasting_item {
    width: calc(50% - 0.5 * 1em);
  }
  .tasting_lists.grid .tit {
    margin-bottom: 0.375em;
  }
  .tasting_lists.grid .wine_box {
    height: 11.5625em;
    margin-bottom: 1.4375em;
  }
}
@media screen and (max-width: 801px) {
  .tasting_lists.grid .tasting_item {
    width: 100%;
  }
}

.allmenu_wrap {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 5200;
  width: 100%;
  height: 100%;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.35s;
  background: #1a1a1a;
  --head: 4rem;
}
.allmenu_wrap::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("/image/main/main_visual01.png") no-repeat center/auto 100%;
  -webkit-mix-blend-mode: overlay;
  mix-blend-mode: overlay;
}
.allmenu_wrap.on {
  opacity: 1;
  pointer-events: auto;
}
.allmenu_wrap.on .dep1 {
  transition: transform 0.35s, opacity 0.35s;
  transform: none;
  opacity: 1;
}
.allmenu_wrap.on .dep1:nth-child(1) {
  transition-delay: 0.15s;
}
.allmenu_wrap.on .dep1:nth-child(2) {
  transition-delay: 0.3s;
}
.allmenu_wrap.on .dep1:nth-child(3) {
  transition-delay: 0.45s;
}
.allmenu_wrap.on .dep1:nth-child(4) {
  transition-delay: 0.6s;
}
.allmenu_wrap.on .dep1:nth-child(5) {
  transition-delay: 0.75s;
}
.allmenu_wrap.on .dep1:nth-child(6) {
  transition-delay: 0.9s;
}
.allmenu_wrap.on .dep1:nth-child(7) {
  transition-delay: 1.05s;
}
.allmenu_wrap.on .dep1:nth-child(8) {
  transition-delay: 1.2s;
}
.allmenu_wrap.on .dep1:nth-child(9) {
  transition-delay: 1.35s;
}
.allmenu_wrap.on .dep1:nth-child(10) {
  transition-delay: 1.5s;
}
.allmenu_wrap .inner {
  position: relative;
  z-index: 2;
  height: 100%;
  max-height: 100%;
  overflow-y: auto;
}
.allmenu_wrap .head, .allmenu_wrap .body {
  padding-left: var(--spacing);
  padding-right: var(--spacing);
}
.allmenu_wrap .head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: var(--head);
  border-bottom: 1px solid var(--border-color3);
}
.allmenu_wrap .logo {
  height: 0.875em;
}
.allmenu_wrap .close_btn {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  width: 1.5em;
  -webkit-aspect-ratio: 1;
  -ms-aspect-ratio: 1;
  -o-aspect-ratio: 1;
  -moz-aspect-ratio: 1;
  aspect-ratio: 1;
}
.allmenu_wrap .sitemap_lists {
  padding-left: 0.875em;
  padding-right: 0.875em;
  color: var(--color-w);
}
.allmenu_wrap .dep1 {
  font-size: 1.25em;
  font-weight: 400;
  margin-top: 1.5em;
  transform: translateY(30px);
  opacity: 0;
}
.allmenu_wrap .dep1.on .dep1_tit {
  font-weight: 700;
  color: var(--main-color);
}
.allmenu_wrap .dep1_tit {
  transition: color 0.125s;
  font-weight: inherit;
}
@media screen and (min-width: 1024px) {
  .allmenu_wrap .dep1_tit:hover {
    font-weight: 700;
    color: var(--main-color);
  }
}

.layer_wrap {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: var(--spacing);
  padding-right: var(--spacing);
  z-index: 5200;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.35s, visibility 0.35s;
}
.layer_wrap.on {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.layer_wrap .inner {
  width: 100%;
  max-width: 48.75em;
  max-height: 51.25em;
  overflow-y: auto;
  padding-top: var(--spacing);
  padding-bottom: var(--spacing);
  padding-left: var(--spacing);
  padding-right: var(--spacing);
  background-color: var(--color-w);
}
@media screen and (max-width: 1024px) {
  .layer_wrap .inner {
    max-height: 74%;
  }
}
.layer_wrap .inner::-webkit-scrollbar {
  width: 8px;
}
.layer_wrap .inner::-webkit-scrollbar-track-piece, .layer_wrap .inner::-webkit-scrollbar-track {
  background-color: var(--bg-color);
}
.layer_wrap .inner::-webkit-scrollbar-thumb {
  width: 8px;
  color: var(--main-color);
  border-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  border: 2px solid transparent;
  border-top: 0;
  border-bottom: 0;
  background-color: var(--main-color);
}
.layer_wrap .head {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.layer_wrap .tit {
  font-size: 1.25em;
  font-weight: 700;
  color: var(--color-b);
}
.layer_wrap .close_btn {
  flex: 0 0 auto;
  width: 1.25em;
  -webkit-aspect-ratio: 1;
  -ms-aspect-ratio: 1;
  -o-aspect-ratio: 1;
  -moz-aspect-ratio: 1;
  aspect-ratio: 1;
}
.layer_wrap .close_btn img, .layer_wrap .close_btn svg {
  width: 100%;
  height: auto;
  vertical-align: top;
}
.layer_wrap .body {
  padding: 1.875em 0 0.25em;
  font-size: 1em;
  line-height: 1.75em;
  color: var(--color-basic);
  font-weight: 400;
}
@media screen and (max-width: 1024px) {
  .layer_wrap .body {
    padding-top: 1.4285714286em;
    font-size: 0.875em;
    line-height: 1.5714285714em;
  }
}

.swiper-container {
  position: relative;
}

.swiper-controller {
  z-index: 5;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  display: flex;
  justify-content: space-between;
  pointer-events: none;
  width: 100%;
  padding-top: var(--top-gap);
  padding-left: 1.5em;
  padding-right: 1.5em;
}
.swiper-controller .swiper-btn {
  pointer-events: auto;
}
.swiper-controller .swiper-btn::before {
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center;
}
.swiper-controller.thin .swiper-btn {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.75em;
  -webkit-aspect-ratio: 1;
  -ms-aspect-ratio: 1;
  -o-aspect-ratio: 1;
  -moz-aspect-ratio: 1;
  aspect-ratio: 1;
}
.swiper-controller.thin .swiper-btn::before {
  width: 100%;
  height: 100%;
}
.swiper-controller.thin .swiper-btn.prev::before {
  background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.8672 3.04395L7.91067 14.0005L18.8672 24.957' stroke='white' stroke-width='2'/%3E%3C/svg%3E%0A");
}
.swiper-controller.thin .swiper-btn.next::before {
  background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.55469 3.11133L19.5112 14.0678L8.55469 25.0244' stroke='white' stroke-width='2'/%3E%3C/svg%3E%0A");
}
.swiper-controller.circle {
  padding-left: 0;
  padding-right: 0;
  width: calc(100% + (4.125em + 3.75em) * 2);
  max-width: calc(var(--vw, 1vw) * 100);
  left: 50%;
  transform: translate(-50%, -50%);
}
.swiper-controller.circle .swiper-btn {
  position: relative;
  width: 3.75em;
  height: 3.75em;
  border-radius: 50%;
  background-color: var(--main-color);
}
.swiper-controller.circle .swiper-btn::before {
  position: absolute;
  top: 50%;
  left: 0%;
  margin-top: -0.6875em;
  width: 3.8125em;
  height: 1.375em;
  transition: transform 0.35s;
  -webkit-mix-blend-mode: plus-lighter;
  -ms-mix-blend-mode: plus-lighter;
  -o-mix-blend-mode: plus-lighter;
  -moz-mix-blend-mode: plus-lighter;
  mix-blend-mode: plus-lighter;
}
.swiper-controller.circle .swiper-btn.prev::before {
  transform: translateX(42.62%);
  background-image: url("data:image/svg+xml,%3Csvg width='63' height='24' viewBox='0 0 63 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M63 12L2 12' stroke='%23DD4F3C'/%3E%3Cpath d='M12.4453 1.11133L1.48879 12.0678L12.4453 23.0244' stroke='%23DD4F3C'/%3E%3C/svg%3E%0A");
}
.swiper-controller.circle .swiper-btn.next::before {
  transform: translateX(-42.62%);
  background-image: url("data:image/svg+xml,%3Csvg width='37' height='24' viewBox='0 0 37 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M-26 12L35 12' stroke='%23dd4f3c'/%3E%3Cpath d='M24.5547 1.11133L35.5112 12.0678L24.5547 23.0244' stroke='%23dd4f3c'/%3E%3C/svg%3E%0A");
}
.swiper-controller.circle .swiper-btn:hover.prev::before {
  transform: translateX(42.62%) translateX(-10px);
}
.swiper-controller.circle .swiper-btn:hover.next::before {
  transform: translateX(-42.62%) translateX(10px);
}

.location_box {
  display: flex;
  gap: 2.5em;
  margin-bottom: 3.75em;
}
@media screen and (max-width: 1024px) {
  .location_box {
    flex-wrap: wrap;
    gap: 1.875em;
  }
}
.location_box .map {
  flex: 1 1 auto;
  width: 40.5em;
  -webkit-aspect-ratio: 648/336;
  -ms-aspect-ratio: 648/336;
  -o-aspect-ratio: 648/336;
  -moz-aspect-ratio: 648/336;
  aspect-ratio: 648/336;
}
@media screen and (max-width: 1024px) {
  .location_box .map {
    width: 100%;
  }
}
.store_marker{border-radius:60px;background:#dd4f3c;padding:4px;color:#fff;display:flex;align-items:center;gap:8px;}
.store_marker span{}
.store_marker:after{content:""; position: absolute; right: 0px; width:1px;bottom:-5px;display:block;left:0px;margin:0 auto; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #dd4f3c;}
.location_box .location_info_box {
  flex: 0 0 auto;
  width: 37em;
  color: var(--color-basic);
}
@media screen and (max-width: 1024px) {
  .location_box .location_info_box {
    width: 100%;
  }
}
.location_box .info_tit {
  display: block;
  font-weight: 700;
  font-size: 1.5em;
  margin-bottom: 0.6666666667em;
}
.location_box .info_tit ~ .info_tit {
  margin-top: 1em;
  padding-top: 1em;
  border-top: 1px solid var(--border-color3);
}
@media screen and (max-width: 1024px) {
  .location_box .info_tit {
    font-size: 1.25em;
    margin-bottom: 0.6666666667em;
  }
  .location_box .info_tit ~ .info_tit {
    margin-top: 1.3em;
    padding-top: 1.3em;
  }
}
.location_box .location_info_lists {
  display: flex;
  flex-direction: column;
  gap: 0.6em;
  font-size: 1.25em;
  line-height: 1.5;
}
.location_box .location_info_lists > li {
  display: flex;
  align-items: center;
  gap: 0.6em;
}
.location_box .location_info_lists > li button{
  line-height: 1.5;
  font-size:100%;
}
.location_box .location_info_lists > li::before {
  flex: 0 0 auto;
  content: "";
  display: block;
  width: 1em;
  height: 1em;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% auto;
}
.location_box .location_info_lists .lab {
  color: var(--color-desc);
  font-weight: 400;
  margin-right: 0.15em;
}
@media screen and (max-width: 1024px) {
  .location_box .location_info_lists {
    gap: 0.5em;
    font-size: 1em;
  }
  .location_box .location_info_lists > li {
    gap: 0.5em;
  }
  .location_box .location_info_lists > li::before {
    width: 1em;
    height: 1em;
  }
}
.location_box .business_hour > li::before {
  display: none;
}
.location_box .car {
  color: var(--success);
}
.location_box .tel::before {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.4937 12.6053C17.494 12.6049 17.494 12.6044 17.4937 12.604L16.5312 11.6255C15.5327 10.6101 13.8489 10.6755 12.771 11.7714L12.7171 11.8263C12.048 12.5065 11.0191 12.6062 10.3319 12.0513C9.93791 11.7336 9.49797 11.3497 9.08254 10.9273C8.69044 10.5286 8.32293 10.0891 8.01268 9.6908C7.46925 8.99197 7.56844 7.94693 8.23626 7.26793C9.31411 6.17201 9.37838 4.46 8.37979 3.44468L7.22013 2.26559C6.22154 1.25026 4.73436 1.51551 3.65651 2.61143C2.99968 3.33573 2.5292 4.10322 2.64646 5.03433C3.44291 11.342 9.46479 17.0869 14.7209 17.3355C15.668 17.3803 16.437 16.9527 17.1395 16.2428C17.1485 16.2338 17.1563 16.2262 17.1653 16.2173C17.3319 16.0536 19.1011 14.2417 17.4937 12.6065C17.4934 12.6062 17.4934 12.6056 17.4937 12.6053V12.6053Z' stroke='%23ACACAC' stroke-width='1.5'/%3E%3C/svg%3E%0A");
}
.location_box .location::before {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.6701 8.73448C16.6701 14.1357 9.7257 18.7654 9.7257 18.7654C9.7257 18.7654 2.78125 14.1357 2.78125 8.73448C2.78125 6.8927 3.51289 5.12636 4.81523 3.82402C6.11757 2.52168 7.88391 1.79004 9.7257 1.79004C11.5675 1.79004 13.3338 2.52168 14.6362 3.82402C15.9385 5.12636 16.6701 6.8927 16.6701 8.73448Z' stroke='%23ACACAC' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.72888 11.0496C11.0073 11.0496 12.0437 10.0132 12.0437 8.73474C12.0437 7.4563 11.0073 6.41992 9.72888 6.41992C8.45044 6.41992 7.41406 7.4563 7.41406 8.73474C7.41406 10.0132 8.45044 11.0496 9.72888 11.0496Z' stroke='%23ACACAC' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.location_box .car::before {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.01389 3.33301H14.9937L17.8826 8.58553H2.125L5.01389 3.33301Z' stroke='%23ACACAC' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Crect x='2.125' y='8.58594' width='15.7576' height='6.56566' stroke='%23ACACAC' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.9453 15.1514H17.8847V16.7776C17.8847 17.3299 17.437 17.7776 16.8847 17.7776H14.9453C14.393 17.7776 13.9453 17.3299 13.9453 16.7776V15.1514Z' stroke='%23ACACAC' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2.125 15.1514H6.06439V16.7776C6.06439 17.3299 5.61668 17.7776 5.06439 17.7776H3.125C2.57272 17.7776 2.125 17.3299 2.125 16.7776V15.1514Z' stroke='%23ACACAC' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.75 12.5254H6.06313' stroke='%23ACACAC' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M0.8125 8.58594H2.12563' stroke='%23ACACAC' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17.8828 8.58594H19.1959' stroke='%23ACACAC' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.9453 12.5254H15.2584' stroke='%23ACACAC' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.store_slide_wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (max-width: 1024px) {
  .store_slide_wrap .swiper-controller {
    display: none;
  }
}
.store_slide_wrap .swiper-container {
  max-width: 100%;
}
.store_slide_wrap .swiper-container + .swiper-container {
  margin-top: 1.25em;
}
@media screen and (max-width: 1024px) {
  .store_slide_wrap .swiper-container + .swiper-container {
    margin-top: 1em;
  }
}
.store_slide_wrap .location_swiper img {
  width: 100%;
}
.store_slide_wrap .thumb_swiper {
  display: inline-flex;
  justify-content: center;
}
.store_slide_wrap .swiper-wrapper .swiper-slide {
  -webkit-aspect-ratio: 16 / 9;
  -ms-aspect-ratio: 16 / 9;
  -o-aspect-ratio: 16 / 9;
  -moz-aspect-ratio: 16 / 9;
  aspect-ratio: 16 / 9;
  cursor: pointer;
}
@media screen and (max-width: 1024px) {
	.store_slide_wrap .swiper-wrapper .swiper-slide {
	  -webkit-aspect-ratio: 3 / 4;
	  -ms-aspect-ratio: 3 / 4;
	  -o-aspect-ratio: 3 / 4;
	  -moz-aspect-ratio: 3 / 4;
	  aspect-ratio: 3 / 4;
	}
	.store_slide_wrap .location_swiper img{
	object-fit:cover;
	object-position: center;
	height:100%;
	}
}
.store_slide_wrap .thumb_swiper .swiper-slide {
  position: relative;
  width: 7.5em;
}
.store_slide_wrap .thumb_swiper .swiper-slide::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: inset 0 0 0 7.5em rgba(0, 0, 0, 0.25);
  transition: box-shadow 0.45s;
}
.store_slide_wrap .thumb_swiper .swiper-slide img {
  -webkit-object-fit: cover;
  -ms-object-fit: cover;
  -o-object-fit: cover;
  -moz-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.store_slide_wrap .thumb_swiper .swiper-slide.swiper-slide-thumb-active::before {
  box-shadow: inset 0 0 0 0px rgba(0, 0, 0, 0.15);
}

.admin_btn_lists {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 1em;
}
.admin_btn_lists .btn {
  display: inline-flex;
  height: 2.8333333333em;
  font-size: 0.75rem;
  border-radius: 0.25rem;
  padding-left: 0.75em;
  padding-right: 0.75em;
}

.board_capt {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1.375em;
  margin-bottom: 1.5em;
  color: var(--color-basic);
}
.board_capt + .board_capt {
  margin-top: -0.875em;
}
.board_capt .bbs_layout_opts {
  display: flex;
  gap: 0.875em;
  margin-left: auto;
}
.board_capt + form {
  margin-top: -0.25em;
}
.board_capt + .list_tbl_wrap {
  margin-top: -0.75em;
}
@media screen and (max-width: 1024px) {
  .board_capt {
    justify-content: space-between;
    gap: 1em;
    margin-bottom: 1.625em;
  }
  .board_capt .cnt {
    font-size: 0.875em;
  }
  .board_capt .sub_tit3 {
    display: none;
  }
  .board_capt .bbs_layout_opts {
    margin-left: 0;
  }
  .board_capt + form {
    margin-top: 1.625em;
  }
}

.sel {
  font-size: 1rem;
  display: inline-flex;
  align-items: center;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.2227 4.88867L7.96179 11.1495L1.70092 4.88867' stroke='%231A1A1A'/%3E%3C/svg%3E%0A");
  background-position: right 0.625em center;
  background-size: 1em auto;
  background-repeat: no-repeat;
}
@media screen and (max-width: 1024px) {
  .sel {
    font-size: 0.875rem;
  }
}
.sel.text {
  outline: none;
  border: 0;
  min-width: fit-content;
  background-position: right center;
  width: auto;
  white-space: nowrap;
  padding-right: 1.375em;
  text-align: right;
}

.inp {
  display: inline-flex;
  font-size: 1rem;
  height: 3.125rem;
  padding: 0.5em 0.75em;
  background-color: transparent;
  border: 1px solid var(--border-color3);
}
.inp.line_gray {
  border-color: #c0c0c0;
}
.inp::placeholder {
  color: #acacac;
}
@media screen and (max-width: 1024px) {
  .inp {
    font-size: 0.875rem;
    height: 2.375rem;
    padding: 0.5714285714em 0.7142857143em;
  }
  .inp.md {
    font-size: 1rem;
    height: 3.375rem;
    padding-left: 1em;
    padding-right: 1em;
  }
}

.search_wrap {
  position: relative;
}
.search_wrap .inp {
  padding-right: 2.5em;
  width: 18.875em;
}
@media screen and (max-width: 1024px) {
  .search_wrap .inp {
    padding-right: 2.4285714286em;
  }
}
.search_wrap .search_btn {
  flex: 0 0 auto;
  position: absolute;
  top: 50%;
  right: 0.75em;
  width: 1.25em;
  height: 1.25em;
  margin-top: -0.625em;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Ccircle cx='9.5' cy='9.5' r='6.75' stroke='%231A1A1A' stroke-width='1.5'/%3E%3Cpath fill='%231A1A1A' d='M17.47 18.53a.75.75 0 1 0 1.06-1.06l-1.06 1.06Zm-3.5-3.5 3.5 3.5 1.06-1.06-3.5-3.5-1.06 1.06Z'/%3E%3C/svg%3E") no-repeat center/100% auto;
}
@media screen and (max-width: 1024px) {
  .search_wrap .search_btn {
    right: 0.625em;
    width: 1em;
    height: 1em;
    margin-top: -0.5em;
  }
}

.search_wrap form {
  display: flex;
}

/*board write*/
#bo_w .bo_v_option li {display:inline-block;float:left;text-align:left;margin:0 5px 0 0}
#bo_w .bo_v_option li label {vertical-align:baseline}
#bo_w .bo_v_option .chk_box input[type="checkbox"] + label span {margin-left:0;margin-right:5px}
#bo_w .write_div {margin:10px 0;position:relative}
#bo_w .write_div:after {display:block;visibility:hidden;clear:both;content:""}
#bo_w .bo_w_info:after {display:block;visibility:hidden;clear:both;content:""}
#bo_w .bo_w_info .frm_input {float:left;margin-bottom:1%}
#bo_w #wr_password, #bo_w #wr_homepage {margin-left:1%}
#bo_w .wr_content.smarteditor2 iframe {background:#fff}
#bo_w .bo_w_tit {position:relative}
#bo_w .bo_w_tit .frm_input {padding-right:120px}
#bo_w .bo_w_tit #btn_autosave {position:absolute;top:5px;right:5px;line-height:30px;height:30px}
#bo_w .bo_w_link label {position:absolute;top:1px;left:1px;border-radius:3px 0 0 3px;height:38px;line-height:38px;width:40px;font-size:1.2em;text-align:center;color:#b2b2b2}
#bo_w .bo_w_link .frm_input {padding-left:50px}
#bo_w .bo_w_flie .lb_icon {position:absolute;top:0px;left:0px;border-radius:3px 0 0 3px;height:38px;line-height:38px;width:40px;font-size:1.2em;text-align:center;color:#b2b2b2}
#bo_w .bo_w_flie .frm_file {padding-left:50px;margin-top:3px}
#bo_w .bo_w_flie .file_wr {position:relative;border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;height:40px;margin:0}
#bo_w .bo_w_flie .frm_input {margin:10px 0 0}
#bo_w .bo_w_flie .file_del {position:absolute;top:10px;right:10px;font-size:0.92em;color:#7d7d7d}
#bo_w .bo_w_select select {border:1px solid #d0d3db;width:100%;height:40px;border-radius:3px}
#bo_w .btn_submit {padding:0 20px;font-size:1.167em}
#bo_w .btn_cancel {border-radius:3px;padding:0 20px;font-size:1.167em}

#char_count_desc {display:block;margin:0 0 5px;padding:0}
#char_count_wrap {margin:5px 0 0;text-align:right}
#char_count {font-weight:bold}

#autosave_wrapper {position:relative}
#autosave_pop {display:none;z-index:10;position:absolute !important;top:34px;right:0;width:350px;height:auto !important;height:180px;max-height:180px;border:1px solid #565656;background:#fff;
-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)}
#autosave_pop:before {content:"";position:absolute;top:-8px;right:45px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #000 transparent}
#autosave_pop:after {content:"";position:absolute;top:-7px;right:45px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #fff transparent}
html.no-overflowscrolling #autosave_pop {height:auto;max-height:10000px !important} /* overflow 미지원 기기 대응 */
#autosave_pop strong {position:absolute;font-size:0;line-height:0;overflow:hidden}
#autosave_pop div {text-align:center;margin:0 !important}
#autosave_pop button {margin:0;padding:0;border:0}
#autosave_pop ul {padding:15px;border-top:1px solid #e9e9e9;list-style:none;overflow-y:scroll;height:130px;border-bottom:1px solid #e8e8e8}
#autosave_pop li {padding:8px 5px;border-bottom:1px solid #fff;background:#eee;zoom:1}
#autosave_pop li:after {display:block;visibility:hidden;clear:both;content:""}
#autosave_pop a {display:block;float:left}
#autosave_pop span {display:block;float:right;font-size:0.92em;font-style:italic;color:#999}
.autosave_close {cursor:pointer;width:100%;height:30px;background:none;color:#888;font-weight:bold;font-size:0.92em}
.autosave_close:hover {background:#f3f3f3;color:#3597d9}
.autosave_content {display:none}
.autosave_del {background:url(./img/close_btn.png) no-repeat 50% 50%;text-indent:-999px;overflow:hidden;height:20px;width:20px}

/*board write*/

#bo_v_link h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_file ul {margin:0;list-style:none}
#bo_v_link li {padding:15px;position:relative;margin:10px 0;border:1px solid #dfdfdf;border-radius:5px;
-webkit-box-shadow:1px 1px 5px 0px hsl(232, 36%, 96%);
-moz-box-shadow:1px 1px 5px 0px hsl(232, 36%, 96%);
box-shadow:1px 1px 5px 0px hsl(232, 36%, 96%)}
#bo_v_link li i {float:left;color:#b2b2b2;font-size:2.35em;margin-right:20px}
#bo_v_link a {float:left;display:block;text-decoration:none;word-wrap:break-word;color:#000}
#bo_v_link a:focus, #bo_v_link li:hover a, #bo_v_link a:active {text-decoration:underline;color:#3a8afd}
#bo_v_link .bo_v_link_cnt {color:#b2b2b2;font-size:0.92em}
#bo_v_link li:hover {border-color:#bed4f4;color:#bed4f4}
#bo_v_link li:hover i {color:#3a8afd}
#bo_v_link li:hover .bo_v_link_cnt {color:#99c2fc}


@media screen and (max-width: 1024px) {
  .list_tbl_wrap col:first-child {
    width: 49px !important;
  }
  .list_tbl_wrap col:nth-child(2) {
    width: 40px !important;
  }
}
.list_tbl_wrap table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  color: var(--color-basic);
}
@media screen and (max-width: 1024px) {
  .list_tbl_wrap table {
    font-size: 0.875rem;
  }
}
.list_tbl_wrap td, .list_tbl_wrap th {
  min-height: 4.8125rem;
  padding-top: 1.5625rem;
  padding-bottom: 1.5625rem;
  vertical-align: middle;
}
@media screen and (max-width: 1024px) {
  .list_tbl_wrap td, .list_tbl_wrap th {
    height: 3.375rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}
.list_tbl_wrap .date {
  text-align: left;
}
.list_tbl_wrap thead {
  font-size: 1.125em;
}
@media screen and (max-width: 1024px) {
  .list_tbl_wrap thead {
    font-size: 1em;
  }
  .list_tbl_wrap thead th {
    font-weight: 500;
  }
}
.list_tbl_wrap tbody td, .list_tbl_wrap tbody th {
  border-bottom: 1px solid var(--border-color);
}
@media screen and (max-width: 1024px) {
  .list_tbl_wrap tbody td, .list_tbl_wrap tbody th {
    vertical-align: top;
  }
}
.list_tbl_wrap tbody .date {
  color: var(--color-desc);
}
@media screen and (max-width: 1024px) {
  .list_tbl_wrap tbody .date {
    transform: translateY(2px);
  }
}
.list_tbl_wrap tbody .tit {
  text-align: left;
  font-size: 1.25em;
}
@media screen and (max-width: 1024px) {
  .list_tbl_wrap tbody .tit {
    font-size: 1.1428571429em;
    padding-left: 0.625em;
  }
}
.list_tbl_wrap .sort {
  text-align: center;
}
.list_tbl_wrap .point {
  text-align: right;
}
.list_tbl_wrap .point.on {
  color: var(--main-color);
}
@media screen and (max-width: 1024px) {
  .list_tbl_wrap .point .unit {
    display: block;
    padding-top: 1.7142857143em;
  }
}
.list_tbl_wrap .sort_box {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 2.0714285714em;
  font-size: 0.875em;
  padding-left: 0.5714285714em;
  padding-right: 0.5714285714em;
  color: var(--white);
}
@media screen and (max-width: 1024px) {
  .list_tbl_wrap .sort_box {
    font-size: 0.8571428571em;
    height: 1.6666666667em;
    padding-left: 0.3333333333em;
    padding-right: 0.3333333333em;
    transform: translateY(2px);
  }
}
.list_tbl_wrap .sort_box.type1 {
  background-color: #c0c0c0;
}
.list_tbl_wrap .sort_box.type2 {
  background-color: var(--color-basic);
}
.list_tbl_wrap .sort_box.type3 {
  background-color: var(--main-color);
}
.list_tbl_wrap thead th, .list_tbl_wrap thead td {
  border-top: 1px solid var(--color-sub2);
  border-bottom: 1px solid var(--color-sub2);
}

@media screen and (max-width: 1024px) {
  .list_board_wrap,
  .card_board_wrap {
    padding-top: 2.5em;
  }
}

.list_board_lists.card {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5em;
}
@media screen and (max-width: 1024px) {
  .list_board_lists.card {
    gap: 1em 0.9375em;
  }
}
.list_board_lists.card .list_board_item {
  width: calc(33.3333333333% - 0.6666666667 * 1.5em);
}
@media screen and (max-width: 1024px) {
  .list_board_lists.card .list_board_item {
    width: calc(50% - 0.5 * 0.9375em);
  }
}
.list_board_lists.card .head {
  display: none;
}
.list_board_lists.card .inner {
  flex-wrap: wrap;
  align-items: baseline;
  padding: 2.5em 2.5em 2.25em;
  border: 1px solid #c0c0c0;
  gap: 0;
}
@media screen and (max-width: 1024px) {
  .list_board_lists.card .inner {
    padding: 1.1428571429em;
    font-size: 0.875em;
  }
}
.list_board_lists.card :not(.notice) .number {
  display: none;
}
.list_board_lists.card .notice .number {
  position: absolute;
  transform: translateY(0.3571428571em);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.875em;
  width: auto;
  height: 1.6428571429em;
  padding-left: 0.5714285714em;
  padding-right: 0.5714285714em;
  line-height: 1;
  white-space: nowrap;
  color: var(--color-w);
  background-color: var(--main-color);
}
@media screen and (max-width: 1024px) {
  .list_board_lists.card .notice .number {
    transform: translateY(1px);
    font-size: 0.8571428571em;
    padding-left: 0.25em;
    padding-right: 0.25em;
    height: 1.6666666667em;
  }
}
.list_board_lists.card .notice .tit {
  white-space: normal;
  text-indent: 2.25em;
}
@media screen and (max-width: 1024px) {
  .list_board_lists.card .notice .tit {
    text-indent: 2.3125em;
  }
}
.list_board_lists.card .notice .inner {
  background-color: rgba(221, 79, 60, 0.08);
  border: 1px solid rgba(221, 79, 60, 0.6);
}
.list_board_lists.card .tit {
  display: block;
  display: -webkit-box;
  webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 1.5em;
  font-weight: 600;
  line-height: 1.4166666667em;
  height: 2.8333333333em;
  margin-bottom: 0.8333333333em;
  max-width: 100%;
  white-space: normal;
}
@media screen and (max-width: 1024px) {
  .list_board_lists.card .tit {
    font-size: 1.1428571429em;
    line-height: 1.375em;
    max-height: 2.75em;
    margin-bottom: 1em;
  }
}
.list_board_lists.card .conts {
  display: block;
  display: -webkit-box;
  webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.5625em;
  height: 3.125em;
  margin-bottom: 1em;
}
@media screen and (max-width: 1024px) {
  .list_board_lists.card .conts {
    font-size: 0.75em;
    line-height: 1.5em;
    height: 3em;
  }
}
.list_board_lists.card .date {
  display: inline-block;
  margin-left: auto;
}
@media screen and (max-width: 1024px) {
  .list_board_lists.card .date {
    font-size: 0.8571428571em;
  }
}
@media screen and (max-width: 1024px) {
  .list_board_lists.list {
    border-top: 1px solid var(--color-sub2);
    margin-left: calc(var(--spacing) * -1);
    margin-right: calc(var(--spacing) * -1);
  }
  .list_board_lists.list .number {
    color: #acacac;
  }
}

.list_board_item {
  border-bottom: 1px solid #e3e3e3;
}
.list_board_item .inner {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 5em;
  gap: 4.375em;
  color: var(--color-basic);
}
@media screen and (max-width: 1024px) {
  .list_board_item .inner {
    flex-wrap: wrap;
    min-height: auto;
    gap: 0;
    padding: 1em;
  }
}
.list_board_item.head {
  border-top: 1px solid var(--color-sub2);
  border-bottom: 1px solid var(--color-sub2);
  font-weight: 700;
}
.list_board_item.head .tit {
  text-align: center;
}
.list_board_item.head .date {
  color: var(--color-basic);
  font-weight: 700;
}
@media screen and (max-width: 1024px) {
  .list_board_item.head {
    display: none;
  }
}
.list_board_item .chk_box {
  position: absolute;
  top: 0;
  left: 0;
}
.list_board_item.notice .number {
  color: var(--main-color);
  font-weight: 700;
}
.list_board_item .number {
  flex: 0 0 auto;
  display: block;
  white-space: nowrap;
  width: 1.875em;
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .list_board_item .number {
    width: 100%;
    font-size: 0.875em;
    text-align: left;
    margin-bottom: 0.1428571429em;
  }
}
.list_board_item .tit {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1 1 auto;
  text-align: left;
  color: var(--color-basic);
}
@media screen and (max-width: 1024px) {
  .list_board_item .tit {
    font-size: 1em;
    max-width: calc(100% - 7.5em);
  }
}
.list_board_item .conts {
  display: none;
}
.list_board_item .date {
  flex: 0 0 auto;
  color: #757575;
  font-weight: 400;
  text-align: right;
}
@media screen and (max-width: 1024px) {
  .list_board_item .date {
    font-size: 0.875em;
    margin-left: auto;
  }
}



.card_board_lists {
  display: flex;
  flex-wrap: wrap;
  gap: 4.375em 1em;
}
@media screen and (max-width: 1024px) {
  .card_board_lists {
    gap: 2.5em;
  }
}
.card_board_lists .card_board_item {
  width: calc(33.3333333333% - 0.6666666667 * 1em)
}
@media screen and (max-width: 1024px) {
  .card_board_lists .card_board_item {
    width: calc(50% - 2.5em);
  }
}
@media screen and (max-width: 600px) {
  .card_board_lists .card_board_item {
    width: 100%;
  }
}
.card_board_lists .card_board_item .img_box {
  position: relative;
}
.card_board_lists .card_board_item .img_box .lnk {
  display: block;
  width: 100%;
  -webkit-aspect-ratio: 628/360;
  -ms-aspect-ratio: 628/360;
  -o-aspect-ratio: 628/360;
  -moz-aspect-ratio: 628/360;
  aspect-ratio: 628/360;
}
.card_board_lists .card_board_item .img_box img {
  width: 100%;
  height: 100%;
  -webkit-object-fit: cover;
  -ms-object-fit: cover;
  -o-object-fit: cover;
  -moz-object-fit: cover;
  object-fit: cover;
}
.card_board_lists .card_board_item .img_box .chk_box {
  position: absolute;
  top: 0.625em;
  left: 0.625em;
}
.card_board_lists .card_board_item .txt_box {
  margin-top: 0.8em;
  font-size: 1.25em;
  color: var(--color-sub2);
}
.card_board_lists .card_board_item .txt_box .tit {
  display: block;
  font-size: 1.2em;
  color: var(--color-basic);
  margin-bottom: 0.25em;
}
.card_board_lists .card_board_item .txt_box .promotion_dates {
  display: flex;
  align-items: center;
}
.card_board_lists .card_board_item .txt_box .date_item + .date_item {
  gap: 0.2em;
}
.card_board_lists .card_board_item .txt_box .date_item + .date_item::before {
  content: "-";
  display: inline;
  flex: 0 0 auto;
}
@media screen and (max-width: 1024px) {
  .card_board_lists .card_board_item .txt_box {
    margin-top: 0.8571428571em;
    font-size: 0.875em;
  }
  .card_board_lists .card_board_item .txt_box .tit {
    font-size: 1.1428571429em;
    margin-bottom: 0.125em;
  }
}

@media screen and (max-width: 1024px) {
  .bbs_board_view {
    padding-top: 1.875em;
  }
}
.bbs_board_view .head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1em;
  padding-bottom: 1.75em;
  margin-bottom: 2.5em;
  border-bottom: 1px solid var(--color-sub2);
}
@media screen and (max-width: 1024px) {
  .bbs_board_view .head {
    flex-direction: column;
    padding-bottom: 1.875em;
    gap: 0.25em;
    border-bottom-color: #acacac;
    margin-bottom: 1.875em;
  }
}
.bbs_board_view .head .bbs_board_tit {
  font-size: 1.5em;
  font-weight: 700;
  color: var(--color-basic);
}
@media screen and (max-width: 1024px) {
  .bbs_board_view .head .bbs_board_tit {
    font-size: 1.25em;
  }
}
.bbs_board_view .head .reg_date {
  display: block;
  flex: 0 0 auto;
  line-height: 1.5625em;
  color: var(--color-sub2);
}
@media screen and (max-width: 1024px) {
  .bbs_board_view .head .reg_date {
    font-size: 0.875em;
  }
}
.bbs_board_view .body {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5625em;
  color: var(--color-basic);
  padding-bottom: 1.875em;
  border-bottom: 1px solid var(--color-sub2);
}
.bbs_board_view .body img {
  max-width: 100%;
  height:auto;
  display: inline-block;
  vertical-align: top;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1024px) {
  .bbs_board_view .body {
    font-size: 0.875rem;
    border-bottom: 0;
    padding-bottom: 0;
  }
}
.bbs_board_view #bo_v_img + #contents {
  margin-top: 2.5rem;
}
.bbs_board_view #bo_v_img > *,
.bbs_board_view #contents > * {
  margin-bottom: 2.5rem;
}
.bbs_board_view #bo_v_img > *:last-child,
.bbs_board_view #contents > *:last-child {
  margin-bottom: 0;
}
.bbs_board_view .foot {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 0.75em;
  padding-top: 5em;
}
@media screen and (max-width: 1024px) {
  .bbs_board_view .foot {
    padding-top: 2.5em;
  }
}

.con_head_box {
  padding-bottom: 5em;
  font-size:1.2em;
  border-bottom: 1px solid var(--color-sub2);
}
@media screen and (max-width: 1024px) {
  .con_head_box {
    padding-top: 2.5em;
    padding-bottom: 2.25em;
  }
}

.list_items > li {
  display: flex;
  align-items: baseline;
  line-height: 1.375em;
  gap: 0.25em;
}
.list_items > li::before {
  content: "";
  display: inline-flex;
  align-items: center;
  fleX: 0 0 auto;
  line-height: 1.375em;
}

.list_dash > li::before {
  content: "-";
}

.list_dot > li::before {
  content: "·";
}

.accordion_item:has(.accordion_conts) .accordion_btn::after {
  flex: 0 0 auto;
  content: "";
  display: block;
  width: 1em;
  height: 1em;
  background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.2227 4.88867L7.96179 11.1495L1.70092 4.88867' stroke='white'/%3E%3C/svg%3E%0A") no-repeat center/100% auto;
  transition: transform 0.3s;
}
.accordion_item .accordion_btn {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1em;
  min-height: 3.75em;
  padding-left: 1em;
  padding-right: 1em;
}
.accordion_item .accordion_btn.on::after {
  transform: rotate(180deg);
}
.accordion_item .accordion_btn.on + .accordion_conts {
  display: block;
  height: auto;
}
.accordion_item .accordion_btn.red {
  background-color: var(--main-color);
}
.accordion_item .accordion_btn.black {
  background-color: var(--color-basic);
}
.accordion_item .accordion_btn.platinum {
  background: linear-gradient(90deg, #939393 -23.62%, #CACACA 50.73%, #737373 100%);
  color: var(--color-w);
}
.accordion_item .accordion_btn .subs {
  font-size: 0.75em;
}
.accordion_item .accordion_btn svg {
  width: auto;
  height: 1em;
}
.accordion_item .accordion_conts {
  display: none;
  transition: all 0.35s;
  transition-behavior: allow-discrete;
  height: 0;
  overflow: hidden;
}
@starting-style {
  .accordion_item .accordion_conts {
    display: block;
    height: auto;
  }
}

.bbs_tbl_wrap thead svg {
  width: auto;
  height: 1.375em;
}
.bbs_tbl_wrap table {
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  text-align: center;
  color: var(--color-basic);
}
@media screen and (max-width: 1024px) {
  .bbs_tbl_wrap table {
    font-size: 0.875em;
  }
}
.bbs_tbl_wrap .point {
  font-weight: 700;
}
.bbs_tbl_wrap .desc {
  display: block;
  font-size: 0.875em;
  color: #acacac;
}
@media screen and (max-width: 1024px) {
  .bbs_tbl_wrap .desc {
    font-size: 0.8571428571em;
  }
}
.bbs_tbl_wrap td, .bbs_tbl_wrap th {
  vertical-align: middle;
  height: 5.375em;
  padding-top: 1.5625em;
  padding-bottom: 1.5625em;
  padding-left: 1em;
  padding-right: 1em;
  border: 1px solid var(--border-color2);
  word-break: keep-all;
  line-height: 1.4375em;
}
.sub_tbl{height:100%;}
@media screen and (max-width: 1024px) {
  .bbs_tbl_wrap td, .bbs_tbl_wrap th {
    height: 4.75em;
    padding: 1em;
  }
}
.bbs_tbl_wrap td {
  padding-left: 2.8125em;
  padding-right: 2.8125em;
}
@media screen and (max-width: 1024px) {
  .bbs_tbl_wrap td {
    padding-left: 1.1428571429em;
    padding-right: 1.1428571429em;
  }
}
.bbs_tbl_wrap th {
  background-color: var(--bg-color);
  font-weight: 600;
}
@media screen and (max-width: 1024px) {
  .bbs_tbl_wrap th {
    font-size: 1.1428571429em;
    padding-left: 0.3125em;
    padding-right: 0.3125em;
  }
}
.bbs_tbl_wrap [class*=list] {
  display: inline-flex;
  flex-direction: column;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}

.desc_box {
  color: var(--color-desc);
}
.desc_box:not(first-child) {
  margin-top: 2.5em;
}

.membership_wrap .con_head_box {
  margin-bottom: 2.875em;
}
@media screen and (max-width: 1024px) {
  .membership_wrap .con_head_box {
    margin-bottom: 3.125em;
  }
}

.fm_ch {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 0.5714285714em;
  font-size: 0.875rem;
  cursor: pointer;
}
.fm_ch input[type=checkbox],
.fm_ch input[type=radio] {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  opacity: 0;
  text-indent: -999px;
}
.fm_ch .ico {
  position: relative;
  flex: 0 0 auto;
  display: inline-flex;
  width: 1.1428571429em;
  -webkit-aspect-ratio: 1;
  -ms-aspect-ratio: 1;
  -o-aspect-ratio: 1;
  -moz-aspect-ratio: 1;
  aspect-ratio: 1;
  box-shadow: inset 0 0 0 1px var(--border-color2);
  background: url("data:image/svg+xml,%3Csvg width='9' height='6' viewBox='0 0 9 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 2L4 5.5L8.5 0.5' stroke='%23D3D3D3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat center;
  background-size: auto 0.3571428571em;
}
.fm_ch .ico::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transform: scale(0.75);
  transition: opacity 0.35s ease-out, transform 0.35s cubic-bezier(0, 0.36, 0.57, 1.61);
  background: var(--main-color) url("data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 3.375L4.75 7.75L10.375 1.5' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat center;
  background-size: auto 0.4285714286em;
}
.fm_ch input:checked ~ .ico::after {
  opacity: 1;
  transform: scale(1);
}

.error {
  display: inline-flex;
  align-items: baseline;
  color: var(--main-color);
  font-size: 0.875rem;
  line-height: 1.5714285714em;
  font-weight: 400;
  gap: 0.5714285714em;
}
.error::before {
  transform: translateY(3px);
  content: "";
  display: block;
  width: 1.1428571429em;
  height: 1.1428571429em;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Ccircle cx='8' cy='8' r='7.5' stroke='%23DD4F3C'/%3E%3Cpath fill='%23DD4F3C' d='m8.572 4.014-.083 6.091h-.986L7.42 4.014h1.152Zm-1.326 7.798A.752.752 0 0 1 8 11.058c.415 0 .755.34.755.754 0 .415-.34.754-.755.754a.752.752 0 0 1-.754-.754Z'/%3E%3C/svg%3E") no-repeat center/100% auto;
}

.login_frm_wrap {
  padding-top: 3.125em;
  padding-bottom: 1.25em;
  text-align: center;
}
.login_frm_wrap > .inner {
  max-width: 30em;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.login_frm_wrap .frm {
  margin-top: 3em;
  padding-top: 3.75em;
  border-top: 1px solid var(--color-sub2);
}
.login_frm_wrap .login_frm {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 1024px) {
  .login_frm_wrap .login_frm {
    justify-content: center;
  }
  .login_frm_wrap .login_frm legend {
    order: 0;
  }
  .login_frm_wrap .login_frm .fm_id {
    order: 1;
  }
  .login_frm_wrap .login_frm .fm_pwd {
    order: 2;
    margin-bottom: 0.5em;
  }
  .login_frm_wrap .login_frm .fm_ch {
    order: 3;
  }
  .login_frm_wrap .login_frm .error {
    order: 4;
  }
  .login_frm_wrap .login_frm .login_btn {
    order: 5;
  }
  .login_frm_wrap .login_frm .login_menu_item {
    order: 6;
  }
}
.login_frm_wrap .inp {
  vertical-align: top;
}
.login_frm_wrap .inp + .inp {
  margin-top: -1px;
}
.login_frm_wrap .login_btn {
  font-size: 1.25rem;
  font-weight: 700;
  margin-top: 0.8em;
  margin-bottom: 0.5em;
}
@media screen and (max-width: 1024px) {
  .login_frm_wrap .login_btn {
    font-size: 1rem;
    margin-top: 1.25em;
    margin-bottom: 1em;
  }
}
.login_frm_wrap .fm_ch {
  margin-right: auto;
}
.login_frm_wrap .login_menu_item {
  display: inline-flex;
  align-items: center;
  gap: 0.8571428571em;
  font-size: 0.875em;
  color: var(--color-desc);
  margin-right: 0.8571428571em;
}
.login_frm_wrap .login_menu_item:last-child {
  margin-right: 0;
}
.login_frm_wrap .login_menu_item + .login_menu_item::before {
  content: "";
  display: block;
  height: 0.7142857143em;
  border-left: 1px solid var(--border-color2);
}

.mypage_wrap {
  display: flex;
  align-items: flex-start;
  gap: 1.5em;
  padding-bottom: 1.25em;
}
@media screen and (max-width: 1024px) {
  .mypage_wrap {
    flex-wrap: wrap;
    padding-top: 2.5em;
    padding-bottom: 0;
    gap: 0;
  }
}
.mypage_wrap .side_menu {
  flex: 0 0 auto;
  width: 18.875em;
  border: 1px solid var(--border-color);
  padding: 1.125em;
  color: var(--color-basic);
}
.mypage_wrap .side_menu .greeting_box {
  display: block;
  font-size: 1.5em;
  line-height: 1.375em;
  margin-bottom: 1.25em;
}
.mypage_wrap .side_menu .greeting_box .name {
  font-weight: 700;
}
.mypage_wrap .side_menu .rating_infos {
  margin-bottom: 1.625em;
}
.mypage_wrap .side_menu .rating_item {
  display: flex;
  gap: 1.25em;
  color: var(--color-basic);
  font-weight: 500;
}
.mypage_wrap .side_menu .rating_item + .rating_item {
  margin-top: 0.625em;
}
.mypage_wrap .side_menu .rating_item .lab {
  flex: 0 0 auto;
  min-width: 5.5em;
  color: var(--color-desc);
  font-weight: 400;
  letter-spacing: -0.125em;
}
@media screen and (max-width: 1024px) {
  .mypage_wrap .side_menu {
    position: relative;
    width: 100%;
    border: 0;
    padding: 0;
    padding-bottom: 2.125em;
  }
  .mypage_wrap .side_menu::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% + 2em);
    height: 0.5em;
    background-color: var(--gray-light);
  }
  .mypage_wrap .side_menu .greeting_box {
    font-size: 1.375em;
    margin-bottom: 1.1818181818em;
  }
  .mypage_wrap .side_menu .greeting_box br {
    display: none;
  }
  .mypage_wrap .side_menu .rating_infos {
    margin-bottom: 1.625em;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
  }
  .mypage_wrap .side_menu .rating_infos::after {
    content: "";
    display: block;
  }
  .mypage_wrap .side_menu .rating_item {
    flex-direction: column;
    align-items: flex-start;
    font-size: 1em;
    gap: 0.2857142857em;
    font-weight: 500;
  }
  .mypage_wrap .side_menu .rating_item .lab {
    width: auto;
    min-width: auto;
    text-align: left;
    font-size: 0.875em;
  }
}
.mypage_wrap .mypage_conts {
  width: calc(100% - 18.875em - 1.5em);
}
@media screen and (max-width: 1024px) {
  .mypage_wrap .mypage_conts {
    width: 100%;
    padding-top: 2.25em;
  }
}
.mypage_wrap .point_info_box {
  display: flex;
  background-color: var(--gray-light);
  padding-top: 2.8125em;
  padding-bottom: 2.5em;
  margin-bottom: 3.75em;
}
@media screen and (max-width: 1024px) {
  .mypage_wrap .point_info_box {
    padding: 0;
    flex-wrap: wrap;
    background-color: none;
    border: 1px solid var(--border-color);
    margin-bottom: 3.125em;
  }
}
.mypage_wrap .point_info_item {
  flex: 1 1;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 0.75em;
  font-size: 1em;
  line-height: 1.625em;
  text-align: center;
  padding-left: 0.5em;
  padding-right: 0.5em;
}
.mypage_wrap .point_info_item + .point_info_item {
  border-left: 1px solid var(--border-color2);
}
.mypage_wrap .point_info_item .unit {
  font-size: 1.25em;
  font-weight: 700;
}

.tasting_txt_box .con_head_box{margin-bottom:2.875em}
@media screen and (max-width: 1024px) {
	.tasting_txt_box .con_head_box {
		margin-bottom: 3.125em;
	}
  .mypage_wrap .point_info_item {
    flex-direction: column;
    gap: 1px;
    font-size: 0.875em;
    margin-top: 1.1428571429em;
    margin-bottom: 1.1428571429em;
  }
  .mypage_wrap .point_info_item:first-child {
    flex-direction: row;
    justify-content: space-between;
    flex: 0 0 auto;
    width: 100%;
    padding-top: 1.0714285714em;
    padding-bottom: 1.0714285714em;
    padding-left: 1.1428571429em;
    padding-right: 1.1428571429em;
    margin: 0;
    background-color: var(--gray-light);
  }
  .mypage_wrap .point_info_item:nth-child(2n) {
    border-left: 0;
  }
  .mypage_wrap .point_info_item .unit {
    font-size: 1.1428571429em;
  }
}
.p-0{padding:0 !important;}
.bd-0{border:0 !important;}
/*# sourceMappingURL=common.css.map */

@font-face {
  font-family: "otp-demi-b";
  src: url("/data/fonts/OptimaLTPro-DemiBold.woff") format('woff');
  font-weight: bold;
}

@font-face {
  font-family: "otp-demi-bi";
  src: url("/data/fonts/OptimaLTPro-DemiBoldItalic.woff") format('woff');
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: "otp-m";
  src: url("/data/fonts/OptimaLTPro-Medium.woff") format('woff');
  font-weight: normal;
}

@font-face {
  font-family: "otp-mi";
  src: url("/data/fonts/OptimaLTPro-MediumItalic.woff") format('woff');
  font-weight: italic;
}


.font-otp-m{font-family:'otp-m';}
.font-otp-d{font-family:'otp-demi-b';}