@charset "UTF-8";
@import url("/font/gowun_dodum.css");
/*-------------------------------------------------

Title       : 레이아웃
Author      : EASESOFT
Create Date : 2025-02

-------------------------------------------------*/
html::-webkit-scrollbar-track {
  background-color: #e9e9e9;
  border-radius: 0;
}
html::-webkit-scrollbar {
  width: 0.5rem;
}
html::-webkit-scrollbar-thumb {
  background-color: #91BDE6;
  border-radius: 0;
}

#header {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 100;
  width: 100%;
  transition: 0.3s;
}
#header::before {
  content: "";
  opacity: 0;
  visibility: hidden;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 100;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  transition: 0.5s;
}
#header .linkWindow::after {
  content: "";
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background: url("/kor/img/linkwindow.png") no-repeat center center;
}
#header .layout_fix {
  width: calc(100% - 3.2rem);
  max-width: 176rem;
  margin: 0 auto;
}
#header .top_area {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
#header .top_area .layout_fix {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  height: 5.5rem;
  position: relative;
}
#header .top_area .etc {
  color: #fff;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 0.8rem;
  position: relative;
  transition: 0.5s;
}
#header .bottom_area {
  padding: 1.6rem 0;
}
#header .bottom_area .layout_fix {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
#header .bottom_area .etc {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 0.8rem;
}
#header .sns {
  position: relative;
}
#header .sns ul {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 0.8rem;
}
#header .sns a {
  display: block;
  width: 4rem;
  height: 4rem;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 2.5rem auto;
  transition: 0.3s;
}
#header .sns a.instagram {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath fill='none' d='M0 0h24v24H0z'%3E%3C/path%3E%3Cpath d='M12.001 9C10.3436 9 9.00098 10.3431 9.00098 12C9.00098 13.6573 10.3441 15 12.001 15C13.6583 15 15.001 13.6569 15.001 12C15.001 10.3427 13.6579 9 12.001 9ZM12.001 7C14.7614 7 17.001 9.2371 17.001 12C17.001 14.7605 14.7639 17 12.001 17C9.24051 17 7.00098 14.7629 7.00098 12C7.00098 9.23953 9.23808 7 12.001 7ZM18.501 6.74915C18.501 7.43926 17.9402 7.99917 17.251 7.99917C16.5609 7.99917 16.001 7.4384 16.001 6.74915C16.001 6.0599 16.5617 5.5 17.251 5.5C17.9393 5.49913 18.501 6.0599 18.501 6.74915ZM12.001 4C9.5265 4 9.12318 4.00655 7.97227 4.0578C7.18815 4.09461 6.66253 4.20007 6.17416 4.38967C5.74016 4.55799 5.42709 4.75898 5.09352 5.09255C4.75867 5.4274 4.55804 5.73963 4.3904 6.17383C4.20036 6.66332 4.09493 7.18811 4.05878 7.97115C4.00703 9.0752 4.00098 9.46105 4.00098 12C4.00098 14.4745 4.00753 14.8778 4.05877 16.0286C4.0956 16.8124 4.2012 17.3388 4.39034 17.826C4.5591 18.2606 4.7605 18.5744 5.09246 18.9064C5.42863 19.2421 5.74179 19.4434 6.17187 19.6094C6.66619 19.8005 7.19148 19.9061 7.97212 19.9422C9.07618 19.9939 9.46203 20 12.001 20C14.4755 20 14.8788 19.9934 16.0296 19.9422C16.8117 19.9055 17.3385 19.7996 17.827 19.6106C18.2604 19.4423 18.5752 19.2402 18.9074 18.9085C19.2436 18.5718 19.4445 18.2594 19.6107 17.8283C19.8013 17.3358 19.9071 16.8098 19.9432 16.0289C19.9949 14.9248 20.001 14.5389 20.001 12C20.001 9.52552 19.9944 9.12221 19.9432 7.97137C19.9064 7.18906 19.8005 6.66149 19.6113 6.17318C19.4434 5.74038 19.2417 5.42635 18.9084 5.09255C18.573 4.75715 18.2616 4.55693 17.8271 4.38942C17.338 4.19954 16.8124 4.09396 16.0298 4.05781C14.9258 4.00605 14.5399 4 12.001 4ZM12.001 2C14.7176 2 15.0568 2.01 16.1235 2.06C17.1876 2.10917 17.9135 2.2775 18.551 2.525C19.2101 2.77917 19.7668 3.1225 20.3226 3.67833C20.8776 4.23417 21.221 4.7925 21.476 5.45C21.7226 6.08667 21.891 6.81333 21.941 7.8775C21.9885 8.94417 22.001 9.28333 22.001 12C22.001 14.7167 21.991 15.0558 21.941 16.1225C21.8918 17.1867 21.7226 17.9125 21.476 18.55C21.2218 19.2092 20.8776 19.7658 20.3226 20.3217C19.7668 20.8767 19.2076 21.22 18.551 21.475C17.9135 21.7217 17.1876 21.89 16.1235 21.94C15.0568 21.9875 14.7176 22 12.001 22C9.28431 22 8.94514 21.99 7.87848 21.94C6.81431 21.8908 6.08931 21.7217 5.45098 21.475C4.79264 21.2208 4.23514 20.8767 3.67931 20.3217C3.12348 19.7658 2.78098 19.2067 2.52598 18.55C2.27848 17.9125 2.11098 17.1867 2.06098 16.1225C2.01348 15.0558 2.00098 14.7167 2.00098 12C2.00098 9.28333 2.01098 8.94417 2.06098 7.8775C2.11014 6.8125 2.27848 6.0875 2.52598 5.45C2.78014 4.79167 3.12348 4.23417 3.67931 3.67833C4.23514 3.1225 4.79348 2.78 5.45098 2.525C6.08848 2.2775 6.81348 2.11 7.87848 2.06C8.94514 2.0125 9.28431 2 12.001 2Z'%3E%3C/path%3E%3C/svg%3E");
  background-size: 2.1rem;
}
#header .sns a.youtube {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath fill='none' d='M0 0h24v24H0z'%3E%3C/path%3E%3Cpath d='M12.2439 4C12.778 4.00294 14.1143 4.01586 15.5341 4.07273L16.0375 4.09468C17.467 4.16236 18.8953 4.27798 19.6037 4.4755C20.5486 4.74095 21.2913 5.5155 21.5423 6.49732C21.942 8.05641 21.992 11.0994 21.9982 11.8358L21.9991 11.9884L21.9991 11.9991C21.9991 11.9991 21.9991 12.0028 21.9991 12.0099L21.9982 12.1625C21.992 12.8989 21.942 15.9419 21.5423 17.501C21.2878 18.4864 20.5451 19.261 19.6037 19.5228C18.8953 19.7203 17.467 19.8359 16.0375 19.9036L15.5341 19.9255C14.1143 19.9824 12.778 19.9953 12.2439 19.9983L12.0095 19.9991L11.9991 19.9991C11.9991 19.9991 11.9956 19.9991 11.9887 19.9991L11.7545 19.9983C10.6241 19.9921 5.89772 19.941 4.39451 19.5228C3.4496 19.2573 2.70692 18.4828 2.45587 17.501C2.0562 15.9419 2.00624 12.8989 2 12.1625V11.8358C2.00624 11.0994 2.0562 8.05641 2.45587 6.49732C2.7104 5.51186 3.45308 4.73732 4.39451 4.4755C5.89772 4.05723 10.6241 4.00622 11.7545 4H12.2439ZM9.99911 8.49914V15.4991L15.9991 11.9991L9.99911 8.49914Z'%3E%3C/path%3E%3C/svg%3E");
  background-size: 2.2rem;
}
#header .sns a.facebook {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.9996 10.7867C19.9996 5.24365 15.5225 0.75 9.9998 0.75C4.47711 0.75 0 5.24365 0 10.7867C0 15.4936 3.22874 19.4432 7.58425 20.528V13.854H5.52229V10.7867H7.58425V9.4651C7.58425 6.04899 9.12462 4.4656 12.4662 4.4656C13.0997 4.4656 14.1929 4.59046 14.6401 4.71491V7.49509C14.4041 7.4702 13.9941 7.45775 13.4849 7.45775C11.8454 7.45775 11.2118 8.08123 11.2118 9.70196V10.7867H14.4781L13.9169 13.854H11.2118V20.75C16.1633 20.1498 20 15.9183 20 10.7867H19.9996Z' fill='%23fff'/%3E%3C/svg%3E%0A");
  background-size: 2rem;
}
#header .sns a.blog {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' id='Layer_1' width='10.9mm' height='9.1mm' data-name='Layer 1' version='1.1' viewBox='0 0 30.8 25.9'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff;stroke-width:0%7D%3C/style%3E%3C/defs%3E%3Cpath d='M24.5 10.2c-.7 0-1.2.5-1.2 1.2s.5 1.2 1.2 1.2 1.2-.5 1.2-1.2-.5-1.2-1.2-1.2ZM17.2 10.2c-.7 0-1.2.5-1.2 1.2s.5 1.2 1.2 1.2 1.2-.5 1.2-1.2-.5-1.2-1.2-1.2ZM6.4 10.2c-.7 0-1.2.5-1.2 1.2s.5 1.2 1.2 1.2 1.2-.5 1.2-1.2-.5-1.2-1.2-1.2Z' class='cls-1'/%3E%3Cpath d='M25.9 0h-21C2.2 0 0 2.2 0 4.9v11.6c0 2.7 2.2 4.9 4.9 4.9h7.3l2.5 4v.1c.2.4.7.5 1.1.3.1 0 .2-.2.3-.3v-.1l2.5-4h7.3c2.7 0 4.9-2.2 4.9-4.9V4.9c0-2.7-2.2-4.9-4.9-4.9ZM6.8 14.3c-.6 0-1.2-.3-1.6-.8v.6H3.3V6.2h1.9v3c.4-.4 1-.7 1.6-.7 2.6 0 2.7 2.9 2.7 2.9 0 1.5-1.1 2.8-2.7 2.9Zm6-5.3v5.1H11V9.5c0-1.6-.9-1.6-.9-1.6V6.1c2.8 0 2.7 3 2.7 3Zm4.4 5.3h-.4c-1.6 0-2.8-1.3-2.7-2.9 0-2.9 3.1-2.9 3.1-2.9h.4c1.6 0 2.8 1.3 2.8 2.9 0 2.9-3.2 2.9-3.2 2.9Zm7.5 2.7H24v-1.7h.5c1.3 0 1.2-1.4 1.2-1.4v-.4c-.4.5-1 .7-1.7.7-2.6 0-2.6-2.8-2.6-2.8V11c0-1.4 1.2-2.6 2.7-2.5.6 0 1.2.3 1.6.7v-.5h1.8v5.5c0 1.5-1.3 2.7-2.8 2.7Z' class='cls-1'/%3E%3C/svg%3E");
  background-size: 2rem;
}
#header .sns a.band {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='15' height='21' viewBox='0 0 15 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5 4.21796C6.86701 4.21796 6.24361 4.29869 5.64898 4.46014V3.11806V2.95661C5.64898 2.92634 5.64898 2.88597 5.63939 2.8557C5.5243 1.2109 4.30627 0 2.82928 0C1.34271 0 0.12468 1.2109 0.00959079 2.8557C0 2.89606 0 8.47629 0 8.47629V12.109C0 12.1393 0 12.1594 0 12.1897C0.0383632 16.5086 3.38555 20.0101 7.5 20.0101C11.6432 20.0101 15 16.4783 15 12.1191C15 7.74975 11.6432 4.21796 7.5 4.21796ZM7.5 18.7891C3.99936 18.7891 1.1509 15.7921 1.1509 12.109V3.01715C1.1509 2.03835 1.89898 1.24117 2.82928 1.24117C3.75 1.24117 4.50767 2.03835 4.50767 3.01715V12.0283C4.50767 13.774 5.85038 15.2674 7.50959 15.2674C9.1688 15.2674 10.5115 13.8547 10.5115 12.109C10.5115 10.3633 9.1688 8.95056 7.50959 8.95056C6.80946 8.95056 6.17647 9.20283 5.65857 9.61655V8.25429C6.21483 7.96166 6.83824 7.79011 7.50959 7.79011C9.77302 7.79011 11.6049 9.71746 11.6049 12.0989C11.6049 14.4803 9.77302 16.4077 7.50959 16.4077C5.24616 16.4077 3.41432 14.4803 3.41432 12.0989V2.95661C3.41432 2.66398 3.15537 2.38143 2.83887 2.38143C2.52238 2.38143 2.26343 2.66398 2.26343 2.95661V12.109C2.26343 12.2503 2.27302 12.3814 2.28261 12.5227C2.48402 15.3784 4.74744 17.6388 7.51918 17.6388C10.4156 17.6388 12.7653 15.1665 12.7653 12.1191C12.7653 9.07165 10.4156 6.5994 7.51918 6.5994C6.86701 6.5994 6.24361 6.72049 5.66816 6.95257V5.7114C6.2532 5.51968 6.8766 5.41877 7.51918 5.41877C11.0294 5.41877 13.8683 8.40565 13.8683 12.0989C13.8491 15.7921 11.0102 18.7891 7.5 18.7891ZM5.64898 12.109C5.64898 11.0394 6.47379 10.1615 7.5 10.1615C8.51662 10.1615 9.35102 11.0293 9.35102 12.109C9.35102 13.1786 8.52621 14.0565 7.5 14.0565C6.48338 14.0464 5.64898 13.1786 5.64898 12.109Z' fill='%23fff'/%3E%3C/svg%3E%0A");
  background-size: 1.6rem;
}
#header .today_info {
  color: #fff;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 2.4rem;
}
#header .today_info .w_total {
  font-size: 1.6rem;
  font-weight: 600;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 1.6rem;
}
#header .today_info .row {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 0.8rem;
}
#header .today_info .dday {
  font-size: 1.4rem;
  font-weight: 600;
  padding: 0.5rem 1.5rem;
  background: #C30909;
  border-radius: 40px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
}
#header .reserve {
  display: inline-flex;
  font-size: 1.4rem;
  font-weight: 600;
  background: #000;
  color: #fff;
  border-radius: 0.8rem;
  padding: 0.2rem 0.8rem;
}
#header .member {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 0.8rem;
}
#header .member a {
  display: inline-flex;
  font-size: 1.4rem;
  padding: 0.2rem 0.8rem;
  font-weight: 600;
}
#header .language {
  position: relative;
}
#header .language .lang_select {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  font-size: 1.4rem;
  font-weight: 600;
}
#header .language .lang_select::after {
  content: "";
  width: 2rem;
  height: 2rem;
  background-size: 100%;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath fill='none' d='M0 0h24v24H0z'%3E%3C/path%3E%3Cpath d='M13.1717 12.0007L8.22192 7.05093L9.63614 5.63672L16.0001 12.0007L9.63614 18.3646L8.22192 16.9504L13.1717 12.0007Z'%3E%3C/path%3E%3C/svg%3E") no-repeat center center;
  background-size: 1.8rem;
  transform: rotate(90deg);
  transition: 0.3s;
}
#header .language .lang_box {
  overflow: hidden;
  position: absolute;
  transform: translate(-60%, 0);
  left: 50%;
  top: 120%;
  z-index: 2;
  max-height: 0;
  transition: 0.3s;
}
#header .language .lang_box ul {
  padding: 1.6rem;
  border: 1px solid #DDDDDD;
  background: #fff;
  border-radius: 0.8rem;
}
#header .language .lang_box li + li {
  margin-top: 1rem;
}
#header .language .lang_box button {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0.2rem 1rem;
  transition: 0.3s;
  color: #000;
  font-size: 1.4rem;
  font-weight: 500;
  width: 100%;
  border-radius: 0.3rem;
  white-space: nowrap;
}
#header .language .lang_box .font button {
  font-size: 1.5rem;
}
@media screen and (min-width: 1024px) {
  #header .language .lang_box button:hover {
    background: #F6F6F6;
    font-weight: 700;
  }
}
#header .language.active .lang_select::after {
  transform: rotate(270deg);
}
#header .language.active .lang_box {
  max-height: 50rem;
}
#header {
  /*
  #google_translate_element {
      * {background:none; border:none; margin:0; padding:0; font-family:$font_df;}
      .goog-te-gadget-simple {@include flex(row, flex-start, center); gap:0.5rem; height:5.5rem; position:relative;
          &::before {content:""; @include pos(lt, 0, calc(50% - 1.3rem), -1); width:2.6rem; height:2.5rem; background:$colorW; border-radius:100%;}
          & > img {border-radius:100%; margin-left:0.4rem; margin-right:0.5rem;}
          a {@include flex(row, flex-start, center); color:$colorW; position:relative; padding-right:1.5rem;
              img {display:none;}
              span {border:none !important; font-size:1.3rem; font-weight:600;}
              span:last-child {display:none;}
              &::after {content:"\ea4e"; font-family:$font_icon; font-size:15px; margin-left:3px;}
          }
      }
  }
  */
}
#header .search_open {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='22' height='23' viewBox='0 0 22 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.74712 0.5C15.1275 0.5 19.4942 4.86671 19.4942 10.2471C19.4942 15.6275 15.1275 19.9942 9.74712 19.9942C4.36671 19.9942 0 15.6275 0 10.2471C0 4.86671 4.36671 0.5 9.74712 0.5ZM9.74712 17.8282C13.9357 17.8282 17.3282 14.4357 17.3282 10.2471C17.3282 6.05856 13.9357 2.66603 9.74712 2.66603C5.55856 2.66603 2.16603 6.05856 2.16603 10.2471C2.16603 14.4357 5.55856 17.8282 9.74712 17.8282ZM18.9368 17.9052L22 20.9684L20.4684 22.5L17.4052 19.4368L18.9368 17.9052Z' fill='%23fff'/%3E%3C/svg%3E%0A") no-repeat center center;
  width: 3.4rem;
  height: 3.4rem;
  background-size: 2.2rem;
}
#header .search_close {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  transform: translateY(-4rem);
  z-index: 101;
  width: 3.4rem;
  height: 3.4rem;
  transition: 0.3s;
}
#header .search_close .line {
  width: 3rem;
  height: 2px;
  background: #000;
  position: absolute;
  left: calc(50% - 1.5rem);
  top: 50%;
  transition: 0.4s;
  transform-origin: center center;
}
#header .search_close .line1 {
  transform: rotate(45deg);
}
#header .search_close .line2 {
  transform: rotate(-45deg);
}
@media screen and (min-width: 1024px) {
  #header .search_close:hover .line1 {
    transform: rotate(135deg);
  }
  #header .search_close:hover .line2 {
    transform: rotate(-135deg);
  }
}
#header .search_box {
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: -100%;
  z-index: 100;
  width: 100%;
  background-color: #fff;
  border-radius: 0 0 4rem 4rem;
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.12);
  padding: 6rem;
  transition: 0.6s;
}
#header .search_box::before, #header .search_box::after {
  content: "";
  position: absolute;
  right: 10%;
  top: -70%;
  z-index: -1;
  width: 33rem;
  height: 33rem;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='320' height='319' viewBox='0 0 320 319' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_955_44877)'%3E%3Cpath d='M320 138.233H239.616L309.234 98.1669L287.9 61.3331L218.283 101.399L258.475 31.9992L221.525 10.7326L181.333 80.1328V0H138.667V80.1328L98.4747 10.7326L61.5253 31.9992L101.717 101.399L32.0996 61.3331L10.7662 98.1669L80.384 138.233H0V180.767H80.384L10.7662 220.833L32.0996 257.667L101.717 217.601L61.5253 287.001L98.4747 308.267L138.667 238.867V319H181.333V238.867L221.525 308.267L258.475 287.001L218.283 217.601L287.9 257.667L309.234 220.833L239.616 180.767H320V138.233Z' fill='%23F18D8B'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_955_44877'%3E%3Crect width='320' height='319' fill='%23F18D8B'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center center;
  opacity: 0.1;
  animation: symbol_rotate 20s linear infinite forwards;
}
#header .search_box::after {
  right: auto;
  top: auto;
  left: 10%;
  bottom: -70%;
  animation: symbol_rotate 15s linear infinite forwards reverse;
}
#header .search_box .inner {
  width: 100%;
  max-width: 58rem;
  margin: 0 auto;
}
#header .search_box .btn_search {
  display: none;
}
#header .search_box .input_box {
  border-bottom: 1px solid #DDDDDD;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 0.5rem;
}
#header .search_box .input_box input {
  flex: 1;
  border: none;
  outline: none;
  height: 6rem;
  font-size: 1.8rem;
  padding-left: 1rem;
  background-color: transparent;
}
#header .search_box .input_box button {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 4rem;
  height: 4rem;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='22' height='23' viewBox='0 0 22 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.74712 0.5C15.1275 0.5 19.4942 4.86671 19.4942 10.2471C19.4942 15.6275 15.1275 19.9942 9.74712 19.9942C4.36671 19.9942 0 15.6275 0 10.2471C0 4.86671 4.36671 0.5 9.74712 0.5ZM9.74712 17.8282C13.9357 17.8282 17.3282 14.4357 17.3282 10.2471C17.3282 6.05856 13.9357 2.66603 9.74712 2.66603C5.55856 2.66603 2.16603 6.05856 2.16603 10.2471C2.16603 14.4357 5.55856 17.8282 9.74712 17.8282ZM18.9368 17.9052L22 20.9684L20.4684 22.5L17.4052 19.4368L18.9368 17.9052Z' fill='%23fff'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #000;
  border-radius: 100%;
  transition: 0.3s;
}
@media screen and (min-width: 1024px) {
  #header .search_box .input_box button:hover {
    background-color: #334FD5;
  }
}
#header .search_box .recommend {
  margin-top: 3.2rem;
}
#header .search_box .recommend .tit {
  display: block;
  font-size: 1.8rem;
  font-weight: 600;
  color: #000;
}
#header .search_box .recommend .list {
  margin-top: 2.4rem;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0.8rem;
}
#header .search_box .recommend a {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border: 1px solid #DDDDDD;
  border-radius: 4rem;
  font-size: 1.4rem;
  font-weight: 500;
  height: 3.5rem;
  transition: 0.3s;
}
@media screen and (min-width: 1024px) {
  #header .search_box .recommend a:hover {
    border-color: #334FD5;
    color: #334FD5;
  }
}
#header .gnb2_open {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 3.4rem;
  height: 3.4rem;
  padding: 0.7rem 0.6rem;
}
#header .gnb2_open .line {
  width: 100%;
  height: 2px;
  background: #fff;
}
#header .gnb2_open:hover .line1 {
  animation: menu_width 0.6s ease-in-out;
}
#header .gnb2_open:hover .line2 {
  animation: menu_width 0.6s 0.3s ease-in-out;
}
#header .gnb2_open:hover .line3 {
  animation: menu_width 0.6s 0.5s ease-in-out;
}
#header #logo a {
  display: block;
  width: 25rem;
  height: 5.2rem;
  background: url("/kor/img/logo_white.svg") no-repeat 0 0;
  background-size: contain;
}
#header #gnb1 {
  align-self: center;
  margin-right: 10%;
}
#header #gnb1 #head_menu {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
}
#header #gnb1 #head_menu > li {
  width: 25rem;
}
#header #gnb1 #head_menu > li > a {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 4rem;
  padding: 0 0.5rem;
  font-size: 2rem;
  font-weight: 700;
  transition: 0.2s;
  position: relative;
  box-sizing: border-box;
  color: #fff;
  text-transform: capitalize;
}
#header #gnb1 #head_menu > li > a::before {
  content: "";
  position: absolute;
  transform: translate(-50%, 0);
  left: 50%;
  bottom: -1rem;
  z-index: 1;
  width: 0;
  height: 4px;
  background: #334FD5;
}
#header #gnb1 #head_menu > li > a.on {
  color: #fff;
}
#header #gnb1 #head_menu > li > a.on::before {
  animation: gnb1_menu 0.6s forwards;
  background: #fff;
}
#header #gnb1 #head_menu > li > a.linkWindow::after {
  display: none;
}
#header #gnb1 #head_menu > li.active > a {
  color: #334FD5;
}
#header #gnb1 #head_menu > li.active > a::before {
  animation: gnb1_menu 0.6s forwards;
}
#header #gnb1 #head_menu .submenu {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  left: 0;
  top: 100%;
  z-index: -1;
  width: 100%;
  border-top: 1px solid #DDDDDD;
  background-color: #fff;
  overflow: hidden;
  padding: 4.8rem 24rem;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4rem;
  box-shadow: 0 20px 16px rgba(0, 0, 0, 0.24);
  transition: 0.3s;
}
#header #gnb1 #head_menu .submenu::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2rem;
  width: 32rem;
  height: 32rem;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='320' height='319' viewBox='0 0 320 319' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_955_44877)'%3E%3Cpath d='M320 138.233H239.616L309.234 98.1669L287.9 61.3331L218.283 101.399L258.475 31.9992L221.525 10.7326L181.333 80.1328V0H138.667V80.1328L98.4747 10.7326L61.5253 31.9992L101.717 101.399L32.0996 61.3331L10.7662 98.1669L80.384 138.233H0V180.767H80.384L10.7662 220.833L32.0996 257.667L101.717 217.601L61.5253 287.001L98.4747 308.267L138.667 238.867V319H181.333V238.867L221.525 308.267L258.475 287.001L218.283 217.601L287.9 257.667L309.234 220.833L239.616 180.767H320V138.233Z' fill='%2391BDE6'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_955_44877'%3E%3Crect width='320' height='319' fill='%2391BDE6'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center center;
  animation: symbol_rotate 10s linear infinite;
  opacity: 0.1;
}
#header #gnb1 #head_menu .submenu .desc {
  width: 30rem;
  position: relative;
  z-index: 2;
}
#header #gnb1 #head_menu .submenu .desc .menu_title {
  display: block;
  font-size: 3.6rem;
  font-weight: 800;
  margin-bottom: 1.6rem;
  word-break: keep-all;
  word-wrap: break-word;
  line-height: 1.2;
}
#header #gnb1 #head_menu .submenu .desc p {
  font-size: 1.6rem;
  color: #717171;
}
#header #gnb1 #head_menu .submenu .depth2 {
  flex: 1;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 4rem;
}
#header #gnb1 #head_menu .submenu .depth2 > li > a {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 5.5rem;
  padding: 0 1rem;
  border: 1px solid #AAAAAA;
  border-radius: 2.4rem 0 2.4rem 0;
  font-size: 1.6rem;
  font-weight: 700;
  position: relative;
  overflow: hidden;
  transition: 0.3s;
  text-align: center;
  line-height: 1.3;
  word-break: keep-all;
  word-wrap: break-word;
}
#header #gnb1 #head_menu .submenu .depth2 > li > a::before {
  content: "";
  position: absolute;
  left: -3rem;
  top: 0;
  width: 0;
  height: 100%;
  background: #91BDE6;
  transform: skew(-30deg);
  transition: 0.4s;
}
#header #gnb1 #head_menu .submenu .depth2 > li > a em {
  position: relative;
  z-index: 2;
}
#header #gnb1 #head_menu .submenu .depth2 > li > a:hover {
  color: #fff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
}
#header #gnb1 #head_menu .submenu .depth2 > li > a:hover::before {
  width: 120%;
  background: #334FD5;
}
#header #gnb1 #head_menu .submenu .depth2 > li > a.linkWindow::after {
  position: absolute;
  right: 0;
  top: 0;
}
#header #gnb1 #head_menu .submenu .depth3 {
  padding: 2.4rem 0 0 3.2rem;
}
#header #gnb1 #head_menu .submenu .depth3 li + li {
  margin-top: 1.6rem;
}
#header #gnb1 #head_menu .submenu .depth3 a {
  padding: 0.5rem;
  position: relative;
  font-size: 1.6rem;
  font-weight: 400;
  transition: 0.3s;
}
#header #gnb1 #head_menu .submenu .depth3 a::before {
  content: "";
  position: absolute;
  left: 0.5rem;
  bottom: 0;
  width: 0;
  height: 4px;
  background: #C2DCFE;
  transition: 0.3s;
}
#header #gnb1 #head_menu .submenu .depth3 a:hover {
  font-weight: 800;
}
#header #gnb1 #head_menu .submenu .depth3 a:hover::before {
  width: calc(100% - 1rem);
}
#header #gnb2 {
  opacity: 0;
  visibility: hidden;
  position: fixed;
  left: 0;
  top: -20%;
  z-index: 200;
  width: 100%;
  padding: 12rem 8rem 10rem;
  height: 94vh;
  background-color: #fff;
  overflow: hidden;
  box-sizing: border-box;
  transition: 0.5s;
}
#header #gnb2::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  width: 10rem;
  height: 100%;
  background: linear-gradient(to bottom, #0094D7, #E44564);
}
#header #gnb2::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -15rem;
  z-index: 1;
  width: 32rem;
  height: 32rem;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='320' height='319' viewBox='0 0 320 319' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_955_44877)'%3E%3Cpath d='M320 138.233H239.616L309.234 98.1669L287.9 61.3331L218.283 101.399L258.475 31.9992L221.525 10.7326L181.333 80.1328V0H138.667V80.1328L98.4747 10.7326L61.5253 31.9992L101.717 101.399L32.0996 61.3331L10.7662 98.1669L80.384 138.233H0V180.767H80.384L10.7662 220.833L32.0996 257.667L101.717 217.601L61.5253 287.001L98.4747 308.267L138.667 238.867V319H181.333V238.867L221.525 308.267L258.475 287.001L218.283 217.601L287.9 257.667L309.234 220.833L239.616 180.767H320V138.233Z' fill='%23F18D8B'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_955_44877'%3E%3Crect width='320' height='319' fill='%23F18D8B'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center center;
  animation: symbol_rotate 16s linear infinite;
  opacity: 0.1;
}
#header #gnb2 .control.open {
  display: none;
}
#header #gnb2 .control.close {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  right: 7%;
  top: 10rem;
  z-index: 201;
  transform: translateY(-4rem);
  width: 3.4rem;
  height: 3.4rem;
  transition: 0.3s;
}
#header #gnb2 .control.close::before, #header #gnb2 .control.close:after {
  content: "";
  width: 3rem;
  height: 2px;
  background: #000;
  position: absolute;
  left: calc(50% - 1.5rem);
  top: 50%;
  transition: 0.4s;
  transform-origin: center center;
}
#header #gnb2 .control.close::before {
  transform: rotate(45deg);
}
#header #gnb2 .control.close:after {
  transform: rotate(-45deg);
}
@media screen and (min-width: 1024px) {
  #header #gnb2 .control.close:hover::before {
    transform: rotate(135deg);
  }
  #header #gnb2 .control.close:hover:after {
    transform: rotate(-135deg);
  }
}
#header #gnb2 .layout_fix {
  overflow-y: auto;
}
#header #gnb2 .layout_fix::-webkit-scrollbar-track {
  background-color: #EBEDF1;
  border-radius: 0;
}
#header #gnb2 .layout_fix::-webkit-scrollbar {
  width: 0.5rem;
}
#header #gnb2 .layout_fix::-webkit-scrollbar-thumb {
  background-color: #A3A3A3;
  border-radius: 0;
}
#header #gnb2 .layout_fix {
  padding: 0 16rem;
  height: 100%;
  display: block;
  position: relative;
  z-index: 2;
}
#header #gnb2 .topmenu_all {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  width: 100%;
  height: 100%;
  border-right: 1px solid #DDDDDD;
}
#header #gnb2 .topmenu_all > li {
  border-left: 1px solid #DDDDDD;
  padding: 4rem 2rem 0;
}
#header #gnb2 .topmenu_all > li > a {
  display: block;
  font-size: 3.2rem;
  font-weight: 700;
  margin-bottom: 4rem;
  line-height: 1.2;
  letter-spacing: -1px;
  transition: 0.3s;
  word-break: keep-all;
  word-wrap: break-word;
}
#header #gnb2 .topmenu_all > li > a.linkWindow::after {
  display: none;
}
@media screen and (min-width: 1024px) {
  #header #gnb2 .topmenu_all > li > a:hover {
    color: #006DAE;
  }
}
#header #gnb2 .submenu > ul > li + li {
  margin-top: 2.4rem;
}
#header #gnb2 .submenu > ul > li > a {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.5px;
  transition: 0.3s;
  word-break: keep-all;
  word-wrap: break-word;
}
@media screen and (min-width: 1024px) {
  #header #gnb2 .submenu > ul > li > a:hover {
    color: #006DAE;
  }
}
#header #gnb2 .submenu div {
  padding-left: 2rem;
  margin-top: 1rem;
}
#header #gnb2 .submenu div li + li {
  margin-top: 0.5rem;
}
#header #gnb2 .submenu div a {
  position: relative;
  z-index: 1;
  transition: 0.3s;
  word-break: keep-all;
  word-wrap: break-word;
}
#header #gnb2 .submenu div a::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
  width: 0;
  height: 4px;
  background: #C2DCFE;
  transition: 0.3s;
}
@media screen and (min-width: 1024px) {
  #header #gnb2 .submenu div a:hover {
    font-weight: 600;
  }
  #header #gnb2 .submenu div a:hover::before {
    width: 100%;
  }
}
#header .gnb2_sns {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  left: 14rem;
  top: 0.7rem;
  z-index: 10000;
  transition: 0.5s;
}
#header.gnb1_active {
  background: #fff;
}
#header.gnb1_active .top_area {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
#header.gnb1_active .sns {
  filter: invert(100%);
}
#header.gnb1_active .today_info .w_total {
  color: #000;
}
#header.gnb1_active .today_info img {
  filter: invert(100%);
}
#header.gnb1_active .member {
  filter: invert(100%);
}
#header.gnb1_active .language .lang_select {
  filter: invert(100%);
}
#header.gnb1_active #logo a {
  background-image: url("/kor/img/logo.svg");
}
#header.gnb1_active #gnb1 #head_menu > li:not(.active) > a {
  color: #000;
}
#header.gnb1_active #gnb1 #head_menu > li.active .submenu {
  opacity: 1;
  visibility: visible;
}
#header.gnb1_active .search_open {
  filter: invert(100%);
}
#header.gnb1_active .search_box {
  display: none;
}
#header.gnb1_active .gnb2_open .line {
  background: #000;
}
#header.search_active .search_close {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
#header.search_active .search_box {
  opacity: 1;
  visibility: visible;
  top: 0;
}
#header.gnb2_active::before {
  opacity: 1;
  visibility: visible;
}
#header.gnb2_active .top_area .etc {
  z-index: 300;
  transform: translateX(-5rem);
}
#header.gnb2_active .member a {
  color: #000;
}
#header.gnb2_active .language .lang_select {
  filter: invert(100%);
}
#header.gnb2_active #gnb2 {
  opacity: 1;
  visibility: visible;
  top: 0;
}
#header.gnb2_active #gnb2 .control.close {
  opacity: 1;
  visibility: visible;
}
#header.gnb2_active .gnb2_sns {
  opacity: 1;
  visibility: visible;
  left: 16rem;
  filter: invert(50%);
}

.skiptranslate iframe {
  display: none !important;
}

#google_translate_element, .VIpgJd-ZVi9od-aZ2wEe-wOHMyf {
  display: none !important;
}

html.translated-ltr #header #logo a {
  background-image: url("/kor/img/logo_eng_white.svg");
  background-size: contain;
}
html.translated-ltr #header.gnb1_active #logo a {
  background-image: url("/kor/img/logo_eng.svg");
}

html:lang(en) #header #gnb1 #head_menu > li > a {
  text-align: center;
  line-height: 1.2;
  font-size: 1.8rem;
  height: 6rem;
}

body {
  top: 0 !important;
}

html:has(#header.gnb2_active) {
  overflow: hidden;
}

#footer {
  background: #000;
  color: #fff;
  word-break: keep-all;
  word-wrap: break-word;
}
#footer .lay_top {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  padding: 4rem 0;
}
#footer .lay_top .lay_left {
  display: flex;
  flex-direction: column;
  gap: 3.6rem;
}
#footer .lay_top .logo {
  text-transform: uppercase;
  font-size: 2rem;
  font-weight: 500;
  letter-spacing: 1px;
}
#footer .lay_top .address {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 0.5rem 2rem;
  font-weight: 300;
  letter-spacing: 0.5px;
}
#footer .lay_top .tel {
  font-weight: 300;
}
#footer .lay_top .tel a {
  font-size: 1.8rem;
  font-weight: 600;
  color: #e4e4e4;
  letter-spacing: 1px;
  margin-left: 0.1rem;
}
#footer .lay_top .tel + .tel {
  margin-top: 0.5rem;
}
#footer .lay_top .link {
  color: #91BDE6;
}
@media screen and (min-width: 1024px) {
  #footer .lay_top .link:hover {
    text-decoration: underline;
  }
}
#footer .lay_top .related_site {
  position: relative;
  margin-top: -1rem;
}
#footer .lay_top .related_site .btn_open {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 32rem;
  height: 4rem;
  border-bottom: 1px solid #fff;
  box-sizing: border-box;
  transition: 0.3s;
}
#footer .lay_top .related_site .btn_open::after {
  content: "";
  width: 2.4rem;
  height: 2.4rem;
  background-size: 100%;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath fill='none' d='M0 0h24v24H0z'%3E%3C/path%3E%3Cpath d='M13.1717 12.0007L8.22192 7.05093L9.63614 5.63672L16.0001 12.0007L9.63614 18.3646L8.22192 16.9504L13.1717 12.0007Z'%3E%3C/path%3E%3C/svg%3E") no-repeat center center;
  transform: rotate(90deg);
  transition: 0.3s;
}
#footer .lay_top .related_site .list {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  left: 0;
  bottom: calc(100% - 1px);
  z-index: 40;
  max-height: 0;
  overflow: hidden;
  width: 100%;
  color: #151515;
  box-sizing: border-box;
  transition: 0.3s;
  padding: 2.4rem 1.2rem;
  background: #fff;
  border: 1px solid #ddd;
  border-bottom: none;
  border-radius: 2.4rem 2.4rem 0 0;
}
#footer .lay_top .related_site .list ul {
  box-sizing: border-box;
  font-size: 1.5rem;
  max-height: 15.4rem;
  overflow-y: auto;
}
#footer .lay_top .related_site .list ul::-webkit-scrollbar-track {
  background-color: #EBEDF1;
  border-radius: 0;
}
#footer .lay_top .related_site .list ul::-webkit-scrollbar {
  width: 3px;
}
#footer .lay_top .related_site .list ul::-webkit-scrollbar-thumb {
  background-color: #A3A3A3;
  border-radius: 0;
}
#footer .lay_top .related_site .list ul li + li {
  margin-top: 0.5rem;
}
#footer .lay_top .related_site .list a {
  display: block;
  padding: 0.3rem 1rem;
}
#footer .lay_top .related_site .list a:hover {
  background: #F2F6FC;
  border-radius: 0.8rem;
}
#footer .lay_top .related_site.active .btn_open::after {
  transform: rotate(270deg);
}
#footer .lay_top .related_site.active .list {
  opacity: 1;
  visibility: visible;
  max-height: 20rem;
}
#footer .lay_top .menu {
  margin-top: 4rem;
  display: none;
}
#footer .lay_top .menu li + li {
  margin-top: 2.4rem;
}
#footer .lay_top .menu a {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
#footer .lay_top .menu a::after {
  content: "";
  display: block;
  width: 2rem;
  height: 2rem;
  margin-left: 1rem;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath fill='none' d='M0 0h24v24H0z'%3E%3C/path%3E%3Cpath d='M13.1717 12.0007L8.22192 7.05093L9.63614 5.63672L16.0001 12.0007L9.63614 18.3646L8.22192 16.9504L13.1717 12.0007Z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
}
#footer .lay_top .menu em {
  position: relative;
}
#footer .lay_top .menu em::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -3px;
  width: 0;
  height: 1px;
  background: #fff;
  transition: 0.4s;
}
#footer .lay_top .sns {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  gap: 1.8rem;
  margin-top: 4rem;
}
#footer .lay_top .sns a {
  display: block;
  width: 4.2rem;
  height: 4.2rem;
  border-radius: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 2.5rem auto;
  border: 0.6px solid #AAAAAA;
  transition: 0.3s;
}
#footer .lay_top .sns a.youtube {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath fill='none' d='M0 0h24v24H0z'%3E%3C/path%3E%3Cpath d='M12.2439 4C12.778 4.00294 14.1143 4.01586 15.5341 4.07273L16.0375 4.09468C17.467 4.16236 18.8953 4.27798 19.6037 4.4755C20.5486 4.74095 21.2913 5.5155 21.5423 6.49732C21.942 8.05641 21.992 11.0994 21.9982 11.8358L21.9991 11.9884L21.9991 11.9991C21.9991 11.9991 21.9991 12.0028 21.9991 12.0099L21.9982 12.1625C21.992 12.8989 21.942 15.9419 21.5423 17.501C21.2878 18.4864 20.5451 19.261 19.6037 19.5228C18.8953 19.7203 17.467 19.8359 16.0375 19.9036L15.5341 19.9255C14.1143 19.9824 12.778 19.9953 12.2439 19.9983L12.0095 19.9991L11.9991 19.9991C11.9991 19.9991 11.9956 19.9991 11.9887 19.9991L11.7545 19.9983C10.6241 19.9921 5.89772 19.941 4.39451 19.5228C3.4496 19.2573 2.70692 18.4828 2.45587 17.501C2.0562 15.9419 2.00624 12.8989 2 12.1625V11.8358C2.00624 11.0994 2.0562 8.05641 2.45587 6.49732C2.7104 5.51186 3.45308 4.73732 4.39451 4.4755C5.89772 4.05723 10.6241 4.00622 11.7545 4H12.2439ZM9.99911 8.49914V15.4991L15.9991 11.9991L9.99911 8.49914Z'%3E%3C/path%3E%3C/svg%3E");
}
#footer .lay_top .sns a.facebook {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='9' height='17' viewBox='0 0 9 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.27778 9.22578V16.4258H5.6358V9.32578H7.90741L8.5 6.32578H5.6358C5.6358 6.32578 5.6358 4.92578 5.6358 4.12578C5.6358 3.82578 5.73457 3.42578 6.2284 3.42578C6.91975 3.42578 7.80864 3.42578 7.80864 3.42578V0.425781C7.80864 0.425781 6.32716 0.425781 4.74691 0.425781C3.75926 0.425781 2.27778 1.72578 2.27778 3.22578C2.27778 4.72578 2.27778 6.32578 2.27778 6.32578H0.5V9.32578L2.27778 9.22578Z' fill='%23fff'/%3E%3C/svg%3E%0A");
  background-size: 1.2rem auto;
}
#footer .lay_top .sns a.instagram {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5 9.25977C10.7883 9.25977 9.33337 10.7147 9.33337 12.4264C9.33337 14.1381 10.7883 15.5931 12.5 15.5931C14.2118 15.5931 15.6667 14.1381 15.6667 12.4264C15.6667 10.7147 14.2118 9.25977 12.5 9.25977Z' fill='%23fff'/%3E%3Cpath d='M16.5591 2.92578H8.52727C5.41818 2.92578 3 5.34396 3 8.36669V16.3985C3 19.5076 5.41818 21.9258 8.52727 21.9258H16.5591C19.5818 21.9258 22 19.5076 22 16.3985V8.36669C22 5.34396 19.5818 2.92578 16.5591 2.92578ZM12.5 17.4349C9.73636 17.4349 7.57727 15.1894 7.57727 12.5121C7.57727 9.83487 9.73636 7.50305 12.5 7.50305C15.2636 7.50305 17.4227 9.74851 17.4227 12.4258C17.4227 15.1031 15.2636 17.4349 12.5 17.4349ZM17.5955 8.53942C16.9909 8.53942 16.4727 8.02124 16.4727 7.41669C16.4727 6.81214 16.9909 6.29396 17.5955 6.29396C18.2 6.29396 18.7182 6.81214 18.7182 7.41669C18.7182 8.02124 18.2 8.53942 17.5955 8.53942Z' fill='%23fff'/%3E%3C/svg%3E%0A");
}
#footer .lay_top .sns a.blog {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' id='Layer_1' width='10.9mm' height='9.1mm' data-name='Layer 1' version='1.1' viewBox='0 0 30.8 25.9'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff;stroke-width:0%7D%3C/style%3E%3C/defs%3E%3Cpath d='M24.5 10.2c-.7 0-1.2.5-1.2 1.2s.5 1.2 1.2 1.2 1.2-.5 1.2-1.2-.5-1.2-1.2-1.2ZM17.2 10.2c-.7 0-1.2.5-1.2 1.2s.5 1.2 1.2 1.2 1.2-.5 1.2-1.2-.5-1.2-1.2-1.2ZM6.4 10.2c-.7 0-1.2.5-1.2 1.2s.5 1.2 1.2 1.2 1.2-.5 1.2-1.2-.5-1.2-1.2-1.2Z' class='cls-1'/%3E%3Cpath d='M25.9 0h-21C2.2 0 0 2.2 0 4.9v11.6c0 2.7 2.2 4.9 4.9 4.9h7.3l2.5 4v.1c.2.4.7.5 1.1.3.1 0 .2-.2.3-.3v-.1l2.5-4h7.3c2.7 0 4.9-2.2 4.9-4.9V4.9c0-2.7-2.2-4.9-4.9-4.9ZM6.8 14.3c-.6 0-1.2-.3-1.6-.8v.6H3.3V6.2h1.9v3c.4-.4 1-.7 1.6-.7 2.6 0 2.7 2.9 2.7 2.9 0 1.5-1.1 2.8-2.7 2.9Zm6-5.3v5.1H11V9.5c0-1.6-.9-1.6-.9-1.6V6.1c2.8 0 2.7 3 2.7 3Zm4.4 5.3h-.4c-1.6 0-2.8-1.3-2.7-2.9 0-2.9 3.1-2.9 3.1-2.9h.4c1.6 0 2.8 1.3 2.8 2.9 0 2.9-3.2 2.9-3.2 2.9Zm7.5 2.7H24v-1.7h.5c1.3 0 1.2-1.4 1.2-1.4v-.4c-.4.5-1 .7-1.7.7-2.6 0-2.6-2.8-2.6-2.8V11c0-1.4 1.2-2.6 2.7-2.5.6 0 1.2.3 1.6.7v-.5h1.8v5.5c0 1.5-1.3 2.7-2.8 2.7Z' class='cls-1'/%3E%3C/svg%3E");
  background-size: 2rem;
}
#footer .lay_top .sns a.band {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='15' height='21' viewBox='0 0 15 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5 4.21796C6.86701 4.21796 6.24361 4.29869 5.64898 4.46014V3.11806V2.95661C5.64898 2.92634 5.64898 2.88597 5.63939 2.8557C5.5243 1.2109 4.30627 0 2.82928 0C1.34271 0 0.12468 1.2109 0.00959079 2.8557C0 2.89606 0 8.47629 0 8.47629V12.109C0 12.1393 0 12.1594 0 12.1897C0.0383632 16.5086 3.38555 20.0101 7.5 20.0101C11.6432 20.0101 15 16.4783 15 12.1191C15 7.74975 11.6432 4.21796 7.5 4.21796ZM7.5 18.7891C3.99936 18.7891 1.1509 15.7921 1.1509 12.109V3.01715C1.1509 2.03835 1.89898 1.24117 2.82928 1.24117C3.75 1.24117 4.50767 2.03835 4.50767 3.01715V12.0283C4.50767 13.774 5.85038 15.2674 7.50959 15.2674C9.1688 15.2674 10.5115 13.8547 10.5115 12.109C10.5115 10.3633 9.1688 8.95056 7.50959 8.95056C6.80946 8.95056 6.17647 9.20283 5.65857 9.61655V8.25429C6.21483 7.96166 6.83824 7.79011 7.50959 7.79011C9.77302 7.79011 11.6049 9.71746 11.6049 12.0989C11.6049 14.4803 9.77302 16.4077 7.50959 16.4077C5.24616 16.4077 3.41432 14.4803 3.41432 12.0989V2.95661C3.41432 2.66398 3.15537 2.38143 2.83887 2.38143C2.52238 2.38143 2.26343 2.66398 2.26343 2.95661V12.109C2.26343 12.2503 2.27302 12.3814 2.28261 12.5227C2.48402 15.3784 4.74744 17.6388 7.51918 17.6388C10.4156 17.6388 12.7653 15.1665 12.7653 12.1191C12.7653 9.07165 10.4156 6.5994 7.51918 6.5994C6.86701 6.5994 6.24361 6.72049 5.66816 6.95257V5.7114C6.2532 5.51968 6.8766 5.41877 7.51918 5.41877C11.0294 5.41877 13.8683 8.40565 13.8683 12.0989C13.8491 15.7921 11.0102 18.7891 7.5 18.7891ZM5.64898 12.109C5.64898 11.0394 6.47379 10.1615 7.5 10.1615C8.51662 10.1615 9.35102 11.0293 9.35102 12.109C9.35102 13.1786 8.52621 14.0565 7.5 14.0565C6.48338 14.0464 5.64898 13.1786 5.64898 12.109Z' fill='%23fff'/%3E%3C/svg%3E%0A");
  background-size: 1.6rem;
}
#footer .lay_bottom {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  padding: 2.4rem 1.6rem;
}
#footer .lay_bottom .layout_fix {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 1rem 2rem;
  flex-wrap: wrap;
}
#footer .lay_bottom .menu {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 1.6rem;
  display: none;
}
#footer .lay_bottom .menu a {
  font-size: 1.6rem;
  font-weight: 500;
  display: block;
  transition: 0.3s;
}
#footer .lay_bottom .menu li:first-child a {
  color: #BC3535;
}
#footer .lay_bottom .copyright {
  font-size: 1.5rem;
  font-weight: 300;
  text-align: center;
}
#footer .go_top {
  opacity: 0;
  visibility: hidden;
  position: fixed;
  right: 2rem;
  bottom: 2rem;
  z-index: 30;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 5rem;
  height: 5rem;
  background: #222A3A;
  border-radius: 100%;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.16);
  transition: 0.3s;
}
#footer .go_top::after {
  content: "\ea76";
  color: #fff;
  font-family: "remixicon";
  font-size: 2rem;
}
#footer .go_top.show {
  opacity: 1;
  visibility: visible;
}
@media screen and (min-width: 1025px) {
  #footer .lay_top .sns a:hover {
    background-color: rgb(255, 255, 255);
  }
  #footer .lay_top .sns a:hover.youtube {
    border-color: #ff0000;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ff0000'%3E%3Cpath fill='none' d='M0 0h24v24H0z'%3E%3C/path%3E%3Cpath d='M12.2439 4C12.778 4.00294 14.1143 4.01586 15.5341 4.07273L16.0375 4.09468C17.467 4.16236 18.8953 4.27798 19.6037 4.4755C20.5486 4.74095 21.2913 5.5155 21.5423 6.49732C21.942 8.05641 21.992 11.0994 21.9982 11.8358L21.9991 11.9884L21.9991 11.9991C21.9991 11.9991 21.9991 12.0028 21.9991 12.0099L21.9982 12.1625C21.992 12.8989 21.942 15.9419 21.5423 17.501C21.2878 18.4864 20.5451 19.261 19.6037 19.5228C18.8953 19.7203 17.467 19.8359 16.0375 19.9036L15.5341 19.9255C14.1143 19.9824 12.778 19.9953 12.2439 19.9983L12.0095 19.9991L11.9991 19.9991C11.9991 19.9991 11.9956 19.9991 11.9887 19.9991L11.7545 19.9983C10.6241 19.9921 5.89772 19.941 4.39451 19.5228C3.4496 19.2573 2.70692 18.4828 2.45587 17.501C2.0562 15.9419 2.00624 12.8989 2 12.1625V11.8358C2.00624 11.0994 2.0562 8.05641 2.45587 6.49732C2.7104 5.51186 3.45308 4.73732 4.39451 4.4755C5.89772 4.05723 10.6241 4.00622 11.7545 4H12.2439ZM9.99911 8.49914V15.4991L15.9991 11.9991L9.99911 8.49914Z'%3E%3C/path%3E%3C/svg%3E");
  }
  #footer .lay_top .sns a:hover.facebook {
    border-color: #1877F2;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='9' height='17' viewBox='0 0 9 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.27778 9.22578V16.4258H5.6358V9.32578H7.90741L8.5 6.32578H5.6358C5.6358 6.32578 5.6358 4.92578 5.6358 4.12578C5.6358 3.82578 5.73457 3.42578 6.2284 3.42578C6.91975 3.42578 7.80864 3.42578 7.80864 3.42578V0.425781C7.80864 0.425781 6.32716 0.425781 4.74691 0.425781C3.75926 0.425781 2.27778 1.72578 2.27778 3.22578C2.27778 4.72578 2.27778 6.32578 2.27778 6.32578H0.5V9.32578L2.27778 9.22578Z' fill='%231877F2'/%3E%3C/svg%3E%0A");
  }
  #footer .lay_top .sns a:hover.instagram {
    border-color: #F62B95;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5 9.25977C10.7883 9.25977 9.33337 10.7147 9.33337 12.4264C9.33337 14.1381 10.7883 15.5931 12.5 15.5931C14.2118 15.5931 15.6667 14.1381 15.6667 12.4264C15.6667 10.7147 14.2118 9.25977 12.5 9.25977Z' fill='%23F62B95'/%3E%3Cpath d='M16.5591 2.92578H8.52727C5.41818 2.92578 3 5.34396 3 8.36669V16.3985C3 19.5076 5.41818 21.9258 8.52727 21.9258H16.5591C19.5818 21.9258 22 19.5076 22 16.3985V8.36669C22 5.34396 19.5818 2.92578 16.5591 2.92578ZM12.5 17.4349C9.73636 17.4349 7.57727 15.1894 7.57727 12.5121C7.57727 9.83487 9.73636 7.50305 12.5 7.50305C15.2636 7.50305 17.4227 9.74851 17.4227 12.4258C17.4227 15.1031 15.2636 17.4349 12.5 17.4349ZM17.5955 8.53942C16.9909 8.53942 16.4727 8.02124 16.4727 7.41669C16.4727 6.81214 16.9909 6.29396 17.5955 6.29396C18.2 6.29396 18.7182 6.81214 18.7182 7.41669C18.7182 8.02124 18.2 8.53942 17.5955 8.53942Z' fill='%23F62B95'/%3E%3C/svg%3E%0A");
  }
  #footer .lay_top .sns a:hover.blog {
    border-color: #5CBA1E;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' id='Layer_1' width='10.9mm' height='9.1mm' data-name='Layer 1' version='1.1' viewBox='0 0 30.8 25.9'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%235CBA1E;stroke-width:0%7D%3C/style%3E%3C/defs%3E%3Cpath d='M24.5 10.2c-.7 0-1.2.5-1.2 1.2s.5 1.2 1.2 1.2 1.2-.5 1.2-1.2-.5-1.2-1.2-1.2ZM17.2 10.2c-.7 0-1.2.5-1.2 1.2s.5 1.2 1.2 1.2 1.2-.5 1.2-1.2-.5-1.2-1.2-1.2ZM6.4 10.2c-.7 0-1.2.5-1.2 1.2s.5 1.2 1.2 1.2 1.2-.5 1.2-1.2-.5-1.2-1.2-1.2Z' class='cls-1'/%3E%3Cpath d='M25.9 0h-21C2.2 0 0 2.2 0 4.9v11.6c0 2.7 2.2 4.9 4.9 4.9h7.3l2.5 4v.1c.2.4.7.5 1.1.3.1 0 .2-.2.3-.3v-.1l2.5-4h7.3c2.7 0 4.9-2.2 4.9-4.9V4.9c0-2.7-2.2-4.9-4.9-4.9ZM6.8 14.3c-.6 0-1.2-.3-1.6-.8v.6H3.3V6.2h1.9v3c.4-.4 1-.7 1.6-.7 2.6 0 2.7 2.9 2.7 2.9 0 1.5-1.1 2.8-2.7 2.9Zm6-5.3v5.1H11V9.5c0-1.6-.9-1.6-.9-1.6V6.1c2.8 0 2.7 3 2.7 3Zm4.4 5.3h-.4c-1.6 0-2.8-1.3-2.7-2.9 0-2.9 3.1-2.9 3.1-2.9h.4c1.6 0 2.8 1.3 2.8 2.9 0 2.9-3.2 2.9-3.2 2.9Zm7.5 2.7H24v-1.7h.5c1.3 0 1.2-1.4 1.2-1.4v-.4c-.4.5-1 .7-1.7.7-2.6 0-2.6-2.8-2.6-2.8V11c0-1.4 1.2-2.6 2.7-2.5.6 0 1.2.3 1.6.7v-.5h1.8v5.5c0 1.5-1.3 2.7-2.8 2.7Z' class='cls-1'/%3E%3C/svg%3E");
  }
  #footer .lay_top .sns a:hover.band {
    border-color: #5CBA1E;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='15' height='21' viewBox='0 0 15 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5 4.21796C6.86701 4.21796 6.24361 4.29869 5.64898 4.46014V3.11806V2.95661C5.64898 2.92634 5.64898 2.88597 5.63939 2.8557C5.5243 1.2109 4.30627 0 2.82928 0C1.34271 0 0.12468 1.2109 0.00959079 2.8557C0 2.89606 0 8.47629 0 8.47629V12.109C0 12.1393 0 12.1594 0 12.1897C0.0383632 16.5086 3.38555 20.0101 7.5 20.0101C11.6432 20.0101 15 16.4783 15 12.1191C15 7.74975 11.6432 4.21796 7.5 4.21796ZM7.5 18.7891C3.99936 18.7891 1.1509 15.7921 1.1509 12.109V3.01715C1.1509 2.03835 1.89898 1.24117 2.82928 1.24117C3.75 1.24117 4.50767 2.03835 4.50767 3.01715V12.0283C4.50767 13.774 5.85038 15.2674 7.50959 15.2674C9.1688 15.2674 10.5115 13.8547 10.5115 12.109C10.5115 10.3633 9.1688 8.95056 7.50959 8.95056C6.80946 8.95056 6.17647 9.20283 5.65857 9.61655V8.25429C6.21483 7.96166 6.83824 7.79011 7.50959 7.79011C9.77302 7.79011 11.6049 9.71746 11.6049 12.0989C11.6049 14.4803 9.77302 16.4077 7.50959 16.4077C5.24616 16.4077 3.41432 14.4803 3.41432 12.0989V2.95661C3.41432 2.66398 3.15537 2.38143 2.83887 2.38143C2.52238 2.38143 2.26343 2.66398 2.26343 2.95661V12.109C2.26343 12.2503 2.27302 12.3814 2.28261 12.5227C2.48402 15.3784 4.74744 17.6388 7.51918 17.6388C10.4156 17.6388 12.7653 15.1665 12.7653 12.1191C12.7653 9.07165 10.4156 6.5994 7.51918 6.5994C6.86701 6.5994 6.24361 6.72049 5.66816 6.95257V5.7114C6.2532 5.51968 6.8766 5.41877 7.51918 5.41877C11.0294 5.41877 13.8683 8.40565 13.8683 12.0989C13.8491 15.7921 11.0102 18.7891 7.5 18.7891ZM5.64898 12.109C5.64898 11.0394 6.47379 10.1615 7.5 10.1615C8.51662 10.1615 9.35102 11.0293 9.35102 12.109C9.35102 13.1786 8.52621 14.0565 7.5 14.0565C6.48338 14.0464 5.64898 13.1786 5.64898 12.109Z' fill='%235CBA1E'/%3E%3C/svg%3E%0A");
  }
  #footer .lay_top .menu a:hover em::before {
    width: 100%;
  }
  #footer .lay_bottom .menu a:hover {
    opacity: 0.8;
  }
  #footer .go_top:hover {
    transform: translateY(-1rem);
  }
}
#footer .symbol {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4rem;
  margin-bottom: 2rem;
  flex-wrap: wrap;
}

.quick_open {
  position: fixed;
  right: 4rem;
  bottom: 40%;
  z-index: 20;
  width: 8rem;
  height: 8rem;
  background: linear-gradient(135deg, #374ED3 5%, #E44564 78%, #E44564 100%);
  color: #fff;
  border-radius: 100%;
  transition: 0.4s;
}
.quick_open::after {
  content: "";
  position: absolute;
  left: calc(50% - 7rem);
  top: calc(50% - 7rem);
  width: 14rem;
  height: 14rem;
  background: url("/kor/img/quick_circle.png") no-repeat center center;
  animation: symbol_rotate 7s linear forwards infinite;
}
.quick_open:hover {
  transform: scale(0.8);
}
.quick_open.hide {
  right: -15rem;
}

#quick {
  position: fixed;
  right: -120%;
  bottom: 1rem;
  z-index: 40;
  width: 40rem;
  height: 60rem;
  padding: 2.4rem;
  background: #fff;
  color: #000;
  box-shadow: 0 0px 24px rgba(0, 0, 0, 0.2);
  border-radius: 0.8rem;
  transition: 1s;
}
#quick .inner {
  position: relative;
  height: 100%;
  overflow: hidden;
}
#quick .list {
  height: 100%;
  overflow-y: scroll;
}
#quick .list::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 4px v;
}
#quick .list::-webkit-scrollbar {
  width: 4px;
}
#quick .list::-webkit-scrollbar-thumb {
  background-color: #E4E4E4;
  border-radius: 4px v;
}
#quick .list li + li {
  margin-top: 1rem;
}
#quick .list a {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 0;
  background: #F6F6F6;
  border-radius: 0 0 0 4rem;
  position: relative;
  transition: 0.3s;
}
#quick .list a .img {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex: none;
  height: 10rem;
  width: 10rem;
  overflow: hidden;
  margin-left: auto;
}
#quick .list a .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.3s;
}
#quick .list a p {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 0 2.4rem;
}
#quick .list a .tit {
  font-size: 2rem;
  font-weight: 600;
}
#quick .list a .txt {
  font-size: 1.5rem;
  color: #8e8e8e;
  margin-top: 0.5rem;
  line-height: 1.1;
}
@media screen and (min-width: 1024px) {
  #quick .list a:hover {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.16);
  }
  #quick .list a:hover .img img {
    transform: scale(1.05);
  }
  #quick .list a:hover::before {
    transform: translateX(2rem);
  }
}
#quick .quick_close {
  position: absolute;
  left: -1rem;
  top: -1rem;
  width: 4rem;
  height: 4rem;
  transition: 0.3s;
  background: #fff;
  border-radius: 100%;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.12);
}
#quick .quick_close::before, #quick .quick_close:after {
  content: "";
  width: 20px;
  height: 2px;
  background: #000;
  position: absolute;
  left: calc(50% - 10px);
  top: 50%;
  transition: 0.4s;
  transform-origin: center center;
}
#quick .quick_close::before {
  transform: rotate(45deg);
}
#quick .quick_close:after {
  transform: rotate(-45deg);
}
@media screen and (min-width: 1024px) {
  #quick .quick_close:hover::before {
    transform: rotate(135deg);
  }
  #quick .quick_close:hover:after {
    transform: rotate(-135deg);
  }
}
#quick.active {
  right: 2rem;
}

@keyframes menu_width {
  0% {
    width: 100%;
  }
  40% {
    width: 20%;
  }
  100% {
    width: 100%;
  }
}
@keyframes gnb1_menu {
  0% {
    width: 0%;
  }
  100% {
    width: 10rem;
  }
}
@keyframes symbol_rotate {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
/*-------------------------------------------------

Responsive

-------------------------------------------------*/
/* Media Query */
@media (max-width: 1740px) {
  #header #gnb1 #head_menu .submenu {
    padding: 4.8rem 10rem;
  }
  #header #gnb2 {
    padding: 10rem 5rem 8rem;
  }
  #header #gnb2 .control.close {
    right: 4rem;
  }
  #header #gnb2 .layout_fix {
    padding: 0 4rem 0 9rem;
  }
}
@media (max-width: 1560px) {
  #header #gnb1 #head_menu .submenu {
    padding: 4.8rem 3.2rem;
  }
  #header #gnb1 #head_menu .submenu .desc {
    padding-left: 3.2rem;
  }
  #header #gnb2 .topmenu_all > li {
    padding: 2rem 1.6rem 0;
  }
}
@media (max-width: 1520px) {
  #header #gnb1 {
    margin-right: 5%;
  }
}
@media (max-width: 1440px) {
  #header #gnb1 {
    margin-right: 0;
  }
  #header #gnb1 #head_menu > li {
    width: 22rem;
  }
  #header #gnb1 #head_menu .submenu {
    gap: 3rem;
    padding: 4.8rem 2.4rem;
  }
  #header #gnb1 #head_menu .submenu .depth2 {
    gap: 4rem 2.4rem;
  }
  #header #gnb2 {
    padding: 8rem 0 6rem;
  }
  #header #gnb2::before {
    width: 8rem;
  }
  #header #gnb2 .layout_fix {
    width: 100%;
  }
  #header #gnb2 .topmenu_all {
    border-right: none;
  }
  #header #gnb2 .topmenu_all > li:first-child {
    border-left: none;
  }
  #header .gnb2_sns {
    left: 8rem;
  }
  #header.gnb2_active .gnb2_sns {
    left: 10rem;
  }
}
@media (max-width: 1280px) {
  #header #gnb1 #head_menu .submenu {
    gap: 2.4rem;
    padding: 4.8rem 1.2rem;
  }
  #header #gnb1 #head_menu .submenu .desc {
    padding-left: 0;
    width: 24rem;
  }
  #header #gnb1 #head_menu .submenu .desc .menu_title {
    font-size: 3.2rem;
  }
  #header #gnb1 #head_menu .submenu .depth2 {
    gap: 3rem 1.2rem;
  }
  #header #gnb1 #head_menu .submenu .depth2 > li > a {
    font-size: 1.5rem;
  }
  #header #gnb1 #head_menu > li {
    width: 14rem;
  }
  #header #gnb1 #head_menu > li.lnb2 {
    width: 20rem;
  }
  #header #gnb1 #head_menu > li.lnb3 {
    width: 16rem;
  }
  #header #gnb2 .topmenu_all > li > a {
    font-size: 2.8rem;
    margin-bottom: 3.2rem;
  }
  #header #gnb2 .submenu > ul > li + li {
    margin-top: 1.6rem;
  }
  #header #gnb2 .submenu > ul > li > a {
    font-size: 1.8rem;
  }
}
@media (max-width: 1024px) {
  #header .top_area .layout_fix {
    height: 4rem;
    overflow: hidden;
  }
  #header .top_area .sns ul {
    gap: 0.3rem;
  }
  #header .top_area .sns a {
    width: 3.4rem;
  }
  #header .top_area .etc {
    position: fixed;
    left: calc(100% - 7rem);
    top: 1.7rem;
    z-index: 1000;
    opacity: 0;
    visibility: hidden;
  }
  #header .language .lang_box {
    left: 0;
    transform: none;
  }
  #header .today_info {
    flex: 1;
    justify-content: flex-end;
    gap: 1rem;
  }
  #header .today_info .w_total {
    font-size: 1.4rem;
    font-weight: 500;
    gap: 1rem;
  }
  #header .today_info .dday {
    padding: 0.2rem 1.5rem;
  }
  #header #gnb1 {
    display: none;
  }
  #header .gnb2_open {
    display: flex;
  }
  #header #gnb2 {
    top: 0;
    left: auto;
    right: -100%;
    height: 100%;
    padding: 6rem 0;
  }
  #header #gnb2::before {
    display: none;
  }
  #header #gnb2 .layout_fix {
    padding: 0;
    border-top: 1px solid #DDDDDD;
  }
  #header #gnb2 .control.close {
    width: 3rem;
    height: 3rem;
  }
  #header #gnb2 .topmenu_all {
    display: block;
    padding: 2rem;
  }
  #header #gnb2 .topmenu_all > li {
    padding: 0;
    border: none;
  }
  #header #gnb2 .topmenu_all > li + li {
    margin-top: 1.6rem;
  }
  #header #gnb2 .topmenu_all > li > a {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    opacity: 0.5;
    margin-bottom: 0;
    font-size: 2.4rem;
    padding: 1rem 0;
  }
  #header #gnb2 .topmenu_all > li > a::after {
    content: "";
    display: block !important;
    width: 3rem;
    height: 3rem;
    margin-left: auto;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'%3E%3Cpath fill='none' d='M0 0h24v24H0z'%3E%3C/path%3E%3Cpath d='M13.1717 12.0007L8.22192 7.05093L9.63614 5.63672L16.0001 12.0007L9.63614 18.3646L8.22192 16.9504L13.1717 12.0007Z'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 3rem;
  }
  #header #gnb2 .topmenu_all > li.active .submenu {
    max-height: 60rem;
  }
  #header #gnb2 .topmenu_all > li.active > a {
    opacity: 1;
    color: #000;
  }
  #header #gnb2 .submenu {
    padding-left: 0.5rem;
    overflow: hidden;
    max-height: 0;
    transition: 0.5s;
  }
  #header #gnb2 .submenu > ul > li + li {
    margin-top: 1.2rem;
  }
  #header #gnb2 .submenu > ul > li > a {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    padding: 0.5rem 0 0.5rem 1rem;
    font-size: 2rem;
    position: relative;
    font-weight: 500;
    opacity: 0.7;
  }
  #header #gnb2 .submenu > ul > li > a::before {
    content: "";
    position: absolute;
    left: 0;
    top: calc(50% - 2px);
    width: 4px;
    height: 4px;
    background: #000;
    border-radius: 100%;
    border-radius: 100%;
  }
  #header #gnb2 .submenu > ul > li.depth03 > a::after {
    content: "";
    display: block;
    width: 2.4rem;
    height: 2.4rem;
    margin-left: auto;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'%3E%3Cpath fill='none' d='M0 0h24v24H0z'%3E%3C/path%3E%3Cpath d='M11.9999 13.1714L16.9497 8.22168L18.3639 9.63589L11.9999 15.9999L5.63599 9.63589L7.0502 8.22168L11.9999 13.1714Z'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 2.4rem;
    opacity: 0.7;
  }
  #header #gnb2 .submenu > ul > li.depth03 div {
    overflow: hidden;
    max-height: 0;
    padding: 0;
    margin: 0;
    transition: 0.3s;
  }
  #header #gnb2 .submenu > ul > li.depth03 div ul {
    padding: 1rem 1rem 1rem 2rem;
  }
  #header #gnb2 .submenu > ul > li.depth03 div a {
    font-size: 1.8rem;
    display: block;
    padding: 0.5rem 0;
    opacity: 0.8;
  }
  #header #gnb2 .submenu > ul > li.depth03 div a::before {
    width: 8px;
    height: 1.4px;
    background: #999;
    left: -15px;
    top: 50%;
  }
  #header #gnb2 .submenu > ul > li.depth03 div li.active a {
    opacity: 1;
    color: #000;
    font-weight: 500;
  }
  #header #gnb2 .submenu > ul > li.depth03 div li.active a::before {
    background: #000;
  }
  #header #gnb2 .submenu > ul > li.depth03.show > a {
    opacity: 1;
  }
  #header #gnb2 .submenu > ul > li.depth03.show > a::after {
    transform: rotate(180deg);
  }
  #header #gnb2 .submenu > ul > li.depth03.show div {
    max-height: 50rem;
  }
  #header #gnb2 .submenu > ul > li.active > a {
    opacity: 1;
    color: #000;
  }
  #header #gnb2 .submenu > ul > li.active > a::after {
    transform: rotate(180deg);
  }
  #header #gnb2 .submenu > ul > li.active div {
    max-height: 50rem;
  }
  #header .gnb2_sns {
    left: calc(100% - 28rem);
  }
  #header .search_close {
    left: 50%;
    top: 1rem;
  }
  #header.gnb2_active .top_area .etc {
    opacity: 1;
    visibility: visible;
    transform: none;
    left: 2.4rem;
  }
  #header.gnb2_active #gnb2 {
    top: 0;
    right: 0;
  }
  #header.gnb2_active #gnb2 .control.close {
    top: 1.6rem;
    right: 2.4rem;
    transform: translateY(0);
  }
  #header.gnb2_active .gnb2_sns {
    left: 9rem;
  }
  #footer .lay_top {
    gap: 2rem;
  }
  #footer .lay_top .logo {
    font-size: 1.8rem;
  }
  #footer .lay_top .address {
    font-size: 1.5rem;
  }
  #footer .lay_top .related_site .btn_open {
    width: 28rem;
  }
  #footer .lay_bottom .layout_fix {
    justify-content: center;
    text-align: center;
    word-break: keep-all;
    word-wrap: break-word;
  }
  #footer .go_top {
    bottom: 1rem;
    right: 1rem;
  }
  .quick_open {
    right: -4rem;
    bottom: 6rem;
    width: 9rem;
    border-radius: 8rem;
    font-size: 0;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
    background: linear-gradient(135deg, #374ED3 5%, #E44564 78%, #E44564 100%);
  }
  .quick_open::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath fill='none' d='M0 0h24v24H0z'%3E%3C/path%3E%3Cpath d='M10.8284 12.0007L15.7782 16.9504L14.364 18.3646L8 12.0007L14.364 5.63672L15.7782 7.05093L10.8284 12.0007Z'%3E%3C/path%3E%3C/svg%3E") no-repeat 15% center;
    background-size: 4rem;
  }
  .quick_open::after {
    display: none;
  }
  #quick {
    right: -100%;
    bottom: 0;
    z-index: 200;
    width: 100%;
    height: 100%;
    box-shadow: none;
    border-radius: 0;
    background: linear-gradient(135deg, #374ED3, #E44564);
    padding: 6rem 2rem 4rem 2rem;
  }
  #quick .quick_close {
    left: 2rem;
    top: 2rem;
    bottom: auto;
    width: 3rem;
    height: 3rem;
    background: none;
    box-shadow: none;
  }
  #quick .quick_close::before, #quick .quick_close::after {
    width: 2.6rem;
    background: #fff;
  }
  #quick .list {
    padding: 0 2rem 0 0;
  }
  #quick .list a {
    border-radius: 4rem 0 4rem 0;
    padding: 1.6rem;
    height: auto;
  }
  #quick .list a .img {
    width: 10rem;
    height: 10rem;
    border-radius: 100%;
  }
  #quick .list a .tit {
    font-size: 2rem;
  }
  #quick .list a .txt {
    line-height: 1.2;
    font-size: 1.4rem;
  }
  #quick .list a p {
    padding: 0;
  }
  #quick.active {
    right: 0;
  }
}
@media (max-width: 800px) {
  #footer .lay_top {
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    max-width: 40rem;
    padding: 4rem 1.6rem;
  }
  #footer .lay_top .related_site {
    margin-top: 0;
  }
  #footer .lay_top .related_site .btn_open {
    width: 100%;
  }
  #footer .lay_top .sns {
    justify-content: center;
    margin-top: 3.2rem;
  }
  #footer .lay_top .menu {
    margin-top: 3.2rem;
  }
  #footer .lay_bottom .menu a {
    font-size: 1.5rem;
  }
  #footer .lay_bottom .copyright {
    font-size: 1.4rem;
  }
}
@media (max-width: 768px) {
  #header .bottom_area {
    padding: 1.2rem 0;
  }
  #header #logo a {
    width: 23rem;
    background-size: auto 100%;
  }
  #header .search_box {
    padding: 6rem 2.4rem 4rem;
  }
  #header .search_box::before {
    display: none;
  }
  #header .search_box::after {
    left: auto;
    right: -10%;
  }
  #header .search_box form {
    display: flex;
    width: 100%;
  }
  #header .search_box .input_box {
    width: 100%;
  }
  #header .search_box .input_box input {
    height: 5rem;
    font-size: 1.5rem;
  }
  #header .search_box .input_box button {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='22' height='23' viewBox='0 0 22 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.74712 0.5C15.1275 0.5 19.4942 4.86671 19.4942 10.2471C19.4942 15.6275 15.1275 19.9942 9.74712 19.9942C4.36671 19.9942 0 15.6275 0 10.2471C0 4.86671 4.36671 0.5 9.74712 0.5ZM9.74712 17.8282C13.9357 17.8282 17.3282 14.4357 17.3282 10.2471C17.3282 6.05856 13.9357 2.66603 9.74712 2.66603C5.55856 2.66603 2.16603 6.05856 2.16603 10.2471C2.16603 14.4357 5.55856 17.8282 9.74712 17.8282ZM18.9368 17.9052L22 20.9684L20.4684 22.5L17.4052 19.4368L18.9368 17.9052Z' fill='%23000'/%3E%3C/svg%3E%0A") no-repeat center center;
    background-color: transparent;
  }
  #header .search_box .recommend .list {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
  }
  #header .search_box .recommend .list li {
    flex: 1 0 18%;
  }
  #header .search_box .recommend a {
    padding: 0 1rem;
  }
  #footer .symbol img {
    height: 4.5rem;
  }
}
@media (max-width: 640px) {
  #header #logo a {
    height: 4.8rem;
    width: 20rem;
  }
  #header .top_area .layout_fix {
    width: calc(100% - 1.6rem);
  }
  #header .top_area .sns a {
    width: 2.6rem;
    background-size: 1.8rem;
  }
  #header .sns a.facebook {
    background-size: 1.6rem;
  }
  #header .sns a.band {
    background-size: 1.3rem;
  }
  #header .today_info .row {
    gap: 0.5rem;
  }
  #header .today_info {
    gap: 0.5rem;
  }
  #header .today_info .w_total {
    font-size: 1.2rem;
    gap: 0.5rem;
  }
  #header .today_info .dday {
    font-size: 1.2rem;
    padding: 0.1rem 1rem;
  }
  #header .gnb2_sns {
    left: calc(100% - 24rem);
  }
  #header .gnb2_sns ul {
    gap: 0.3rem;
  }
  #header .gnb2_sns a {
    width: 3.4rem;
  }
  #quick .list li:first-child a .img {
    width: 8rem;
    height: 8rem;
  }
  #quick .list li:not(:first-child) a .img {
    width: 8rem;
    height: 8rem;
  }
}
@media (max-width: 480px) {
  #header .top_area {
    border: none;
  }
  #header .top_area .layout_fix {
    flex-direction: column;
    height: auto;
    padding: 0.5rem 0 0;
    align-items: flex-start;
    width: calc(100% - 3.2rem);
  }
  #header .top_area .sns ul {
    gap: 0.5rem;
  }
  #header .top_area .sns a {
    width: 3rem;
    height: 3rem;
  }
  #header .today_info {
    margin-left: auto;
  }
  #header .bottom_area {
    padding: 0.5rem 0;
  }
  #footer .lay_top .logo {
    font-size: 1.6rem;
  }
  #footer .lay_top .address {
    font-size: 1.4rem;
  }
  #footer .lay_top .tel {
    margin-top: 2rem;
    font-size: 1.5rem;
  }
  #footer .lay_top .menu li + li {
    margin-top: 1.6rem;
  }
  #footer .symbol {
    flex-direction: column;
    gap: 1.6rem;
  }
}