@charset "UTF-8";
.innerWrap {
  position: relative;
  margin: 0 auto;
  width: 100%;
  max-width: 1200px;
}

.header {
  position: fixed;
  z-index: 99;
  top: 0;
  left: 0;
  width: 100%;
  background-color: white;
}
.header:has(.gnbBox.blind) > .innerWrap {
  height: 108px;
}
.header > .innerWrap {
  padding-top: 19px;
}
.header .headerTop {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 20px;
  height: 28px;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: -0.4px;
}
.header .headerTop a {
  display: flex;
  align-items: center;
  gap: 20px;
  color: var(--gray-800);
}
.header .headerTop a::after {
  content: "";
  display: block;
  width: 1px;
  height: 12px;
  background-color: var(--gray-100);
}
.header .headerTop span {
  font-weight: 700;
}
.header .headerTop .AreaSelect {
  width: 130px;
}
.header .headerTop .AreaSelect label {
  display: none;
}
.header .headerTop .AreaSelect select {
  width: 100%;
  height: 28px;
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.header .headerTop .AreaSelect select option {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.header .logo {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 27px;
}
.header .logo a {
  display: block;
  width: 232px;
  aspect-ratio: 232/58;
  background-image: url(../../images/common/h1_logo.svg);
  background-repeat: no-repeat;
  background-size: 100%;
}
.header .gnbBox {
  display: flex;
  justify-content: flex-end;
  gap: 24px;
  padding-right: 84px;
}
.header .gnbBox ul {
  display: flex;
  align-items: center;
  gap: 24px;
}
.header .gnbBox .depth01 li {
  padding: 12px 0 21px;
}
.header .gnbBox .depth01 li a {
  display: block;
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: -0.4px;
  color: var(--gray-900);
}
.header .gnbBox .depth01 li:hover > a {
  color: var(--primary);
}
.header .gnbBox .depth01 li:hover .depth02 {
  display: block;
}
.header .gnbBox .depth01 + .depth01::before {
  content: "";
  display: block;
  width: 1px;
  height: 14px;
  background-color: var(--gray-100);
}
.header .gnbBox .depth02 {
  display: none;
  position: fixed;
  z-index: 9;
  top: 107px;
  left: 0;
  width: 100%;
  gap: 20px;
  background-color: white;
  border-top: 1px solid var(--gray-100);
  box-shadow: 0 3px 15px -15px #000;
}
.header .gnbBox .depth02 .innerWrap {
  padding: 20px 0 20px 381px;
}
.header .gnbBox .depth02 li {
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
  color: var(--gray-900);
  padding: 0;
}
.header .gnbBox .depth02 li a {
  display: block;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: var(--gray-600);
}
.header .navBtn {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  gap: 12px;
  padding: 21px 0 23px;
}
.header .scroll_indicator {
  position: absolute;
  z-index: 8;
  top: 100%;
  left: 0;
  width: 100%;
  height: 4px;
}
.header .scroll_indicator span {
  background-color: var(--primary);
  height: 4px;
  position: absolute;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: width 0.4sease-out;
  transition: width 0.4sease-out;
}

.main .header > .innerWrap::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 4px;
  background-color: var(--primary);
}
.main .header .gnbBox .depth02 {
  top: 104px;
}
.main .header.fixedTop {
  border-bottom: 1px solid var(--gray-100);
}
.main .header.fixedTop .innerWrap::after {
  display: none;
}

.sub .header {
  border-bottom: 1px solid var(--gray-100);
}

.theme02 .scroll_indicator span {
  background-color: var(--secondary);
}
.theme02 .contents .newsSection .articleTags .tag {
  border: 1px solid var(--secondary);
  background-color: rgba(11, 125, 118, 0.05);
}
.theme02 .contents .newsSection .articleTags .tag span {
  color: var(--secondary);
}

.siteMapWrap {
  display: none;
  position: fixed;
  z-index: 99;
  top: 104px;
  left: 0;
  width: 100%;
  padding: 40px 0;
  border-top: 1px solid var(--gray-100);
  background-color: #fff;
  box-shadow: 0 3px 15px -15px #000;
  transition: all 0.3s;
}
.siteMapWrap .SMSGroup {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 138px;
  padding-left: 16px;
}
.siteMapWrap .SMSGroup .icons {
  display: flex;
  gap: 12px;
}
.siteMapWrap .SMSGroup a {
  display: block;
  width: 24px;
  height: 24px;
  background-size: 100%;
  background-color: transparent;
}
.siteMapWrap .SMSGroup .instagram {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='24' height='24' rx='12' fill='%23EFF0F6'/%3E%3Cg clip-path='url(%23clip0_8_7617)'%3E%3Cpath d='M12 7.08047C13.6031 7.08047 13.793 7.0875 14.4234 7.11562C15.0094 7.14141 15.3258 7.23984 15.5367 7.32188C15.8156 7.42969 16.0172 7.56094 16.2258 7.76953C16.4367 7.98047 16.5656 8.17969 16.6734 8.45859C16.7555 8.66953 16.8539 8.98828 16.8797 9.57187C16.9078 10.2047 16.9148 10.3945 16.9148 11.9953C16.9148 13.5984 16.9078 13.7883 16.8797 14.4188C16.8539 15.0047 16.7555 15.3211 16.6734 15.532C16.5656 15.8109 16.4344 16.0125 16.2258 16.2211C16.0148 16.432 15.8156 16.5609 15.5367 16.6688C15.3258 16.7508 15.007 16.8492 14.4234 16.875C13.7906 16.9031 13.6008 16.9102 12 16.9102C10.3969 16.9102 10.207 16.9031 9.57656 16.875C8.99063 16.8492 8.67422 16.7508 8.46328 16.6688C8.18438 16.5609 7.98281 16.4297 7.77422 16.2211C7.56328 16.0102 7.43438 15.8109 7.32656 15.532C7.24453 15.3211 7.14609 15.0023 7.12031 14.4188C7.09219 13.7859 7.08516 13.5961 7.08516 11.9953C7.08516 10.3922 7.09219 10.2023 7.12031 9.57187C7.14609 8.98594 7.24453 8.66953 7.32656 8.45859C7.43438 8.17969 7.56563 7.97812 7.77422 7.76953C7.98516 7.55859 8.18438 7.42969 8.46328 7.32188C8.67422 7.23984 8.99297 7.14141 9.57656 7.11562C10.207 7.0875 10.3969 7.08047 12 7.08047ZM12 6C10.3711 6 10.1672 6.00703 9.52734 6.03516C8.88984 6.06328 8.45156 6.16641 8.07188 6.31406C7.67578 6.46875 7.34063 6.67266 7.00781 7.00781C6.67266 7.34063 6.46875 7.67578 6.31406 8.06953C6.16641 8.45156 6.06328 8.8875 6.03516 9.525C6.00703 10.1672 6 10.3711 6 12C6 13.6289 6.00703 13.8328 6.03516 14.4727C6.06328 15.1102 6.16641 15.5484 6.31406 15.9281C6.46875 16.3242 6.67266 16.6594 7.00781 16.9922C7.34063 17.325 7.67578 17.5312 8.06953 17.6836C8.45156 17.8313 8.8875 17.9344 9.525 17.9625C10.1648 17.9906 10.3688 17.9977 11.9977 17.9977C13.6266 17.9977 13.8305 17.9906 14.4703 17.9625C15.1078 17.9344 15.5461 17.8313 15.9258 17.6836C16.3195 17.5312 16.6547 17.325 16.9875 16.9922C17.3203 16.6594 17.5266 16.3242 17.6789 15.9305C17.8266 15.5484 17.9297 15.1125 17.9578 14.475C17.9859 13.8352 17.993 13.6313 17.993 12.0023C17.993 10.3734 17.9859 10.1695 17.9578 9.52969C17.9297 8.89219 17.8266 8.45391 17.6789 8.07422C17.5312 7.67578 17.3273 7.34063 16.9922 7.00781C16.6594 6.675 16.3242 6.46875 15.9305 6.31641C15.5484 6.16875 15.1125 6.06563 14.475 6.0375C13.8328 6.00703 13.6289 6 12 6Z' fill='%23666666'/%3E%3Cpath d='M12 8.91797C10.2984 8.91797 8.91797 10.2984 8.91797 12C8.91797 13.7016 10.2984 15.082 12 15.082C13.7016 15.082 15.082 13.7016 15.082 12C15.082 10.2984 13.7016 8.91797 12 8.91797ZM12 13.9992C10.8961 13.9992 10.0008 13.1039 10.0008 12C10.0008 10.8961 10.8961 10.0008 12 10.0008C13.1039 10.0008 13.9992 10.8961 13.9992 12C13.9992 13.1039 13.1039 13.9992 12 13.9992Z' fill='%23666666'/%3E%3Cpath d='M15.9234 8.79609C15.9234 9.19453 15.6 9.51563 15.2039 9.51563C14.8055 9.51563 14.4844 9.19219 14.4844 8.79609C14.4844 8.39766 14.8078 8.07656 15.2039 8.07656C15.6 8.07656 15.9234 8.4 15.9234 8.79609Z' fill='%23666666'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_8_7617'%3E%3Crect width='12' height='12' fill='white' transform='translate(6 6)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.siteMapWrap .SMSGroup .youtube {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='24' height='24' rx='12' fill='%23EFF0F6'/%3E%3Cpath d='M17.8805 9.6C17.8805 9.6 17.7633 8.77266 17.4023 8.40938C16.9453 7.93125 16.4344 7.92891 16.2 7.90078C14.5219 7.77891 12.0023 7.77891 12.0023 7.77891H11.9977C11.9977 7.77891 9.47813 7.77891 7.8 7.90078C7.56563 7.92891 7.05469 7.93125 6.59766 8.40938C6.23672 8.77266 6.12187 9.6 6.12187 9.6C6.12187 9.6 6 10.5727 6 11.543V12.4523C6 13.4227 6.11953 14.3953 6.11953 14.3953C6.11953 14.3953 6.23672 15.2227 6.59531 15.5859C7.05234 16.0641 7.65234 16.0477 7.91953 16.0992C8.88047 16.1906 12 16.2188 12 16.2188C12 16.2188 14.5219 16.2141 16.2 16.0945C16.4344 16.0664 16.9453 16.0641 17.4023 15.5859C17.7633 15.2227 17.8805 14.3953 17.8805 14.3953C17.8805 14.3953 18 13.425 18 12.4523V11.543C18 10.5727 17.8805 9.6 17.8805 9.6ZM10.7602 13.5563V10.1836L14.0016 11.8758L10.7602 13.5563Z' fill='%23666666'/%3E%3C/svg%3E%0A");
}
.siteMapWrap .SMSGroup .ticktock {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='24' height='24' rx='12' fill='%23EFF0F6'/%3E%3Cpath d='M14.537 6H12.5146V14.1739C12.5146 15.1478 11.7368 15.9478 10.7689 15.9478C9.8009 15.9478 9.02308 15.1478 9.02308 14.1739C9.02308 13.2174 9.78362 12.4348 10.717 12.4V10.3478C8.66009 10.3826 7.00073 12.0696 7.00073 14.1739C7.00073 16.2957 8.69466 18 10.7862 18C12.8776 18 14.5715 16.2783 14.5715 14.1739V9.9826C15.3321 10.5391 16.2655 10.8696 17.2507 10.887V8.83478C15.7297 8.78261 14.537 7.53043 14.537 6Z' fill='%23666666'/%3E%3C/svg%3E%0A");
}
.siteMapWrap .topArea {
  display: none;
}
.siteMapWrap.active {
  display: block;
}

.navigation {
  display: flex;
  gap: 16px;
}
.navigation .dep01, .navigation .last {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.navigation .dep01 > a, .navigation .last > a {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  color: var(--gray-800);
}
.navigation > li:nth-of-type(1) {
  display: none;
}
.navigation > li:nth-of-type(n + 3) {
  border-left: 1px solid var(--gray-100);
  padding-left: 16px;
}
.navigation .dep02 ul {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.navigation .dep02 ul li a {
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  color: var(--gray-600);
}

.searchWrap {
  display: none;
  position: fixed;
  z-index: 99;
  top: 104px;
  left: 0;
  width: 100%;
  border-top: 1px solid var(--gray-100);
  background-color: #fff;
  box-shadow: 0 3px 15px -15px #000;
}
.searchWrap .topArea {
  display: none;
}
.searchWrap .innerWrap {
  padding: 100px 0;
}
.searchWrap .innerWrap .searchBox {
  position: relative;
  padding-bottom: 20px;
  border-bottom: 4px solid #222;
  margin: 0;
}
.searchWrap .innerWrap .searchBox label {
  display: none;
}
.searchWrap .innerWrap .searchBox .searchIn {
  width: 100%;
  height: 48px;
  font-size: 32px;
  font-weight: 700;
  border: 0;
}
.searchWrap .innerWrap .searchBox .searchIn::-webkit-input-placeholder {
  color: var(--gray-200);
}
.searchWrap .innerWrap .searchBox .searchIn { /* 크롬, 사파리 */ }
.searchWrap .innerWrap .searchBox .searchIn::-ms-input-placeholder {
  color: var(--gray-200);
}
.searchWrap .innerWrap .searchBox .searchIn { /* IE */ }
.searchWrap .innerWrap .searchBox .ic_search {
  position: absolute;
  z-index: 1;
  right: 0;
  top: 0;
  width: 48px;
  height: 48px;
}
.searchWrap .innerWrap .searchBox .ic_search::before {
  width: 48px;
  height: 48px;
}
.searchWrap.active {
  display: block;
}

.container {
  width: 100%;
  padding: 108px 0 80px 0;
}

.footer {
  border-top: 1px solid var(--gray-100);
}
.footer > .innerWrap {
  padding: 40px 0;
}
.footer .footerInfo {
  padding: 30px 0;
  background-color: var(--gray-C);
}
.footer .footerInfo .innerWrap {
  padding-left: 254px;
}
.footer .footerInfo .innerWrap .logo {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
}
.footer .footerInfo .innerWrap .logo a {
  display: block;
  width: 148px;
  height: 78px;
  background-image: url(../../images/common/footer_logo.svg);
  background-repeat: no-repeat;
  background-size: 100%;
}
.footer .footerInfo .innerWrap .infoArea ul {
  display: flex;
  gap: 12px;
  margin-bottom: 10px;
}
.footer .footerInfo .innerWrap .infoArea ul li {
  display: flex;
  align-items: center;
  gap: 12px;
}
.footer .footerInfo .innerWrap .infoArea ul li a {
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.4px;
  color: #666;
}
.footer .footerInfo .innerWrap .infoArea ul li a strong {
  font-size: 12px;
}
.footer .footerInfo .innerWrap .infoArea ul li + li::before {
  content: "";
  display: block;
  width: 1px;
  height: 14px;
  background-color: var(--gray-300);
}
.footer .footerInfo .innerWrap .infoArea p {
  font-size: 12px;
  line-height: 20px;
  color: #666;
  margin-bottom: 4px;
}