/*-------------------------------------------------

Title       : Layout
Author      : EASESOFT
Create Date : 2025-11

-------------------------------------------------*/
.layout_fix {
  width: calc(100% - 3.2rem);
  max-width: 144rem;
  margin: 0 auto;
}

.layout_fix_w {
  width: calc(100% - 3.2rem);
  max-width: 176rem;
  margin: 0 auto;
}

#header {
  position: sticky;
  top: -4rem;
  left: 0;
  z-index: 1000;
  width: 100%;
  border-bottom: 1px solid rgba(236, 236, 236, 0.5);
  background: #FFFFFF;
}
#header .top_area {
  background: #00194A;
  color: #FFFFFF;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 3.6rem;
}
#header .nuri {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 1rem;
  font-size: 1.5rem;
}
#header .gnb_area .layout_fix_w {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 4rem;
}
#header .etc {
  flex: none;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}
#header .etc button {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 4rem;
  height: 4rem;
  background-repeat: no-repeat;
  background-position: center center;
}
#header .etc button.btn_search_open {
  background-image: 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");
}
#header .etc button.btn_gnb2 {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='19' viewBox='0 0 25 19'%3E%3Cg transform='translate(0)'%3E%3Crect width='25' height='3' transform='translate(0)' fill='%23000'/%3E%3Crect width='25' height='3' transform='translate(0 8)' fill='%23000'/%3E%3Crect width='25' height='3' transform='translate(0 16)' fill='%23000'/%3E%3C/g%3E%3C/svg%3E");
}

#logo {
  flex: none;
}
#logo a {
  display: block;
  width: 29rem;
}

#gnb1 {
  flex: 1;
  z-index: 2;
}
#gnb1 #head_menu {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
}
#gnb1 #head_menu > li {
  flex: 1;
  max-width: 20rem;
}
#gnb1 #head_menu > li > a {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 9.6rem;
  padding: 0 1rem;
  font-size: 2rem;
  font-weight: 700;
  transition: 0.2s;
  position: relative;
  box-sizing: border-box;
  text-transform: capitalize;
}
#gnb1 #head_menu > li > a::before {
  content: "";
  position: absolute;
  transform: translate(-50%, 0);
  left: 50%;
  bottom: 0;
  z-index: 1;
  width: 0;
  height: 4px;
  background: #223A58;
  transition: 0.2s;
}
#gnb1 #head_menu > li > a.on {
  color: #00194A;
}
#gnb1 #head_menu > li > a.on::before {
  width: 10rem;
}
#gnb1 #head_menu > li.active > a {
  color: #00194A;
}
#gnb1 #head_menu > li.active > a::before {
  width: 10rem;
}
#gnb1 #head_menu .submenu {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  left: 0;
  top: calc(100% + 1px);
  z-index: 100;
  width: 100%;
  background: #FFFFFF;
  min-height: 35rem;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  box-shadow: 0 10px 12px rgba(0, 0, 0, 0.16);
}
#gnb1 #head_menu .menu_title {
  flex: none;
  width: 39rem;
  padding: 4.8rem 7rem;
  box-sizing: border-box;
  font-family: "gmarket_sans";
  font-size: 3.6rem;
}
#gnb1 #head_menu .depth2 {
  padding: 4rem;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 2rem;
  flex: 1;
  border-left: 1px solid #dddddd;
}
#gnb1 #head_menu .depth2 > li > a {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 5.6rem;
  border: 1px solid #ECECEC;
  font-size: 1.8rem;
  font-weight: 700;
  transition: 0.3s;
  text-align: center;
  line-height: 1.3;
  word-break: keep-all;
  word-wrap: break-word;
}
#gnb1 #head_menu .depth2 div {
  margin-top: 2rem;
}
#gnb1 #head_menu .depth2 > li.active > a {
  border-radius: 2.4rem 0 2.4rem 0;
  background: #00194A;
  color: #FFFFFF;
}
#gnb1 #head_menu .depth3 {
  padding-left: 3rem;
}
#gnb1 #head_menu .depth3 li + li {
  margin-top: 1rem;
}
#gnb1 #head_menu .depth3 li {
  padding-left: 1rem;
  position: relative;
}
#gnb1 #head_menu .depth3 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  width: 3px;
  height: 3px;
  background: #BEBEBE;
}
#gnb1 #head_menu .depth3 a {
  font-size: 1.8rem;
  letter-spacing: -0.5px;
  position: relative;
}
#gnb1 #head_menu .depth3 a::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 2px;
  z-index: -1;
  width: 0;
  height: 5px;
  background: rgba(0, 25, 74, 0.4);
  transition: 0.3s;
  word-break: keep-all;
  word-wrap: break-word;
}
@media screen and (min-width: 1024px) {
  #gnb1 #head_menu .depth3 a:hover {
    font-weight: 500;
  }
  #gnb1 #head_menu .depth3 a:hover::before {
    width: 100%;
  }
}

#gnb2 {
  opacity: 0;
  visibility: hidden;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 100;
  width: 100%;
  height: 100vh;
  padding: 10rem 0 2rem;
  background: #FFFFFF;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.16);
  overflow: hidden;
}
#gnb2::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 4rem;
  height: 100%;
  background: #0080FB;
}
#gnb2 .open {
  display: none;
}
#gnb2 .close {
  position: absolute;
  right: 2rem;
  top: 2rem;
  width: 4rem;
  height: 4rem;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' id='Layer_1' data-name='Layer 1' width='7.2mm' height='7.2mm' version='1.1' viewBox='0 0 20.5 20.5'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23000; stroke-linecap: square; stroke-linejoin: round; stroke-width: 2.5px; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M1.8,1.8l17,17'/%3E%3Cpath class='cls-1' d='M1.8,18.7L18.7,1.8'/%3E%3C/svg%3E") no-repeat center center;
  background-size: 1.6rem;
}
#gnb2 .layout_fix {
  height: 100%;
  padding-right: 3rem;
  overflow-y: auto;
}
#gnb2 .layout_fix::-webkit-scrollbar-track {
  background-color: #F0F0F0;
  border-radius: 5px;
}
#gnb2 .layout_fix::-webkit-scrollbar {
  width: 8px;
}
#gnb2 .layout_fix::-webkit-scrollbar-thumb {
  background-color: rgba(3, 78, 162, 0.4);
  border-radius: 5px;
}
#gnb2 .topmenu_all {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
}
#gnb2 .topmenu_all > li {
  flex: 1;
  width: 20%;
  border-right: 1px solid #F0F0F0;
  padding: 4rem 2.4rem;
}
#gnb2 .topmenu_all > li:first-child {
  border-left: 1px solid #F0F0F0;
}
#gnb2 .topmenu_all > li > a {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 5.6rem;
  font-size: 2.4rem;
  font-weight: 700;
  margin-bottom: 4rem;
}
#gnb2 .submenu > ul > li + li {
  margin-top: 2.4rem;
}
#gnb2 .submenu > ul > li > a {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 5.6rem;
  padding: 0 2.4rem;
  border: 1px solid #dddddd;
  font-size: 2rem;
  font-weight: 500;
  letter-spacing: -0.5px;
  position: relative;
  overflow: hidden;
  transition: 0.2s;
  word-break: keep-all;
  word-wrap: break-word;
  line-height: 1.2;
}
#gnb2 .submenu > ul > li > a em {
  position: relative;
  z-index: 2;
}
#gnb2 .submenu > ul > li > a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 0;
  height: 100%;
  background: linear-gradient(to right, #00194A, #0080FB);
  transition: 0.2s;
}
@media screen and (min-width: 1024px) {
  #gnb2 .submenu > ul > li > a:hover {
    color: #FFFFFF;
    border-radius: 2.4rem 0 2.4rem 0;
  }
  #gnb2 .submenu > ul > li > a:hover::before {
    width: 100%;
  }
}
#gnb2 .submenu > ul > li.active > a {
  color: #FFFFFF;
  border-radius: 2.4rem 0 2.4rem 0;
}
#gnb2 .submenu > ul > li.active > a::before {
  width: 100%;
}
#gnb2 .submenu div {
  padding: 2.4rem 1.6rem 0;
}
#gnb2 .lnb-detail li + li {
  margin-top: 1rem;
}
#gnb2 .lnb-detail a {
  font-size: 1.6rem;
  letter-spacing: -0.5px;
  position: relative;
  word-break: keep-all;
  word-wrap: break-word;
}
#gnb2 .lnb-detail a::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  z-index: -1;
  width: 0;
  height: 5px;
  background: rgba(0, 25, 74, 0.4);
  transition: 0.3s;
}
@media screen and (min-width: 1024px) {
  #gnb2 .lnb-detail a:hover {
    font-weight: 500;
  }
  #gnb2 .lnb-detail a:hover::before {
    width: 100%;
  }
}

#search_header {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 200;
  width: 100%;
  padding: 6.4rem 0;
  background: #FFFFFF;
  box-shadow: 0 10px 12px rgba(0, 0, 0, 0.16);
  border-radius: 0 0 4rem 4rem;
}
#search_header .btn_close {
  position: absolute;
  right: 2rem;
  top: 2rem;
  width: 4rem;
  height: 4rem;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' id='Layer_1' data-name='Layer 1' width='7.2mm' height='7.2mm' version='1.1' viewBox='0 0 20.5 20.5'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23000; stroke-linecap: square; stroke-linejoin: round; stroke-width: 2.5px; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M1.8,1.8l17,17'/%3E%3Cpath class='cls-1' d='M1.8,18.7L18.7,1.8'/%3E%3C/svg%3E") no-repeat center center;
  background-size: 1.6rem;
}
#search_header .layout_fix {
  width: 90%;
  max-width: 60rem;
}
#search_header .search_input {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 1rem;
  border-bottom: 1px solid #dddddd;
  font-size: 1.8rem;
}
#search_header .search_input input {
  border: none;
  height: 6rem;
  flex: 1;
}
#search_header .search_input button {
  flex: none;
  width: 4rem;
  height: 4rem;
  background-image: 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-color: #151515;
  background-size: 2rem;
  border-radius: 100%;
  transition: 0.3s;
}
@media screen and (min-width: 1024px) {
  #search_header .search_input button:hover {
    background-color: #11325E;
  }
}

#header.gnb1_active::before {
  opacity: 1;
  visibility: visible;
}
#header.gnb1_active #gnb1 .depth1.active .submenu {
  opacity: 1;
  visibility: visible;
}
#header.gnb2_active::after {
  content: "";
  position: fixed;
  left: 0;
  top: 0;
  z-index: 50;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
}
#header.gnb2_active #gnb2 {
  opacity: 1;
  visibility: visible;
}
html:has(.gnb2_active) {
  overflow: hidden;
}

#header.search_active #search_header {
  opacity: 1;
  visibility: visible;
}

#footer {
  margin-top: 12rem;
}
#footer .related_site {
  border-top: 1px solid #dddddd;
}
#footer .related_site .layout_fix {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
#footer .related_site .group {
  border-left: 1px solid #dddddd;
  position: relative;
}
#footer .related_site .group:last-child {
  border-right: 1px solid #dddddd;
}
#footer .related_site .group.active .open {
  background: #F8F9FA;
}
#footer .related_site .group.active .open::after {
  transform: rotate(0);
}
#footer .related_site .group.active .list {
  opacity: 1;
  visibility: visible;
}
#footer .related_site .open {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 36rem;
  height: 5.6rem;
  padding: 0 3.2rem;
  font-size: 1.6rem;
  font-weight: 500;
  transition: 0.2s;
}
#footer .related_site .open::before, #footer .related_site .open::after {
  content: "";
  position: absolute;
  right: 3.2rem;
  top: calc(50% - 1px);
  width: 14px;
  height: 2px;
  background: #151515;
}
#footer .related_site .open::after {
  transform: rotate(90deg);
  transition: 0.2s;
}
#footer .related_site .list {
  position: absolute;
  left: 1%;
  bottom: calc(100% + 1.5rem);
  z-index: 100;
  width: 98%;
  border: 1px solid #F5F7F9;
  border-radius: 0.4rem;
  background: #FCFDFD;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
  padding: 1.6rem;
  opacity: 0;
  visibility: hidden;
}
#footer .related_site .list ul {
  overflow-y: auto;
  max-height: 18rem;
}
#footer .related_site .list ul::-webkit-scrollbar-track {
  background-color: #EBEDF1;
  border-radius: 0;
}
#footer .related_site .list ul::-webkit-scrollbar {
  width: 0.5rem;
}
#footer .related_site .list ul::-webkit-scrollbar-thumb {
  background-color: #A3A3A3;
  border-radius: 0;
}
#footer .related_site .list ul {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
#footer .related_site .list a {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 3.4rem;
  position: relative;
  font-size: 1.5rem;
  padding: 1.2rem;
  line-height: 1.1;
  font-weight: 500;
  border-radius: 0.8rem;
}
@media screen and (min-width: 1024px) {
  #footer .related_site .list a:hover, #footer .related_site .list a:focus {
    background: #F5F7F9;
  }
}
#footer .lay_top {
  padding: 4rem 0;
  background: #00194A;
  color: #e4e4e4;
}
#footer .lay_top .layout_fix {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
#footer .lay_bottom {
  border-top: 1px solid rgba(221, 221, 221, 0.3);
  background: #00194A;
  color: #FFFFFF;
}
#footer .lay_bottom .layout_fix {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 2.4rem 0;
}
#footer .address {
  margin-top: 3.2rem;
  word-break: keep-all;
  word-wrap: break-word;
}
#footer .address .addr {
  font-weight: 300;
}
#footer .address .tel {
  margin-top: 1.6rem;
}
#footer .address .tel span {
  margin-right: 1rem;
}
#footer .address .tel strong {
  font-size: 1.8rem;
  font-weight: 600;
}
#footer .address .fax {
  margin-left: 2.4rem;
}
#footer .sns {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  gap: 2rem;
}
#footer .sns a {
  display: block;
  width: 4rem;
  height: 4rem;
  background-repeat: no-repeat;
  background-position: center center;
  transition: 0.3s;
  border: 1px solid #FFFFFF;
  border-radius: 100%;
}
#footer .sns .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");
}
#footer .sns .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.6rem;
}
#footer .sns .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");
  background-size: 2.6rem;
}
#footer .sns .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: 2.4rem;
}
@media screen and (min-width: 1024px) {
  #footer .sns a:hover {
    transform: translateY(-5px);
    background-color: #FFFFFF;
  }
  #footer .sns .facebook:hover {
    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='%2300194A'/%3E%3C/svg%3E%0A");
  }
  #footer .sns .youtube:hover {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2300194A'%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 .sns .instagram:hover {
    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='%2300194A'/%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='%2300194A'/%3E%3C/svg%3E%0A");
  }
  #footer .sns .blog:hover {
    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:%2300194A;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 .menu {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 2rem;
}
#footer .menu li {
  position: relative;
}
#footer .menu li:first-child a {
  color: #FFB114;
}
#footer .copyright {
  font-size: 1.4rem;
  margin-top: 1.6rem;
}
#footer .go_top {
  opacity: 0;
  visibility: hidden;
  position: fixed;
  right: 2rem;
  bottom: 20rem;
  z-index: 1000;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 6rem;
  height: 6rem;
  background: #FFFFFF;
  border-radius: 100%;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.16);
  transition: transform 0.5s;
  will-change: transform;
}
#footer .go_top::after {
  content: "\ea76";
  color: #151515;
  font-family: "remixicon";
  font-size: 2.4rem;
}
#footer .go_top.show {
  opacity: 1;
  visibility: visible;
}
@media screen and (min-width: 1024px) {
  #footer .go_top:hover {
    transform: translateY(-1rem);
  }
}

/*-------------------------------------------------

Responsive

-------------------------------------------------*/
/* Media Query */
@media (max-width: 1600px) {
  #gnb1 #head_menu .menu_title {
    width: 33rem;
    padding: 4.8rem 1.6rem 4.8rem 5rem;
  }
  #gnb2 {
    padding: 10rem 4rem 2rem;
  }
}
@media (max-width: 1440px) {
  #gnb1 #head_menu .depth2 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media (max-width: 1280px) {
  #logo a {
    width: 27rem;
  }
  #gnb1 #head_menu .menu_title {
    width: 30rem;
    padding: 4.8rem 1.6rem 4.8rem 4rem;
  }
  #gnb1 #head_menu > li > a {
    font-size: 1.8rem;
  }
  #gnb1 #head_menu .depth2 {
    padding: 4rem 2.4rem;
  }
  #gnb1 #head_menu .depth3 {
    padding-left: 1.6rem;
  }
  #gnb1 #head_menu .depth3 a {
    font-size: 1.6rem;
  }
  #gnb2 {
    padding: 6rem 4rem 2rem;
  }
  #gnb2 .topmenu_all > li {
    padding: 3.2rem 1.6rem;
  }
  #gnb2 .topmenu_all > li > a {
    font-size: 2rem;
  }
  #gnb2 .submenu > ul > li > a {
    font-size: 1.8rem;
    padding: 0 2rem;
    height: 5rem;
  }
  #footer .related_site .open {
    width: 30rem;
  }
  #footer .related_site .list {
    padding: 2.4rem 1.6rem;
  }
}
@media (max-width: 1024px) {
  #header .gnb_area {
    padding: 1rem 0;
  }
  #gnb1 {
    display: none;
  }
  #gnb2 {
    padding: 9rem 2.4rem 2.4rem;
  }
  #gnb2::before {
    width: 0.8rem;
  }
  #gnb2::after {
    content: "";
    position: absolute;
    left: 1.6rem;
    top: 7.2rem;
    border-bottom: 1px solid #dddddd;
    width: calc(100% - 3.2rem);
  }
  #gnb2 .layout_fix {
    width: 100%;
    padding: 0;
  }
  #gnb2 .topmenu_all {
    flex-direction: column;
  }
  #gnb2 .topmenu_all > li {
    width: 100%;
    border-right: none;
    padding: 0;
  }
  #gnb2 .topmenu_all > li:first-child {
    border-left: none;
  }
  #gnb2 .topmenu_all > li > a {
    justify-content: flex-start;
    margin: 0;
    font-size: 2.4rem;
    padding: 1.6rem;
    height: auto;
  }
  #gnb2 .topmenu_all > li > a::after {
    content: "";
    display: block;
    width: 3rem;
    height: 3rem;
    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") no-repeat center center;
    margin-left: auto;
  }
  #gnb2 .topmenu_all > li.active > a::after {
    transform: rotate(180deg);
  }
  #gnb2 .topmenu_all > li.active .submenu {
    max-height: 100rem;
  }
  #gnb2 .submenu {
    overflow: hidden;
    max-height: 0;
    transition: 0.3s;
  }
  #gnb2 .submenu > ul {
    padding-left: 1rem;
  }
  #gnb2 .submenu > ul > li + li {
    margin-top: 0;
  }
  #gnb2 .submenu > ul > li.active > a {
    background: #F8F9FA;
    color: #151515;
    font-size: 1.7rem;
    border-radius: 1.2rem;
  }
  #gnb2 .submenu > ul > li.active > a::before {
    display: none;
  }
  #gnb2 .submenu > ul > li.depth03 > a::after {
    content: "";
    display: block;
    width: 2rem;
    height: 2rem;
    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") no-repeat center center;
    margin-left: auto;
  }
  #gnb2 .submenu > ul > li.depth03.show > a::after {
    transform: rotate(180deg);
  }
  #gnb2 .submenu > ul > li.depth03.show div {
    max-height: 50rem;
  }
  #gnb2 .submenu > ul > li > a {
    border: none;
    height: 4.4rem;
    border-radius: 0.8rem;
  }
  #gnb2 .submenu div {
    padding: 0;
    overflow: hidden;
    max-height: 0;
    transition: 0.3s;
  }
  #gnb2 .submenu div ul {
    padding: 1rem 2.4rem;
  }
  #gnb2 .submenu div a {
    color: #717171;
    font-size: 1.6rem;
  }
  #footer {
    margin-top: 6rem;
  }
  #footer .related_site .layout_fix {
    width: 100%;
  }
  #footer .related_site .group {
    flex: 1;
  }
  #footer .related_site .open {
    width: 100%;
  }
  #footer .related_site .list {
    padding: 2.4rem 1.6rem;
  }
  #footer .lay_top {
    padding: 3.2rem 0;
  }
  #footer .lay_top .layout_fix {
    flex-direction: column;
    align-items: flex-start;
    gap: 4rem;
  }
  #footer .lay_top .lay_right {
    margin-left: auto;
  }
  #footer .go_top {
    bottom: 1rem;
    right: 1rem;
    width: 4rem;
    height: 4rem;
  }
}
@media (max-width: 768px) {
  #footer .related_site .layout_fix {
    flex-direction: column;
    align-items: stretch;
  }
  #footer .related_site .group {
    flex: 1;
  }
  #footer .related_site .group:last-child {
    border-right: none;
    border-top: 1px solid #dddddd;
  }
  #footer .related_site .open {
    width: 100%;
    border: none;
  }
  #footer .related_site .list {
    padding: 2.4rem 1.6rem;
  }
  #footer .address .tel a {
    display: block;
    margin-bottom: 1rem;
  }
  #footer .address .tel .fax {
    margin-left: 0;
  }
  #footer .sns {
    gap: 1.6rem;
  }
  #footer .menu {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
  }
}
@media (max-width: 640px) {
  #logo a {
    width: 23rem;
  }
}
@media (max-width: 480px) {
  #header .nuri {
    font-size: 1.4rem;
    letter-spacing: -0.3px;
    line-height: 1.1;
    word-break: keep-all;
    word-wrap: break-word;
  }
  #logo a {
    width: 18rem;
  }
}
@media (max-width: 370px) {
  #header .nuri {
    font-size: 1.3rem;
  }
}