#header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  max-width: 100%;
  z-index: 5005;
  font-size: 1rem;
  font-family: var(--general-font);
  transition: transform 0.35s;
  background-color: rgba(255, 255, 255, 0);
  background-color: rgb(255, 255, 255);
}
@media screen and (max-width: 1280px) {
  #header {
    font-size: 1.05rem;
  }
}
@media screen and (max-width: 1024px) {
  #header {
    font-size: 0.9375rem;
    height: auto;
  }
}
#header.down {
  transform: translateY(-100%);
}
#header .h_inner {
  display: flex;
  align-items: center;
  max-width: var(--h-wrap);
  height: var(--header-hei);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1em;
  padding-right: 1em;
  position: relative;
  z-index: 1009;
}
@media screen and (max-width: 1280px) {
  #header .h_inner {
    justify-content: space-between;
    align-items: center;
    height: var(--header-hei);
    padding-left: var(--spacing);
    padding-right: var(--spacing);
  }
}
@media screen and (max-width: 1024px) {
  #header .h_inner {
    padding-top: 1.3333333333em;
  }
}
#header .logo {
  flex: 0 0 auto;
  margin-right: 5em;
}
#header .logo a {
  display: block;
}
#header .logo img {
  vertical-align: top;
}
@media screen and (max-width: 1280px) {
  #header .logo {
    margin-right: 3.125em;
  }
}
@media screen and (max-width: 1024px) {
  #header .logo a {
    height: 1.2666666667em;
  }
  #header .logo img {
    height: 100%;
  }
}
#header .mo_toggle_btn {
  display: none;
  width: 1.6666666667em;
  height: 1.6666666667em;
  position: relative;
  background: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_226_5647' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='25' height='25'%3E%3Crect width='25' height='25' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_226_5647)'%3E%3Crect x='3.75' y='7.50586' width='18.75' height='2.5' fill='black'/%3E%3Crect x='3.75' y='15.002' width='18.75' height='2.5' fill='black'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat center/100% auto;
}
#header .mo_toggle_btn.on {
  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%3Cmask id='mask0_226_5928' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='20' height='20'%3E%3Crect width='20' height='20' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_226_5928)'%3E%3Crect x='2.14062' y='3.71484' width='2.22222' height='20' transform='rotate(-45 2.14062 3.71484)' fill='black'/%3E%3Crect x='3.71094' y='17.8555' width='2.22222' height='20' transform='rotate(-135 3.71094 17.8555)' fill='black'/%3E%3C/g%3E%3C/svg%3E%0A");
}
@media screen and (max-width: 1024px) {
  #header .mo_toggle_btn {
    display: block;
  }
}

#gnb {
  display: flex;
  align-items: stretch;
  width: 100%;
}
@media screen and (max-width: 1024px) {
  #gnb {
    display: none;
  }
}
#gnb .dep1, #gnb .dep1 > li {
  height: 100%;
}
#gnb .dep1 {
  display: flex;
  gap: 5.625em;
  width: 100%;
}
#gnb .dep1 > li:last-child {
  margin-left: auto;
}
#gnb .dep1 > li:last-child .dep1_tit {
  gap: 0.125em;
}
#gnb .dep1 > li:last-child .dep1_tit::before {
  display: none;
}
#gnb .dep1 > li:last-child .dep1_tit::after {
  content: "";
  display: block;
  width: 0.75em;
  height: 0.75em;
  background: url("/assets/images/common/ico_global.svg") no-repeat center/100% auto;
  transition: all 0.35s;
}
#gnb .dep1 > li:last-child .dep1_tit:hover::after {
  background-image: url("/assets/images/common/ico_global_h.svg");
}
@media screen and (max-width: 1280px) {
  #gnb .dep1 {
    gap: 3.75em;
  }
}
#gnb .dep1_tit {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.375em;
  padding: 0.5em;
  font-weight: 500;
  text-transform: uppercase;
  transition: color 0.25s;
}
#gnb .dep1_tit::before {
  content: "";
  display: block;
  box-shadow: inset 0 0 0 2px var(--color-b);
  border-radius: 100%;
  width: 0.75em;
  height: 0.75em;
  transition: box-shadow 0.25s;
}
#gnb .dep1_tit.on, #gnb .dep1_tit:hover {
  color: var(--brand-color-main);
}
#gnb .dep1_tit.on::before, #gnb .dep1_tit:hover::before {
  box-shadow: inset 0 0 0 6px var(--brand-color-main);
}

#allMenu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding-top: var(--header-hei);
  background-color: #fff;
  visibility: hidden;
  opacity: 0;
  z-index: 1003;
  font-size: 0.9375rem;
  transition: all 0.35s;
  overflow: hidden;
}
@media all and (min-width: 1025px) {
  #allMenu {
    display: none;
  }
}
#allMenu::after {
  content: "";
  display: block;
  width: 21.4em;
  aspect-ratio: 1;
  position: absolute;
  bottom: 2.3333333333em;
  right: 0;
  transform: translateX(30.529%);
  background: linear-gradient(137.49deg, #FFA09A 22.3%, #8A95FF 78.7%);
  display: none;
  pointer-events: none;
  touch-action: none;
  z-index: -1;
}
@supports (filter: blur()) {
  #allMenu::after {
    filter: blur(100px);
    display: block;
  }
}
@media screen and (max-width: 1280px) {
  #allMenu {
    font-size: 1.125rem;
  }
}
@media screen and (max-width: 1024px) {
  #allMenu {
    font-size: 0.9375rem;
  }
}
#allMenu.on {
  visibility: visible;
  opacity: 1;
}
#allMenu .inner, #allMenu .wrap {
  height: 100%;
}
#allMenu .inner {
  padding-bottom: 2.3333333333em;
}
#allMenu .wrap {
  display: flex;
  flex-direction: column;
}
#allMenu .gnb {
  margin-top: 1.2162162162em;
  font-size: 2.4666666667em;
  font-weight: 500;
  font-family: var(--general-font);
}
#allMenu .dep1 > li {
  padding: 0.9459459459em 0.2702702703em;
  border-bottom: 0.5px solid #000;
}
#allMenu .dep1_tit {
  display: flex;
  align-items: center;
  gap: 0.3513513514em;
}
#allMenu .dep1_tit::before {
  content: "";
  display: block;
  width: 0.3243243243em;
  height: 0.3243243243em;
  box-shadow: inset 0 0 0 2px #000;
  border-radius: 50%;
}
#allMenu .etc_menus {
  margin-top: auto;
  display: flex;
  align-items: flex-end;
  gap: 1.25em;
  padding-left: 0.625em;
  padding-right: 0.625em;
  font-size: 1.0666666667em;
  letter-spacing: -0.02em;
  font-weight: 500;
  color: #000;
  flex-direction: row-reverse;
}
#allMenu .etc_menus .sns {
  margin-left: auto;
}
#allMenu .etc_menus .sns .lnk_arr {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.1875em;
  margin-top: 20px;
}
#allMenu .etc_menus .sns .lnk_arr::before, #allMenu .etc_menus .sns .lnk_arr::after {
  content: "";
  display: block;
}
#allMenu .etc_menus .sns .lnk_arr::before {
  display: none;
  width: 1.875em;
  height: 1.875em;
  background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.2839 2.5C17.6907 2.50233 18.4035 2.50978 19.0195 2.52811L19.2622 2.53604C19.5424 2.546 19.8189 2.5585 20.1523 2.57412C21.4824 2.63559 22.3898 2.846 23.1867 3.15537C24.0105 3.47309 24.7064 3.90225 25.4012 4.59705C26.0949 5.29184 26.5242 5.98975 26.8429 6.81163C27.1512 7.60746 27.3617 8.5158 27.4242 9.846C27.439 10.1793 27.451 10.4558 27.4609 10.7361L27.4688 10.9788C27.487 11.5947 27.4954 12.3077 27.498 13.7145L27.499 14.6465C27.4992 14.7603 27.4992 14.8778 27.4992 14.9991L27.499 15.3517L27.4983 16.2838C27.4959 17.6906 27.4885 18.4036 27.4702 19.0195L27.4622 19.2621C27.4523 19.5425 27.4398 19.819 27.4242 20.1522C27.3627 21.4825 27.1512 22.3897 26.8429 23.1866C26.5252 24.0106 26.0949 24.7065 25.4012 25.4012C24.7064 26.095 24.0074 26.5241 23.1867 26.8428C22.3898 27.1512 21.4824 27.3616 20.1523 27.4241C19.8189 27.439 19.5424 27.4511 19.2622 27.4608L19.0195 27.4687C18.4035 27.4871 17.6907 27.4953 16.2839 27.4981L15.3518 27.4991C15.2379 27.4991 15.1204 27.4991 14.9992 27.4991H14.6465L13.7144 27.4982C12.3077 27.496 11.5947 27.4885 10.9787 27.4701L10.7361 27.4622C10.4558 27.4522 10.1793 27.4397 9.846 27.4241C8.51579 27.3627 7.60954 27.1512 6.81163 26.8428C5.9887 26.5252 5.29183 26.095 4.59704 25.4012C3.90225 24.7065 3.47413 24.0075 3.15538 23.1866C2.846 22.3897 2.63663 21.4825 2.57413 20.1522C2.55928 19.819 2.54716 19.5425 2.53735 19.2621L2.52949 19.0195C2.5112 18.4036 2.50286 17.6906 2.50016 16.2838L2.5 13.7145C2.50233 12.3077 2.50976 11.5947 2.5281 10.9788L2.53604 10.7361C2.546 10.4558 2.5585 10.1793 2.57413 9.846C2.63558 8.51475 2.846 7.6085 3.15538 6.81163C3.47308 5.98871 3.90225 5.29184 4.59704 4.59705C5.29183 3.90225 5.98975 3.47412 6.81163 3.15537C7.6085 2.846 8.51475 2.63662 9.846 2.57412C10.1793 2.55929 10.4558 2.54718 10.7361 2.53736L10.9787 2.5295C11.5947 2.5112 12.3077 2.50286 13.7144 2.50016L16.2839 2.5ZM14.9992 8.74913C11.5455 8.74913 8.74913 11.5485 8.74913 14.9991C8.74913 18.4527 11.5485 21.2491 14.9992 21.2491C18.4528 21.2491 21.2492 18.4497 21.2492 14.9991C21.2492 11.5455 18.4497 8.74913 14.9992 8.74913ZM14.9992 11.2491C17.0703 11.2491 18.7492 12.9275 18.7492 14.9991C18.7492 17.0702 17.0708 18.7491 14.9992 18.7491C12.928 18.7491 11.2491 17.0708 11.2491 14.9991C11.2491 12.928 12.9274 11.2491 14.9992 11.2491ZM21.5617 6.87413C20.7 6.87413 19.9992 7.57401 19.9992 8.43556C19.9992 9.29713 20.699 9.99809 21.5617 9.99809C22.4232 9.99809 23.1242 9.29821 23.1242 8.43556C23.1242 7.57401 22.422 6.87305 21.5617 6.87413Z' fill='black'/%3E%3C/svg%3E%0A");
  margin-right: 0.3125em;
}
#allMenu .etc_menus .sns .lnk_arr::after {
  width: 0.75em;
  height: 0.75em;
  background: url("/assets/images/common/ico_lnk_arr_b.svg") no-repeat center/100% auto;
}
#allMenu .etc_menus .lng {
  display: flex;
  align-items: center;
  position: relative;
  color: #252525;
  text-transform: uppercase;
}
#allMenu .etc_menus .lng + .lng > a {
  display: flex;
  gap: 1.25em;
}
#allMenu .etc_menus .lng + .lng > a::after {
  content: "";
  display: block;
  height: 0.625em;
  border-right: 1px solid #8f8f8f;
}
#allMenu .etc_menus .lng > a {
  display: flex;
  align-items: center;
  gap: 0.3125em;
}
#footer {
  position: relative;
  z-index: 10;
  font-size: 0.9375rem;
  overflow: hidden;
  padding-top: 5.3333333333em;
}
@media screen and (max-width: 1280px) {
  #footer {
    font-size: 1.125rem;
    padding-top: 2em;
    padding-left: 1.6666666667em;
    padding-right: 1.6666666667em;
  }
}
@media screen and (max-width: 1024px) {
  #footer {
    font-size: 0.9375rem;
  }
}
#footer .ft_top, #footer .ft_bottom {
  position: relative;
  z-index: 3;
  width: 100%;
}
#footer .ft_inner {
  display: flex;
  gap: 6.6666666667em;
  position: relative;
  max-width: var(--f-wrap);
  width: 100%;
  color: var(--color-b);
}
@media screen and (max-width: 1280px) {
  #footer .ft_inner {
    padding: 0;
  }
}
@media screen and (max-width: 1024px) {
  #footer .ft_inner {
    flex-direction: column;
    gap: 1.0666666667em;
  }
}
#footer .ft_top {
  position: relative;
  display: flex;
  gap: 6.6666666667em;
}
#footer .ft_top .ft_inner .ft_info_box, #footer .ft_top .ft_inner .ft_sitemap, #footer .ft_top .ft_inner .contact_info {
  position: relative;
  z-index: 3;
}
#footer .ft_top .ft_terms + .ft_terms {
  margin-top: 0.6666666667em;
}
@media screen and (max-width: 1024px) {
  #footer .ft_top .ft_terms + .ft_terms {
    margin-top: 0;
  }
}
#footer .ft_top .lnk_arr {
  display: flex;
  align-items: center;
  gap: 0.2666666667em;
  font-size: 1em;
  font-weight: 600;
}
#footer .ft_top .lnk_arr::after {
  content: "";
  display: block;
  width: 0.8em;
  aspect-ratio: 1;
  background: url("/assets/images/common/ico_lnk_arr_b.svg") no-repeat center/100% auto;
}
#footer .ft_top .lnk_arr:hover {
  color: var(--brand-color-main);
}
#footer .ft_top .lnk_arr:hover::after {
  background-image: url("/assets/images/common/ico_lnk_arr_b_h.svg");
}
@media screen and (max-width: 1280px) {
  #footer .ft_top .lnk_arr::after {
    width: 0.9230769231em;
  }
}
#footer .ft_top .contact_info {
  margin-left: auto;
  margin-right: 120px;
  font-family: var(--general-sans);
  font-size: 1.7333333333em;
  font-weight: 400;
}
#footer .ft_top .contact_info [class*=info] {
  display: block;
  font-weight: 500;
  line-height: 1;
}
#footer .ft_top .contact_info [class*=info] + [class*=info] {
  margin-top: 0.7692307692em;
}
#footer .ft_top .contact_info .mail_info {
  text-decoration: underline;
}
#footer .ft_top .contact_info .sns_lists {
  display: flex;
  gap: 20px;
  align-items: center;
  /* margin-top: 1.1538461538em; */
  margin-top: 20px;
  margin-bottom: 2em;
}
#footer .ft_top .contact_info .sns_ico {
  display: block;
  /* width: 1.6363636364em; */
  width: 32px;
  height: 32px;
  aspect-ratio: 1;
}
#footer .ft_top .contact_info .sns_ico img {
  vertical-align: top;
}
@media screen and (max-width: 1280px) {
  #footer .ft_top .contact_info {
    font-size: 1.4em;
  }
}
@media screen and (max-width: 1024px) {
  #footer .ft_top .contact_info {
    margin-left: 0;
    margin-top: 3.0952380952em;
  }
  #footer .ft_top .contact_info [class*=info] + [class*=info] {
    margin-top: 0.9523809524em;
  }
  #footer .ft_top .contact_info .sns_lists {
    margin-top: 1.4285714286em;
    margin-bottom: 0.7142857143em;
  }
  #footer .ft_top .contact_info .sns_ico {
    /* width: 1.2857142857em; */
  }
}
@media screen and (max-width: 1280px) {
  #footer .ft_top .ft_sitemap {
    font-size: 0.8666666667em;
  }
}
@media screen and (max-width: 1024px) {
  #footer .ft_top .ft_sitemap > ul {
    display: flex;
    flex-wrap: wrap;
    gap: 1.8461538462em;
  }
}
#footer .ft_info_box {
  display: flex;
  flex-direction: column;
  gap: 0.4em;
}
#footer .ft_info_box .ft_name {
  display: block;
  font-weight: 700;
  margin-bottom: 0.6666666667em;
  letter-spacing: -0.3px;
  line-height: 1.2666666667em;
}
#footer .ft_info_box .ft_info {
  display: flex;
  gap: 0.6666666667em;
  font-weight: 400;
}
#footer .ft_info_box .ft_info + .ft_info {
  margin-top: 0.4em;
}
#footer .ft_info_box .ft_info .ft_lab {
  font-weight: 600;
  font-size: 0.9333333333em;
  letter-spacing: -0.28px;
}
#footer .ft_info_box address {
  font-style: normal;
  font-weight: 400;
}
@media screen and (max-width: 1280px) {
  #footer .ft_info_box {
    font-size: 0.8666666667em;
  }
  #footer .ft_info_box .ft_name {
    font-size: 1.3846153846em;
  }
  #footer .ft_info_box .ft_info {
    gap: 0.4em;
  }
  #footer .ft_info_box .ft_info .ft_lab {
    font-size: 1em;
  }
  #footer .ft_info_box .ft_info + .ft_info {
    margin-top: 0.3846153846em;
  }
}
#footer .ft_bottom {
  position: relative;
  overflow: hidden;
  font-size: 0.9333333333em;
  font-weight: 500;
  letter-spacing: -0.28px;
  color: #000;
  padding-top: 2.1428571429em;
  padding-bottom: 2.1428571429em;
}
#footer .ft_bottom::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  min-width: 100%;
  width: 100vw;
  height: 0.5px;
  opacity: 0.8;
  background-color: var(--color-b);
}
@media screen and (max-width: 1280px) {
  #footer .ft_bottom {
    overflow: visible;
    padding-top: 1.5384615385em;
    padding-bottom: 1.9230769231em;
  }
}

.ft_top_btn {
  opacity: 0;
  visibility: hidden;
  transform: translateX(100%);
  transition: all 0.5s;
  position: fixed;
  bottom: 5rem;
  right: 3.125rem;
  z-index: 100;
  width: 6.25rem;
  aspect-ratio: 100/120;
  height: 7.5rem;
  overflow: hidden;
}
.ft_top_btn.on {
  opacity: 1;
  visibility: visible;
  transform: none;
}
@media screen and (max-width: 1280px) {
  .ft_top_btn {
    width: 4.875rem;
    right: 1.125rem;
    height: 5.85rem;
    bottom: 3.375rem;
  }
}
@media screen and (max-width: 1024px) {
  .ft_top_btn {
    width: 4.0625rem;
    height: 4.875rem;
    right: 0.9375rem;
    /* bottom: 2.8125rem; */
    bottom: 100px;
  }
  .ft_top_btn::before {
    display: none !important;
  }
  .ft_top_btn.down {
    visibility: hidden;
    opacity: 0 !important;
    transform: translateX(100%);
  }
}
.ft_top_btn::after, .ft_top_btn::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url("/assets/images/common/ft_top.svg") no-repeat center/100% auto;
  mix-blend-mode: difference;
}
@media screen and (min-width: 1025px), print {
  .ft_top_btn:hover::after, .ft_top_btn:hover::before {
    transition: transform 0.5s;
    transform: translateY(-100%);
  }
}

.flow_anim:not(.img) {
  opacity: 0;
  transform: translateX(-50px);
  transition: transform 1s cubic-bezier(0.14, 0.68, 0.49, 0.9), opacity 1.25s cubic-bezier(0.14, 0.68, 0.49, 0.9);
  transition-delay: 0.15s;
}
.flow_anim.view {
  opacity: 1;
  transform: translateX(0);
}
.flow_anim.img {
  position: relative;
  overflow: hidden;
}
.flow_anim.img::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--color-white);
  transition: transform 0.75s;
  transition-delay: 0.45s;
}
.flow_anim.img.view::before {
  transform: translateX(100%);
}

body {
  word-break: keep-all;
}
body.fix {
  height: 100vh;
  overflow: hidden !important;
}
#skipNav a {
  position: absolute;
  display: block;
  font-size: 0px;
  top: -9999px;
  left: -9999px;
}
#skipNav a:focus {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 40px;
  line-height: 40px;
  background: #333;
  color: #fff;
  font-size: 20px;
  z-index: 9999;
  text-align: center;
}

#container {
  position: relative;
  overflow: hidden;
}
#container:not(.admin)::after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  bottom: 0%;
  pointer-events: none;
  touch-action: none;
  transform: translate(-45%, 25%);
  aspect-ratio: 712/350;
  max-height: 21.875em;
  z-index: -1;
  max-width: var(--wrap);
  width: 100%;
  background-image: linear-gradient(325deg, #5e50ff 0%, #ffa05c 85%);
  background-size: 44.5em auto;
  background-repeat: no-repeat;
  background-position: right bottom;
  -webkit-filter: blur(8em);
  filter: blur(8em);
}

.sub_head_tit {
  padding-top: 0.4117647059em;
  font-size: 10.625em;
  line-height: 1;
  font-family: var(--ivy-font);
  font-weight: 400;
  object-fit: contain;
}
@media screen and (max-width: 1280px) {
  .sub_head_tit {
    padding-top: 0.2285714286em;
    font-size: 5.25rem;
  }
}
@media screen and (max-width: 1024px) {
  .sub_head_tit {
    font-size: 4.375rem;
  }
}

.sub_cont {
  margin-top: 2.8125em;
}
@media screen and (max-width: 1280px) {
  .sub_cont {
    font-size: 1.125rem;
    margin-top: 2.3333333333em;
    padding-bottom: 3.3333333333em;
  }
}
@media screen and (max-width: 800px) {
  .sub_cont {
    font-size: 0.9375rem;
  }
}

.layer_pop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(var(--vh, 1vh) * 100);
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 9005;
  visibility: hidden;
  transition: visibility 0.35s, opacity 0.35s;
  font-size: 1.125rem;
}
@media screen and (max-width: 1280px) {
  .layer_pop {
    font-size: 1.125rem;
  }
}
@media screen and (max-width: 800px) {
  .layer_pop {
    font-size: 0.9375rem;
  }
}
.layer_pop.on {
  opacity: 1;
  visibility: visible;
}
.layer_pop .layer_close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 100;
  width: 4.4444444444em;
  height: 4.4444444444em;
  background: #111;
}
.layer_pop .layer_close::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cpath transform='translate(28.778 28.777)' style='fill:none;stroke:%23fff;stroke-width:2px' d='m0 0 24 24'/%3E%3Cpath transform='translate(28.778 28.777)' style='fill:none;stroke:%23fff;stroke-width:2px' d='M24 0 0 24'/%3E%3C/svg%3E%0A") no-repeat center/100% auto;
}
@media screen and (max-width: 1280px) {
  .layer_pop .layer_close {
    width: 3.2em;
    height: 3.2em;
  }
}
.layer_pop .layer_box {
  display: flex;
  align-items: center;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  max-width: 38.2222222222em;
  padding-left: 1.3333333333em;
  padding-right: 1.3333333333em;
  transform: translate(-50%, -50%);
  height: auto;
}
@media screen and (max-width: 1024px) {
  .layer_pop .layer_box {
    max-width: 38.2222222222em;
    width: 100%;
    padding-top: 3.0769230769em;
    padding-bottom: 4.6153846154em;
  }
}
@media screen and (max-width: 450px) {
  .layer_pop .layer_box {
    max-width: calc(100% - 1.6em);
  }
}
.layer_pop .inner {
  background-color: var(--color-white);
  max-height: calc(var(--vh, 1vh) * 95);
  width: 100%;
  position: relative;
  display: flex;
  overflow: auto;
}
.layer_pop .btn_box {
  margin-top: 2.2222222222em;
}
@media screen and (max-width: 1280px) {
  .layer_pop .btn_box {
    margin-top: 1.3333333333em;
  }
}
.layer_pop .layer_tit {
  text-align: center;
  font-size: 1.7777777778em;
  margin-bottom: 0.375em;
  width: 100%;
  color: var(--color-black);
}
@media screen and (max-width: 1280px) {
  .layer_pop .layer_tit {
    font-size: 1.3333333333em;
    margin-bottom: 0.15em;
  }
}
.layer_pop .layer_txt {
  font-size: 1.3333333333em;
  text-align: center;
  color: var(--color-grey1);
  margin-bottom: 1.4583333333em;
}
@media screen and (max-width: 1280px) {
  .layer_pop .layer_txt {
    font-size: 1em;
    margin-bottom: 1.1666666667em;
  }
}
.layer_pop .layer_conts {
  background-color: var(--color-white);
  padding: 3.3333333333em 3.3333333333em;
  min-width: 100%;
  height: 100%;
  max-height: 100%;
}
.layer_pop .layer_conts::-webkit-scrollbar {
  width: 0.1875rem;
}
.layer_pop .layer_conts::-webkit-scrollbar-track {
  background: #dddddd;
}
.layer_pop .layer_conts::-webkit-scrollbar-thumb {
  background: var(--font-color-b4);
}
@media screen and (max-width: 1280px) {
  .layer_pop .layer_conts {
    max-height: calc(100% - 6.2857142857em);
    padding: 2em;
  }
}
.layer_pop .find_txt {
  font-size: 1em;
  text-align: center;
  color: var(--color-grey4);
  margin-bottom: 2.4em;
}
@media screen and (max-width: 1280px) {
  .layer_pop .find_txt {
    font-size: 1.0769230769em;
    margin-bottom: 2.0714285714em;
  }
}
.layer_pop .btn_box {
  margin-top: 3.3333333333em;
}
@media screen and (max-width: 1280px) {
  .layer_pop .btn_box {
    margin-top: 1.5384615385em;
    gap: 0.625rem;
  }
  .layer_pop .btn_box .btn {
    width: calc(50% - 0.3125rem);
    max-width: 20.1666666667em;
  }
  .layer_pop .btn_box .btn:first-child:last-child {
    width: 10.0833333333em;
  }
}
.layer_pop .frm_conts {
  display: none;
}
.layer_pop .frm_conts.on {
  display: block;
}

.main_pop_wrap {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10005;
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  transition: opacity 0.5s, visibility 0.5s;
  flex-direction: column;
}
@media screen and (max-width: 1024px) {
  .main_pop_wrap {
    font-size: 0.9375rem;
  }
}
.main_pop_wrap.on {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}
.main_pop_wrap .swiper-pagination {
  display: none;
  gap: 0.6666666667em;
  height: 0;
  position: static;
  margin-top: 0.6em;
}
@media screen and (max-width: 1024px) {
  .main_pop_wrap .swiper-pagination {
    display: flex;
  }
}
.main_pop_wrap .swiper-pagination .swiper-pagination-bullet {
  display: block;
  width: 0.4em;
  height: 0.4em;
  background-color: #fff;
  border-radius: 0.4em;
  cursor: pointer;
  transition: width 0.35s;
  opacity: 1;
}
.main_pop_wrap .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 1.8em;
  background-color: #fff;
}
.main_pop_wrap .popup_box {
  position: relative;
  width: 100%;
  max-width: 23.75em;
  height: 27.4375em;
  overflow: hidden;
}
.main_pop_wrap .popup_box .popup_item {
  display: none;
  flex-wrap: wrap;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
}
.main_pop_wrap .popup_box .popup_item.on {
  display: flex;
}
@media screen and (max-width: 1024px) {
  .main_pop_wrap .popup_box .popup_item {
    position: static;
  }
}
.main_pop_wrap .popup_box .img_box {
  display: block;
  width: 100%;
  aspect-ratio: 1;
  background-color: #fff;
}
.main_pop_wrap .popup_box .img_box img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}
.main_pop_wrap .popup_box .close_today_btn, .main_pop_wrap .popup_box .close_today_chk {
  display: flex;
  align-items: center;
  font-size: 0.9375em;
  height: 3.9333333333em;
  background-color: #fff;
}
.main_pop_wrap .popup_box .close_today_chk {
  flex: 1 1 auto;
  gap: 0.4666666667em;
  padding-left: 2.3333333333em;
  padding-right: 2.3333333333em;
}
.main_pop_wrap .popup_box .close_today_btn {
  position: relative;
  justify-content: center;
  font-size: 0.9375em;
  width: 8.4em;
}
.main_pop_wrap .popup_box .close_today_btn::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  border-left: 1px solid #dadada;
  height: 2em;
  margin-top: -1em;
}

.loading_wrap {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 20005;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
}
.loading_wrap .inner {
  position: relative;
  width: 200px;
  text-align: center;
}
.loading_wrap .inner .spinner_box {
  position: relative;
  width: 100%;
  aspect-ratio: 1;
  border-radius: 50%;
  background: linear-gradient(to bottom, var(--brand-color-main) 0%, #232323 50%);
  animation: spinner 2s infinite linear;
  overflow: hidden;
  padding: 4px;
  clip-path: url(#mask);
}
.loading_wrap .inner .loading_txt {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  display: block;
  font-size: 1em;
  padding: 0.4444444444em 0;
  color: var(--brand-color-main);
}
.loading_wrap .inner svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  opacity: 0;
}

@keyframes spinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}