@charset "UTF-8";
html, body {
  font-family: "Pretendard", sans-serif;
  font-size: 16px;
  line-height: 150%;
  font-weight: 400;
  color: #1D1D1D;
}

html:has(body.allmenu),
html:has(body.layerPopupOpen),
body.allmenu,
body.layerPopupOpen {
  overflow: hidden;
}

body .header-group,
body .mHeader {
  display: none;
}

body.pc .header-group,
body.tablet .mHeader,
body.mobile .mHeader {
  display: block;
}

br.pc {
  display: inline;
}

br.t {
  display: none;
}

br.m {
  display: none;
}

@media screen and (max-width: 1279px) {
  br.pc {
    display: none;
  }
  br.t {
    display: inline;
  }
}
@media screen and (max-width: 767px) {
  br.m {
    display: inline;
  }
  br.t {
    display: none;
  }
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.allMenu .allMenuBtn {
  width: 24px;
  height: 24px;
  background-color: initial;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../images/icon/icon_btn_allmenu.svg);
}
.allMenu .allMenuBtn:hover,
.allMenu .allMenuBtn:focus-visible {
  background-image: url(../images/icon/icon_btn_allmenu_on.svg);
}
.allMenu .allMenu__btn {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.allMenu .allMenu__sitemap {
  display: none;
  width: 40px;
  height: 40px;
  align-items: center;
  justify-content: center;
}

header {
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999998;
  background-color: #fff;
}

@media screen and (max-width: 767px) {
  body.mobile .mHeader .logo > a > img {
    width: 228px;
  }
}
.headGnb {
  width: 100%;
}

.headGnbList {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.headGnbList .gnb-dep1 {
  flex: 1 1 0%;
  white-space: nowrap;
}
.headGnbList .gnb-dep1-item {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px 4.5px;
  position: relative;
}
.headGnbList .gnb-dep1-item::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 80px;
  height: 4px;
  background-color: transparent;
}
.headGnbList .gnb-dep1-item p {
  font-size: 21px;
  letter-spacing: -0.63px;
  color: #2D2D2D;
  font-weight: 700;
}
.headGnbList {
  /* 하위메뉴 active / hover(on) 시 선택 효과 */
}
.headGnbList .gnb-dep1.on .gnb-dep1-item::after, .headGnbList .gnb-dep1:has(.active) .gnb-dep1-item::after {
  background-color: #0A484A;
}
.headGnbList .gnb-dep1.on .gnb-dep1-item p, .headGnbList .gnb-dep1:has(.active) .gnb-dep1-item p {
  color: #0A484A;
}

.gnbMenuBox {
  display: none;
  position: absolute;
  padding: 20px 0;
  left: 0;
  top: 100%;
  width: 100%;
  z-index: 2;
  background-color: #fff;
  background-image: url(/static/home/images/common/bg-gnb-b61af8cf5ddc2e66427b366e91fe058e.png);
  background-repeat: no-repeat;
  background-position: right -148px bottom -278px;
  height: auto;
  box-shadow: 0 20px 20px -20px rgba(0, 0, 0, 0.5);
}
.gnbMenuBox .inr {
  min-height: 320px;
}
.gnbMenuBox .dep2 {
  position: relative;
}
.gnbMenuBox .dep2 > .gnbList {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px 24px;
}
.gnbMenuBox .dep2 > .gnbList > li {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.gnbMenuBox .dep2 > .gnbList .gnb-dep2-item {
  font-size: 19px;
  font-weight: 500;
  padding: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 10px;
  border: 1px solid #C6C6C6;
  background: #F8F8F8;
}
.gnbMenuBox .dep2 > .gnbList .gnb-dep2-item > span {
  flex: 1 1 auto;
  min-width: 0;
}
.gnbMenuBox .dep2 > .gnbList .gnb-dep2-item.bigmenu::after {
  content: "";
  display: block;
  width: 28px;
  height: 28px;
  background-image: url(/static/home/images/icons/ico-next-black-be9b9d428de883025e269787e3b7c5f2.svg);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  flex-shrink: 0;
}
.gnbMenuBox .dep2 > .gnbList .gnb-dep2-item.bigmenu:hover::after, .gnbMenuBox .dep2 > .gnbList .gnb-dep2-item.bigmenu:focus::after {
  background-image: url(/static/home/images/icons/ico-f-link-dcd033a85a5bec618c321b3c87c0d9aa.svg);
}
.gnbMenuBox .dep2 > .gnbList .gnb-dep2-item[target=_blank]::after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-image: url(/static/home/images/icons/ico-h-link-033f8fca2ff851282b8d4247f9efe2d0.svg);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  flex-shrink: 0;
}
.gnbMenuBox .dep2 > .gnbList .gnb-dep2-item:hover {
  background: #0A484A;
  color: #fff;
}
.gnbMenuBox .dep2 > .gnbList .gnb-dep2-item.active {
  background: #0A484A;
  color: #fff;
}
.gnbMenuBox .dep2 > .gnbList .gnb-dep2-item.active::after {
  background-image: url(/static/home/images/icons/ico-next-white-10ba81a81bafb765e6568af1966e3356.svg);
}
.gnbMenuBox .dep2 > .gnbList .gnb-dep2-item:hover, .gnbMenuBox .dep2 > .gnbList .gnb-dep2-item:focus {
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}
.gnbMenuBox .dep3 {
  padding: 0 8px;
}
.gnbMenuBox .dep3 > .gnbList {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.gnbMenuBox .dep3 > .gnbList .gnb-dep3-item {
  position: relative;
  display: flex;
  letter-spacing: -0.8px;
  align-items: center;
  padding-left: 12px;
  gap: 8px;
}
.gnbMenuBox .dep3 > .gnbList .gnb-dep3-item:hover, .gnbMenuBox .dep3 > .gnbList .gnb-dep3-item:focus {
  text-decoration: underline;
}
.gnbMenuBox .dep3 > .gnbList .gnb-dep3-item::before {
  content: "";
  display: block;
  width: 4px;
  min-width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #0D5A5C;
  position: absolute;
  left: 0;
  top: 10px;
}
.gnbMenuBox .dep3 > .gnbList .gnb-dep3-item[target=_blank]::after {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background-image: url(/static/home/images/icons/ico-h-link-033f8fca2ff851282b8d4247f9efe2d0.svg);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  flex-shrink: 0;
}
.gnbMenuBox .dep3 > .gnbList .gnb-dep3-item.active {
  color: #0A484A;
  font-weight: 700;
}

#mGnb {
  display: none;
}
#mGnb .dim {
  display: none;
  z-index: 20;
}
.allmenu #mGnb, .allmenu #mGnb .dim {
  display: block;
}
#mGnb .mGnbBox {
  width: 100%;
  max-width: 390px;
  height: 100vh;
  background-color: #fff;
  position: fixed;
  top: 0;
  right: -100%;
  z-index: 30;
}
#mGnb .mGnbBox__inner {
  display: flex;
  flex-direction: column;
  height: 100svh;
}
#mGnb .mGnbBox__head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px;
  border-bottom: 1px solid #E4E4E4;
}
#mGnb .mGnbBox__head-util {
  display: flex;
  gap: 8px;
  justify-content: flex-end;
  align-items: center;
}
#mGnb .mGnbBox__logo-img {
  max-width: 228px;
}
#mGnb .mGnbBox__close-ico {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#mGnb .mGnbBox__auth {
  width: 100%;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #E4E4E4;
}
#mGnb .mGnbBox__auth .login, #mGnb .mGnbBox__auth .join {
  flex: 1 1 0%;
  font-size: 0.9375rem;
  letter-spacing: -0.45px;
  color: #1C1C1C;
  text-align: center;
  padding: 16px 0;
}
#mGnb .mGnbBox__dep2-title {
  padding: 0 20px;
  display: flex;
  height: 64px;
  align-items: center;
}
#mGnb .mGnbBox__dep2-title span {
  font-size: 16px;
  letter-spacing: -0.8px;
  font-weight: 700;
}
#mGnb .mGnbBox__dep2-body {
  padding: 0 12px;
}
#mGnb .mGnbBox__dep2-list-wrap {
  padding: 8px 0;
  border-top: 1px solid #D8D8D8;
}
#mGnb .gnbBox.dep1 {
  position: relative;
  flex: 1 1 0%;
  overflow: hidden;
}
#mGnb .gnbBox.dep1 > .gnbList {
  display: flex;
  flex-direction: column;
  background-color: #F8F8F8;
  height: 100%;
  overflow-y: auto;
}
#mGnb .gnbBox.dep1 > .gnbList > li .gnb-dep1-item {
  width: 160px;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 8px 16px;
}
#mGnb .gnbBox.dep1 > .gnbList > li .gnb-dep1-item span {
  text-align: left;
  font-size: 16px;
  letter-spacing: -0.8px;
  font-weight: 500;
}
#mGnb .gnbBox.dep1 > .gnbList > li .gnb-dep1-item.active {
  background-color: #0A484A;
  color: #fff;
}
#mGnb .gnbBox.dep1 > .gnbList > li .gnb-dep1-item.active + .gnbBox.dep2 {
  display: block;
}
#mGnb .gnbBox.dep2 {
  display: none;
  position: absolute;
  left: 160px;
  top: 0;
  bottom: 0;
  right: 0;
  height: 100%;
  padding-bottom: 80px;
  border-left: 1px solid #D8D8D8;
  background-color: #fff;
  overflow-y: auto;
}
#mGnb .gnbBox.dep2 > .mGnbBox__dep2-body .gnbList {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
#mGnb .gnbBox.dep2 > .mGnbBox__dep2-body .gnbList > li {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
#mGnb .gnbBox.dep2 .gnb-dep2-item {
  width: 100%;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 12px;
  border-radius: 10px;
}
#mGnb .gnbBox.dep2 .gnb-dep2-item .ellipsis2 {
  text-align: left;
}
#mGnb .gnbBox.dep1 > .gnbList > li .gnb-dep2-item.bigmenu.active {
  background-color: #E7EFEF;
}
#mGnb .gnbBox.dep2 .gnb-dep2-item.active {
  background-color: #E7EFEF;
}
#mGnb .gnbBox.dep2 .gnb-dep2-item.bigmenu::after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-image: url(/static/home/images/icons/ico-mgnb-submenu-b5fc9800fb5919adb5f1f689356445a6.svg);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  flex-shrink: 0;
}
#mGnb .gnbBox.dep2 .gnb-dep2-item.bigmenu.active::after {
  background-image: url(/static/home/images/icons/ico-mgnb-submenu-on-997b487fe4d04a828d7af74e5e49bc1d.svg);
}
#mGnb .gnbBox.dep2 .gnb-dep2-item[target=_blank] .dep2-link-area::after {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background-image: url(/static/home/images/icons/ico-h-link-033f8fca2ff851282b8d4247f9efe2d0.svg);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  flex-shrink: 0;
  position: relative;
  top: 3px;
}
#mGnb .gnbBox.dep3 {
  display: none;
}
#mGnb .gnbBox.dep2 .gnb-dep2-item.active + .gnbBox.dep3 {
  display: block;
}
#mGnb .gnbBox.dep3 > .gnbList {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 0 12px;
}
#mGnb .gnbBox.dep3 .gnb-dep3-item {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  padding-left: 10px;
}
#mGnb .gnbBox.dep3 .gnb-dep3-item.active {
  font-weight: 700;
  color: #0A484A;
}
#mGnb .gnbBox.dep3 .gnb-dep3-item:before {
  content: "";
  display: block;
  width: 4px;
  min-width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #0D5A5C;
  position: absolute;
  left: 0;
  top: 10px;
}
#mGnb .gnbBox.dep3 .gnb-dep3-item[target=_blank]::after {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background-image: url(/static/home/images/icons/ico-h-link-033f8fca2ff851282b8d4247f9efe2d0.svg);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  flex-shrink: 0;
}
@media screen and (max-width: 767px) {
  #mGnb .mGnbBox {
    max-width: 100%;
  }
}

.error {
  width: 100%;
  height: 100%;
  min-height: 100svh;
  padding: 35px;
  background-color: #F1F1F9;
  display: flex;
  align-items: center;
  justify-content: center;
}
.error .error_wrap {
  width: 100%;
  max-width: 940px;
  background-color: #fff;
  border: 1px solid #111111;
  padding: 60px;
  display: inline-flex;
  gap: 60px;
}
.error .error_wrap .imgbox {
  position: relative;
  width: 360px;
}
.error .error_wrap .imgbox .img {
  width: 360px;
  height: 360px;
  max-width: 100%;
  background-repeat: no-repeat;
  background-image: url(../images/img_error.png);
  background-position: center center;
}
.error .error_wrap .textbox {
  width: 360px;
  display: inline-flex;
  flex-wrap: wrap;
  align-content: center;
}
.error .error_wrap .textbox .tit {
  font-size: 50px;
  font-weight: 600;
  color: #232EA3;
}
.error .error_wrap .textbox .sub {
  line-height: 24px;
  font-size: 16px;
  font-weight: 300;
  word-break: keep-all;
  margin-top: 16px;
}
.error .error_wrap .textbox .btn-group {
  margin-top: 40px;
}
@media screen and (max-width: 1279px) {
  .error {
    padding: 16px;
  }
  .error .error_wrap {
    flex-wrap: wrap;
    justify-content: center;
    padding: 35px;
  }
  .error .error_wrap .imgbox {
    width: 100%;
  }
  .error .error_wrap .imgbox .img {
    margin: 0 auto;
  }
  .error .error_wrap .textbox {
    text-align: center;
    justify-content: center;
  }
}
@media screen and (max-width: 767px) {
  .error .error_wrap .textbox .btn-group {
    flex-wrap: wrap;
  }
  .error .error_wrap .textbox .btn-group .btn {
    width: 100%;
    max-width: 100%;
  }
  .error .error_wrap .textbox .btn-group .btn + .btn {
    margin-left: 0;
    margin-top: 16px;
  }
}
@media screen and (max-width: 480px) {
  .error .error_wrap .imgbox {
    display: none;
  }
}

.classifyLine_a {
  display: inline-block;
  width: 1px;
  height: 16px;
  background: #C6C6C6;
}

.classifyLine_b {
  display: inline-block;
  width: 1px;
  height: 8px;
  background: #555;
}

.classifyLine_c {
  display: inline-block;
  width: 1px;
  height: 8px;
  background: #8E8E8E;
}

.classifyLine_d {
  display: inline-block;
  width: 1px;
  height: 24px;
  background: #D8D8D8;
}

.classifyLine_e {
  display: inline-block;
  width: 1px;
  height: 12px;
  background: #C6C6C6;
}

@media screen and (max-width: 767px) {
  .pc_block {
    display: none;
  }
}
.zoom_area {
  display: flex;
  padding: 8px;
  align-items: center;
  gap: 4px;
  border-radius: 10px;
  background: #F0F0F0;
}

.zoom_area .plus_btn {
  display: flex;
  width: 24px;
  height: 24px;
  padding: 6px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  aspect-ratio: 1/1;
  border-radius: 4px;
  background: #FFF;
}

.zoom_area .plus_btn .plus_ico {
  width: 12px;
  height: 12px;
  flex-shrink: 0;
  background: url(/static/home/images/common/plus_ico-8fa70c7e5946e1ef82320f1450fb312b.svg) center/cover no-repeat;
}

.zoom_area .basics {
  display: flex;
  height: 24px;
  padding: 6px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 4px;
  background: #FFF;
  color: #555;
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 21px */
  letter-spacing: -0.42px;
}

.zoom_area .minus_btn {
  display: flex;
  width: 24px;
  height: 24px;
  padding: 6px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  aspect-ratio: 1/1;
  border-radius: 4px;
  background: #FFF;
}

.zoom_area .minus_btn .minus_ico {
  width: 12px;
  height: 2px;
  flex-shrink: 0;
  background: url(/static/home/images/common/minus_ico-67591f475598605192fd81ec64d59876.svg) center/cover no-repeat;
}

.zoom_area .plus_btn:hover {
  background: #D8D8D8;
}

.zoom_area .basics:hover {
  color: #1D1D1D;
  font-weight: 500;
  background: #D8D8D8;
}

.zoom_area .minus_btn:hover {
  background: #D8D8D8;
}

.zoom_area .plus_btn:hover .plus_ico {
  background: url(/static/home/images/common/plus_ico_b-ba83dfaaf631696d03f3c585df6e26ab.svg) center/cover no-repeat;
}

.zoom_area .minus_btn:hover .minus_ico {
  background: url(/static/home/images/common/minus_ico_b-5530c5c81df6ec5909aa13fe9aea7b00.svg) center/cover no-repeat;
}

.noticeTop .noticeTopTit {
  height: 108px;
  background: linear-gradient(90deg, #0D5A5C 0%, #083637 100%);
  transition: height 0.4s ease;
  overflow: hidden;
}
.noticeTop .noticeTopTit.is-no-anim {
  transition: none;
}
.noticeTop .noticeTopTit .noticeTopTitSwiper {
  height: 100%;
}
.noticeTop .noticeTopTit .noticeTopTitSwiper .swiper-slide {
  height: auto;
}
.noticeTop .noticeTopTit .inr {
  display: flex;
  align-items: center;
  gap: 16px;
  padding-top: 24px;
  padding-bottom: 24px;
  height: 100%;
  box-sizing: border-box;
}
.noticeTop .noticeTopTit .noticeTopTit_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  width: 100%;
  position: relative;
  padding-left: 96px;
}
.noticeTop .noticeTopTit .logo_box {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.noticeTop .noticeTopTit .logo_box .ntt_logo {
  width: 80px;
  height: 80px;
  object-fit: cover;
  border-radius: 50%;
}
.noticeTop .noticeTopTit .noticeTopTit_L {
  position: relative;
  display: flex;
  align-items: center;
  gap: 16px;
  min-width: 0;
}
.noticeTop .noticeTopTit .ntt_tit {
  color: #FFF;
  font-family: Pretendard;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 48px */
  letter-spacing: -0.96px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.noticeTop .noticeTopTit .noticeTopTit_R {
  display: flex;
  align-items: center;
  gap: 24px;
  flex-shrink: 0;
}
.noticeTop .noticeTopTit .ntt_date {
  color: #FFF;
  font-family: Pretendard;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 30px */
  letter-spacing: -0.6px;
}
.noticeTop .noticeTopTit .ntt_dday {
  color: #FFF;
  font-family: Pretendard;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 42px */
  letter-spacing: -0.84px;
}
.noticeTop .noticeTopTit[data-is-open=false] {
  height: 0;
}
.noticeTop .noticeTopPopup {
  padding: 16px 0px;
  background: #E7EFEF;
}
.noticeTop .noticeTopPopup .noticeTopPopup_box {
  display: flex;
  align-items: center;
  gap: 16px;
  align-self: stretch;
}
.noticeTop .noticeTopPopup .noticeTopPopup_L {
  display: flex;
  align-items: center;
  gap: 16px;
  white-space: nowrap;
  flex: 1;
  min-width: 0;
}
.noticeTop .noticeTopPopup .ntp_ctrl {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  background: #083637;
  border-radius: 99px;
  overflow: hidden;
}
.noticeTop .noticeTopPopup .ntp_ctrl.is-single {
  display: none;
}
.noticeTop .noticeTopPopup .ntp_ctrl button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  padding: 0;
  border: none;
  background: transparent;
  cursor: pointer;
}
.noticeTop .noticeTopPopup .ntp_ctrl button span {
  display: block;
  width: 20px;
  height: 20px;
}
.noticeTop .noticeTopPopup .noticeTopPopupSwiper {
  flex: 1;
  min-width: 0;
}
.noticeTop .noticeTopPopup .ntp_box {
  color: #1D1D1D;
  font-weight: 500;
  padding-right: 2px;
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
}
.noticeTop .noticeTopPopup .ntp_box-tit {
  min-width: 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 150%; /* 27px */
  letter-spacing: -0.54px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.noticeTop .noticeTopPopup .ntp_box-tit > * {
  display: inline;
  margin: 0;
  padding: 0;
}
.noticeTop .noticeTopPopup .ntp_box-date {
  flex-shrink: 0;
  white-space: nowrap;
  font-size: 18px;
  font-weight: 500;
  line-height: 150%; /* 27px */
  letter-spacing: -0.54px;
}
.noticeTop .noticeTopPopup .ntp_box-dday {
  flex-shrink: 0;
  white-space: nowrap;
  color: #0D5A5C;
  font-size: 18px;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: -0.54px;
}
.noticeTop .noticeTopPopup .noticeTopPopup_R {
  flex-shrink: 0;
}
.noticeTop .noticeTopPopup .ntp_btn {
  display: flex;
  gap: 5px;
  align-items: center;
  justify-content: center;
  color: #1D1D1D;
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 24px */
  letter-spacing: -0.48px;
}
.noticeTop .noticeTopPopup .ntp_btn:hover {
  text-decoration: underline;
  text-underline-offset: 3px;
}
.noticeTop .noticeTopPopup .ntp_btn .ntp_ico {
  display: block;
  width: 24px;
  height: 24px;
  background: url(/static/home/images/common/black_ar_top-06f85c44cb67216a41593f424160df3f.svg) center/cover no-repeat;
  transition: transform 0.2s ease;
}
.noticeTop .noticeTopPopup .ntp_btn.closed .ntp_ico {
  transform: rotate(180deg);
}

@media screen and (max-width: 1279px) {
  .noticeTop .noticeTopTit {
    height: 96px;
  }
  .noticeTop .noticeTopTit .inr {
    gap: 10px;
    padding-top: 16px;
    padding-bottom: 16px;
  }
  .noticeTop .noticeTopTit .noticeTopTit_box {
    padding-left: 70px;
  }
  .noticeTop .noticeTopTit .noticeTopTit_R {
    gap: 10px;
  }
  .noticeTop .noticeTopTit .logo_box .ntt_logo {
    width: 60px;
    height: 60px;
  }
  .noticeTop .noticeTopTit .ntt_tit {
    font-size: 20px;
  }
  .noticeTop .noticeTopTit .ntt_date {
    font-size: 16px;
  }
  .noticeTop .noticeTopTit .ntt_dday {
    font-size: 20px;
  }
  .noticeTop .noticeTopPopup {
    padding: 8px 32px;
  }
  .noticeTop .noticeTopPopup .inr {
    padding: 0px;
  }
  .noticeTop .noticeTopPopup .noticeTopPopup_L {
    font-size: 16px;
  }
  .noticeTop .noticeTopPopup .ntp_box-tit {
    font-size: 16px;
  }
  .noticeTop .noticeTopPopup .ntp_box-date {
    font-size: 16px;
  }
  .noticeTop .noticeTopPopup .ntp_box-dday {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .noticeTop .noticeTopTit {
    height: 65px;
  }
  .noticeTop .noticeTopTit .inr {
    padding: 0 32px;
  }
  .noticeTop .noticeTopTit .noticeTopTit_box {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding-left: 56px;
  }
  .noticeTop .noticeTopTit .logo_box .ntt_logo {
    width: 40px;
    height: 40px;
  }
  .noticeTop .noticeTopTit .ntt_tit {
    font-size: 16px;
  }
  .noticeTop .noticeTopTit .ntt_date {
    font-size: 13px;
  }
  .noticeTop .noticeTopTit .ntt_dday {
    font-size: 14px;
  }
  .noticeTop .noticeTopPopup {
    padding: 8px 16px;
  }
  .noticeTop .noticeTopPopup .noticeTopPopup_L {
    font-size: 14px;
    gap: 8px;
  }
  .noticeTop .noticeTopPopup .ntp_box-tit {
    font-size: 14px;
  }
  .noticeTop .noticeTopPopup .ntp_box-date {
    display: none;
  }
  .noticeTop .noticeTopPopup .ntp_box-dday {
    font-size: 14px;
  }
  .noticeTop .noticeTopPopup .ntp_btn {
    font-size: 14px;
  }
}
.header-group {
  position: relative;
}
.header-group__inner {
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid #D8D8D8;
  background-color: #fff;
}

.headerTop {
  padding: 16px 0;
}
.headerTop__row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.headerTop__util {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 4px;
}
.headerTop__links {
  display: flex;
  gap: 12px;
  align-items: center;
}
.headerTop .login, .headerTop .join, .headerTop .setting {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.45px;
  color: #555555;
}
.headerTop .login:hover, .headerTop .join:hover, .headerTop .setting:hover {
  text-decoration: underline;
  text-underline-offset: 3px;
}

.headerBottom {
  border-top: 1px solid #D8D8D8;
}
.headerBottom .headerBottom__row {
  display: flex;
  gap: 12px;
  justify-content: center;
  align-items: center;
}

/** pc header */
.mHeader {
  border-bottom: 1px solid #D8D8D8;
}
.mHeader .mo_header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 32px;
}
.mHeader .mo_header .logo {
  display: flex;
}
.mHeader .mo_header__util {
  display: flex;
  gap: 8px;
  justify-content: flex-end;
  align-items: center;
}
.mHeader .allNotice__btn {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .mHeader .mo_header {
    padding: 16px;
  }
}

.footer_html {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.footer_html_list {
  overflow: hidden;
  gap: 8px 0;
}

.footer_html_list > p {
  margin: 0 -12px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px 0;
}

.footer_html_list > p > span {
  position: relative;
  padding: 0 12px;
}

.footer_html_list > p > span::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 1px;
  height: 10px;
  background-color: #C6C6C6;
}

.f-select-list-content::-webkit-scrollbar {
  width: 10px;
}

.f-select-list-content::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.4784313725);
  border-radius: 10px;
}

.f-select-list-content::-webkit-scrollbar-track {
  background-color: #CCC;
  border-radius: 10px;
}

footer {
  border-top: 1px solid #C6C6C6;
  background: #F8F8F8;
}

footer .f_select_box {
  padding: 40px 0;
}

footer .f_select_box .f-select button {
  border: 1px solid #D8D8D8;
}

footer .f_select_box .f-select button:hover {
  outline: 2px solid #0A484A;
  outline-offset: -1px;
}

footer .f_select_box .f-select button .ico {
  display: block;
  width: 20px;
  height: 20px;
  background: url(/static/home/images/icons/ico-more-f-138e1f3e5c083c5150f366efa994d2dd.svg) center/cover no-repeat;
}

footer .f_select_box .f-select button:hover .ico {
  background: url(/static/home/images/icons/ico-more-f-h-61f86cdb750ceeb046d64213a5587171.svg) center/cover no-repeat;
}

footer .f_info_box {
  padding: 0;
}

footer .bg_line_bottom {
  height: 1px;
  align-self: stretch;
  background: #C6C6C6;
}

footer .f-select.active .f-select-list {
  outline: 2px solid #0A484A;
  outline-offset: -1px;
}

footer .f_info_box {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  align-self: stretch;
}

footer .f_info_box .f_info {
  display: flex;
  align-items: flex-start;
  gap: 40px;
}

footer .f_link_box {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  align-self: stretch;
}

footer .f_link_box .ico_box {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}

footer .f_link_box .ico_box .facebook_link,
footer .f_link_box .ico_box .youtube_link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background: #fff;
  border: 1px solid #D8D8D8;
  border-radius: 50%;
}

footer .f_link_box .ico_box .facebook_link:hover,
footer .f_link_box .ico_box .youtube_link:hover {
  outline: 2px solid #0A484A;
  outline-offset: -1px;
}

footer .f_link_box .ico_box .facebook_link .ico {
  display: block;
  width: 20px;
  height: 20px;
  background: url(/static/home/images/common/communication_facebook_ico-0ad1e42cfed1366ac04feb447ded2087.svg) center/cover no-repeat;
}

footer .f_link_box .ico_box .youtube_link .ico {
  display: block;
  width: 20px;
  height: 15px;
  background: url(/static/home/images/common/communication_youtube_ico-bf844d607efafe90c76a901b01ce361d.svg) center/cover no-repeat;
}

footer .f_link_box .txt_box a:hover {
  text-decoration: underline;
  text-underline-offset: 3px;
  color: #0D5A5C;
}

footer .f_bottom_box {
  padding-bottom: 40px;
}

@media screen and (max-width: 1279px) {
  footer .f_info_box {
    flex-direction: column;
    gap: 20px;
  }
  footer .f_info_box .f_info {
    flex-direction: column;
    gap: 20px;
  }
  footer .f_link_box {
    flex-direction: row;
    align-items: flex-start;
  }
  footer .f_link_box a {
    justify-content: flex-start;
  }
  footer .logo_wa_box {
    width: 100%;
  }
}