@charset "UTF-8";
.sub_visual {
  position: relative;
  padding: 80px;
  background: center/cover no-repeat url(/static/home/images/sub/sub_layout_1920_pc-84bbb154adf89bf261e4a8b3d301e2c8.png);
}
.sub_visual .inr {
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  position: relative;
}
.sub_visual .inr .sub_v_box {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}
.sub_visual .tit {
  font-family: "Pretendard";
  font-size: 40px;
  font-weight: 600;
  color: #fff;
  position: relative;
}
.sub_visual .inr .sub_v_box .sub_nav {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #FFF;
  text-align: right;
  text-overflow: ellipsis;
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -0.48px;
  flex-wrap: wrap;
}
.sub_visual .inr .sub_v_box .sub_nav span {
  white-space: nowrap;
}
.sub_visual .inr .sub_v_box .sub_nav .home_box {
  display: flex;
  align-items: center;
  gap: 6px;
}
.sub_visual .inr .sub_v_box .sub_nav .home_box .home_ico {
  display: block;
  width: 16px;
  height: 16px;
  background: url(/static/home/images/icons/ico-home-white-e36e40a6714baf82b8a200851c5db644.svg) center/cover no-repeat;
}
.sub_visual .inr .sub_v_box .sub_nav .arrow_ico {
  display: block;
  width: 16px;
  height: 16px;
  background: url(/static/home/images/icons/ico-white-arrow-92152b9348c14912b10490af97e1d8b5.svg) center/cover no-repeat;
}
.sub_visual .location {
  position: absolute;
  bottom: 40px;
  left: 50%;
  transform: translateX(-50%);
  display: inline-flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  margin-top: 11px;
}
.sub_visual .location li.home > a {
  display: flex;
  width: 21px;
  height: 21px;
  background-repeat: no-repeat;
  background-position: center;
}
.sub_visual .location > li + li {
  position: relative;
  padding-left: 18px;
  margin-left: 18px;
}
.sub_visual .location > li + li::before {
  content: "";
  position: absolute;
  top: 0;
  left: -10px;
  display: block;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: center;
}
.sub_visual .location > li > a {
  color: #fff;
  font-size: 18px;
}
.sub_visual .btns {
  position: absolute;
  bottom: 40px;
  right: 35px;
  display: flex;
  gap: 8px;
}
.sub_visual .btns > li > .btn {
  display: flex;
  width: 47px;
  height: 46px;
  border: 1px solid rgba(213, 213, 213, 0.6);
  background-repeat: no-repeat;
  background-position: center;
  background-color: initial;
}
@media screen and (min-width: 2560px) {
  .sub_visual {
    background: center/cover no-repeat url(/static/home/images/sub/sub_layout_2560_pc-4f9bb604d604a16c32f349525e8e173d.png);
  }
}
@media screen and (max-width: 1279px) {
  .sub_visual {
    background: center/cover no-repeat url(/static/home/images/sub/sub_layout_768_T-2761fbc37f0c8ac9f0c4ef82c451872b.png);
    padding: 80px 80px 110px 80px;
  }
  .sub_visual .inr .sub_v_box {
    gap: 10px;
  }
  .sub_visual .location {
    position: relative;
    bottom: initial;
    left: initial;
    transform: none;
    justify-content: flex-start;
  }
  .sub_visual .btns {
    bottom: 50%;
    transform: translateY(50%);
  }
}
@media screen and (max-width: 767px) {
  .sub_visual {
    padding: 32px 0 64px 0;
    background: center/cover no-repeat url(/static/home/images/sub/sub_layout_390_M-0f547f64a93ce233ce601e45f38f3ff0.png);
  }
  .sub_visual .inr .sub_v_box {
    gap: 5px;
  }
  .sub_visual .tit {
    font-size: 28px;
  }
  .sub_visual .btns {
    right: 16px;
  }
  .sub_visual .print {
    display: none;
  }
  .sub_visual .location > li > a {
    font-size: 14px;
  }
  .sub_visual .location > li:last-child {
    display: none;
  }
}

.sub_container {
  background-color: #fff;
  padding: 20px 0 80px;
}
.sub_container .inr {
  display: flex;
  gap: 80px;
  padding: 0;
}
@media screen and (max-width: 1279px) {
  .sub_container {
    padding: 0;
    padding-bottom: 80px;
  }
  .sub_container .inr {
    flex-direction: column;
    gap: 0;
    padding: 0 32px;
  }
}
@media screen and (max-width: 767px) {
  .sub_container {
    padding: 0;
    padding-bottom: 30px;
  }
  .sub_container .inr {
    padding: 0 16px;
  }
}

/* lnb */
.lnb {
  float: left;
  width: 338px;
  position: relative;
  top: -73px;
}
.lnb .lnb_titbox {
  display: flex;
  height: 164px;
  padding: 40px 24px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 20px 0;
  background: url(/static/home/images/sub/sub_lnb_bg-7af01b9325c54eb9ea8d0f15d55a6df2.png) center/cover no-repeat, linear-gradient(to right, #0D5A5C 0%, #083637 100%);
  background-blend-mode: luminosity;
  position: relative;
  box-shadow: 0 3px 6px 0 rgba(35, 65, 27, 0.16);
}
.lnb .lnb_titbox .lnb_tit {
  color: #FFF;
  text-align: center;
  text-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  font-family: Pretendard;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: -1.6px;
}
.lnb .lnb_titbox .lnb_tit .lnb_tit span {
  position: relative;
}
.lnb .lnb_titbox .lnb_tit .lnb_tit span::after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  aspect-ratio: 1/1;
  background: #FFB947;
  border-radius: 50%;
  position: absolute;
  top: -13px;
  right: -13px;
}
.lnb .lnb_titbox .lnb_tit .lnb_ico {
  display: block;
  width: 56px;
  height: 52px;
  aspect-ratio: 14/13;
  background: center/cover no-repeat url(/static/home/images/sub/lnb_ico-9717897520b8b8d933c8edb9cc4c0652.svg);
  position: absolute;
  left: 40px;
  top: -43px;
}
.lnb .lnbList > li > a > span {
  position: relative;
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
}
.lnb .dep2 {
  padding: 0px 24px 4px 24px;
  border-radius: 0 0 20px 20px;
  background: #FFF;
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.1);
}
.lnb .dep2 > .lnbList > li {
  border-bottom: 1px solid #B5B5B5;
}
.lnb .dep2 > .lnbList > li.arrow.on {
  border-bottom: unset;
}
.lnb .dep2 > .lnbList > li.on > a, .lnb .dep2 > .lnbList > li.active > a {
  border-bottom: 2px solid #0A484A;
}
.lnb .dep2 > .lnbList > .active > a {
  font-weight: 700;
}
.lnb .dep2 > .lnbList > li:first-child > a {
  padding: 20px 8px 16px 8px;
}
.lnb .dep2 > .lnbList > li > a {
  display: flex;
  align-items: center;
  position: relative;
  padding: 16px 8px;
  color: #111111;
  font-size: 18px;
  font-weight: 500;
  padding-right: 40px;
  border-bottom: 2px solid rgba(255, 255, 255, 0);
}
.lnb .dep2 > .lnbList > li:nth-last-child(1) {
  border-bottom: unset;
}
.lnb .dep2 > .lnbList > li.arrow.on:nth-last-child(1) {
  margin-bottom: 16px;
}
.lnb .dep2 > .lnbList > li > a:hover {
  text-decoration: underline;
  text-underline-offset: 3px;
}
.lnb .dep2 > .lnbList > li.active > a:hover, .lnb .dep2 > .lnbList > li > a.active:hover {
  color: #0A484A;
}
.lnb .dep2 > .lnbList > li.arrow > a::after {
  content: "";
  position: absolute;
  top: 17px;
  right: 8px;
  display: block;
  width: 26px;
  height: 26px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(/static/home/images/common/plus_ico-8fa70c7e5946e1ef82320f1450fb312b.svg);
  background-size: 12px 12px;
  border-radius: 5px;
}
.lnb .dep2 > .lnbList > li.arrow.on > a::after, .lnb .dep2 > .lnbList > li.arrow.active > a::after {
  background-image: url(/static/home/images/common/minus_ico-67591f475598605192fd81ec64d59876.svg);
}
.lnb .dep2 > .lnbList > li > a span {
  display: inline-block;
}
.lnb .dep2 > .lnbList > li.on > a span, .lnb .dep2 > .lnbList > li.active > a span {
  color: #0A484A;
}
.lnb .dep2 > .lnbList > li > a span .link_ico {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-left: 8px;
  background: url(/static/home/images/sub/ico_btn_sub_link_green-0a113ae0279bb8c537c8aa672b35b861.svg) center/12px 12px no-repeat;
}
.lnb .dep2 .lnbList > li > a[target=_blank] span {
  padding-right: 18px;
}
.lnb .dep3 {
  display: none;
  padding: 12px 16px;
  border-radius: 0 0 0px 0px;
  border-bottom: 1px solid #D8D8D8;
  background: #F8F8F8;
}
.lnb .dep3:not(:has(.lnbList > li)) {
  padding: 0;
}
.lnb .dep3 .lnbList > li > a {
  display: flex;
  align-items: center;
  max-width: 100%;
  position: relative;
  color: #111111;
  font-size: 16px;
  font-weight: 400;
  padding: 8px 0;
  padding-left: 13px;
}
.lnb .dep3 .lnbList > li > a::before {
  content: "";
  position: absolute;
  top: 17px;
  left: 0;
  display: block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #0A484A;
}
.lnb .dep3 .lnbList > li.active > a span {
  font-size: 17px;
  font-weight: 700;
  color: #0A484A;
}
.lnb .dep3 .lnbList > li > a[target=_blank] span {
  padding-right: 18px;
}
.lnb .dep3 .lnbList > li > a[target=_blank] span::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 4px;
  right: 0;
  width: 16px;
  height: 16px;
  background-size: 12px 12px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(/static/home/images/sub/ico_btn_sub_link_green-0a113ae0279bb8c537c8aa672b35b861.svg);
}
.lnb .dep3 .lnbList > li.active > a::before {
  background-color: #0A484A;
}
.lnb .dep3 .lnbList > li > a:hover, .lnb .dep3 .lnbList > li > a:focus-visible {
  text-decoration: underline;
  text-underline-offset: 3px;
}
.lnb .dep2 .lnbList > .on .dep3,
.lnb .dep2 .lnbList > .active .dep3 {
  display: block;
}
.lnb .dep2 .lnbList > .on .dep3:not(:has(.lnbList > li)),
.lnb .dep2 .lnbList > .active .dep3:not(:has(.lnbList > li)) {
  border-top: 0;
}
.lnb .inbList > li > .lnb_depth > li > a.active {
  color: #0A484A;
  font-weight: 700;
}
.lnb .inbList > li > .lnb_depth > li > a.active::before {
  background-image: url("../images/ico_depth_arrow_hover.png");
}
.lnb .lnb_selectBtn {
  display: none;
}
@media screen and (max-width: 1279px) {
  .lnb {
    display: block;
    float: none;
    width: 100%;
    top: -30px;
    margin-bottom: 10px;
    z-index: 11;
  }
  .lnb:not(:has(.lnb_selectBtn)) {
    display: none;
  }
  .lnb .lnb_titbox {
    display: none;
  }
  .lnb .lnb_selectBtn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    width: 100%;
    padding: 18px 20px 18px 24px;
    border: 0;
    border-radius: 10px 0;
    background: linear-gradient(112deg, #083637 -0.01%, #0D5A5C 99.99%);
    box-sizing: border-box;
    cursor: pointer;
    text-align: left;
  }
  .lnb .lnb_selectLabel {
    flex: 1 1 auto;
    min-width: 0;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    line-height: 150%;
    letter-spacing: -0.54px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .lnb .lnb_selectIco {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    background: center/contain no-repeat url(/static/home/images/sub/icon_subdepbox_arrow2-42d3566e07b454b962b6089a219339d1.svg);
    transition: transform 0.2s ease;
  }
  .lnb.is-open .lnb_selectIco {
    transform: rotate(180deg);
  }
  .lnb.is-open .lnb_selectBtn {
    border-radius: 10px 0 0 0;
  }
  .lnb .dep2 {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    z-index: 20;
    margin: 0;
    padding: 8px 0;
    border-radius: 0 0 10px 10px;
    background: #fff;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
    box-sizing: border-box;
  }
  .lnb.is-open .dep2 {
    display: block;
  }
  .lnb .dep2 > .lnbList > li {
    border-bottom: 1px solid #e4e4e4;
  }
  .lnb .dep2 > .lnbList > li:last-child {
    border-bottom: 0;
  }
  .lnb .dep2 > .lnbList > li > a {
    padding: 14px 20px;
    font-size: 16px;
    border-bottom: 0;
  }
  .lnb .dep2 > .lnbList > li:first-child > a {
    padding: 14px 20px;
  }
  .lnb .dep2 > .lnbList > li.on > a,
  .lnb .dep2 > .lnbList > li.active > a {
    border-bottom: 0;
  }
  .lnb .dep2 > .lnbList > li.arrow > a::after {
    top: 50%;
    right: 16px;
    transform: translateY(-50%);
  }
  .lnb .dep3 {
    border-bottom: 0;
  }
}

/* sub_depth_box */
.subDepthBox {
  display: none;
  width: calc(100% + 2px);
  left: -1px;
  position: relative;
}
.subDepthBox > a, .subDepthBox > button {
  position: relative;
  display: flex;
  padding: 0 8px 16px 8px;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  align-self: stretch;
  width: 100%;
  color: #1D1D1D;
  font-size: 17px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}
.subDepthBox > a:after, .subDepthBox > button:after {
  content: "";
  display: block;
  width: 26px;
  height: 26px;
  position: absolute;
  top: 0;
  right: 8px;
  border-radius: 5px;
  background-color: #F0F0F0;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(/static/home/images/sub/icon_subdepbox_arrow_on-2eb0a7ccf369a6300a6386278fcb2c7a.svg);
}
.subDepthBox > button > span {
  width: 100%;
  padding-right: 30px;
  text-align: left;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.subDepthBox.active {
  border-bottom: 2px solid #0A484A;
}
.subDepthBox.active > a, .subDepthBox.active > button {
  color: #0A484A;
}
.subDepthBox.active > a:after, .subDepthBox.active > button:after {
  background-color: #0A484A;
  background-image: url(/static/home/images/sub/icon_subdepbox_arrow-0429630f301793cbddb9e6d9c5768612.svg);
}
.subDepthBox .scrollbox {
  display: none;
  width: 100%;
  position: absolute;
  top: calc(100% + 8px);
  z-index: 11;
  background-color: #fff;
  border: 1px solid #D2D2D2;
  border-radius: 0 0 8px 8px;
  overflow: hidden;
}
.subDepthBox.active .scrollbox {
  display: block;
}
.subDepthBox .subDepthList {
  width: 100%;
}
.subDepthBox .subDepthList > li.active {
  border-bottom: 0;
}
.subDepthBox .subDepthList > li:last-child {
  border-bottom: 0;
}
.subDepthBox .subDepthList > li:has(+ .active) {
  border-bottom: 0;
}
.subDepthBox .subDepthList > li > a {
  display: flex;
  padding: 12px 16px;
  border-bottom: 1px solid #D2D2D2;
  position: relative;
}
.subDepthBox .subDepthList > li > a[target=_blank]::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translate(0px, -50%);
  width: 17px;
  height: 17px;
  background-size: cover;
  background-position: center;
  background-image: url(/static/home/images/sub/ico_btn_sub_link_gray-9a947fb6d864d903558b3d82ba8ba723.svg);
}
.subDepthBox .subDepthList > li:last-child > a {
  border-bottom: unset;
}
.subDepthBox .subDepthList > li > a:hover, .subDepthBox .subDepthList > li > a:focus-visible {
  background-color: #F5F5F5;
  text-decoration: underline;
}
.subDepthBox .subDepthList > li.active > a {
  color: #111111;
  font-weight: 600;
  border-right: 0;
  border-left: 0;
  background-repeat: no-repeat;
  background-position: center right 20px;
  background-image: url(../images/icon/icon_arrow_right_b.svg);
}
.subDepthBox .subDepthList > li.active:first-child a {
  border-top: 0;
}
.subDepthBox .subDepthList > li.active:last-child a {
  border-bottom: 0;
}
.subDepthBox .subDepthList > li.active:not(:has(+ li)):first-child a {
  border-bottom: 0;
}
@media screen and (max-width: 1279px) {
  .subDepthBox {
    display: block;
  }
}

.sub_content {
  float: right;
  width: calc(100% - 464px);
  min-height: 630px;
  position: relative;
  margin-top: 25px;
}

.sub_content .sub_con_head {
  width: 100%;
  position: absolute;
  top: -52px;
  border-radius: 10px 0;
  background: linear-gradient(112deg, #083637 -0.01%, #0D5A5C 99.99%);
}

.sub_content .sub_con_head .subDepthBox button {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  padding: 18px 20px 18px 24px;
  color: #FFF;
}

.sub_content .sub_con_head .subDepthBox > button:after {
  position: unset;
  flex-shrink: 0;
  background-color: unset;
  background-image: url(/static/home/images/sub/icon_subdepbox_arrow2-42d3566e07b454b962b6089a219339d1.svg);
}

.sub_content .sub_con_head .subDepthBox.active > button:after {
  transform: rotate(180deg);
}

.sub_content .sub_con_head .subDepthBox.active {
  border-bottom: unset;
}

.sub_content.full_cont {
  width: 100%;
}

.sub_cont img {
  max-width: 100%;
}

@media screen and (max-width: 1279px) {
  .sub_content {
    width: 100%;
    min-height: 560px;
    margin-top: 0;
  }
}
@media screen and (max-width: 767px) {
  .sub_content {
    min-height: 400px;
  }
  .sub_content .sub_con_head {
    top: -48px;
  }
  .sub_content .sub_top_info .print {
    display: none;
  }
}
/* preparing */
.preparing {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #F1F1F9;
  border: 1px solid #A7ABDA;
  min-height: 620px;
}

.preparing .preparing_wrap {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  padding-top: 136px;
  background-repeat: no-repeat;
  background-position: center top;
  background-image: url(../images/sub/preparing.png);
}

.preparing .preparing_wrap > p {
  width: 100%;
  font-size: 34px;
  font-weight: 700;
  color: #111111;
  text-align: center;
  margin-bottom: 10px;
}

.preparing .preparing_wrap > p > span {
  color: #1C2582;
}

.preparing .preparing_wrap > span {
  width: 100%;
  text-align: center;
  word-break: keep-all;
  line-height: 24px;
}

@media screen and (max-width: 767px) {
  .preparing {
    min-height: 320px;
  }
  .preparing .preparing_wrap {
    max-width: 200px;
    background-size: 108px;
    padding-top: 102px;
  }
  .preparing .preparing_wrap > p {
    font-size: 24px;
  }
  .preparing .preparing_wrap > span {
    font-size: 13px;
  }
}
/* siteMap */
.siteMap .gnbBox.dep01 > .gnbList {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-gap: 60px 24px;
}

.siteMap .gnbBox.dep01 > .gnbList > li {
  border: 1px solid #111111;
  background-color: #fff;
}

.siteMap .gnbBox.dep01 > .gnbList > li > a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 60px;
  background-color: #111111;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../images/img_sitemap_dep.png);
  color: #FFFFFF;
  font-size: 20px;
  font-weight: 700;
}

.siteMap .gnbBox.dep01 > .gnbList > li > a[target=_blank] span {
  padding-right: 24px;
  position: relative;
}

.siteMap .gnbBox.dep01 > .gnbList > li > a[target=_blank] span:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 1px;
  right: 0;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: center;
}

.siteMap .gnbBox.dep02 > .gnbList > li {
  background-color: #fff;
  border-top: 1px solid #515151;
}

.siteMap .gnbBox.dep02 > .gnbList > li:first-child {
  border-top: 0;
}

.siteMap .gnbBox.dep02 > .gnbList > li > a {
  display: flex;
  align-items: center;
  padding: 16px;
  font-size: 17px;
  font-weight: 800;
}

.siteMap .gnbBox.dep02 > .gnbList > li > a[target=_blank] span {
  padding-right: 20px;
  position: relative;
}

.siteMap .gnbBox.dep02 > .gnbList > li > a[target=_blank] span:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 2px;
  right: 0;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
}

.siteMap .gnbBox.dep02 > .gnbList > li:not(:has(.gnbBox.dep03 > .gnbList > li)) > a:hover,
.siteMap .gnbBox.dep02 > .gnbList > li:not(:has(.gnbBox.dep03 > .gnbList > li)) > a:focus-visible {
  background-color: #1C2582;
  color: #fff;
  text-decoration: underline;
}

.siteMap .gnbBox.dep02 > .gnbList > li:not(:has(.gnbBox.dep03 > .gnbList > li)) > a:hover > span::before,
.siteMap .gnbBox.dep02 > .gnbList > li:not(:has(.gnbBox.dep03 > .gnbList > li)) > a:focus-visible > span::before {
  background-color: #fff;
}

.siteMap .gnbBox.dep02 > .gnbList > li > a > span {
  position: relative;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding-left: 16px;
}

.siteMap .gnbBox.dep02 > .gnbList > li > a > span::before {
  content: "";
  position: absolute;
  left: 4px;
  top: 8px;
  display: block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #111111;
}

.siteMap .gnbBox.dep02 > .gnbList > li:has(.gnbBox.dep03 > .gnbList > li) > a {
  padding-bottom: 8px;
}

.siteMap .gnbBox.dep03 {
  padding: 0 16px;
}

.siteMap .gnbBox.dep03:not(:has(li)) {
  display: none;
}

.siteMap .gnbBox.dep03:has(li) > .gnbList {
  border-top: 1px solid #B5B5B5;
}

.siteMap .gnbBox.dep03 > .gnbList {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  padding: 16px 8px;
  padding-bottom: 24px;
}

.siteMap .gnbBox.dep03 > .gnbList > li {
  width: 100%;
}

.siteMap .gnbBox.dep03 > .gnbList > li > a {
  font-size: 14px;
}

.siteMap .gnbBox.dep03 > .gnbList > li > a[target=_blank] span {
  padding-right: 18px;
  position: relative;
}

.siteMap .gnbBox.dep03 > .gnbList > li > a[target=_blank] span:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 1px;
  right: 0;
  width: 14px;
  height: 14px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../images/icon/icon_sitemap_link.svg);
}

.siteMap .gnbBox.dep03 > .gnbList > li > a:hover,
.siteMap .gnbBox.dep03 > .gnbList > li > a:focus-visible {
  text-decoration: underline;
  color: #232EA3;
}

.siteMap .gnbBox.dep03 > .gnbList > li > a > span {
  position: relative;
  padding-left: 16px;
  font-weight: 500;
}

.siteMap .gnbBox.dep03 > .gnbList > li > a > span::before {
  content: "";
  display: block;
  width: 6px;
  height: 1px;
  background-color: #111111;
  position: absolute;
  top: 8px;
  left: 3px;
}

@media screen and (max-width: 1200px) {
  .siteMap .gnbBox.dep01 > .gnbList {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-gap: 60px 24px;
  }
}
@media screen and (max-width: 767px) {
  .siteMap .gnbBox.dep01 > .gnbList {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 60px 24px;
  }
}
/* table */
.mobile_scroll {
  position: relative;
  margin-top: 20px;
  overflow: hidden;
  overflow-x: auto;
}

.mobile_scroll .txt_ex_scroll {
  display: none;
}

.table_data {
  width: 100%;
  border-top: 2px solid #1c1c1c;
}

.table_data thead th {
  padding: 11px;
  border-left: 1px solid #dedede;
  background: #f8f8f8;
  color: #1c1c1c;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  text-align: center;
}

.table_data tbody td {
  padding: 11px;
  border-bottom: 1px solid #dedede;
  border-left: 1px solid #dedede;
  color: #555555;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  text-align: center;
}

.table_data tbody td.align_left {
  text-align: left;
}

.table_data tr > th:first-child,
.table_data tr > td:first-child {
  border-left: none;
}

@media screen and (max-width: 1279px) {
  /* table */
  .tb {
    min-width: 1020px;
    min-height: 100px;
  }
  .mobile_scroll .txt_ex_scroll {
    display: block;
    position: absolute;
    top: 30%;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/sub/bg_ex_scroll.svg) no-repeat center 24px;
    background-size: 70px;
    text-indent: -999px;
    overflow: hidden;
    z-index: 5;
  }
}
/** lg sub layout main */
.mgt0 {
  margin-top: 0px !important;
}

.mgt4 {
  margin-top: 4px !important;
}

.mgt8 {
  margin-top: 8px !important;
}

.mgt16 {
  margin-top: 16px !important;
}

.mgt24 {
  margin-top: 24px !important;
}

.mgt31 {
  margin-top: 31px !important;
}

.mgt32 {
  margin-top: 32px !important;
}

.mgt40 {
  margin-top: 40px !important;
}

.mgb0 {
  margin-bottom: 0px !important;
}

.mgb4 {
  margin-bottom: 4px !important;
}

.mgb8 {
  margin-bottom: 8px !important;
}

.mgb11 {
  margin-bottom: 11px !important;
}

.mgb12 {
  margin-bottom: 12px !important;
}

.mgb20 {
  margin-bottom: 20px !important;
}

.mgb24 {
  margin-bottom: 24px !important;
}

.mgb40 {
  margin-bottom: 40px !important;
}

.mgb40_m30 {
  margin-bottom: 40px !important;
}

.mgb48 {
  margin-bottom: 48px !important;
}

.pd0 {
  padding: 0 !important;
}

.gap8 {
  gap: 8px !important;
}

.gap16 {
  gap: 16px !important;
}

.gap20 {
  gap: 20px !important;
}

.txt_left {
  text-align: left !important;
}

.txt_right {
  text-align: right !important;
}

.txt_center {
  text-align: center !important;
}

br.pc {
  display: block;
}

br.m {
  display: none;
}

br.t {
  display: none;
}

.dis767_bl {
  display: none;
}

.flex_p_box {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  gap: 4px;
}

.flex_a_left {
  align-items: flex-start !important;
}

.flex_a_center {
  align-items: center !important;
}

.flex_a_right {
  align-items: flex-end !important;
}

.flex_j_top {
  justify-content: flex-start !important;
}

.flex_j_center {
  justify-content: center !important;
}

.flex_j_bottom {
  justify-content: flex-end !important;
}

.txt_indent {
  text-indent: -99999px;
  display: inline-block;
  text-align: left !important;
}

.lgh-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.wdth100 {
  width: 100% !important;
}

.left_asterisk {
  position: relative;
  padding-left: 9px;
}

.left_asterisk::before {
  content: "*";
  color: #FF320C;
  position: absolute;
  top: -8px;
  left: 1px;
}

.right_asterisk {
  position: relative;
  padding-right: 9px;
}

.right_asterisk::before {
  content: "*";
  color: #FF320C;
  position: absolute;
  top: -8px;
  right: 1px;
}

span.pc_t {
  display: inline;
}

@media screen and (max-width: 1279px) {
  br.pc {
    display: none;
  }
  br.t {
    display: block;
  }
  .txt_left_m {
    text-align: left !important;
  }
  .txt_right_m {
    text-align: right !important;
  }
}
@media screen and (max-width: 767px) {
  br.m {
    display: block;
  }
  br.t {
    display: none;
  }
  .dis767_non {
    display: none !important;
  }
  .dis767_bl {
    display: block !important;
  }
  span.pc_t {
    display: none !important;
  }
  .mgb40_m30 {
    margin-bottom: 30px !important;
  }
}
.font_B22636 {
  color: #0A484A !important;
}

.font_F17400 {
  color: #F17400 !important;
}

.font_FFBFAF {
  color: #FFBFAF !important;
}

.font_FFED87 {
  color: #FFED87 !important;
}

.font_FF320C {
  color: #FF320C !important;
}

.font_25A237 {
  color: #25A237 !important;
}

.font_313A94 {
  color: #313A94 !important;
}

.fontw_700 {
  font-weight: 700;
}

.font_hakyoansim {
  font-family: "Pretendard";
}

/* 스타일 가이드 */
.sub_top_info {
  display: flex;
  padding-bottom: 20px;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #8E8E8E;
  margin-bottom: 50px;
}

/** 축약 */
.sub_top_info .left_box {
  display: flex;
  /* height: 24px; */
  align-items: center;
  gap: 12px;
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
}

.sub_top_info .left_box span {
  overflow: hidden;
  color: #1D1D1D;
  font-family: "Pretendard";
  text-align: right;
  text-overflow: ellipsis;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  flex-shrink: 0;
}

.sub_top_info .left_box span:last-child:not(.classify_dot):not(.ico_home) {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
}

/** 축약 */
.sub_top_info .left_box .ico_home {
  display: block;
  width: 16px;
  height: 16px;
  background: center/cover no-repeat url(/static/home/images/sub/ico_home-9d76aef150ff743a1497c59a86a7b540.svg);
}

.sub_top_info .left_box .classify_dot {
  display: block;
  width: 4px;
  height: 4px;
  background-color: #1D1D1D;
  border-radius: 50%;
}

.sub_top_info .right_box ul {
  display: flex;
  align-items: center;
  gap: 12px;
}

.sub_content .btns > li > .btn {
  display: flex;
  width: 47px;
  height: 46px;
  border-radius: 50%;
  border: 1px solid #D8D8D8;
  background: #FFF;
}

.sub_content .btns > li.copylink > .btn {
  background-image: url(/static/home/images/sub/icon_copylink_white-e161fe4566b308bd743b052f305de478.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-color: initial;
}

.sub_content .btns > li.print > .btn {
  background-image: url(/static/home/images/sub/icon_print_white-7035aaca80202cf92127c63dbf3c796b.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-color: initial;
}

.sub_title {
  /* margin-bottom: 40px; */
}

.sub_title h2 {
  color: #1D1D1D;
  font-family: "Pretendard";
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}

.contTop_box {
  display: flex;
  width: 100%;
  padding: 30px;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  position: relative;
  z-index: 0;
  overflow: hidden;
  border-radius: 20px 0;
  border: 2px solid #0D5A5C;
  background: linear-gradient(90deg, #333 0%, #555 100%);
}

.contTop_box p.tit {
  position: relative;
  color: #FFF;
  /* 24_B */
  font-family: Pretendard;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 36px */
  letter-spacing: -0.72px;
}

.contTop_box p.tit.school::before {
  background-image: url(/static/home/images/sub/img_contTop_tit_school-8d0d4cadf549fc3ab85bdadac8ca79ed.svg);
}

.contTop_box p.tit.search::before {
  background-position: 50% 30%;
  background-image: url(/static/home/images/sub/img_contTop_tit_search-98e4eea64d17e5f8696f2c0cbfbc74ab.svg);
}

.contTop_box p.tit.report_center::before {
  background-size: 65%;
  background-image: url(/static/home/images/sub/sub_linkbox_ico2-3428ffee3d88fa59216ef0b2f9033d7c.svg);
}

.contTop_box p.tit.network::before {
  background-image: url(/static/home/images/sub/sub_linkbox_ico3-f38fc84a023f44cd883a4c59747530aa.svg);
}

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

.contTop_box ul > li > p {
  position: relative;
  color: #FFF;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -0.48px;
  padding-left: 11px;
}

.contTop_box2 {
  display: flex;
  width: 100%;
  align-items: flex-start;
  border: 2px solid #B8C1D7;
  border-radius: 20px;
  overflow: hidden;
}

.contTop_box2 .img_box {
  min-width: 460px;
  min-height: 243px;
  flex-shrink: 0;
  align-self: stretch;
}

.contTop_box2 .img_box.type_a {
  background: center/cover no-repeat url(/static/home/images/sub/sub06_top_img1-9f1bea2b5276c6d013513f46a34482b3.png);
}

.contTop_box2 .img_box.type_b {
  background: center/cover no-repeat url(/static/home/images/sub/sub06_top_img2-eecdfea6a789e27c755bd45725836509.png);
}

.contTop_box2 .img_box.type_c {
  background: center/cover no-repeat url(/static/home/images/sub/sub06_top_img3-26239714f880ce82f55c5da67d8df21a.png);
}

.contTop_box2 .box {
  display: flex;
  padding: 40px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 10px;
  width: 100%;
}

.contTop_box2 .box .tit {
  font-family: "Pretendard";
  font-size: 25px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 37.5px */
}

.contTop_box2 .box .classify_line {
  height: 1px;
  width: 100%;
  background: #C6C6C6;
}

.contTop_box2 .box p {
  color: #2D2D2D;
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 25.5px */
}

@media screen and (max-width: 1279px) {
  .contTop_box2 {
    flex-direction: column;
  }
  .contTop_box2 .box {
    padding: 30px;
  }
  .contTop_box2 .img_box {
    min-width: unset;
    min-height: unset;
    padding-bottom: 53%;
  }
}
@media screen and (max-width: 767px) {
  .sub_title h2 {
    font-size: 24px;
  }
  .contTop_box {
    /* padding: 24px; */
    gap: 10px;
  }
  .contTop_box p.tit {
    font-size: 18px;
  }
  .contTop_box ul > li > p {
    font-size: 14px;
  }
  .contTop_box2 .box {
    padding: 16px;
  }
  .contTop_box2 .box .tit {
    font-size: 21px;
  }
  .contTop_box2 .box .classify_line {
    display: none;
  }
}
.contSub_box {
  display: flex;
  flex-direction: column;
  padding: 16px 20px;
  gap: 8px;
  border-radius: 10px;
  border: 1px solid #D8D8D8;
  background: #F8F8F8;
  margin-top: 40px;
}

.contSub_box > dl {
  display: flex;
}

.contSub_box > dl dt {
  color: #1D1D1D;
  font-size: 16px;
  font-weight: 700;
  line-height: 150%; /* 24px */
  letter-spacing: -0.48px;
}

.contSub_box > dl dd {
  position: relative;
  padding-left: 8px;
  margin-left: 8px;
  color: #1D1D1D;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%; /* 24px */
  letter-spacing: -0.48px;
}

.contSub_box > dl dd::before {
  content: "";
  display: block;
  position: absolute;
  top: 4px;
  left: 0;
  width: 1px;
  height: 16px;
  background: #D0D5E0;
}

@media screen and (max-width: 767px) {
  .contSub_box {
    margin-top: 30px;
  }
  .contSub_box > dl dt {
    font-size: 14px;
  }
  .contSub_box > dl dd {
    font-size: 14px;
  }
  .contSub_box > dl dd::before {
    top: 2px;
  }
}
/* subtit - default */
.subtit_l {
  position: relative;
  color: #1D1D1D;
  font-size: 20px;
  font-weight: 700;
  line-height: 150%; /* 30px */
  letter-spacing: -0.6px;
  padding-left: 30px;
  margin-bottom: 16px;
}

.subtit_l::before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0%, -50%);
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(/static/home/images/sub/ico_subtit_l-7a6c8eeff310f12dcf5fc0c7bc4db957.svg);
}

.subtit_c_red {
  color: #083637;
  font-family: Pretendard;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 27px */
  letter-spacing: -0.54px;
}

.subtit_m_dot2 {
  position: relative;
  color: #1D1D1D;
  font-family: Pretendard;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 27px */
  padding-left: 13px;
  letter-spacing: -0.54px;
}

.subtit_m_dot2::before {
  content: "";
  display: block;
  width: 10px;
  height: 14px;
  flex-shrink: 0;
  border-radius: 50%;
  position: absolute;
  top: 7px;
  left: -1px;
  background: url(/static/home/images/sub/ico_subtit_dot2-5193a13ee12fe86cf79fabd52646548c.svg) center/contain no-repeat;
}

.subtit_m_dot {
  position: relative;
  color: #1D1D1D;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -0.54px;
  padding-left: 10px;
  flex-shrink: 0;
}

.subtit_m_dot::before {
  content: "";
  display: block;
  width: 5px;
  height: 5px;
  flex-shrink: 0;
  border-radius: 50%;
  position: absolute;
  top: 9px;
  left: 0;
  background-color: #F17400;
}

.subtit_m_txtdot {
  position: relative;
  color: #1D1D1D;
  font-size: 17px;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -0.54px;
  padding-left: 10px;
}

.subtit_m_txtdot::before {
  content: "·";
  display: block;
  position: absolute;
  top: 0px;
  left: 0;
}

.subtit_m_line {
  position: relative;
  color: #1D1D1D;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -0.54px;
  padding-left: 10px;
}

.subtit_m_line::before {
  content: "";
  display: block;
  width: 6px;
  height: 1px;
  position: absolute;
  top: 11px;
  left: 0;
  background-color: #8E8E8E;
}

.subtit_s {
  position: relative;
  color: #1D1D1D;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%; /* 24px */
  letter-spacing: -0.48px;
  padding-left: 12px;
}

.subtit_s::before {
  content: "";
  display: block;
  width: 6px;
  height: 24px;
  position: absolute;
  top: -1px;
  left: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../images/component/ico_subtit_s.svg);
}

.subtit_l_con {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 2px;
  padding-left: 20px;
}

.subtit_m_con {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding-left: 12px;
}

.subtit_s_con {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-left: 12px;
}

.subtit_b_con {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding-left: 12px;
}

.subtit_l_con.cnt {
  counter-reset: counter;
}

@media screen and (max-width: 1279px) {
  .sub_top_info {
    margin-top: 0;
  }
}
@media screen and (max-width: 767px) {
  .sub_top_info {
    margin-bottom: 30px;
  }
  .subtit_l {
    margin-top: 30px;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: -0.9px;
  }
  .subtit_m {
    font-size: 16px;
    letter-spacing: -0.8px;
  }
  .subtit_m_dot {
    font-size: 16px;
    letter-spacing: -0.8px;
  }
  .subtit_m_dot2 {
    font-size: 16px;
    letter-spacing: -0.48px;
  }
  .subtit_m_dot2::before {
    top: 5px;
  }
  .subtit_m_line {
    font-size: 16px;
    letter-spacing: -0.8px;
  }
  .subtit_s {
    font-size: 14px;
    letter-spacing: -0.7px;
  }
  .subtit_l_con {
    padding-left: 20px;
    gap: 6px;
  }
  .subtit_m_con {
    padding-left: 0;
    gap: 6px;
  }
  .subtit_s_con {
    gap: 6px;
  }
}
/* subtit - custom */
.subtit_s._num {
  position: relative;
  padding-left: 16px;
}

.subtit_s._num::before {
  background: unset;
  width: 14px;
  top: 0;
}

.subtit_s._num:nth-of-type(1)::before {
  content: "①";
}

.subtit_s._num:nth-of-type(2)::before {
  content: "②";
}

.subtit_s._num:nth-of-type(3)::before {
  content: "③";
}

.subtit_s._num:nth-of-type(4)::before {
  content: "④";
}

.subtit_s._num:nth-of-type(5)::before {
  content: "⑤";
}

.subtit_s._num:nth-of-type(6)::before {
  content: "⑥";
}

.subtit_s._num:nth-of-type(7)::before {
  content: "⑦";
}

.subtit_s._num:nth-of-type(8)::before {
  content: "⑧";
}

.subtit_s._num:nth-of-type(9)::before {
  content: "⑨";
}

.subtit_s._num:nth-of-type(10)::before {
  content: "⑩";
}

.subtit_s._num2 {
  position: relative;
  padding-left: 26px;
}

.subtit_s._num2::before {
  display: flex;
  align-items: center;
  justify-content: center;
  background: unset;
  background: #E4E4E4;
  width: 20px;
  height: 20px;
  border-radius: 12px;
  top: 2px;
  color: #1D1D1D;
  font-size: 13px;
  font-weight: 400;
  line-height: 150%; /* 19.5px */
}

.subtit_s._num2:nth-of-type(1)::before {
  content: "1";
}

.subtit_s._num2:nth-of-type(2)::before {
  content: "2";
}

.subtit_s._num2:nth-of-type(3)::before {
  content: "3";
}

.subtit_s._num2:nth-of-type(4)::before {
  content: "4";
}

.subtit_s._num2:nth-of-type(5)::before {
  content: "5";
}

.subtit_s._num2:nth-of-type(6)::before {
  content: "6";
}

.subtit_s._num2:nth-of-type(7)::before {
  content: "7";
}

.subtit_s._num2:nth-of-type(8)::before {
  content: "8";
}

.subtit_s._num2:nth-of-type(9)::before {
  content: "9";
}

.subtit_s._num2:nth-of-type(10)::before {
  content: "10";
}

.subtit_s._num2._num2_1::before {
  content: "1";
}

.subtit_s._num2._num2_2::before {
  content: "2";
}

.subtit_s._num2._num2_3::before {
  content: "3";
}

.subtit_s._num2._num2_4::before {
  content: "4";
}

.subtit_s._num2._num2_5::before {
  content: "5";
}

.subtit_s._num2._num2_6::before {
  content: "6";
}

.subtit_s._num2._num2_7::before {
  content: "7";
}

.subtit_s._num2._num2_8::before {
  content: "8";
}

.subtit_s._num2._num2_9::before {
  content: "9";
}

.subtit_s._num2._num2_10::before {
  content: "10";
}

.subtit_s._num3 {
  position: relative;
  padding-left: 30px;
}

.subtit_s._num3::before {
  counter-increment: counter;
  content: counter(counter);
  display: flex;
  align-items: center;
  justify-content: center;
  background: unset;
  background: #FFC75E;
  width: 24px;
  height: 24px;
  border-radius: 12px;
  top: 0px;
  color: #1D1D1D;
  font-size: 13px;
  font-weight: 700;
  line-height: 150%; /* 19.5px */
}

/* .subtit_s._num3:nth-of-type(1)::before {
    content: '1';
}
.subtit_s._num3:nth-of-type(2)::before {
    content: '2';
}
.subtit_s._num3:nth-of-type(3)::before {
    content: '3';
}
.subtit_s._num3:nth-of-type(4)::before {
    content: '4';
}
.subtit_s._num3:nth-of-type(5)::before {
    content: '5';
}
.subtit_s._num3:nth-of-type(6)::before {
    content: '6';
}
.subtit_s._num3:nth-of-type(7)::before {
    content: '7';
}
.subtit_s._num3:nth-of-type(8)::before {
    content: '8';
}
.subtit_s._num3:nth-of-type(9)::before {
    content: '9';
}
.subtit_s._num3:nth-of-type(10)::before {
    content: '10';
} */
.subtit_s._kr {
  position: relative;
  padding-left: 22px;
}

.subtit_s._kr::before {
  background: unset;
  width: 14px;
  top: 0;
}

.subtit_s._kr:nth-of-type(1)::before {
  content: "가.";
}

.subtit_s._kr:nth-of-type(2)::before {
  content: "나.";
}

.subtit_s._kr:nth-of-type(3)::before {
  content: "다.";
}

.subtit_s._kr:nth-of-type(4)::before {
  content: "라.";
}

.subtit_s._kr:nth-of-type(5)::before {
  content: "마.";
}

.subtit_s._kr:nth-of-type(6)::before {
  content: "바.";
}

.subtit_s._kr:nth-of-type(7)::before {
  content: "사.";
}

.subtit_s._kr:nth-of-type(8)::before {
  content: "아.";
}

.subtit_s._kr:nth-of-type(9)::before {
  content: "자.";
}

.subtit_s._kr:nth-of-type(10)::before {
  content: "차.";
}

.subtit_s._red {
  padding-left: 0;
  color: #FF0000;
}

.subtit_s._red::before {
  display: none;
}

@media screen and (max-width: 767px) {
  .subtit_s._num2 {
    padding-left: 23px;
  }
  .subtit_s._num2::before {
    width: 18px;
    height: 18px;
  }
}
/* table mScroll */
.table_area.mScroll {
  padding: 0;
  background: unset;
  padding: unset;
  margin: unset;
  border: unset;
  margin-top: 20px;
  position: relative;
  border-top: 2px solid #1D1D1D;
}

.table_area.mScroll table {
  width: 100%;
  table-layout: fixed;
}

.table_area.mScroll table thead tr th {
  padding: 14px 16px;
  color: #1D1D1D;
  text-align: center;
  font-size: 15px;
  font-weight: 700;
  line-height: 150%; /* 24px */
  letter-spacing: -0.48px;
  background: #F8F8F8;
  border: unset;
  border-right: 1px solid #D8D8D8;
  border-bottom: 1px solid #D8D8D8;
}

.table_area.mScroll table thead tr th:last-child {
  border-right: none;
}

.table_area.mScroll table tbody tr.total td {
  background: #FFF7F0;
}

.table_area.mScroll table tbody tr th {
  padding: 14px 16px;
  color: #1D1D1D;
  text-align: center;
  font-size: 17px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 24px */
  letter-spacing: -0.48px;
  background: #F8F8F8;
  border: unset;
  border-right: 1px solid #D8D8D8;
  border-bottom: 1px solid #D8D8D8;
}

.table_area.mScroll table tbody tr th:last-child {
  border-right: none;
}

.table_area.mScroll table tbody tr td {
  padding: 14px 16px;
  color: #1D1D1D;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%; /* 24px */
  letter-spacing: -0.48px;
  border-right: 1px solid #D8D8D8;
  border-bottom: 1px solid #D8D8D8;
}

.table_area.mScroll table thead tr th.rowspan:last-child,
.table_area.mScroll table tbody tr td.rowspan:last-child {
  border-right: 1px solid #D8D8D8;
}

.table_area.mScroll table tbody tr td:last-child {
  border-right: none;
}

.table_area.mScroll table tbody tr td.align_left {
  text-align: left;
}

.table_area.mScroll .txt_ex_scroll {
  display: none;
}

@media screen and (max-width: 767px) {
  .table_area.mScroll {
    position: relative;
    overflow-x: auto;
    margin-top: 16px;
  }
  .table_area.mScroll .txt_ex_scroll {
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: url(/static/home/images/sub/ico_tbl_scroll-773fa6872bce576df15f1165bce0192b.svg) no-repeat center;
    background-size: 70px;
    text-indent: -9999px;
    overflow: hidden;
    z-index: 5;
  }
  .table_area.mScroll.ck::before {
    display: none;
  }
  .table_area.mScroll table {
    min-width: 767px;
  }
}
.copyright_ico1 {
  display: inline-block;
  width: 100%;
  max-width: 155px;
  height: 60px;
  background: center/100% 100% no-repeat url(/static/home/images/sub/copyright_img1-1cf4294ea3f4a0d3d368efc015846ae3.png);
}

.copyright_ico2 {
  display: inline-block;
  width: 100%;
  max-width: 191px;
  height: 60px;
  background: center/100% 100% no-repeat url(/static/home/images/sub/copyright_img2-61e817574a6225eb2a63d4e085ce4b2e.png);
}

.copyright_ico3 {
  display: inline-block;
  width: 100%;
  max-width: 193px;
  height: 60px;
  background: center/100% 100% no-repeat url(/static/home/images/sub/copyright_img3-d59d4814f633d3060cefc57d09793d0d.png);
}

.copyright_ico4 {
  display: inline-block;
  width: 100%;
  max-width: 223px;
  height: 60px;
  background: center/100% 100% no-repeat url(/static/home/images/sub/copyright_img4-aff9b0197e23f15668af55df6b31cd56.png);
}

.sub_tabbox {
  border: 1px solid #d8d8d8;
  border-radius: 10px;
  overflow: hidden;
  box-sizing: border-box;
}
.sub_tabbox > ul {
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
  margin: -1px;
}
.sub_tabbox > ul > li {
  flex: 1;
  box-sizing: border-box;
  border-right: 1px solid #d8d8d8;
  border-bottom: 1px solid #d8d8d8;
}
.sub_tabbox > ul:has(li:nth-child(4)) > li {
  flex: 0 1 25%;
}
.sub_tabbox > ul > li > a {
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  height: 56px;
  padding: 16px;
  color: #1d1d1d;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  line-height: 150%; /* 24px */
  letter-spacing: -0.48px;
}
.sub_tabbox > ul > li > a > span {
  display: -webkit-box;
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-word;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.sub_tabbox > ul > li > a:focus, .sub_tabbox > ul > li > a:hover {
  background-color: #F0F0F0;
  font-weight: 500;
  color: #1D1D1D;
  outline-offset: -6px;
}
.sub_tabbox > ul > li > a.active {
  background-color: #0A484A;
  font-weight: 500;
  color: #fff;
}
.sub_tabbox > ul > li:has(a.active) {
  z-index: 1;
}
.sub_tabbox .sub_tabList {
  display: flex;
  border: 1px solid #B5B5B5;
}
.sub_tabbox .sub_tabList > li {
  width: 33.33%;
}
.sub_tabbox .sub_tabList > li + li {
  border-left: 1px solid #B5B5B5;
}
.sub_tabbox .sub_tabList > li > a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 51px;
}
.sub_tabbox .sub_tabList > li.active > a {
  background-color: #111111;
  color: #fff;
}

.js_tabcont {
  display: none;
  margin-top: 40px;
}
.js_tabcont.active {
  display: block;
}

@media screen and (max-width: 767px) {
  .sub_tabbox {
    position: relative;
    height: 52px;
    overflow: initial;
  }
  .sub_tabbox > ul {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    max-height: 52px;
    border: 1px solid #d8d8d8;
    border-radius: 10px;
    overflow: hidden;
    transition: max-height 0s cubic-bezier(0, 1, 0, 1);
  }
  .sub_tabbox > ul.open {
    max-height: 600px;
    z-index: 11;
    transition: max-height 0s ease-in-out;
  }
  .sub_tabbox > ul > li {
    display: none;
    flex: none;
    order: 2;
    position: relative;
    width: 100% !important;
    margin: 0;
    border: none;
    border-top: 1px solid #d8d8d8 !important;
    background-color: #fff;
    overflow: hidden;
  }
  .sub_tabbox > ul > li:has(a.active) {
    display: block;
  }
  .sub_tabbox > ul.open > li {
    display: block;
  }
  .sub_tabbox > ul:has(li:nth-child(4)) > li {
    flex: none;
  }
  .sub_tabbox > ul > li > a {
    justify-content: flex-start;
    height: auto;
    min-height: 51px;
    padding: 16px;
    background: #fff;
    line-height: 20px;
    text-align: left;
  }
  .sub_tabbox > ul > li > a:hover, .sub_tabbox > ul > li > a:focus {
    outline-offset: -4px;
  }
  .sub_tabbox > ul > li:has(a.active) {
    order: 1;
    border-top: none !important;
  }
  .sub_tabbox > ul > li > a.active {
    padding-right: 45px;
    background: #fff;
    color: #1d1d1d;
    font-weight: 500;
  }
  .sub_tabbox > ul > li > a.active::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 15px;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    background: url(/static/home/images/sub/ico_bottom_arrow_black-fe0055188a8747575cae6aa3d30fbafb.svg) no-repeat center/contain;
  }
  .sub_tabbox > ul.open > li > a.active:after {
    transform: rotate(180deg);
  }
}
.sub_in_tabbox {
  display: flex;
  align-items: center;
}
.sub_in_tabbox > ul {
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  gap: 8px 20px;
}
.sub_in_tabbox > ul > li {
  position: relative;
}
.sub_in_tabbox > ul > li > a, .sub_in_tabbox > ul > li > button {
  display: inline-flex;
  align-items: center;
  color: #8E8E8E;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: -0.48px;
  padding: 4px;
  background: none;
  border: 0;
  cursor: pointer;
}
.sub_in_tabbox > ul > li > a:hover, .sub_in_tabbox > ul > li > a:focus, .sub_in_tabbox > ul > li > button:hover, .sub_in_tabbox > ul > li > button:focus {
  color: #1D1D1D;
}
.sub_in_tabbox > ul > li > a:focus-visible, .sub_in_tabbox > ul > li > button:focus-visible {
  outline-offset: -2px;
}
.sub_in_tabbox > ul > li > a.active, .sub_in_tabbox > ul > li > button.active {
  color: #0A484A;
}
.sub_in_tabbox > ul > li + li::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -10px;
  transform: translateY(-50%);
  width: 1px;
  height: 16px;
  background-color: #C6C6C6;
}

.js_tabInCont {
  display: none;
}

.js_tabInCont.active {
  display: flex;
  flex-direction: column;
}

/* TAB MENU swiper */
.tab-area .tablist,
.subtab-area .subtablist {
  position: relative;
  display: flex;
  border-bottom: 2px solid #D8D8D8;
}

.subtab-area .subtablist {
  border-bottom: none;
}

.tab-area .tablist .swiper,
.subtab-area .subtablist .swiper {
  width: 100%;
  margin: 0 92px 0 48px;
}

.subtab-area .subtablist .swiper {
  border: solid 1px #D8D8D8;
  border-radius: 12px;
}

.tab-area .tablist .swiper-wrapper,
.subtab-area .subtablist .swiper-wrapper {
  display: flex;
  align-items: center;
}

.tab-area .tablist .swiper-slide,
.subtab-area .subtablist .swiper-wrapper {
  width: 25%;
}

.tab-area .tablist .swiper-slide button,
.subtab-area .subtablist .swiper-slide button {
  width: 100%;
  height: 58px;
  font-size: 17px;
  font-weight: 700;
  line-height: 25.5px;
  text-align: center;
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #555555;
}
.tab-area .tablist .swiper-slide button:hover, .tab-area .tablist .swiper-slide button:focus,
.subtab-area .subtablist .swiper-slide button:hover,
.subtab-area .subtablist .swiper-slide button:focus {
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-thickness: 2px;
}

.subtab-area .subtablist .swiper-slide {
  border-right: solid 1px #D8D8D8;
  margin-right: 1px;
}

.subtab-area .subtablist .swiper-slide:not(.active) button:hover,
.subtab-area .subtablist .swiper-slide:not(.active) button:focus {
  text-decoration: none;
  background-color: #EDF8F8;
  color: #075D5D;
}

.tab-area .tablist .swiper-slide.active button::before {
  content: "";
  display: block;
  width: 100%;
  height: 4px;
  position: absolute;
  bottom: 0px;
  left: 0;
  background-color: #075D5D;
}

.tab-area .tablist .swiper-slide.active button {
  color: #075D5D;
}

.subtab-area .subtablist .swiper-slide.active {
  background-color: #043E3E;
}

.subtab-area .subtablist .swiper-slide.active button {
  color: #fff;
}

.tab-area .tablist .swiper-move-btn,
.subtab-area .subtablist .swiper-move-btn {
  border-radius: 50%;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  border: 1px solid #E4E4E4;
  z-index: 2;
  background-repeat: no-repeat;
  background-position: center;
  background-color: rgba(255, 255, 255, 0.8);
  background-size: 20px;
}
.tab-area .tablist .swiper-move-btn:hover, .tab-area .tablist .swiper-move-btn:focus,
.subtab-area .subtablist .swiper-move-btn:hover,
.subtab-area .subtablist .swiper-move-btn:focus {
  background-color: #F0F0F0;
}

.tab-area .tablist .swiper-move-btn.prev,
.subtab-area .subtablist .swiper-move-btn.prev {
  left: 0;
  background-image: url(/static/home/images/sub/ico_prev_black-9bcb918e8801f874c05667b177f1463a.svg);
}

.tab-area .tablist .swiper-move-btn.next,
.subtab-area .subtablist .swiper-move-btn.next {
  background-image: url(/static/home/images/sub/ico_next_black-1afecace9e7c3edc8a23192af1d6cd67.svg);
}

.tab-area .tablist-full,
.subtab-area .subtablist-full {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  z-index: 1;
}

.tab-area .tablist-full-wrap,
.subtab-area .subtablist-full-wrap {
  display: none;
  position: absolute;
  top: 58px;
  right: 0;
  width: 358px;
  max-width: calc(100vw - 48px);
  padding: 8px;
  border-radius: 12px;
  border: 1px solid #D8D8D8;
  background: #FFF;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.12);
}

.tab-area .tablist-full-btn,
.subtab-area .subtablist-full-btn {
  display: flex;
  padding: 8px;
  width: 40px;
  height: 40px;
  align-items: center;
  gap: 10px;
  border-radius: 40px;
  border: 1px solid #E4E4E4;
  background-color: rgba(255, 255, 255, 0.8);
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../images/common/ico_tablist_black.svg);
}

.tab-area .tablist-full-wrap .select-list,
.subtab-area .subtablist-full-wrap .subselect-list {
  max-height: 240px;
  overflow-y: auto;
}

.tab-area .tablist-full-wrap .select-list::-webkit-scrollbar,
.subtab-area .subtablist-full-wrap .subselect-list::-webkit-scrollbar {
  width: 2px;
}

.tab-area .tablist-full-wrap .select-list::-webkit-scrollbar-thumb,
.subtab-area .subtablist-full-wrap .subselect-list::-webkit-scrollbar-thumb {
  background: #d8d8d8;
}

.tab-area .tablist-full-wrap .select-list > li.active .btn-tab,
.subtab-area .subtablist-full-wrap .subselect-list > li.active .subbtn-tab {
  background: #075D5D;
  color: #fff;
}

.tab-area .tablist-full-wrap .select-list .btn-tab,
.subtab-area .subtablist-full-wrap .subselect-list .subbtn-tab {
  display: flex;
  width: calc(100% - 8px);
  height: 48px;
  padding: 15px 16px;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  color: #000;
  font-size: 17px;
  font-weight: 400;
  border-radius: 8px;
}
.tab-area .tablist-full-wrap .select-list .btn-tab:hover, .tab-area .tablist-full-wrap .select-list .btn-tab:focus,
.subtab-area .subtablist-full-wrap .subselect-list .subbtn-tab:hover,
.subtab-area .subtablist-full-wrap .subselect-list .subbtn-tab:focus {
  background: #EDF8F8;
  text-decoration: underline;
  text-underline-position: under;
}

.tab-area.tab-in {
  width: 100%;
}

.tab-area.tab-in .tablist {
  border-bottom: 0;
}

.tab-area.tab-in .tablist .swiper-slide-active {
  border-left: none !important;
}

.tab-area.tab-in .tablist .swiper-slide.active button {
  color: #fff;
  background-color: #043E3E;
}

@media screen and (max-width: 1024px) {
  .tab-area .tablist .swiper-slide {
    width: 33.33%;
  }
}
@media screen and (max-width: 767px) {
  .tab-area .tablist.val2 .swiper-slide,
  .tab-area .tablist.val3 .swiper-slide,
  .tab-area .tablist .swiper-slide {
    width: 100%;
  }
}
.tab-area .tablist,
.subtab-area .subtablist {
  position: relative;
  display: flex;
  border-bottom: 2px solid #D8D8D8;
  overflow: hidden;
}

.subtab-area .subtablist {
  border-bottom: none;
}

.tab-area .tablist .swiper,
.subtab-area .subtablist .swiper {
  width: 100%;
}

.subtab-area .subtablist .swiper {
  border: solid 1px #D8D8D8;
  border-radius: 12px;
}

.tab-area .tablist .swiper-wrapper,
.subtab-area .subtablist .swiper-wrapper {
  display: flex;
  align-items: stretch;
}

.tab-area .tablist .swiper-slide,
.subtab-area .subtablist .swiper-wrapper {
  width: auto;
  flex: 1 0 auto;
}

.tab-area .tablist.type1 .swiper-slide,
.tab-area .tablist.type2 .swiper-slide {
  height: unset;
}

.tab-area .tablist .swiper-slide button,
.subtab-area .subtablist .swiper-slide button {
  display: inline-flex;
  width: 100%;
  height: 100%;
  padding: 16px 12px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  color: #555;
  text-align: center;
  font-size: 17px;
  font-weight: 700;
  line-height: 150%; /* 25.5px */
}

.tab-area .tablist .swiper-slide button:hover,
.tab-area .tablist .swiper-slide button:focus,
.subtab-area .subtablist .swiper-slide button:hover,
.subtab-area .subtablist .swiper-slide button:focus {
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-thickness: 2px;
}

.tab-area .tablist .swiper-slide button:focus-visible,
.subtab-area .subtablist .swiper-slide button:focus-visible {
  outline-offset: -0.4rem;
}

.subtab-area .subtablist .swiper-slide {
  border-right: solid 1px #D8D8D8;
  margin-right: 1px;
}

.subtab-area .subtablist .swiper-slide:not(.active) button:hover,
.subtab-area .subtablist .swiper-slide:not(.active) button:focus {
  text-decoration: none;
  background-color: #EDF8F8;
  color: #075D5D;
}

.tab-area .tablist .swiper-slide.active button::before {
  content: "";
  display: block;
  width: 100%;
  height: 4px;
  position: absolute;
  bottom: 0px;
  left: 0;
  background-color: #075D5D;
}

.tab-area .tablist .swiper-slide.active button {
  color: #075D5D;
}

.subtab-area .subtablist .swiper-slide.active {
  background-color: #043E3E;
}

.subtab-area .subtablist .swiper-slide.active button {
  color: #fff;
}

.tab-area .tablist .swiper-move,
.subtab-area .subtablist .swiper-move {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: calc(100% + 2px);
  background-color: #fff;
  z-index: 2;
  display: flex;
  align-items: center;
  cursor: auto;
}

.tab-area .tablist .swiper-move.prev,
.subtab-area .subtablist .swiper-move.prev {
  justify-content: flex-start;
  left: 0;
}

.tab-area .tablist .swiper-move.next,
.subtab-area .subtablist .swiper-move.next {
  justify-content: flex-end;
  right: 0;
}

.tab-area .tablist .swiper-move-btn,
.subtab-area .subtablist .swiper-move-btn {
  border-radius: 50%;
  width: 40px;
  height: 40px;
  border: 1px solid #E4E4E4;
  z-index: 2;
  background-repeat: no-repeat;
  background-position: center;
  background-color: rgba(255, 255, 255, 0.5);
}

.tab-area .tablist .swiper-move-btn:hover,
.tab-area .tablist .swiper-move-btn:focus,
.subtab-area .subtablist .swiper-move-btn:hover,
.subtab-area .subtablist .swiper-move-btn:focus {
  background-color: rgba(255, 255, 255, 0.8);
}

.tab-area .tablist .swiper-move-btn.prev,
.subtab-area .subtablist .swiper-move-btn.prev {
  background-image: url(/static/home/images/sub/ico_prev_black-9bcb918e8801f874c05667b177f1463a.svg);
}

.tab-area .tablist .swiper-move-btn.next,
.subtab-area .subtablist .swiper-move-btn.next {
  background-image: url(/static/home/images/sub/ico_next_black-1afecace9e7c3edc8a23192af1d6cd67.svg);
}

.tab-area .tablist-full,
.subtab-area .subtablist-full {
  display: none;
}

.tab-area.tab-in .tablist {
  border-bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.tab-area.tab-in .tablist.type1 .swiper {
  margin: 0;
  width: 100%;
  overflow: hidden;
}

.tab-area.tab-in .tablist.type1 .swiper-slide button {
  display: flex;
  /* width: 160px; */
  min-height: 56px;
  padding: 8px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  flex: 1 0 0;
  border-bottom: 1px solid #D8D8D8;
  color: #555;
  text-align: center;
  font-size: 17px;
  font-weight: 700;
  line-height: 150%;
}

.tab-area .tablist.type1 .swiper-move {
  background-color: unset;
}

.tab-area .tablist.type1 .swiper-move.prev {
  left: 5px;
}

.tab-area .tablist.type1 .swiper-move.next {
  right: 5px;
}

.tab-area.tab-in .tablist.type1 .swiper-slide button:hover,
.tab-area.tab-in .tablist.type1 .swiper-slide button:focus {
  border-bottom: 1px solid #D8D8D8;
  color: #245454;
}

.tab-area.tab-in .tablist.type1 .swiper-slide.active button {
  background: unset;
  border-bottom: 4px solid #245454;
  color: #245454;
  text-decoration: unset;
}

.tab-area.tab-in .tablist.type2 .swiper {
  margin: 0;
  width: calc(100% - 103px);
  overflow: hidden;
  padding-left: 2px;
}

.tab-area.tab-in .tablist.type2 .swiper-slide button {
  display: flex;
  /* width: 160px; */
  min-height: 56px;
  padding: 8px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  flex: 1 0 0;
  border-top: 1px solid #D8D8D8;
  border-bottom: 1px solid #D8D8D8;
  border-right: 1px solid #D8D8D8;
  color: #555;
  text-align: center;
  font-size: 15px;
  font-weight: 700;
  line-height: 150%;
}

.tab-area.tab-in .tablist.type2 .swiper-slide:first-child button {
  border-radius: 8px 0 0 8px;
  border-left: 1px solid #D8D8D8;
}

.tab-area.tab-in .tablist.type2 .swiper-slide:last-child button {
  border-radius: 0 8px 8px 0;
}

.tab-area.tab-in .tablist.type2 .swiper-slide button:hover,
.tab-area.tab-in .tablist.type2 .swiper-slide button:focus {
  border-top: 1px solid #D8D8D8;
  border-bottom: 1px solid #D8D8D8;
  border-right: 1px solid #D8D8D8;
  background-color: #F8F8F8;
  color: #245454;
}

.tab-area.tab-in .tablist.type2 .swiper-slide.active button {
  background: #307070;
  border: 1px solid #307070;
  color: #FFF;
}

.tab-area.tab-in .tablist .swiper-slide.active button::before {
  display: none;
}

.swiper_js_tabcont {
  display: none;
  margin-top: 40px;
}

.swiper_js_tabcont.active {
  display: block;
}

@media screen and (max-width: 1024px) {
  .tab-area .tablist .swiper-move-btn,
  .subtab-area .subtablist .swiper-move-btn {
    width: 32px;
    height: 32px;
    background-size: 20px;
  }
  .tab-area.tab-in .tablist.type2 .swiper {
    width: calc(100% - 83px);
  }
  .tab-area .tablist .swiper-move,
  .subtab-area .subtablist .swiper-move {
    width: 32px;
  }
}
@media screen and (max-width: 767px) {
  .tab-area .tablist .swiper-move-btn,
  .subtab-area .subtablist .swiper-move-btn {
    width: 24px;
    height: 24px;
    background-size: 16px;
  }
  .tab-area.tab-in .tablist.type2 .swiper {
    width: calc(100% - 62px);
  }
  .tab-area .tablist .swiper-move,
  .subtab-area .subtablist .swiper-move {
    width: 24px;
  }
  /** swiper tab mobile dropdown change */
  .tab-area .tablist.type2 .swiper-move.next, .subtab-area .subtablist .swiper-move.next,
  .tab-area .tablist.type2 .swiper-move.prev, .subtab-area .subtablist .swiper-move.prev {
    display: none;
  }
  .tab-area .tablist.type2 .swiper-slide {
    display: block;
    width: 100% !important;
    /* height: 100%; */
  }
  .tab-area.tab-in .tablist.type2 .swiper-slide.active {
    order: -1;
  }
  .tab-area.tab-in .tablist.type2 .swiper {
    width: 100%;
  }
  .tab-area .tablist, .subtab-area .subtablist {
    overflow: unset;
  }
  .tab-area.tab-in .tablist.type2 .swiper {
    overflow: unset;
  }
  .tablist.type2 .swiper > .swiper-wrapper.open {
    z-index: 50;
    overflow: unset !important;
    transition: max-height 0s ease-in-out;
  }
  .tablist.type2 .swiper > .swiper-wrapper > .swiper-slide.active::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 15px;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    background: url(/static/home/images/sub/ico_bottom_arrow_white-20d5a14725d568b2ac8d11efceece0b5.svg) no-repeat center/contain;
    pointer-events: none;
  }
  .tablist.type2 .swiper > .swiper-wrapper.open > .swiper-slide.active:after {
    transform: rotate(180deg);
  }
  .tab-area.tab-in .tablist.type2 .swiper-slide button {
    background: #FFF;
    border-left: 1px solid #D8D8D8;
    justify-content: flex-start;
    text-align: left;
  }
  .tab-area.tab-in .tablist.type2 .swiper-slide:first-child button {
    border-radius: unset;
  }
  .tab-area.tab-in .tablist.type2 .swiper-slide:last-child button {
    border-radius: 0 0 8px 8px;
  }
  .tab-area.tab-in .tablist.type2:has(.swiper-slide:last-child.active) .swiper-slide:nth-last-child(2) button {
    border-radius: 0 0 8px 8px;
  }
  .tab-area.tab-in .tablist.type2 .swiper-slide.active button {
    border-radius: 8px 8px 0 0;
  }
  .tablist.type2 .swiper {
    position: relative;
    height: 52px;
    overflow: initial;
  }
  .tablist.type2 .swiper > .swiper-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    max-height: 52px;
    border: 1px solid #d8d8d8;
    border-radius: 10px;
    overflow: hidden;
    transition: max-height 0s cubic-bezier(0, 1, 0, 1);
    flex-direction: column;
    transform: unset !important;
  }
  /** swiper tab mobile dropdown change */
}
/* TAB MENU swiper */
/* BUTTON */
.btn-sub-box {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.btn-sub {
  display: inline-flex;
  padding: 8px 12px 8px 16px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  border-radius: 6px;
  box-sizing: border-box;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%; /* 24px */
  letter-spacing: -0.48px;
}

.btn-sub:hover {
  text-decoration: underline;
  text-underline-offset: 3px;
}

.btn-sub {
  border: 1px solid #2D2D2D;
  background: #F8F8F8;
  color: #1D1D1D;
}

.btn-sub .ico_down {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(/static/home/images/sub/ico_btn_down_black-96c707f1463e990e0c3aaa6b61ed6277.svg);
  flex-shrink: 0;
}

.btn-sub.type_a {
  padding: 8px 12px 8px 16px;
  background: #E7EFEF;
  color: #083637;
  border: 1px solid #083637;
  border-radius: 6px;
}

.btn-sub.type_a .ico_link {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(/static/home/images/sub/ico_btn_sub_link_green-0a113ae0279bb8c537c8aa672b35b861.svg);
  flex-shrink: 0;
}

/* radio */
.inputRadio {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.inputRadio input[type=radio] {
  position: relative;
  appearance: none;
  width: 20px;
  height: 20px;
  background: #FFF;
  cursor: pointer;
}

.inputRadio input[type=radio]::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image: url(../images/component/ico_radio.svg);
}

.inputRadio input[type=radio]:checked::after {
  background-image: url(../images/component/ico_radio_checked.svg);
}

.inputRadio label {
  color: #1D1D1D;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%; /* 21px */
  letter-spacing: -0.42px;
  cursor: pointer;
}

/* checkbox */
.inputCheckbox {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.inputCheckbox input[type=checkbox] {
  position: relative;
  appearance: none;
  width: 16px;
  height: 16px;
  border-radius: 2px;
  border: 1px solid #C6C6C6;
  background: #FFF;
}

.inputCheckbox input[type=checkbox]:checked {
  border: 1px solid #4075DF;
  accent-color: #fff;
}

.inputCheckbox input[type=checkbox]:checked::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 9px;
  height: 7px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image: url(../images/common/ico_checkbox_checked.svg);
}

/* NO DATA */
.sub_cont .nodata_box {
  display: flex;
  height: 600px;
  padding: 40px;
  justify-content: space-between;
  align-items: center;
  border-radius: 20px;
  border: 1px solid #D8D8D8;
  background: linear-gradient(rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6)), url(/static/home/images/sub/nodata_bg-c84e067aa02dba6ee9b44360eb152a03.jpg) center/cover no-repeat;
}

.sub_cont .nodata_box .nodata_area {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
  flex: 1 0 0;
}

.sub_cont .nodata_box .nodata_area .nodata_img {
  width: 160px;
  height: 160px;
  flex-shrink: 0;
  background: center/cover no-repeat url(/static/home/images/icons/no-data-logo-2a19c952f7078a621959b03ef9495993.svg);
}

.sub_cont .nodata_box .nodata_area .txt_box {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  align-self: stretch;
}

.sub_cont .nodata_box .nodata_area .txt_box > span {
  overflow: hidden;
  color: #1D1D1D;
  text-align: center;
  text-overflow: ellipsis;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: -0.8px;
}

.sub_cont .nodata_box .nodata_area .txt_box > span.tit {
  font-size: 25px;
  font-weight: 700;
  letter-spacing: -1.25px;
}

.sub_cont .nodata_box .nodata_area .txt_box > span.tit .strong {
  color: #0A484A;
}

.sub_cont .nodata_box .nodata_area .txt_box .tit_name {
  width: 260.001px;
  height: 28px;
  background: center/cover no-repeat url(/static/home/images/sub/tit_name_img-bf0eca8a28d9ae01725bdc0727898f06.svg);
}

@media screen and (max-width: 767px) {
  .sub_cont .nodata_box {
    height: 400px;
  }
}
@media screen and (max-width: 550px) {
  .sub_cont .nodata_box .nodata_area .nodata_img {
    width: 120px;
    height: 120px;
  }
  .sub_cont .nodata_box .nodata_area .txt_box .tit_name {
    width: 240px;
    height: 26px;
  }
  .sub_cont .nodata_box .nodata_area .txt_box > span.tit {
    font-size: 20px;
  }
}
/* * datepicker * */
.ui-widget.ui-widget-content {
  border: 1px solid #E4E4E4;
  padding: 0;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.12);
}

.ui-datepicker table {
  width: calc(100% - 16px) !important;
  margin: 0 8px 0.4em !important;
}

.ui-datepicker .ui-datepicker-header {
  border-bottom: 1px solid #E4E4E4;
}

.ui-widget-header .ui-icon.ui-icon-circle-triangle-w {
  background: center/cover no-repeat url(/static/home/images/sub/ico_datepicker_arrow_left_black-6e01ee4527087c0ca888490d9b531fb0.svg);
}

.ui-widget-header a:hover .ui-icon.ui-icon-circle-triangle-w {
  background: center/cover no-repeat url(/static/home/images/sub/ico_datepicker_arrow_left_gray-917cb450f687eec9d0e3faf774f7a8f4.svg);
}

.ui-widget-header .ui-icon.ui-icon-circle-triangle-e {
  background: center/cover no-repeat url(/static/home/images/sub/ico_datepicker_arrow_right_black-b1138e44c24d0e7d30c1f4285595643d.svg);
}

.ui-widget-header a:hover .ui-icon.ui-icon-circle-triangle-e {
  background: center/cover no-repeat url(/static/home/images/sub/ico_datepicker_arrow_right_gray-272626fc1e5edd9e3c8fb7dfdb1b8606.svg);
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  display: none;
}

.ui-datepicker-calendar > tbody > tr > td > a {
  border-radius: 8px !important;
  border: 1px solid rgba(0, 0, 0, 0) !important;
}

.ui-datepicker-calendar > tbody > tr > td > a.active {
  background: #0A484A !important;
  color: #FFF;
}

.ui-datepicker .ui-datepicker-title span {
  margin: 0 4px;
}

.ui-datepicker .ui-datepicker-title select {
  visibility: hidden;
}

.ui-datepicker .select .selectbox > button:after {
  width: 23px;
  height: 23px;
  min-width: 23px;
}

.ui-datepicker .select .selectbox > button:after {
  background-image: url(/static/home/images/sub/icon_down_green-e0bd54492f2daabbcdf9936a0170383e.svg);
}

.ui-datepicker {
  width: 314px !important;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
  top: 15px !important;
}

.ui-datepicker .ui-datepicker-prev {
  left: 12px !important;
}

.ui-datepicker .ui-datepicker-next {
  right: 12px !important;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
  background: unset !important;
  border: 1px solid #0A484A !important;
}

.ui-datepicker-calendar > tbody > tr > td:hover {
  opacity: unset !important;
}

.ui-datepicker-calendar > tbody > tr > td:first-child a.ui-state-default,
.ui-datepicker-calendar > tbody > tr > td:last-child a.ui-state-default,
.ui-datepicker-calendar > thead > tr > th.ui-datepicker-week-end:first-child span,
.ui-datepicker-calendar > thead > tr > th.ui-datepicker-week-end:last-child span {
  color: unset !important;
}

.ui-datepicker-calendar > tbody > tr > td:first-child a.ui-state-default.active,
.ui-datepicker-calendar > tbody > tr > td:last-child a.ui-state-default.active {
  color: #FFF !important;
}

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
  opacity: 0.3 !important;
}

.ui-datepicker .ui-datepicker-buttonpane {
  display: flex;
  justify-content: flex-end;
  padding: 8px !important;
}

.ui-datepicker-calendar > thead > tr > th,
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
  padding: 9px 12px !important;
  font-size: 14px !important;
  font-weight: 400 !important;
}

.ui-datepicker-calendar > tbody > tr > td {
  padding: 0px !important;
}

.ui-datepicker .ui-datepicker-buttonpane button {
  border: 1px solid #0A484A;
  background: #FFF;
  padding: 0.4em 0.6em 0.4em 0.6em !important;
  font-size: 15px !important;
  font-weight: 400 !important;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-ok {
  order: 2;
  border-radius: 4px;
  background: #0A484A;
  color: #FFF;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-close {
  order: 1;
  border: 1px solid #0A484A;
}

/* selectbox */
.ui-datepicker .select {
  width: 100px;
  height: 38px;
}

.ui-datepicker .select .selectbox > button {
  color: #0A484A;
  background: #EBF5F5;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  border: unset;
  padding: 6px;
  border-radius: 8px;
}

.ui-datepicker .select .selectbox .option ul > li.active button {
  background: #EBF5F5;
}

/* * datepicker * */
/** lg sub layout main */
/** lg error */
#wrap.error_main,
.error_main {
  position: fixed;
  inset: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  background: linear-gradient(rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6)), url(/static/home/images/sub/nodata_bg-c84e067aa02dba6ee9b44360eb152a03.jpg) center/cover no-repeat;
}

.error_main .box {
  display: flex;
  min-width: 689px;
  padding: 60px 100px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 40px;
  /* border-radius: 40px;
  background: #FFF;
  box-shadow: 0 10px 15px 0 rgba(4, 62, 62, 0.10); */
}

.error_main .box .tit_area {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  overflow: hidden;
}

.error_main .box .tit_area .tit_logo {
  text-indent: -99999px;
  width: 160px;
  height: 160px;
  background: center/cover no-repeat url(/static/home/images/icons/no-data-logo-2a19c952f7078a621959b03ef9495993.svg);
}

.error_main .box .notice {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
}

.error_main .box .notice .tit {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 4px;
}

.error_main .box .notice .tit .tit1 {
  color: #0A484A;
  font-size: 50px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 60px */
}

.error_main .box .notice .tit .tit2 {
  font-size: 21px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 31.5px */
}

.error_main .box .notice .classify_line {
  width: 60px;
  height: 2px;
  background: #D8D8D8;
}

.error_main .box .notice .txt {
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 25.5px */
}

.error_main .box .notice .txt_box {
  color: #1D1D1D;
  text-align: center;
  /* 20_R */
  font-family: Pretendard;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 30px */
  letter-spacing: -0.6px;
}

.error_main .box .notice .txt_box strong {
  color: #0D5A5C;
}

.error_main .box .notice .date_box {
  display: flex;
  padding: 16px 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  border-radius: 16px;
  background: #083637;
}

.error_main .box .notice .date_box .tit {
  color: #FFF;
  text-align: center;
  font-family: Pretendard;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 30px */
  letter-spacing: -0.6px;
}

.error_main .box .notice .date_box .con {
  color: #FFF;
  text-align: center;
  font-family: Pretendard;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 36px */
  letter-spacing: -0.72px;
}

.error_main .box .notice .n_txt {
  color: #1D1D1D;
  text-align: center;
  font-family: Pretendard;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 27px */
  letter-spacing: -0.54px;
}

.button_area {
  display: flex;
  align-items: center;
  gap: 8px;
  align-self: stretch;
}

.button_area .lg_btn_area {
  width: 100%;
  margin-top: 0;
  gap: 8px;
}

.button_area .lg_btn_area .btn {
  flex: 1;
}

@media screen and (max-width: 767px) {
  .error_main .box {
    min-width: unset;
    padding: 60px 80px;
  }
  /* .error_main .box .notice .tit .tit1 {
      font-size: 40px;
  } */
  .error_main .box .notice .tit .tit2 {
    font-size: 18px;
  }
  .error_main .box .notice .txt {
    font-size: 16px;
  }
}
@media screen and (max-width: 550px) {
  .error_main .box {
    gap: 20px;
    padding: 50px 25px;
  }
  .error_main .box .notice {
    gap: 14px;
  }
  .error_main .box .notice .tit .tit1 {
    font-size: 40px;
  }
  .error_main .box .notice .tit .tit2 {
    font-size: 17px;
  }
  .error_main .box .notice .txt {
    font-size: 13px;
  }
  .error_main .box .notice .txt_box {
    font-size: 18px;
  }
}
/** lg error */
/** lg contents */
img.pc {
  display: block;
}

img.t {
  display: none;
}

img.m {
  display: none;
}

@media screen and (max-width: 1279px) {
  img.pc {
    display: none;
  }
  img.t {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  img.t {
    display: none;
  }
  img.m {
    display: block;
  }
}
.cont_box .table_area.mScroll table thead tr th,
.cont_box .table_area.mScroll table thead tr td,
.cont_box .table_area.mScroll table tbody tr th,
.cont_box .table_area.mScroll table tbody tr td {
  padding: 18px 16px;
  word-wrap: break-word;
}

.cont_box .table_area.mScroll {
  width: 100%;
}

.cont_box .classify_line14 {
  display: inline-block;
  width: 1px;
  height: 14px;
  background: #C6C6C6;
}

.cont_box .classify_line16 {
  display: inline-block;
  width: 1px;
  height: 16px;
  background: #D8D8D8;
}

.cont_box {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 40px;
  width: 100%;
  word-break: keep-all;
}

.cont_box .cont_top {
  width: 100%;
  position: relative;
}

.cont_box .cont_top .img_box {
  display: flex;
  width: 100%;
  height: 300px;
  /* padding: 40px; */
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  overflow: hidden;
  border-radius: 32px;
  border-top: 1px solid #D8D8D8;
  border-bottom: 1px solid #D8D8D8;
  border-left: 1px solid #D8D8D8;
}

.cont_box .cont_top .img_box img {
  width: 100%;
  height: 100%;
}

.cont_box .cont_top .txt_box {
  display: flex;
  width: 528px;
  height: 201px;
  padding: 24px 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
  flex-shrink: 0;
  border-radius: 32px 0 32px 32px;
  border: 1px solid #E4E4E4;
  background: center/100% 100% no-repeat url(/static/home/images/sub/top_sub_bg-90974267a5813135d071dafdf0766ceb.png);
  box-shadow: -10px -10px 15px 0 rgba(4, 62, 62, 0.1);
  position: absolute;
  right: 0;
  bottom: -31px;
}

.cont_box .cont_top .txt_box::after {
  content: "";
  width: 42.18px;
  height: 42.18px;
  flex-shrink: 0;
  border-radius: 8px;
  background: linear-gradient(225deg, rgba(255, 183, 95, 0.8) 0%, rgba(255, 140, 0, 0.8) 100%);
  box-shadow: -4px -4px 8px 0 rgba(255, 255, 255, 0.25) inset, 2px -2px 8px 0 rgba(255, 255, 255, 0.25);
  backdrop-filter: blur(4px);
  position: absolute;
  top: -16px;
  right: 25px;
}

.cont_box .cont_top .txt_box::before {
  content: "";
  width: 25.08px;
  height: 25.08px;
  flex-shrink: 0;
  border-radius: 4px;
  background: rgba(67, 226, 217, 0.5);
  box-shadow: -4px -4px 8px 0 rgba(255, 255, 255, 0.25) inset, 2px -2px 8px 0 rgba(255, 255, 255, 0.25);
  backdrop-filter: blur(4px);
  position: absolute;
  top: 15.92px;
  right: 56.92px;
  z-index: 1;
}

.cont_box .cont_top .txt_box .tit {
  display: flex;
  align-items: center;
  gap: 6px;
}

.cont_box .cont_top .txt_box .tit span {
  text-align: center;
  font-family: "Pretendard";
  font-size: 27px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 40.5px */
}

.cont_box .cont_top .txt_box .tit .ico {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 28px;
  background: center/cover no-repeat url(/static/home/images/sub/ico_logo-960e1725aaf8e5972399622be8b9c3f9.svg);
}

.cont_box .cont_top .txt_box .p_box {
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px; /* 152.941% */
}

.cont_box .classify_cross_line {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
  align-self: stretch;
}

.cont_box .classify_cross_line.type_a {
  padding-top: 16px;
}

.cont_box .classify_cross_line .line {
  height: 1px;
  flex: 1 0 0;
  background: #D8D8D8;
}

.cont_box .classify_cross_line .dot {
  width: 8px;
  height: 8px;
  background: #3C8C8C;
  border-radius: 50%;
}

.cont_box .classify_cross_line .dot.type_a {
  background: #C6C6C6;
}

.cont_box .classify_cross_line span {
  font-family: "Pretendard";
  font-size: 25px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 37.5px */
  text-align: center;
}

/* midea-block */
.cont_box .media-box {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.cont_box .media-box .prev_next_box {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cont_box .media-box .prev_next_box .box {
  display: flex;
  align-items: center;
  justify-content: center;
}

.cont_box .media-box .prev_next_box .box .prev {
  width: 300px;
  height: 40px;
  background: center/100% 100% no-repeat url(/static/home/images/sub/sub02_a_type_prev_bg-2732f7e48f920687cbab721b03eccbbd.png);
}

.cont_box .media-box .prev_next_box .box .next {
  width: 300px;
  height: 40px;
  background: center/100% 100% no-repeat url(/static/home/images/sub/sub02_a_type_next_bg-d5f7f804074dad7b244cd37af8688865.png);
}

.cont_box .media-box .prev_box {
  width: 100%;
  height: 120px;
  background: center/100% 100% no-repeat url(/static/home/images/sub/sub02_b_type_prev_bg-44a5ca8c11d5048a2258231da7613ea9.png);
}

.cont_box .media-block.type_a {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
  flex-wrap: wrap;
}

.cont_box .media-block.type_a li {
  display: flex;
  align-items: center;
  align-self: stretch;
  width: calc(50% - 8px);
}

.cont_box .media-block.type_a li .ico_box {
  display: flex;
  width: 180px;
  min-height: 156px;
  padding: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  border-radius: 12px 0 0 12px;
  border-top: 1px solid #D8D8D8;
  border-bottom: 1px solid #D8D8D8;
  border-left: 1px solid #D8D8D8;
}

.cont_box .media-block.type_a li .ico_box.type_a {
  background: linear-gradient(180deg, #FFF 15.38%, #F3FEFF 126.86%);
}

.cont_box .media-block.type_a li .ico_box.type_b {
  background: linear-gradient(180deg, #FFF 15.06%, #FFF8E5 126.23%);
}

.cont_box .media-block.type_a li .ico_box.type_c {
  background: linear-gradient(180deg, #FFF 22.44%, #EEFFF4 125.39%);
}

.cont_box .media-block.type_a li .ico_box.type_d {
  background: linear-gradient(180deg, #FFF 12.82%, #FAF3FF 126.86%);
}

.cont_box .media-block.type_a li .ico_box span {
  text-align: center;
  font-family: "Pretendard";
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 25.5px */
}

.cont_box .media-block.type_a li .ico_box .ico {
  display: flex;
  width: 70px;
  height: 70px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
}

.cont_box .media-block.type_a li .ico_box.type_a .ico {
  background: center/cover no-repeat url(/static/home/images/sub/icon_sub1-c48c3dc5ad874aa3950f0b8ca8413180.svg);
}

.cont_box .media-block.type_a li .ico_box.type_b .ico {
  background: center/cover no-repeat url(/static/home/images/sub/icon_sub2-be02e4cc6aa4cb901d0ef9c288ee08b5.svg);
}

.cont_box .media-block.type_a li .ico_box.type_c .ico {
  background: center/cover no-repeat url(/static/home/images/sub/icon_sub3-9baf9b486bb11226c5666f6c1378acd8.svg);
}

.cont_box .media-block.type_a li .ico_box.type_d .ico {
  background: center/cover no-repeat url(/static/home/images/sub/icon_sub4-96a18744e86e3c2925fea2e89bd382b7.svg);
}

.cont_box .media-block.type_a li .txt_box {
  display: flex;
  padding: 20px 24px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  flex: 1 0 0;
  align-self: stretch;
  border-radius: 0 12px 12px 0;
  border: 1px solid #D8D8D8;
  background: #FFF;
}

.cont_box .media-block.type_b {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 24px;
  width: 100%;
}

.cont_box .media-block.type_b li {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 27px;
  flex: calc(33.3333333333% - 16px);
}

.cont_box .media-block.type_b li .top_box {
  display: flex;
  align-items: center;
  width: 100%;
  position: relative;
  z-index: 1;
}

.cont_box .media-block.type_b li .top_box::before {
  content: "";
  display: block;
  width: 77px;
  height: 8px;
  background: center/cover no-repeat url(/static/home/images/sub/media_block_b_ico1-48033d07dd24372717dd6853abe355e8.png);
  position: absolute;
  bottom: 0;
  left: 60px;
  z-index: 2;
}

.cont_box .media-block.type_b li .top_box::after {
  content: "";
  display: block;
  width: 14px;
  height: 34px;
  background: center/cover no-repeat url(/static/home/images/sub/media_block_b_ico2-21b01be123bf671a58f2b39903a50aa2.png);
  position: absolute;
  bottom: -17px;
  left: 50%;
  transform: translate(50%, 50%);
}

.cont_box .media-block.type_b li .top_box.type_a::after {
  background: center/cover no-repeat url(/static/home/images/sub/media_block_b_ico3-8936e46122cdbe40346d93f5cad23408.png);
}

.cont_box .media-block.type_b li .top_box .left_box {
  display: flex;
  width: 77px;
  height: 94px;
  padding: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 16px 0 0 16px;
  background: #307070;
  z-index: 1;
}

.cont_box .media-block.type_b li .top_box.type_a .left_box {
  background: #AF5202;
}

.cont_box .media-block.type_b li .top_box .left_box span {
  color: #FFF;
  text-align: center;
  font-family: "Pretendard";
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 45px */
}

.cont_box .media-block.type_b li .top_box .right_box {
  display: flex;
  flex: 1 0 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 4px;
  align-self: stretch;
  border-radius: 0 16px 16px 0;
  background: center/cover no-repeat url(/static/home/images/sub/media_block_b_ico_bg-c3f8fddd15e9caf457c1665974caea64.png), linear-gradient(90deg, #255656 -1.97%, #2F6D6D 53.35%);
  z-index: 1;
}

.cont_box .media-block.type_b li .top_box.type_a .right_box {
  background: center/cover no-repeat url(/static/home/images/sub/media_block_b_ico_bg-c3f8fddd15e9caf457c1665974caea64.png), linear-gradient(90deg, #8B4300 -1.97%, #AF5202 53.35%);
}

.cont_box .media-block.type_b li .top_box .right_box .sub_txt {
  color: #FFF;
  text-align: center;
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 25.5px */
}

.cont_box .media-block.type_b li .top_box .right_box .tit {
  color: #FFF;
  text-align: center;
  font-family: "Pretendard";
  font-size: 21px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 31.5px */
}

.cont_box .media-block.type_b li .bottom_box {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}

.cont_box .media-block.type_b li .bottom_box .item {
  display: flex;
  padding: 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  border-radius: 16px;
  border: 1px solid #D8D8D8;
  background: #FFF;
}

.cont_box .media-block.type_b li .bottom_box .item .tit {
  width: 55px;
  flex-shrink: 0;
  text-align: center;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 19.5px */
}

.cont_box .media-block.type_b li .bottom_box .item .tit.type_a {
  color: #555;
  border-radius: 100px;
  background: #F0F0F0;
}

.cont_box .media-block.type_b li .bottom_box .item .tit.type_b {
  color: #F17400;
  border-radius: 100px;
  background: #FFF3D9;
}

.cont_box .media-block.type_b li .bottom_box .item .txt {
  flex: 1 0 0;
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 25.5px */
}

.cont_box .media-block.type_c {
  display: flex;
  align-items: flex-start;
  gap: 24px;
  align-self: stretch;
  flex-wrap: wrap;
}

.cont_box .media-block.type_c li {
  display: flex;
  padding: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
  align-self: stretch;
  width: calc(20% - 20px);
  border-radius: 0 0 16px 16px;
  border-top: 3px solid #307070;
  border-right: 1px solid #D8D8D8;
  border-bottom: 1px solid #D8D8D8;
  border-left: 1px solid #D8D8D8;
  background: linear-gradient(180deg, #FFF 50.07%, #EEFFF4 125.39%);
}

.cont_box .media-block.type_c li .top_box {
  text-align: center;
  font-family: "Pretendard";
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 25.5px */
}

.cont_box .media-block.type_c li .bottom_box {
  display: flex;
  padding-top: 14px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  border-top: 1px dashed #C6C6C6;
  text-align: center;
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 25.5px */
}

.cont_box .media-block.type_d {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 32px;
  align-self: stretch;
}

.cont_box .media-block.type_d li .box {
  display: flex;
  width: 320px;
  height: 320px;
  padding: 10px 42px;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
  flex-shrink: 0;
  position: relative;
}

.cont_box .media-block.type_d li .box.type_a {
  border-radius: 1000px;
  background: center/cover no-repeat url(/static/home/images/sub/media_block_d_ico1-4553e75bd5207d9882099ecfad86a053.png);
}

.cont_box .media-block.type_d li .box.type_b {
  border-radius: 1000px;
  background: center/cover no-repeat url(/static/home/images/sub/media_block_d_ico2-72338b016549069c892fd530875ce320.png);
}

.cont_box .media-block.type_d li .box .num {
  display: flex;
  width: 50px;
  height: 50px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
  aspect-ratio: 1/1;
  border-radius: 100px;
  background: #FFC75E;
  box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.12);
  position: absolute;
  top: 5px;
  left: 40px;
  text-align: center;
  font-size: 19px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 28.5px */
}

.cont_box .media-block.type_d li .box .tit {
  display: flex;
  padding-left: 16px;
  align-items: center;
  gap: 8px;
}

.cont_box .media-block.type_d li .box .tit .kr {
  color: #FFF;
  font-family: "Pretendard";
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 60px */
}

.cont_box .media-block.type_d li .box .tit .en {
  color: #FFF;
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 25.5px */
}

.cont_box .media-block.type_d li .box .txt {
  display: flex;
  padding-top: 12px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  color: #FFF;
  text-align: center;
  font-size: 19px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 28.5px */
}

.cont_box .media-block.type_d li .arrow_box .arrow {
  width: 70px;
  height: 70px;
  background: center/contain no-repeat url(/static/home/images/sub/media_block_d_ico3-87c9dc847f40e3cead43cb72b2763b4f.svg);
}

.cont_box .media-block.type_e {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  align-self: stretch;
  flex-wrap: wrap;
}

.cont_box .media-block.type_e li {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: calc(33.3333333333% - 14px);
}

.cont_box .media-block.type_e li .tit {
  display: flex;
  padding: 8px 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  border-radius: 12px 12px 0 0;
  background: #245454 center/cover no-repeat url(/static/home/images/sub/media_block_e_ico1-04d7b3f4c2676633908d5505f5e6fa40.png);
  color: #FFF;
  text-align: center;
  font-family: "Pretendard";
  font-size: 19px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 28.5px */
}

.cont_box .media-block.type_e li .txt {
  display: flex;
  padding: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 24px;
  align-self: stretch;
  text-align: center;
  border-radius: 0 0 12px 12px;
  border-right: 1px solid #D8D8D8;
  border-bottom: 1px solid #D8D8D8;
  border-left: 1px solid #D8D8D8;
  background: #FFF;
}

.cont_box .media-block.type_f {
  display: flex;
  align-items: stretch;
  gap: 20px;
  align-self: stretch;
  flex-wrap: wrap;
}

.cont_box .media-block.type_f li {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: calc(33.3333333333% - 14px);
}

.cont_box .media-block.type_f li .box {
  display: flex;
  width: 100%;
  padding: 32px 32px 24px 32px;
  flex-direction: column;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
  flex: 1 0 0;
  border-radius: 12px;
  border: 1px solid #D8D8D8;
}

.cont_box .media-block.type_f li .box.type_a {
  background: linear-gradient(180deg, #FFF 50.07%, #EEFFF4 125.39%), #FFF;
}

.cont_box .media-block.type_f li .box.type_b {
  background: linear-gradient(180deg, #FFF 50.07%, #FFF8E5 126.23%), #FFF;
}

.cont_box .media-block.type_f li .box.type_c {
  background: linear-gradient(180deg, #FFF 50.07%, #F3FEFF 126.86%), #FFF;
}

.cont_box .media-block.type_f li .box .top {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
}

.cont_box .media-block.type_f li .box .top .tit {
  font-family: "Pretendard";
  font-size: 19px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 28.5px */
}

.cont_box .media-block.type_f li .box .top .txt {
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 25.5px */
}

.cont_box .media-block.type_f li .box .bottom {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 16px;
  align-self: stretch;
}

.cont_box .media-block.type_f li .box .bottom span {
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 22.5px */
}

.cont_box .media-block.type_f li .box.type_a .bottom span {
  color: #0A484A;
}

.cont_box .media-block.type_f li .box.type_b .bottom span {
  color: #F17400;
}

.cont_box .media-block.type_f li .box.type_c .bottom span {
  color: #313A94;
}

.cont_box .media-block.type_f li .box.type_a .bottom .ico {
  width: 80px;
  height: 80px;
  aspect-ratio: 1/1;
  background: center/cover no-repeat url(/static/home/images/sub/media_block_f_ico1-70dfa69dfd5723f1f29943c3a3d895a0.png);
}

.cont_box .media-block.type_f li .box.type_b .bottom .ico {
  width: 80px;
  height: 80px;
  aspect-ratio: 1/1;
  background: center/cover no-repeat url(/static/home/images/sub/media_block_f_ico2-2d8468628449ba67be90d82dab42db88.png);
}

.cont_box .media-block.type_f li .box.type_c .bottom .ico {
  width: 80px;
  height: 80px;
  aspect-ratio: 1/1;
  background: center/cover no-repeat url(/static/home/images/sub/media_block_f_ico3-8e40c40f68e0e119e770eec09058649c.png);
}

/* midea-block */
@media screen and (max-width: 1279px) {
  .cont_box .cont_top .img_box {
    height: 200px;
  }
  .cont_box .cont_top .img_box {
    border-radius: 32px 32px 0 0;
  }
  .cont_box .cont_top .txt_box {
    position: relative;
    bottom: unset;
    right: unset;
    width: 100%;
    border-radius: 0 0 32px 32px;
    border-top: unset;
  }
  .cont_box .cont_top .txt_box::after {
    right: 32px;
  }
  .cont_box .cont_top .txt_box::before {
    right: 63.92px;
  }
  /* midea-block */
  .cont_box .media-box {
    gap: 32px;
  }
  .cont_box .media-box .prev_box {
    margin-top: 8px;
  }
  .cont_box .media-block.type_a li {
    width: 100%;
  }
  .cont_box .media-block.type_b li {
    flex: calc(50% - 12px);
  }
  .cont_box .media-block.type_c li {
    width: calc(50% - 12px);
  }
  .cont_box .media-block.type_d li .box {
    width: 248px;
    height: 248px;
    padding: 0 32px;
  }
  .cont_box .media-block.type_d li .box .num {
    width: 40px;
    height: 40px;
  }
  .cont_box .media-block.type_d li .box .tit .kr {
    font-size: 27px;
  }
  .cont_box .media-block.type_d li .box .tit .en {
    font-size: 15px;
  }
  .cont_box .media-block.type_d li .box .txt {
    font-size: 17px;
  }
  .cont_box .media-block.type_f li {
    width: calc(50% - 10px);
  }
  /* midea-block */
}
@media screen and (max-width: 800px) {
  .cont_box .media-block.type_b li {
    flex: 100%;
  }
}
@media screen and (max-width: 767px) {
  .cont_box {
    gap: 24px;
    align-self: stretch;
  }
  .cont_box .cont_top .txt_box {
    padding: 24px;
    height: unset;
  }
  .cont_box .cont_top .txt_box .tit span {
    font-size: 21px;
  }
  .cont_box .cont_top .txt_box .p_box {
    font-size: 17px;
  }
  .cont_box .cont_top .txt_box::after {
    width: 29.6px;
    height: 29.601px;
    right: 24px;
    top: -9.6px;
  }
  .cont_box .cont_top .txt_box::before {
    width: 17.6px;
    height: 17.601px;
    right: 46.4px;
    top: 11.4px;
  }
  .cont_box .classify_cross_line.type_a {
    padding-top: 8px;
  }
  .cont_box .classify_cross_line span {
    font-size: 21px;
  }
  /* midea-block */
  .cont_box .media-box {
    gap: 24px;
  }
  .cont_box .media-box .prev_next_box .box .prev {
    width: 200px;
    height: 21px;
  }
  .cont_box .media-box .prev_next_box .box .next {
    width: 200px;
    height: 21px;
  }
  .cont_box .media-box .prev_box {
    height: 73px;
    margin-top: 0px;
  }
  .cont_box .media-block.type_a li {
    flex-direction: column;
  }
  .cont_box .media-block.type_a li .ico_box {
    border-radius: 12px 12px 0 0;
    border: 1px solid #D8D8D8;
    width: 100%;
    min-height: 136px;
  }
  .cont_box .media-block.type_a li .txt_box {
    border-radius: 0 0 12px 12px;
    border-top: unset;
    border-right: 1px solid #D8D8D8;
    border-bottom: 1px solid #D8D8D8;
    border-left: 1px solid #D8D8D8;
  }
  .cont_box .media-block.type_c li {
    width: 100%;
  }
  .cont_box .media-block.type_d {
    flex-direction: column;
    gap: 16px;
  }
  .cont_box .media-block.type_d li .arrow_box .arrow {
    width: 50px;
    height: 50px;
    background: center/contain no-repeat url(/static/home/images/sub/media_block_d_ico4-b53b3009cadaffafef40c85dd0c830e7.png);
  }
  .cont_box .media-block.type_e li {
    width: 100%;
  }
  .cont_box .media-block.type_f li {
    width: 100%;
  }
  /* midea-block */
}
@media screen and (max-width: 500px) {
  .cont_box .media-box .prev_next_box .box .prev {
    width: 150px;
    height: 21px;
  }
  .cont_box .media-box .prev_next_box .box .next {
    width: 150px;
    height: 21px;
  }
}
.cont_box .in_box {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
}

.cont_box .in_box .bg_box {
  width: 100%;
  height: 180px;
  padding: 40px 0;
  border-radius: 16px;
  background: center/100% 100% no-repeat url(/static/home/images/sub/introduce_bg_pc-c930ad0afe31c2f4e9b027bc4f918bf6.png);
}

.cont_box .in_box .bg_box > div {
  display: flex;
  padding-right: 70px;
  justify-content: center;
  align-items: center;
  gap: 16px;
}

.cont_box .in_box .bg_box > div .ico {
  width: 160px;
  height: 100px;
  background: center/cover no-repeat url(/static/home/images/sub/introduce_ico1-2f843f815fe2147a80afc7bf7a92e222.png);
}

.cont_box .in_box .bg_box > div .tit_box {
  display: flex;
  align-items: center;
  gap: 16px;
}

.cont_box .in_box .bg_box > div .tit_box span {
  text-align: center;
  font-size: 19px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px; /* 136.842% */
}

.cont_box .in_box .bg_box > div .tit_box .tit {
  text-align: center;
  font-family: "Pretendard";
  font-size: 40px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 60px */
  background: #D22A00;
  /* background: linear-gradient(276deg, #FF9D00 -19.42%, #EF7000 126.08%); */
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

@media screen and (max-width: 1279px) {
  .cont_box .in_box .bg_box {
    height: 123px;
    padding: 24px 0;
  }
  .cont_box .in_box .bg_box > div .ico {
    width: 120px;
    height: 75px;
  }
  .cont_box .in_box .bg_box > div .tit_box span {
    font-size: 17px;
  }
  .cont_box .in_box .bg_box > div .tit_box .tit {
    font-size: 27px;
  }
}
@media screen and (max-width: 900px) {
  .cont_box .in_box .bg_box > div .ico {
    display: none;
  }
  .cont_box .in_box .bg_box > div {
    padding-right: 0;
  }
  .cont_box .in_box .bg_box {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .cont_box .in_box .bg_box > div .tit_box {
    flex-direction: column;
    gap: 0;
    padding: 0 16px;
  }
}
@media screen and (max-width: 767px) {
  .cont_box .in_box .bg_box > div .tit_box span {
    font-size: 15px;
  }
  .cont_box .in_box .bg_box > div .tit_box .tit {
    font-size: 21px;
  }
}
.cont_box .in_box2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  align-self: stretch;
}

.cont_box .in_box2 .grid_box {
  display: flex;
  align-items: stretch;
  gap: 24px;
  align-self: stretch;
  flex-wrap: wrap;
}

.cont_box .in_box2 .grid_box li {
  display: flex;
  padding: 24px 40px;
  flex-direction: column;
  align-items: center;
  gap: 14px;
  border-radius: 16px;
  background: #EBF5F5;
  mix-blend-mode: multiply;
  width: calc(33.3333333333% - 16px);
}

.cont_box .in_box2 .grid_box.type_a li {
  width: unset;
  flex: calc(33.3333333333% - 16px);
}

.cont_box .in_box2 .grid_box li span {
  text-align: center;
  font-size: 19px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 28.5px */
  width: 100%;
}

.cont_box .in_box2 .grid_box li span.type_a {
  font-size: 17px;
}

.cont_box .in_box2 .grid_box li > .tit {
  font-family: "Pretendard";
  font-size: 21px;
}

.cont_box .in_box2 .grid_box li .tit_box {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
  flex: 1;
}

.cont_box .in_box2 .grid_box li .tit_box > .tit {
  font-family: "Pretendard";
  font-size: 21px;
}

.cont_box .in_box2 .grid_box li .tit_box > span {
  font-size: 17px;
}

.cont_box .in_box2 .grid_box li .txt_box {
  padding-top: 14px;
  border-top: 1px dashed #8ABABA;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}

.cont_box .in_box2 .grid_box li .txt_box a {
  display: flex;
  padding: 10px 16px 10px 24px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  width: 100%;
  border-radius: 100px;
  background: #FFF;
}

.cont_box .in_box2 .grid_box li .txt_box a > span {
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 25.5px */
}

.cont_box .in_box2 .grid_box li .txt_box a > span.ico {
  width: 26px;
  height: 26px;
  background: center/20px no-repeat url(/static/home/images/icons/ico-next-darkTeal-4f5f1516edaf260f78126cf913aa1b1d.svg);
}

.cont_box .in_box2 .grid_box li .txt_box a:hover {
  background: #0A484A;
}

.cont_box .in_box2 .grid_box li .txt_box a:hover > span {
  color: #FFF;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.cont_box .in_box2 .grid_box li .txt_box a:hover > span.ico {
  background: center/20px no-repeat url(/static/home/images/icons/ico-next-white-10ba81a81bafb765e6568af1966e3356.svg);
}

.cont_box .in_box2 .grid_box li .ico_box {
  display: flex;
  width: 80px;
  height: 80px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  aspect-ratio: 1/1;
  border-radius: 40px;
  background: #FFF;
}

.cont_box .in_box2 .grid_box li .ico_box .ico {
  display: block;
  width: 48px;
  height: 48px;
  flex-shrink: 0;
  aspect-ratio: 1/1;
}

.cont_box .in_box2 .grid_box li .ico_box .ico.type1 {
  background: center/100% 100% no-repeat url(/static/home/images/icons/ico-quicklink-research-6c358fe2c5c98d258c059dd908be02d4.svg);
}

.cont_box .in_box2 .grid_box li .ico_box .ico.type2 {
  background: center/100% 100% no-repeat url(/static/home/images/icons/ico-quicklink-disclosure-579aad99a06fec08ce80b4115f70c5a5.svg);
}

.cont_box .in_box2 .grid_box li .ico_box .ico.type3 {
  background: center/100% 100% no-repeat url(/static/home/images/icons/ico-quicklink-policy-795072bbe1d662797a9a8034bf412eb2.svg);
}

.cont_box .in_box2 .grid_box li .ico_box .ico.type4 {
  background: center/100% 100% no-repeat url(/static/home/images/sub/ico_media1-3d8f81c61a14969320673934e7789908.svg);
}

.cont_box .in_box2 .grid_box li .ico_box .ico.type5 {
  background: center/100% 100% no-repeat url(/static/home/images/sub/ico_media2-53b748719d89ae9432292fbe4b656fb9.svg);
}

.cont_box .in_box2 .grid_box li .ico_box .ico.type6 {
  background: center/100% 100% no-repeat url(/static/home/images/sub/ico_media3-12ea16a972986b5ab50ffca849418f24.svg);
}

@media screen and (max-width: 1279px) {
  .cont_box .in_box2 .grid_box li {
    width: calc(50% - 12px);
  }
  .cont_box .in_box2 .grid_box.type_a li {
    width: unset;
    flex: calc(50% - 12px);
  }
}
@media screen and (max-width: 767px) {
  .cont_box .in_box2 .grid_box li {
    width: 100%;
  }
  .cont_box .in_box2 .grid_box.type_a li {
    width: unset;
    flex: 100%;
  }
}
.cont_box .in_box3 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
  align-self: stretch;
  border-radius: 0 0 16px 16px;
  background: linear-gradient(180deg, #FFF 44.06%, #F3F3F3 95.75%), #FFF;
}

.cont_box .in_box3 .subtit_l::before {
  background-size: 24px;
}

.cont_box .in_box3 .in_box3_depth1 {
  display: flex;
  padding: 0 32px 32px 32px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 32px;
  align-self: stretch;
}

@media screen and (max-width: 1279px) {
  .cont_box .in_box3 {
    gap: 24px;
  }
}
.cont_box .iframe_box {
  display: flex;
  width: 100%;
  justify-content: center;
}

.cont_box .linkbox {
  display: flex;
  padding: 32px;
  align-items: flex-start;
  gap: 24px;
  align-self: stretch;
  border-radius: 12px;
  border: 1px solid #D8D8D8;
  background: #FFF center/100% 100% no-repeat url(/static/home/images/sub/sub_linkbox_PC-f074f651f206dcbb859a2df8615f9aab.png);
}

.cont_box .linkbox .ico_box {
  display: flex;
  width: 120px;
  height: 120px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  aspect-ratio: 1/1;
  border-radius: 100px;
  border: 1px solid #B1D1D1;
  background: #FFF;
}

.cont_box .linkbox .ico_box .ico1 {
  width: 70px;
  height: 63px;
  flex-shrink: 0;
  aspect-ratio: 10/9;
  background: center/cover no-repeat url(/static/home/images/sub/sub_linkbox_ico1-9b93671e8945a20da153aecce3ad6cac.svg);
}

.cont_box .linkbox .ico_box .ico2 {
  width: 75px;
  height: 71.809px;
  aspect-ratio: 75/71.81;
  background: center/cover no-repeat url(/static/home/images/sub/sub_linkbox_ico2-3428ffee3d88fa59216ef0b2f9033d7c.svg);
}

.cont_box .linkbox .main_box {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  flex: 1 0 0;
}

.cont_box .linkbox .main_box .txt_box {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
}

.cont_box .linkbox .main_box .txt_box .tit {
  font-family: "Pretendard";
  font-size: 19px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 28.5px */
}

.cont_box .linkbox .main_box .txt_box .txt {
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 25.5px */
}

@media screen and (max-width: 1279px) {
  .cont_box .linkbox {
    background: #FFF center/100% 100% no-repeat url(/static/home/images/sub/sub_linkbox_T-32e7b986757b1f66821e82aab4315f34.png);
  }
}
@media screen and (max-width: 767px) {
  .cont_box .linkbox {
    flex-direction: column;
    background: #FFF center/100% 100% no-repeat url(/static/home/images/sub/sub_linkbox_M-77d1ce1f08821342e4a5e3c1d2cd142b.png);
  }
  .cont_box .linkbox .ico_box {
    width: 80px;
    height: 80px;
  }
  .cont_box .linkbox .ico_box .ico1 {
    width: 50px;
    height: 45px;
    aspect-ratio: 10/9;
  }
  .cont_box .linkbox .ico_box .ico2 {
    width: 52.222px;
    height: 50px;
    aspect-ratio: 52.22/50;
  }
  .cont_box .linkbox .main_box .btn-sub-box {
    width: 100%;
  }
}
/** lg contents */
/** lg introduce 인사말 */
.cont_box .introduce {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 0 43px;
}

.cont_box .introduce .tit_img {
  width: 100%;
  padding-bottom: 35%;
  background: center/100% 100% no-repeat url(/static/home/images/sub/introduce_PC-7d2fc9054f5d02847a7ae4dba971bc5c.jpg);
}

.cont_box .introduce .tit_img > p {
  text-indent: -99999px;
}

.cont_box .introduce .txt_box {
  display: flex;
  width: 100%;
  padding: 40px;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  border-radius: 16px;
  border: 4px solid #D9F4F4;
  background: linear-gradient(180deg, #EEFFFA 0%, #FFF 100%);
}

.cont_box .introduce .txt_box p {
  text-align: center;
  font-size: 19px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 28.5px */
}

@media screen and (max-width: 1279px) {
  .cont_box .introduce {
    padding: 0;
  }
  .cont_box .introduce .tit_img {
    padding-bottom: 47%;
    background: center/100% 100% no-repeat url(/static/home/images/sub/introduce_T-c6252c57a399bbfb9c42aba104dc0a75.jpg);
  }
}
@media screen and (max-width: 767px) {
  .cont_box .introduce .txt_box {
    padding: 24px;
  }
  .cont_box .introduce .txt_box p {
    font-size: 15px;
  }
}
@media screen and (max-width: 500px) {
  .cont_box .introduce .tit_img {
    background: center/100% 100% no-repeat url(/static/home/images/sub/introduce_M-299f9872a0e37232b9b1caab5f700e8f.jpg);
  }
}
/** lg introduce 인사말 */
/** lg history 연혁 */
.history_box {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
}

.history_box h3 {
  text-align: center;
  font-family: "Pretendard";
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 48px */
}

.history_box ul {
  display: flex;
  min-height: 253px;
  padding-bottom: 22px;
  width: fit-content;
  align-items: stretch;
  gap: 24px;
  flex-shrink: 0;
  position: relative;
}

.history_box ul::before {
  content: "";
  width: 100%;
  height: 1px;
  flex-shrink: 0;
  background: #C6C6C6;
  position: absolute;
  top: 6px;
}

.history_box ul li {
  display: flex;
  padding-left: 30px;
  align-items: stretch;
  width: 256px;
  position: relative;
}

.history_box ul li::before {
  content: "";
  width: 14px;
  height: 14px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.history_box ul li::after {
  content: "";
  width: 1px;
  height: 48px;
  position: absolute;
  top: 6px;
  left: 6.5px;
  z-index: 0;
}

.history_box ul li .history_item {
  display: flex;
  padding-top: 40px;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  flex: 1 0 0;
}

.history_box ul li .history_item h4 {
  color: #555;
  font-family: "Pretendard";
  font-size: 19px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 28.5px */
}

.history_box ul li .history_item .cont {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
}

.history_box ul li .history_item .cont span {
  padding-left: 10px;
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 25.5px */
}

.history_box ul li .history_item .cont .date {
  color: #245454;
  position: relative;
}

.history_box ul li .history_item .cont .date::before {
  content: "";
  display: block;
  width: 5px;
  height: 5px;
  flex-shrink: 0;
  background: #F17400;
  border-radius: 50%;
  position: absolute;
  top: 10px;
  left: 0;
}

.history_box.type1 h3 {
  background: linear-gradient(90deg, #0A484A 0%, #63A3A3 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.history_box.type1 ul li::before {
  background: center/cover no-repeat url(/static/home/images/sub/history_dot1-310ae97eaf0547beb635f3032271a12d.svg);
}

.history_box.type1 ul li::after {
  background: #307070;
}

.history_box.type2 h3 {
  background: linear-gradient(90deg, #369972 0%, #79AC32 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.history_box.type2 ul li::before {
  background: center/cover no-repeat url(/static/home/images/sub/history_dot2-4082af78ef1210d33f3652adb291a570.svg);
}

.history_box.type2 ul li::after {
  background: #389A70;
}

/* * scroll custom * */
.scroll_wrap {
  position: relative;
  width: 100%;
}

.scroll_box {
  overflow-x: auto;
  overflow-y: hidden;
  width: 100%;
  scrollbar-width: none;
}

.scroll_box::-webkit-scrollbar {
  display: none;
}

.custom_scrollbar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: #D8D8D8;
}

.scroll_thumb {
  position: absolute;
  top: -10px;
  left: 0;
  width: 52px;
  height: 26px;
  /* cursor: grab; */
  transition: left 0.1s linear;
}

.history_box.type1 .scroll_thumb {
  background: url(/static/home/images/sub/history_scrollbar1-d0d1c317c20944559ab93ed8c683cc33.png) no-repeat center/contain;
}

.history_box.type2 .scroll_thumb {
  background: url(/static/home/images/sub/history_scrollbar2-c9b6b96e91016c3d949218706d9b9841.png) no-repeat center/contain;
}

.scroll_thumb:active {
  /* cursor: grabbing; */
}

/* * scroll custom * */
@media screen and (max-width: 1279px) {
  .history_box .scroll_box::after {
    content: "";
    display: flex;
    width: 100px;
    height: 100%;
    padding: 0 16px 8px 32px;
    align-items: flex-start;
    gap: 10px;
    position: absolute;
    right: 0;
    top: 0.748px;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 3.12%, rgba(255, 255, 255, 0.9) 100%);
  }
}
@media screen and (max-width: 767px) {
  .history_box h3 {
    font-size: 25px;
  }
}
/** lg history 연혁 */
/** lg operation_goal 운영목표 */
.operation_goal {
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 32px;
}

.operation_goal .top_box {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}

.operation_goal .top_box .txt_box {
  display: flex;
  width: 100%;
  padding: 32px 48px;
  justify-content: center;
  align-items: center;
  gap: 24px;
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(255, 245, 237, 0) 0%, #FFF5ED 100%);
}

.operation_goal .top_box .txt_box span {
  font-family: "Pretendard";
  font-size: 25px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 37.5px */
}

.operation_goal .top_box .bottom_box {
  display: flex;
  align-items: center;
}

.operation_goal .top_box .bottom_box .left {
  width: 177px;
  height: 39.5px;
  background: center/cover no-repeat url(/static/home/images/sub/operation_goal_top_box_left-2feeac2d823c82fe16d6aad3eb3e2cc1.svg);
}

.operation_goal .top_box .bottom_box .right {
  width: 177px;
  height: 39.5px;
  background: center/cover no-repeat url(/static/home/images/sub/operation_goal_top_box_right-bcbcf6ce7e892bad187cd5069a92f12e.svg);
}

.quotation_marks_box {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 24px;
  align-self: stretch;
}

.quotation_marks_box span {
  font-family: "Pretendard";
  font-size: 25px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 37.5px */
}

.quotation_marks_box .quotation_marks_left {
  width: 29px;
  height: 22px;
  background: center/cover no-repeat url(/static/home/images/sub/quotation_marks_left-1ec7f5bac77e8bdcd5abade60c40ecb0.svg);
}

.quotation_marks_box .quotation_marks_left.type_a {
  width: 29px;
  height: 22px;
  background: center/cover no-repeat url(/static/home/images/sub/quotation_marks_left_type_a-d6d72ea478de51d3c91315815a7dd8f4.svg);
}

.quotation_marks_box .quotation_marks_right {
  width: 29px;
  height: 22px;
  background: center/cover no-repeat url(/static/home/images/sub/quotation_marks_right-50db0d6ffd7f89abb889590601e320fe.svg);
}

.quotation_marks_box span.imp {
  font-size: 32px;
  font-weight: 600;
}

.operation_goal .diagram_box {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  align-self: stretch;
}

.operation_goal .diagram_box .diagram {
  display: flex;
  align-items: flex-end;
  gap: 10px;
}

.operation_goal .diagram_box .diagram .ico_box {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 8px;
  min-height: 200px;
}

.operation_goal .diagram_box .diagram .ico_box .ico {
  width: 143px;
  height: 143px;
  background: center/cover no-repeat url(/static/home/images/sub/operation_goal_diagram_ico-4d01d5ebade041ed65520ca3235dd9d3.svg);
  display: flex;
  justify-content: center;
  align-items: center;
  color: #FFF;
  text-align: center;
  font-family: "Pretendard";
  font-size: 19px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 28.5px */
  position: relative;
}

.operation_goal .diagram_box .diagram .ico_box .vertically_line {
  width: 2px;
  height: 30px;
  background: center/cover no-repeat url(/static/home/images/sub/operation_goal_line1-f876ce88c79204b27a6f1c6a5840d853.svg);
}

.operation_goal .diagram_box .diagram .left_line {
  width: 210px;
  height: 80px;
  background: center/cover no-repeat url(/static/home/images/sub/operation_goal_line_left_pc-770f12cab66ee9a98d5f2de322e04327.svg);
}

.operation_goal .diagram_box .diagram .right_line {
  width: 210px;
  height: 80px;
  background: center/cover no-repeat url(/static/home/images/sub/operation_goal_line_right_pc-648a6baf50d144e265a0d479dabf91e1.svg);
}

.operation_goal .diagram_box .list {
  display: flex;
  align-items: stretch;
  gap: 16px;
  align-self: stretch;
  flex-wrap: wrap;
}

.operation_goal .diagram_box .list .border_box {
  padding: 4px;
  width: calc(25% - 12px);
  border-radius: 16px;
}

.operation_goal .diagram_box .list .border_box .item {
  display: flex;
  padding: 24px 20px;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  width: 100%;
  border-radius: 16px;
}

.operation_goal .diagram_box .list .border_box .item span {
  text-align: center;
  font-family: "Pretendard";
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 25.5px */
}

.operation_goal .diagram_box .list .border_box .item .ico {
  width: 64px;
  height: 64px;
  aspect-ratio: 1/1;
}

.operation_goal .diagram_box .list .border_box.type1 {
  background: linear-gradient(0deg, #E8D7FF 0%, #FFF 25%);
}

.operation_goal .diagram_box .list .border_box.type2 {
  background: linear-gradient(0deg, #DBF0E3 0%, #FFF 25%);
}

.operation_goal .diagram_box .list .border_box.type3 {
  background: linear-gradient(0deg, #FAEABF 0%, #FFF 25%);
}

.operation_goal .diagram_box .list .border_box.type4 {
  background: linear-gradient(0deg, #C5E8EB 0%, #FFF 25%);
}

.operation_goal .diagram_box .list .border_box.type1 .item {
  background: linear-gradient(180deg, #F5EEFF 0%, #FFF 100%);
}

.operation_goal .diagram_box .list .border_box.type2 .item {
  background: linear-gradient(180deg, #EEFFF4 0%, #FFF 100%);
}

.operation_goal .diagram_box .list .border_box.type3 .item {
  background: linear-gradient(180deg, #FFF8E5 36.29%, #FFF 100%);
}

.operation_goal .diagram_box .list .border_box.type4 .item {
  background: linear-gradient(180deg, #F3FEFF 0%, #FFF 100%), #FFF;
}

.operation_goal .diagram_box .list .border_box.type1 .item .ico {
  background: center/cover no-repeat url(/static/home/images/sub/operation_goal_ico1-2de75d78886a56fe1c7c1300157d9ebb.png);
}

.operation_goal .diagram_box .list .border_box.type2 .item .ico {
  background: center/cover no-repeat url(/static/home/images/sub/operation_goal_ico2-afab45177f3c49ca28070d7ac459881a.png);
}

.operation_goal .diagram_box .list .border_box.type3 .item .ico {
  background: center/cover no-repeat url(/static/home/images/sub/operation_goal_ico3-a82f618fd7d5a3965581c16cfcb8904d.png);
}

.operation_goal .diagram_box .list .border_box.type4 .item .ico {
  background: center/cover no-repeat url(/static/home/images/sub/operation_goal_ico4-29694fd639d4acc76b6380d4ab1b3548.png);
}

@media screen and (max-width: 1279px) {
  .operation_goal .diagram_box .list .border_box {
    width: calc(50% - 8px);
  }
  .operation_goal .diagram_box .diagram .left_line {
    width: 160px;
    height: 80px;
    background: center/cover no-repeat url(/static/home/images/sub/operation_goal_line_left_t-ec60b1fb6795b7dfb93e41846e24a2e3.svg);
  }
  .operation_goal .diagram_box .diagram .right_line {
    width: 160px;
    height: 80px;
    background: center/cover no-repeat url(/static/home/images/sub/operation_goal_line_right_t-c25a1a0431b42153f524412a24657b69.svg);
  }
}
@media screen and (max-width: 767px) {
  .operation_goal {
    gap: 8px;
  }
  .operation_goal .top_box .txt_box {
    padding: 16px 28px;
    gap: 8px;
  }
  .operation_goal .top_box .bottom_box .left {
    height: 20px;
    background: center/cover no-repeat url(/static/home/images/sub/operation_goal_top_box_left_m-bbcb1ca98636ee25b62ccdc7373e844f.svg);
  }
  .operation_goal .top_box .bottom_box .right {
    height: 20px;
    background: center/cover no-repeat url(/static/home/images/sub/operation_goal_top_box_right_m-7dbe1baa10e092e23a0cf36769a65c36.svg);
  }
  .quotation_marks_box {
    gap: 16px;
  }
  .quotation_marks_box .quotation_marks_left,
  .quotation_marks_box .quotation_marks_right {
    display: none;
  }
  .operation_goal .quotation_marks_box {
    gap: 8px;
  }
  .operation_goal .top_box .txt_box span,
  .quotation_marks_box span {
    font-size: 17px;
  }
  .quotation_marks_box span.imp {
    font-size: 21px;
  }
  .operation_goal .quotation_marks_box .quotation_marks_left,
  .operation_goal .quotation_marks_box .quotation_marks_right {
    display: none;
  }
  .operation_goal .diagram_box .list .border_box {
    width: 100%;
  }
  .operation_goal .diagram_box .diagram .left_line {
    width: 50px;
    height: 50px;
    background: center/cover no-repeat url(/static/home/images/sub/operation_goal_line_left_m-e303534b87e2ad71d3db662f0e517d17.svg);
  }
  .operation_goal .diagram_box .diagram .right_line {
    width: 50px;
    height: 50px;
    background: center/cover no-repeat url(/static/home/images/sub/operation_goal_line_right_m-7e359a14e7a58bb2fa5445f40b0cfe3e.svg);
  }
}
/** 260106 구조 변경 요청 */
.operation_goal2 {
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 40px;
}

.operation_goal2 .classify_line {
  width: 1px;
  height: 100%;
  background: #D8D8D8;
}

.operation_goal2 > ul {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
}

.operation_goal2 > ul > li {
  width: 100%;
}

.operation_goal2 > ul > li > .box1 {
  padding: 4px;
  width: 100%;
  border-radius: 16px;
}

.operation_goal2 > ul > li > .box1 .box2 {
  display: flex;
  padding: 28px;
  align-items: center;
  gap: 24px;
  align-self: stretch;
  border-radius: 16px;
}

.operation_goal2 > ul > li > .box1.type1 {
  background: linear-gradient(0deg, #F2E9FF 0%, #FFF 100%);
}

.operation_goal2 > ul > li > .box1.type1 .box2 {
  background: #FBF9FF;
}

.operation_goal2 > ul > li > .box1.type2 {
  background: linear-gradient(0deg, #D8EFE0 0%, #FFF 100%);
}

.operation_goal2 > ul > li > .box1.type2 .box2 {
  background: #F4FFF8;
}

.operation_goal2 > ul > li > .box1.type3 {
  background: linear-gradient(0deg, #FBEBC2 0%, #FFF 100%);
}

.operation_goal2 > ul > li > .box1.type3 .box2 {
  background: #FFFCEE;
}

.operation_goal2 > ul > li > .box1.type4 {
  background: linear-gradient(0deg, #C7E9EC 0%, #FFF 100%);
}

.operation_goal2 > ul > li > .box1.type4 .box2 {
  background: #F3FEFF;
}

.operation_goal2 > ul > li > .box1.type5 {
  background: linear-gradient(0deg, #FFDEDE 0%, #FFF 100%);
}

.operation_goal2 > ul > li > .box1.type5 .box2 {
  background: #FFF7F6;
}

.operation_goal2 > ul > li > .box1 .box2 .tit_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
}

.operation_goal2 > ul > li > .box1 .box2 .tit_box .t_tit_box {
  display: flex;
  width: 320px;
  align-items: center;
  gap: 24px;
}

.operation_goal2 > ul > li > .box1 .box2 .tit_box .t_tit_box .num {
  display: flex;
  width: 64px;
  flex-direction: column;
  justify-content: center;
  flex-shrink: 0;
  align-self: stretch;
  text-align: center;
  font-family: "Pretendard";
  font-size: 45px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 67.5px */
}

.operation_goal2 > ul > li > .box1 .box2 .tit_box .t_tit_box .txt {
  flex: 1 0 0;
  font-family: "Pretendard";
  font-size: 19px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 28.5px */
}

.operation_goal2 > ul > li > .box1.type1 .box2 .tit_box .t_tit_box .num,
.operation_goal2 > ul > li > .box1.type1 .box2 .tit_box .t_tit_box .txt {
  color: #6116AD;
}

.operation_goal2 > ul > li > .box1.type2 .box2 .tit_box .t_tit_box .num,
.operation_goal2 > ul > li > .box1.type2 .box2 .tit_box .t_tit_box .txt {
  color: #07837E;
}

.operation_goal2 > ul > li > .box1.type3 .box2 .tit_box .t_tit_box .num,
.operation_goal2 > ul > li > .box1.type3 .box2 .tit_box .t_tit_box .txt {
  color: #C25309;
}

.operation_goal2 > ul > li > .box1.type4 .box2 .tit_box .t_tit_box .num,
.operation_goal2 > ul > li > .box1.type4 .box2 .tit_box .t_tit_box .txt {
  color: #2C4EB2;
}

.operation_goal2 > ul > li > .box1.type5 .box2 .tit_box .t_tit_box .num,
.operation_goal2 > ul > li > .box1.type5 .box2 .tit_box .t_tit_box .txt {
  color: #C7483B;
}

.operation_goal2 > ul > li > .box1 .box2 .tit_box .t_ico_box {
  display: none;
}

.operation_goal2 > ul > li > .box1 .box2 .classify_line {
  align-self: stretch;
  width: 1px;
  height: unset;
  background: #D8D8D8;
}

.operation_goal2 > ul > li > .box1 .box2 .txt_box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  flex: 1 0 0;
}

.operation_goal2 > ul > li > .box1 .box2 .txt_box > p {
  color: #1D1D1D;
  font-family: Pretendard;
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 25.5px */
}

.operation_goal2 > ul > li > .box1 .box2 .ico {
  width: 80px;
  height: 80px;
  aspect-ratio: 1/1;
}

.operation_goal2 > ul > li > .box1.type1 .box2 .ico {
  background: center/cover no-repeat url(/static/home/images/sub/operation_goal_ver2_ico1-c9583b70e4ee3fdbb0c4c9818d080964.png);
}

.operation_goal2 > ul > li > .box1.type2 .box2 .ico {
  background: center/cover no-repeat url(/static/home/images/sub/operation_goal_ver2_ico2-397d546a9737194cb852e4788b2f3dcc.png);
}

.operation_goal2 > ul > li > .box1.type3 .box2 .ico {
  background: center/cover no-repeat url(/static/home/images/sub/operation_goal_ver2_ico3-3b65bb0046b56900fc22a373abc6e3c4.png);
}

.operation_goal2 > ul > li > .box1.type4 .box2 .ico {
  background: center/cover no-repeat url(/static/home/images/sub/operation_goal_ver2_ico4-e2bcbdfd0db1b75549da65f7cd6a8183.png);
}

.operation_goal2 > ul > li > .box1.type5 .box2 .ico {
  background: center/cover no-repeat url(/static/home/images/sub/operation_goal_ver2_ico5-9d65c1e897e1b9ccd2ae0d5a397dd013.png);
}

.operation_goal2 .notice_box {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}

.operation_goal2 .notice_box .txt_box {
  display: flex;
  width: 100%;
  padding: 40px 48px;
  justify-content: center;
  align-items: center;
  gap: 24px;
  border-radius: 16px;
  background: linear-gradient(1deg, rgba(255, 245, 237, 0) 0.14%, #FFF5ED 99.53%);
}

.operation_goal2 .notice_box .txt_box span {
  font-family: "Pretendard";
  font-size: 25px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 37.5px */
}

.operation_goal2 .notice_box .top_box {
  display: flex;
  align-items: center;
}

.operation_goal2 .notice_box .top_box .left {
  width: 177px;
  height: 39.5px;
  background: center/cover no-repeat url(/static/home/images/sub/operation_goal_top_box_right-bcbcf6ce7e892bad187cd5069a92f12e.svg);
  transform: rotate(180deg);
}

.operation_goal2 .notice_box .top_box .right {
  width: 177px;
  height: 39.5px;
  background: center/cover no-repeat url(/static/home/images/sub/operation_goal_top_box_left-2feeac2d823c82fe16d6aad3eb3e2cc1.svg);
  transform: rotate(180deg);
}

@media screen and (max-width: 1279px) {
  .operation_goal2 .notice_box .txt_box {
    padding: 16px;
  }
  .operation_goal2 .quotation_marks_box {
    flex-direction: column;
    gap: 0;
  }
  .operation_goal2 > ul > li > .box1 .box2 {
    flex-direction: column;
    gap: 16px;
  }
  .operation_goal2 > ul > li > .box1 .box2 .txt_box {
    width: 100%;
  }
  .operation_goal2 > ul > li > .box1 .box2 .classify_line {
    height: 1px;
    width: 100%;
  }
  .operation_goal2 .txt_box .classify_line,
  .operation_goal2 .quotation_marks_box .quotation_marks_left,
  .operation_goal2 .quotation_marks_box .quotation_marks_right {
    display: none;
  }
  .operation_goal2 > ul > li > .box1 .box2 > .ico {
    display: none;
  }
  .operation_goal2 > ul > li > .box1 .box2 .tit_box .t_ico_box {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .operation_goal2 {
    gap: 8px;
  }
  .operation_goal2 > ul {
    gap: 8px;
  }
  .operation_goal2 .notice_box .txt_box {
    padding: 16px 24px;
  }
  .operation_goal2 .notice_box .txt_box span {
    font-size: 17px;
    text-align: center;
  }
  .operation_goal2 > ul > li > .box1 .box2 {
    padding: 20px;
    gap: 8px;
  }
  .operation_goal2 > ul > li > .box1 .box2 .txt_box {
    margin-top: 12px;
  }
  .operation_goal2 > ul > li > .box1 .box2 .ico {
    display: none;
  }
  .operation_goal2 > ul > li > .box1 .box2 .tit_box .t_tit_box {
    gap: 16px;
  }
  .operation_goal2 > ul > li > .box1 .box2 .tit_box .t_tit_box .num {
    font-size: 40px;
  }
  .operation_goal2 > ul > li > .box1 .box2 .tit_box .t_tit_box .txt {
    font-size: 15px;
  }
}
/** lg operation_goal 운영목표 */
/** lg organization 조직현황 */
.organization {
  display: flex;
  width: 100%;
  padding: 40px;
  flex-direction: column;
  justify-content: center;
  border-radius: 24px;
  border: 1px solid #D8D8D8;
  background: #F8F8F8;
}

.organization a {
  font-family: "Pretendard";
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 25.5px */
}

.organization a:hover {
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}

.organization a.active {
  color: #FFF !important;
  border-radius: 12px !important;
  border: 1px solid #245454 !important;
  background: #245454 !important;
}

.organization ul.depth1 > li > a.active {
  border: 0px solid #245454 !important;
}

.organization ul.depth1 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.organization ul.depth1 > li:first-child {
  padding-bottom: 32px;
  position: relative;
}

.organization ul.depth1 > li > a::before {
  content: "";
  width: 1px;
  height: 32px;
  background: #717171;
  position: absolute;
  bottom: 0;
  right: 50%;
  transform: translate(-50%, 0%);
}

.organization ul.depth1 > li > a {
  display: flex;
  width: 180px;
  padding: 12px 24px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  color: #FFF;
  border-radius: 12px;
  background: linear-gradient(180deg, #245454 0%, #307070 100%);
}

.organization ul.depth1 > li > ul.depth2 {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  padding-top: 32px;
  position: relative;
}

.organization ul.depth1 > li > ul.depth2::before {
  content: "";
  width: calc(100% - 179px);
  height: 1px;
  background: #717171;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50.15%, -50%);
}

.organization ul.depth1 > li > ul.depth2 > li {
  position: relative;
}

.organization ul.depth1 > li > ul.depth2 > li::before {
  content: "";
  width: 1px;
  height: 32px;
  background: #717171;
  position: absolute;
  top: -32px;
  right: 50%;
  transform: translate(-50%, 0%);
}

.organization ul.depth1 > li > ul.depth2 > li > a {
  display: flex;
  width: 180px;
  padding: 12px 24px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 12px;
  border: 1px solid #245454;
  background: #FFF;
}

.organization ul.depth1 > li > ul.depth2 > li > ul.depth3 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  padding-top: 16px;
  position: relative;
}

.organization ul.depth1 > li > ul.depth2 > li > ul.depth3::before {
  content: "";
  width: 1px;
  height: 16px;
  background: #717171;
  position: absolute;
  top: 0px;
  right: 50%;
  transform: translate(-50%, 0%);
}

.organization ul.depth1 > li > ul.depth2 > li > ul.depth3 > li > a {
  display: flex;
  width: 180px;
  padding: 12px 24px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 12px;
  border: 1px solid #245454;
  background: #D8E8E8;
}

.organization_info_box {
  display: none;
}

.organization_info_box.show {
  display: block;
  width: 100%;
}

@media screen and (max-width: 1400px) {
  .organization {
    gap: 24px;
  }
  .organization ul.depth1 > li > a,
  .organization ul.depth1 > li > ul.depth2 > li > a,
  .organization ul.depth1 > li > ul.depth2 > li > ul.depth3 > li > a {
    width: 230px;
  }
  .organization ul.depth1 > li:first-child {
    padding-bottom: 24px;
  }
  .organization ul.depth1 > li > ul.depth2 {
    flex-direction: column;
    padding: 0;
  }
  .organization ul.depth1 > li > a::before {
    transform: rotate(90deg);
    left: -16px;
    top: 10px;
  }
  .organization ul.depth1 > li > ul.depth2 > li::before {
    transform: rotate(90deg);
    left: -16px;
    top: 10px;
  }
  .organization ul.depth1 > li > ul.depth2 > li > ul.depth3::before {
    content: unset;
  }
  .organization ul.depth1 > li > ul.depth2::before {
    width: 1px;
    height: calc(100% + 23.5px);
    top: -48px;
    left: -32px;
    transform: translate(-50.15%, 0%);
  }
}
@media screen and (max-width: 767px) {
  .organization {
    padding: 24px;
  }
  .organization ul.depth1 {
    margin-left: 33px;
  }
}
/** lg organization 조직현황 */
/** lg symbol mark 심벌마크 */
.symbol_intro {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  align-self: stretch;
}

.symbol_intro .mark_box {
  border: solid 1px #E8E8E8;
  width: 100%;
  height: 262px;
  border-radius: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-image: url(/static/home/images/sub/symbol_ci_bg-434970f89dd14cd27a913fe46cae6928.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.symbol_intro .mark_box .mark {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 100px;
}

.symbol_intro .mark_box .mark .emblem {
  width: 195px;
  height: 188px;
  flex-shrink: 0;
  background: center/cover no-repeat url(/static/home/images/sub/symbol_ci_emblem_PC-11f2dac939ffbc808cae0d89544bdd25.svg);
}

.symbol_intro .mark_box .mark .logo {
  width: 429px;
  height: 47px;
  flex-shrink: 0;
  background: center/cover no-repeat url(/static/home/images/sub/symbol_ci_logo_PC-14652e0c537a0289ab075bb8080d2907.png);
}

.symbol_intro .mark_p .ico1 {
  width: 16px;
  height: 18.009px;
  display: inline-block;
  flex-shrink: 0;
  aspect-ratio: 16/18.01;
  background: center/cover no-repeat url(/static/home/images/sub/symbol_p_ico1-1d0be32e39d35f2fe2add04a731049d8.svg);
  vertical-align: middle;
  position: relative;
  top: -2px;
}

.symbol_intro .mark_p .ico2 {
  width: 16px;
  height: 14.405px;
  display: inline-block;
  flex-shrink: 0;
  aspect-ratio: 16/14.4;
  background: center/cover no-repeat url(/static/home/images/sub/symbol_p_ico2-081cc13caa1a954b7b9b76a7a3f62c34.svg);
  vertical-align: middle;
  position: relative;
  top: -2px;
}

.symbol_intro .mark_p .ico3 {
  width: 8px;
  height: 6px;
  display: inline-block;
  flex-shrink: 0;
  aspect-ratio: 4/3;
  background: center/contain no-repeat url(/static/home/images/sub/symbol_p_ico3-111d531e2e5bae7b97cb709d4ef69f3f.svg);
  vertical-align: middle;
  position: relative;
  top: 0px;
}

.symbol_intro .subtit_m_line {
  line-height: 170%;
}

.symbol_intro .subtit_m_line::before {
  top: 13px;
}

.symbol_color {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
}

.symbol_color > ul {
  display: flex;
  align-items: center;
  gap: 32px;
  width: 100%;
}

.symbol_color > ul > li {
  display: flex;
  align-items: stretch;
  width: 33.3333333333%;
}

.symbol_color > ul > li .color_view {
  display: flex;
  min-width: 139px;
  padding: 16px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 16px 0 0 16px;
}

.symbol_color > ul > li .color_view.tyle1 {
  background: #FF320C;
}

.symbol_color > ul > li .color_view.tyle2 {
  background: #313A94;
}

.symbol_color > ul > li .color_view.tyle3 {
  background: #25A237;
}

.symbol_color > ul > li .color_view span {
  color: #FFF;
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 27px */
  text-transform: uppercase;
}

.symbol_color > ul > li .color_info {
  display: flex;
  padding: 24px;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
  border-radius: 0 16px 16px 0;
  border: 1px solid #D8D8D8;
  background: #FFF;
  flex: 1;
}

.symbol_color > ul > li .color_info > span {
  font-size: 19px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 28.5px */
  letter-spacing: -0.95px;
}

.symbol_color > ul > li .color_info .code {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  flex: 1 0 0;
  align-self: stretch;
}

.symbol_color > ul > li .color_info .code span {
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 25.5px */
  letter-spacing: -0.85px;
}

@media screen and (max-width: 1279px) {
  .symbol_intro .mark_box .mark .emblem {
    width: 150px;
    height: 144.615px;
    background: center/cover no-repeat url(/static/home/images/sub/symbol_ci_emblem_T-e58e66eb8efc5dc9275a6b6be5b8c715.svg);
  }
  .symbol_intro .mark_box .mark .logo {
    width: 350px;
    height: 38.345px;
    background: center/cover no-repeat url(/static/home/images/sub/symbol_ci_logo_T-e9151e2dd91fea5d21f88f6c0cc960ae.png);
  }
  .symbol_color > ul > li {
    flex-direction: column;
  }
  .symbol_color > ul > li .color_view {
    border-radius: 16px 16px 0 0;
    height: 110px;
  }
  .symbol_color > ul > li .color_info {
    border-radius: 0 0 16px 16px;
  }
}
@media screen and (max-width: 767px) {
  .symbol_intro .subtit_m_line {
    line-height: 150%;
  }
  .symbol_intro .subtit_m_line::before {
    top: 11px;
  }
  .symbol_intro .mark_box .mark {
    flex-direction: column;
    gap: 32px;
  }
  .symbol_intro .mark_box .mark .emblem {
    width: 130px;
    height: 125.333px;
    background: center/cover no-repeat url(/static/home/images/sub/symbol_ci_emblem_M-7de121eb68e3a8c0d86681b35fe66261.svg);
  }
  .symbol_intro .mark_box .mark .logo {
    width: 300px;
    height: 32.867px;
    background: center/cover no-repeat url(/static/home/images/sub/symbol_ci_logo_M-1b05f489994415665e65e14d191b02bf.png);
  }
  .symbol_color > ul {
    flex-direction: column;
    gap: 20px;
  }
  .symbol_color > ul > li {
    width: 100%;
  }
}
/** lg symbol mark 심벌마크 */
/** lg declaration 헌장전문 */
.declaration {
  display: flex;
  width: 100%;
  padding: 40px 40px 32px 40px;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  border-radius: 16px;
  border: 2px solid #c4d5ec;
  background: #F4F8FB;
  position: relative;
}

.declaration::before {
  content: "";
  width: 100px;
  height: 133.999px;
  background: center/cover no-repeat url(/static/home/images/sub/declaration_ico_PC-f545d88d3180d08b92e640a0bf5a3644.svg);
  position: absolute;
  top: -20px;
  left: 24px;
}

.declaration::after {
  content: "";
  width: 254px;
  height: 127px;
  flex-shrink: 0;
  background: center/cover no-repeat url(/static/home/images/sub/declaration_bottom_ico_PC-70a97ca3a8b713fe90aa5a388162ad14.png);
  position: absolute;
  bottom: 0px;
  right: 0px;
}

.declaration > .top_box {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  align-self: stretch;
}

.declaration > .top_box h3 {
  text-align: center;
  font-family: "Pretendard";
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 48px */
}

.declaration > .top_box p {
  text-align: center;
  font-size: 17px;
  font-style: normal;
  line-height: 150%; /* 25.5px */
}

.declaration > .cont {
  display: flex;
  padding: 32px;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
  border-radius: 16px;
  border: 1px solid #E4E4E4;
  background: #FFF;
}

@media screen and (max-width: 1279px) {
  .declaration {
    padding: 24px;
  }
  .declaration::before {
    content: "";
    width: 60px;
    height: 80.4px;
    background: center/cover no-repeat url(/static/home/images/sub/declaration_ico_T-21841f03ff757b46a13c939385067477.svg);
    position: absolute;
    top: -20px;
    left: 24px;
  }
  .declaration::after {
    content: "";
    width: 130px;
    height: 64.787px;
    flex-shrink: 0;
    background: center/cover no-repeat url(/static/home/images/sub/declaration_bottom_ico_T-86f771c2e403c6e527e0f4f14f227a8f.png);
    position: absolute;
    bottom: 0px;
    right: 0px;
  }
  .declaration > .top_box h3 {
    font-size: 25px;
  }
  .declaration > .top_box p {
    font-size: 15px;
  }
  .declaration > .cont {
    padding: 24px;
  }
  .declaration > .cont .subtit_m_dot {
    font-size: 15px;
  }
  .declaration > .cont .flex_p_box {
    gap: 8px;
  }
}
@media screen and (max-width: 767px) {
  .declaration::before {
    content: "";
    width: 50px;
    height: 67.001px;
    background: center/cover no-repeat url(/static/home/images/sub/declaration_ico_M-dd87de83734018f9d07176395eefcac2.svg);
    position: absolute;
    top: -16px;
    left: 16px;
  }
  .declaration::after {
    content: "";
    width: 120px;
    height: 59.496px;
    flex-shrink: 0;
    background: center/cover no-repeat url(/static/home/images/sub/declaration_bottom_ico_M-e281e69c91dcf19149409b9a45463c0a.png);
    position: absolute;
    bottom: 0px;
    right: 0px;
  }
}
/** lg declaration 헌장전문 */
/** lg map 오시는길 */
.map_box {
  width: 100%;
  overflow: hidden;
  border-radius: 24px;
  border-right: 1px solid #D8D8D8;
  border-bottom: 1px solid #D8D8D8;
  border-left: 1px solid #D8D8D8;
}

.map_box > div {
  width: 100%;
}

/*kakaomap 기본셋팅제거*/
.map_box .root_daum_roughmap .wrap_controllers,
.map_box .root_daum_roughmap .cont .section.lst {
  display: none;
}

.map_box .root_daum_roughmap .border1 {
  border: unset;
}

.map_box .root_daum_roughmap .border1,
.map_box .root_daum_roughmap .border2,
.map_box .root_daum_roughmap .border3,
.map_box .root_daum_roughmap .border4 {
  background-color: unset;
}

/*kakaomap 기본셋팅제거*/
.map_info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  align-self: stretch;
}

.map_info ul.info_box {
  display: flex;
  align-items: stretch;
  gap: 24px;
  align-self: stretch;
  flex-wrap: wrap;
}

.map_info ul.info_box li {
  display: flex;
  padding: 24px;
  flex-direction: column;
  align-items: center;
  gap: 14px;
  width: calc(33.3333333333% - 16px);
  min-height: 175px;
  border-radius: 16px;
  border: 1px solid #D8D8D8;
  background: #FFF;
  mix-blend-mode: multiply;
}

.map_info ul.info_box li .tit_box {
  display: flex;
  padding-right: 30px;
  justify-content: center;
  align-items: center;
  gap: 14px;
  align-self: stretch;
}

.map_info ul.info_box li .tit_box span {
  text-align: center;
  font-family: "Pretendard";
  font-size: 21px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 31.5px */
}

.map_info ul.info_box li .tit_box .ico {
  display: flex;
  width: 48px;
  height: 48px;
  padding: 6px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  aspect-ratio: 1/1;
  border-radius: 50%;
}

.map_info ul.info_box li .tit_box .ico.type1 {
  background: #E7F4F0 center/24px 24px no-repeat url(/static/home/images/sub/map_icon_map-6de2d8c180da0e370508689042b0db74.svg);
}

.map_info ul.info_box li .tit_box .ico.type2 {
  background: #E7F4F0 center/24px 24px no-repeat url(/static/home/images/sub/map_icon_phone-e41a5d80d90a3ad34c0250cf38cadcc1.svg);
}

.map_info ul.info_box li .tit_box .ico.type3 {
  background: #E7F4F0 center/24px 24px no-repeat url(/static/home/images/sub/map_icon_fax-9a7ba9664000a3ce4011d73287b745b1.svg);
}

.map_info ul.info_box li .txt_box {
  display: flex;
  padding-top: 14px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  text-align: center;
  height: 100%;
  border-top: 1px dashed #C6C6C6;
}

@media screen and (max-width: 1279px) {
  .map_info ul.info_box li {
    width: calc(50% - 12px);
  }
}
@media screen and (max-width: 767px) {
  .map_info ul.info_box li {
    width: 100%;
  }
}
/** lg map 오시는길 */
/** lg login 인증서로그인 */
.cont_box .in_box2 .grid_box.login {
  word-break: break-word;
}

.cont_box .in_box2 .grid_box.login li .ico_box .ico.type1 {
  background: center/cover no-repeat url(/static/home/images/sub/login_ico1-4865b4fdbc05a8433e47807a00c6e04e.svg);
}

.cont_box .in_box2 .grid_box.login li .ico_box .ico.type2 {
  background: center/cover no-repeat url(/static/home/images/sub/login_ico2-3238041f29ee216caaa94a2b474749c1.svg);
}

.cont_box .in_box2 .grid_box.login li .ico_box .ico.type3 {
  background: center/cover no-repeat url(/static/home/images/sub/login_ico3-4c1179a076c66f3da0b6082381765f84.svg);
}

.cont_box .in_box2 .grid_box.login li .ico_box .ico.type4 {
  background: center/cover no-repeat url(/static/home/images/sub/login_ico4-f8fc8a63fd393c206582b33c1363c4ce.svg);
}

.cont_box .in_box2 .grid_box.login li .ico_box .ico.type5 {
  background: center/cover no-repeat url(/static/home/images/sub/login_ico5-8599f224f71c157e157838277e47fd3f.svg);
}

.cont_box .in_box2 .grid_box.login li .ico_box .ico.type6 {
  background: center/cover no-repeat url(/static/home/images/sub/login_ico6-63009a86d6ee3e0e5b48e02155de24ef.svg);
}

.cont_box .in_box2 .grid_box.login.type1 li {
  width: 100%;
  flex-direction: row;
}

.cont_box .in_box2 .grid_box.login.type1 li .txt_box {
  width: 272px;
  border-top: 0;
  padding-top: 0;
}

.cont_box .in_box2 .grid_box.login.type1 li .tit_box {
  align-items: center;
  justify-content: center;
}

.cont_box .in_box2 .grid_box.login.type1 li .tit_box > span {
  text-align: left;
}

@media screen and (max-width: 1279px) {
  .cont_box .in_box2 .grid_box.login li {
    width: 100%;
    flex-direction: row;
  }
  .cont_box .in_box2 .grid_box.login li .tit_box {
    flex: 1;
    justify-content: center;
  }
  .cont_box .in_box2 .grid_box.login li .tit_box span {
    text-align: left;
  }
  .cont_box .in_box2 .grid_box.login li .txt_box {
    border-top: 0;
    padding-top: 0;
    width: 138px;
    flex-direction: column;
  }
  .cont_box .in_box2 .grid_box.login li .txt_box a {
    padding: 6px 8px 6px 16px;
    flex-shrink: 0;
  }
  .cont_box .in_box2 .grid_box.login li .txt_box a > span {
    font-size: 15px;
  }
  .cont_box .in_box2 .grid_box.login.type1 li .txt_box {
    width: 138px;
  }
}
@media screen and (max-width: 767px) {
  .cont_box .in_box2 .grid_box.login li {
    flex-direction: column;
    padding: 24px;
  }
  .cont_box .in_box2 .grid_box.login li .tit_box span {
    text-align: center;
  }
  .cont_box .in_box2 .grid_box.login li .txt_box {
    border-top: 1px dashed #8ABABA;
    padding-top: 14px;
    width: 100%;
    flex-direction: row;
  }
  .cont_box .in_box2 .grid_box.login li .txt_box a {
    padding: 10px 16px 10px 24px;
    flex-shrink: unset;
  }
  .cont_box .in_box2 .grid_box.login li .txt_box a > span {
    font-size: 15px;
  }
  .cont_box .in_box2 .grid_box.login.type1 li {
    flex-direction: column;
  }
  .cont_box .in_box2 .grid_box.login.type1 li .txt_box {
    width: 100%;
    border-top: 1px dashed #8ABABA;
    padding-top: 14px;
  }
  .cont_box .in_box2 .grid_box.login.type1 li .tit_box > span {
    text-align: center;
  }
}
/** lg login 인증서로그인 */
/** lg sitemap 사이트맵 */
.sitemap > ul {
  display: flex;
  align-items: flex-start;
  gap: 40px;
  align-self: stretch;
  flex-wrap: wrap;
}

.sitemap > ul > li {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: calc(33.3333333333% - 27px);
}

.sitemap > ul > li > .depth1 {
  display: flex;
  padding: 16px;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  border-radius: 10px;
  background: #307070;
  color: #FFF;
  text-align: center;
  font-family: "Pretendard";
  font-size: 19px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 28.5px */
}

.sitemap > ul > li > .depth2 {
  width: 100%;
}

.sitemap > ul > li > .depth2 > ul {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 1 0 0;
}

.sitemap > ul > li > .depth2 > ul > li {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
}

.sitemap > ul > li > .depth2 > ul > li > a {
  width: 100%;
  padding: 16px;
  border-bottom: 1px solid #C6C6C6;
  display: flex;
  justify-content: space-between;
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 25.5px */
}

.sitemap > ul > li > .depth2 > ul > li > a:hover {
  text-decoration: underline;
  text-underline-offset: 3px;
  font-weight: 700;
}

.sitemap > ul > li > .depth2 > ul > li > a span {
  position: relative;
}

.sitemap > ul > li > .depth2 > ul > li > a:hover span:not(.link)::after {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  background: #F17400;
  border-radius: 50%;
  position: absolute;
  top: 0;
  right: -10px;
}

.sitemap > ul > li > .depth2 > ul > li > a > .link {
  display: block;
  width: 16px;
  height: 16px;
  background: center/cover no-repeat url(/static/home/images/sub/ico_btn_sub_link_gray-9a947fb6d864d903558b3d82ba8ba723.svg);
}

.sitemap > ul > li > .depth2 > ul > li:has(.depth3) > a {
  border-bottom: 1px solid #D8D8D8;
  z-index: 1;
}

.sitemap > ul > li > .depth2 > ul > li > .depth3 {
  width: 100%;
  border-bottom: 1px solid #C6C6C6;
}

.sitemap > ul > li > .depth2 > ul > li > .depth3 > ul {
  display: flex;
  padding: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  align-self: stretch;
  background: #F8F8F8;
}

.sitemap > ul > li > .depth2 > ul > li > .depth3 > ul > li {
  width: 100%;
}

.sitemap > ul > li > .depth2 > ul > li > .depth3 > ul > li > a {
  display: flex;
  height: 26px;
  align-items: center;
  gap: 8px;
  align-self: stretch;
}

.sitemap > ul > li > .depth2 > ul > li > .depth3 > ul > li > a > .dot {
  display: block;
  width: 4px;
  height: 4px;
  background: #8E8E8E;
  border-radius: 50%;
}

.sitemap > ul > li > .depth2 > ul > li > .depth3 > ul > li > a > .txt {
  font-family: "Noto Sans CJK KR";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.8px;
  flex: 1;
}

.sitemap > ul > li > .depth2 > ul > li > .depth3 > ul > li > a > .link {
  width: 16px;
  height: 16px;
  background: center/cover no-repeat url(/static/home/images/icons/ico-h-link-033f8fca2ff851282b8d4247f9efe2d0.svg);
}

@media screen and (max-width: 1279px) {
  .sitemap > ul > li {
    width: calc(50% - 20px);
  }
}
@media screen and (max-width: 767px) {
  .sitemap > ul > li {
    width: 100%;
  }
}
.sitemap > ul > li > .depth2 > ul > li > .depth3 > ul > li > a:hover {
  text-decoration: underline;
  text-underline-offset: 3px;
  color: #307070;
  font-weight: 700;
}

/** lg sitemap 사이트맵 */
/** lg total_search 통합검색 */
.cont_box.total_search_box {
  margin-top: 20px;
}

/* *검색필터* */
.search_option_box {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
  flex: 1 0 0;
  margin-top: 20px;
}

.search_option_box .search_box {
  display: flex;
  padding: 20px;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  align-self: stretch;
  border-radius: 16px;
  border: 1px solid #D8D8D8;
  background: #FFF;
}

.search_option_box .search_box .option_title_box {
  display: flex;
  padding-bottom: 12px;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  align-self: stretch;
  border-bottom: 1px solid #8E8E8E;
}

.search_option_box .search_box .option_title_box h3 {
  font-family: "Pretendard";
  font-size: 25px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 37.5px */
}

.search_option_box .search_box .option_title_box > a.reset_btn {
  display: flex;
  height: 24px;
  justify-content: center;
  /* align-items: center; */
  gap: 4px;
}

.search_option_box .search_box .option_title_box > a span {
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 25.5px */
}

.search_option_box .search_box .option_title_box > a.reset_btn span.ico {
  width: 20px;
  height: 24px;
  background: center/contain no-repeat url(/static/home/images/sub/ico_refresh-74dea85ff82c35845ab4dbc844af3136.svg);
}

.search_option_box .search_box .search_box_2depth {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  align-self: stretch;
}

.search_option_box .search_box .option_box {
  display: flex;
  padding-bottom: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 20px;
  align-self: stretch;
  border-bottom: 1px solid #C6C6C6;
}

.search_option_box .search_box .option_box:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}

.search_option_box .search_box .option_box > a {
  display: flex;
  align-items: center;
  gap: 16px;
  align-self: stretch;
}

.search_option_box .search_box .option_box > a .tit {
  display: flex;
  align-items: center;
  gap: 4px;
  flex: 1 0 0;
}

.search_option_box .search_box .option_box > a .tit span {
  font-size: 19px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 28.5px */
}

.search_option_box .search_box .option_box > a .tit span.count {
  display: flex;
  height: 20px;
  min-width: 26px;
  padding: 0 8px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 20px;
  background: #F17400;
  color: #FFF;
  text-align: center;
  font-size: 15px;
  font-weight: 400;
}

.search_option_box .search_box .option_box > a .ico {
  width: 24px;
  height: 24px;
  background: center/cover no-repeat url(/static/home/images/sub/icon_top_arrow_black-a74d380df208180312264a734a08326d.svg);
  transform: rotate(180deg);
}

.search_option_box .search_box .option_box.on > a .ico {
  transform: rotate(0deg);
}

.search_option_box .search_box .option_box .cont {
  display: none;
  width: 100%;
  flex-direction: column;
  gap: 20px;
}

.search_option_box .search_box .option_box.on .cont {
  display: flex;
}

.search_option_box .search_box .option_box.on .cont .checkbox_list {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 12px;
  align-self: stretch;
}

.search_option_box .search_box .option_box.on .cont .checkbox_list .check_area span {
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 25.5px */
}

.search_option_box .search_box .option_box.on .cont .checkbox_list .check_area span.total {
  font-weight: 700;
}

.search_option_box .search_box .option_box.on .cont .check_button {
  display: flex;
  width: 100%;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
  flex-wrap: wrap;
}

.search_option_box .search_box .option_box.on .cont .check_button li {
  flex: 1;
}

.search_option_box .search_box .option_box.on .cont .check_button li a {
  display: flex;
  padding: 4px 10px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  flex: 1 0 0;
  border-radius: 4px;
  border: 1px solid #C6C6C6;
  background: #FFF;
}

.search_option_box .search_box .option_box.on .cont .check_button li a span {
  text-align: center;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 22.5px */
}

.search_option_box .search_box .option_box.on .cont .check_button li.on a {
  border: 1px solid #307070;
  background: #E7F4F0;
}

.search_option_box .search_box .option_box.on .cont .check_button li.on a .ico {
  display: inline-block;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  background: center/cover no-repeat url(/static/home/images/sub/icon_check-76dc3e3944da849e74d5b339e2de5965.svg);
}

.search_option_box .search_box .option_box.on .cont .check_button.checkbox li a {
  all: unset;
}

.search_option_box .search_box .option_box.on .cont .check_button.checkbox li a label {
  display: flex;
  padding: 4px 10px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  flex: 1 0 0;
  cursor: pointer;
  border-radius: 4px;
  border: 1px solid #C6C6C6;
  background: #FFF;
}

.search_option_box .search_box .option_box.on .cont .check_button.checkbox li.on a label {
  border: 1px solid #307070;
  background: #E7F4F0;
}

.search_option_box .search_box .option_box.on .cont .check_button.checkbox li.on a label .ico {
  display: inline-block;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  background: center/cover no-repeat url(/static/home/images/sub/icon_check-76dc3e3944da849e74d5b339e2de5965.svg);
}

.search_option_box .search_box .option_box.on .cont .check_button.checkbox li a input[type=checkbox] {
  display: none;
}

.search_option_box .search_box .option_box.on .cont .date_box {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  align-self: stretch;
}

.search_option_box .search_box .option_box.on .cont .date_box .date {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
}

.search_option_box .search_box .option_box.on .cont .date_box .date span {
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 22.5px */
}

.search_option_box .search_box .option_box.on .cont .date_box .date input {
  width: 100%;
  height: 40px;
  border-radius: 8px;
  border: 1px solid #C6C6C6;
  background: #FFF;
  cursor: auto;
}

.search_option_box .search_box .option_box.on .cont .date_box .lg_btn_area {
  width: 100%;
}

.search_option_box .search_box .option_box.on .cont .date_box .lg_btn_area a .ico {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  background: center/cover no-repeat url(/static/home/images/sub/ico_refresh2-cd30ffa1f5654a5aa07c7a047c3d959c.svg);
}

.search_option_box .search_box .option_box .lg_btn_area {
  width: 100%;
}

.search_option_box .search_box .option_box .lg_btn_area .btn {
  font-size: 17px;
  font-weight: 700;
  width: 100%;
  padding: 12px 16px;
}

.search_option_box .search_box .option_box .lg_btn_area .btn:hover {
  text-decoration: underline;
  text-underline-offset: 3px;
}

.search_box {
  display: flex;
  padding: 20px;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  align-self: stretch;
  border-radius: 20px;
  border: 1px solid #D8D8D8;
  background: #FFF;
}

.search_box > h3 {
  display: flex;
  padding-bottom: 12px;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  border-bottom: 1px solid #8E8E8E;
  text-align: center;
  font-family: "Pretendard";
  font-size: 25px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 37.5px */
}

.search_box > ul {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 12px;
  align-self: stretch;
}

.search_box > ul > li {
  width: 100%;
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 25.5px */
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-left: 11px;
  position: relative;
}

.search_box > ul > li::before {
  content: "";
  width: 5px;
  height: 5px;
  background: #F17400;
  border-radius: 50%;
  position: absolute;
  top: 10px;
  left: 0;
}

.search_box > ul > li a:hover {
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* *검색필터* */
/* *메인영역* */
.search_area {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  border-radius: 24px;
  /* border: 1px solid #D8D8D8; */
  background: #F8F8F8;
}

.search_area .search_area_box {
  display: flex;
  padding: 40px 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 32px;
  align-self: stretch;
  border-radius: 24px;
}

.search_area .search_input {
  display: flex;
  width: 656px;
  padding-left: 20px;
  justify-content: flex-end;
  align-items: center;
  gap: 20px;
  border-radius: 20px;
  border: 2px solid #3C8C8C;
  background: #FFF;
}

.search_area .search_input span.tit {
  color: #307070;
  font-size: 17px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.search_area .search_input input {
  all: unset;
  width: 100%;
}

.search_area .search_input .search_btn {
  display: flex;
  width: 60px;
  height: 60px;
  padding: 3px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
  aspect-ratio: 1/1;
  border-radius: 18px;
  background: #3C8C8C center/20px no-repeat url(/static/home/images/sub/ico_search2-6d732fa897b56e2fbf74eec64a08ac15.svg);
  box-shadow: 0 0 10px 0 rgba(60, 140, 140, 0.5);
  position: relative;
  right: -1px;
}

.search_area .select_filter {
  display: none;
}

.search_area.on .select_filter {
  display: flex;
  width: 656px;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  padding-top: 24px;
  border-top: 1px dashed #C6C6C6;
}

.search_area.on .select_filter.off {
  display: none;
}

.search_area.on .select_filter .filter_tit {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
  font-size: 17px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 25.5px */
}

.search_area.on .select_filter .filter_box {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  flex: 1 0 0;
}

.search_area.on .select_filter .filter_box .refresh_btn {
  display: flex;
  padding: 8px;
  justify-content: center;
  align-items: center;
  gap: 2px;
  border-radius: 100px;
  border: 1px solid #D8D8D8;
  background: #FFF;
}

.search_area.on .select_filter .filter_box .refresh_btn .ico {
  width: 16px;
  height: 16px;
  background: center/cover no-repeat url(/static/home/images/sub/ico_refresh-74dea85ff82c35845ab4dbc844af3136.svg);
}

.search_area.on .select_filter .filter_box .filter_items {
  display: flex;
  align-items: center;
  align-content: center;
  gap: 8px;
  flex: 1 0 0;
  flex-wrap: wrap;
}

.search_area.on .select_filter .filter_box .filter_items li {
  display: flex;
  padding: 4px 12px;
  justify-content: center;
  align-items: center;
  gap: 2px;
  border-radius: 100px;
  border: 1px solid #D8D8D8;
  background: #FFF;
}

.search_area.on .select_filter .filter_box .filter_items li span {
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 22.5px */
}

.search_area.on .select_filter .filter_box .filter_items li .close_btn {
  width: 12px;
  height: 12px;
  flex-shrink: 0;
  background: center/contain no-repeat url(/static/home/images/sub/ico_remove-60e7da58045be98c30fa4d5b25fae520.svg);
}

.search_area .filter_btn {
  display: none;
}

.search_notice {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
}

.search_notice .txt_box {
  text-align: center;
  font-size: 21px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 31.5px */
}

.search_result_box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 40px;
  align-self: stretch;
}

.search_result_box .cont {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
}

.search_result_box mark {
  background: #EBF5F5;
}

.search_result_box .box_header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
}

.search_result_box .box_header .left_box {
  display: flex;
  align-items: center;
  gap: 10px;
  flex: 1 0 0;
}

.search_result_box .box_header .left_box .subtit_l {
  margin: 0;
  font-size: 19px;
}

/* .search_result_box .box_header .left_box .subtit_l::before {
    top: 2px;
} */
.search_result_box .box_header .left_box span {
  font-size: 19px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px; /* 136.842% */
}

.search_result_box .box_header .right_box {
  display: flex;
  align-items: center;
  gap: 12px;
}

.search_result_box .box_header .right_box span {
  font-size: 17px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 25.5px */
}

.search_result_box .box_header .right_box a {
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 25.5px */
}

.search_result_box .box_header .right_box a.active {
  color: #245454;
  font-weight: 700;
  position: relative;
}

.search_result_box .box_header .right_box a.active::after {
  content: "";
  width: 4px;
  height: 4px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background: #F17400;
  position: absolute;
  top: 0;
  right: -1px;
}

.cont_box .classify_line14.m {
  display: none;
}

.search_result_box .box_header .right_box .filter_m {
  display: none;
}

.search_result_box .box_header .right_box .filter_m .ico {
  display: flex;
  width: 27px;
  height: 27px;
  padding: 6px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 4px;
  border: 1px solid #D8D8D8;
  background: #FFF center/16px no-repeat url(/static/home/images/sub/ico_filter-950fb43f3ab16ac2012ab25a30b82574.svg);
}

.search_result_box .box_list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  align-self: stretch;
}

.search_result_box .box_list > li {
  width: 100%;
}

.search_result_box .box_list > li > a {
  display: flex;
  padding: 24px 32px;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
  border-radius: 24px;
  border: 1px solid #D8D8D8;
  background: #FFF;
}

.search_result_box .box_list > li > a:hover {
  background: #F8F8F8;
}

.search_result_box .box_list > li > a:hover > .main .tit {
  text-decoration: underline;
  text-underline-offset: 3px;
}

.search_result_box .box_list > li > a:hover > .main .tit mark {
  text-decoration: underline;
  text-underline-offset: 3px;
}

.search_result_box .box_list > li > a > .head {
  display: flex;
  align-items: center;
  gap: 16px;
  align-self: stretch;
}

.search_result_box .box_list > li > a > .head .type {
  display: flex;
  height: 26px;
  padding: 0 12px;
  justify-content: center;
  align-items: center;
  gap: 2px;
  border-radius: 100px;
  border: 1px solid #0A484A;
  background: #FFF;
  color: #0A484A;
  text-align: center;
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 22.5px */
}

.search_result_box .box_list > li > a > .head .date {
  overflow: hidden;
  color: #555;
  text-overflow: ellipsis;
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 25.5px */
}

.search_result_box .box_list > li > a > .main {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
}

.search_result_box .box_list > li > a > .main .tit {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 19px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 28.5px */
  word-break: break-all;
}

.search_result_box .box_list > li > a > .main .txt {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 25.5px */
  word-break: break-all;
}

.search_result_box .box_list > li > a > .foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  align-self: stretch;
}

.search_result_box .box_list > li > a > .foot .depth {
  display: flex;
  align-items: center;
  gap: 2px;
  align-self: stretch;
  min-width: 0;
}

.search_result_box .box_list > li > a > .foot .depth span {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #555;
  text-align: right;
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 25.5px */
}

.search_result_box .box_list > li > a > .foot .depth span.ico {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: center/12px no-repeat url(/static/home/images/sub/icon_up_black-06fbc65d5701136989d9c00b1ab4bb0f.svg);
  transform: rotate(90deg);
  flex-shrink: 0;
}

.search_result_box .box_list > li > a > .foot .depth span.more_ico {
  display: none;
  flex-shrink: 0;
}

.search_result_box .box_list > li > a > .foot .more {
  display: flex;
  height: 24px;
  padding: 2px;
  justify-content: center;
  align-items: center;
  gap: 4px;
}

.search_result_box .box_list > li > a > .foot .more span {
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 25.5px */
}

.search_result_box .box_list > li > a > .foot .more span.ico {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: center/16px no-repeat url(/static/home/images/sub/ico_line_arrow_right_black-7b60e251a7635201a2aa2a1cb092332f.svg);
}

.search_result_box .none_result {
  display: flex;
  align-items: flex-start;
  align-self: stretch;
}

.search_result_box .none_result .left_box {
  display: flex;
  padding: 50px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
  align-self: stretch;
  border-radius: 24px 0 0 24px;
  border-top: 1px solid #D8D8D8;
  border-bottom: 1px solid #D8D8D8;
  border-left: 1px solid #D8D8D8;
  background: #F8FFFF center/cover no-repeat url(/static/home/images/sub/nodata_bg-7d01afeb927baa8761b29ed6be9f1594.png);
}

.search_result_box .none_result .left_box .nodata_img {
  width: 170px;
  height: 127px;
  aspect-ratio: 170/127;
  background: center/cover no-repeat url(/static/home/images/sub/nodata_img-c1e588ed29be385c5a016af669ef3db0.png);
}

.search_result_box .none_result .left_box .tit_logo {
  text-indent: -99999px;
  width: 260px;
  height: 28.4px;
  background: center/cover no-repeat url(/static/home/images/sub/tit_name_img-bf0eca8a28d9ae01725bdc0727898f06.svg);
}

.search_result_box .none_result .right_box {
  display: flex;
  padding: 50px;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  flex: 1 0 0;
  border-radius: 0 24px 24px 0;
  border: 1px solid #D8D8D8;
  background: center/100% 128% no-repeat url(/static/home/images/sub/nodata_bg-7d01afeb927baa8761b29ed6be9f1594.png);
}

.search_result_box .none_result .right_box > p,
.search_result_box .none_result .right_box .text-box {
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: "Pretendard";
  font-size: 21px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 31.5px */
}

/* *메인영역* */
/* 모바일 사이드 검색필터 > 하단 검색필터로 변경 */
.search_option_box .search_box .m_hidden {
  display: none !important;
}

.search_option_box .search_box .filter_box {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  flex: 1 0 0;
  width: 100%;
  padding-bottom: 20px;
  border-bottom: 1px solid #C6C6C6;
}

.search_option_box .search_box .filter_box .refresh_btn {
  display: flex;
  padding: 8px;
  justify-content: center;
  align-items: center;
  gap: 2px;
  border-radius: 100px;
  border: 1px solid #D8D8D8;
  background: #FFF;
}

.search_option_box .search_box .filter_box .refresh_btn .ico {
  width: 16px;
  height: 16px;
  background: center/cover no-repeat url(/static/home/images/sub/ico_refresh-74dea85ff82c35845ab4dbc844af3136.svg);
}

.search_option_box .search_box .filter_box .filter_items {
  display: flex;
  align-items: center;
  align-content: center;
  gap: 8px;
  flex: 1 0 0;
  flex-wrap: wrap;
}

.search_option_box .search_box .filter_box .filter_items li {
  display: flex;
  padding: 4px 12px;
  justify-content: center;
  align-items: center;
  gap: 2px;
  border-radius: 100px;
  border: 1px solid #D8D8D8;
  background: #FFF;
}

.search_option_box .search_box .filter_box .filter_items li span {
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 22.5px */
}

/* 모바일 사이드 검색필터 > 하단 검색필터로 변경 */
@media screen and (max-width: 1279px) {
  .search_area .search_area_box {
    padding: 40px;
  }
  .search_area.on .select_filter,
  .search_area .search_input {
    width: 100%;
  }
  /* 모바일 사이드 검색필터 > 하단 검색필터로 변경 */
  .search_result_box .box_header .right_box .filter_m {
    display: flex;
    align-items: center;
    gap: 6px;
  }
  .lnb.search {
    display: block;
    position: absolute;
  }
  .lnb.search .lnb_titbox {
    display: none;
  }
  .search_option_box .search_box.keywoard {
    display: none;
  }
  .search_option_box .search_box.filter_area.on {
    display: flex;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #FFF;
    z-index: 102;
    border-radius: 16px 16px 0 0;
  }
  .search_option_box .search_box.filter_area {
    display: none;
  }
  /* 스크롤 */
  .search_option_box .search_box.filter_area.on .search_box_2depth {
    overflow-y: auto;
    padding: 0 10px 0 5px;
  }
  .search_option_box .search_box.filter_area.on .search_box_2depth::-webkit-scrollbar {
    width: 7px;
  }
  .search_option_box .search_box.filter_area.on .search_box_2depth::-webkit-scrollbar-thumb {
    background: #8f8f8f;
    border-radius: 10px;
  }
  .search_option_box .search_box.filter_area.on .search_box_2depth::-webkit-scrollbar-thumb:hover {
    background: #5e6369;
  }
  .search_option_box .search_box .m_hidden {
    display: flex !important;
  }
  .search_option_box .search_box .option_title_box > a.reset_btn {
    display: none;
  }
  .search_option_box .search_box .filter_box .filter_items li .close_btn {
    display: block;
    width: 12px;
    height: 12px;
    flex-shrink: 0;
    background: center/contain no-repeat url(/static/home/images/sub/ico_remove-60e7da58045be98c30fa4d5b25fae520.svg);
  }
  .search_option_box .filter_area .option_title_box .box_close_btn {
    display: block;
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    background: center/contain no-repeat url(/static/home/images/sub/ico_remove-60e7da58045be98c30fa4d5b25fae520.svg);
  }
  .search_option_box .search_box .none_filter_box {
    display: flex;
    height: 72px;
    padding: 20px 16px;
    justify-content: center;
    align-items: center;
    align-content: center;
    gap: 16px;
    align-self: stretch;
    flex-wrap: wrap;
    border-radius: 8px;
    border: 1px solid #E4E4E4;
    background: #F8F8F8;
    text-align: center;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 22.5px */
  }
  .search_option_box .search_box .option_box.on .cont .check_button li a {
    padding: 8px 4px 8px 10px;
  }
  /* 팝업형식 배경 */
  #wrap.on::before {
    content: "";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 101;
    background: rgba(0, 0, 0, 0.6);
  }
  /* 모바일 사이드 검색필터 > 하단 검색필터로 변경 */
  .search_result_box .none_result .left_box {
    display: none;
  }
  .search_result_box .none_result .right_box {
    border-radius: 24px;
  }
}
@media screen and (max-width: 767px) {
  .cont_box.total_search_box {
    margin-top: 0px;
  }
  .search_area .search_area_box {
    padding: 24px;
  }
  .search_area.on .filter_btn_box {
    width: 100%;
  }
  .search_area.on .filter_btn_box .filter_btn {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 0 10px 24px;
    gap: 4px;
    align-self: stretch;
    border-radius: 0 0 16px 16px;
    border: 1px solid #D8D8D8;
    background: #FFF;
  }
  .search_area.on .filter_btn_box .filter_btn span {
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 25.5px */
  }
  .search_area.on .filter_btn_box .filter_btn .ico {
    width: 24px;
    height: 24px;
    background: center/20px no-repeat url(/static/home/images/sub/icon_top_arrow_black-a74d380df208180312264a734a08326d.svg);
    transform: rotate(0deg);
  }
  .search_area.on .filter_btn_box.on .filter_btn .ico {
    transform: rotate(180deg);
  }
  .search_area.on .search_area_box {
    border-top: 1px solid #D8D8D8;
    border-left: 1px solid #D8D8D8;
    border-right: 1px solid #D8D8D8;
    border-radius: 16px 16px 0 0;
    padding: 24px;
  }
  .search_area.on .select_filter .filter_tit {
    display: none;
  }
  .search_area .search_input {
    border-radius: 10px;
    gap: 12px;
    padding-left: 16px;
  }
  .search_area .search_input .search_btn {
    width: 50px;
    height: 50px;
    border-radius: 10px 8px 8px 10px;
    right: -1px;
  }
  .cont_box .classify_line14.m {
    display: inline-block;
    width: 1px;
    height: 14px;
    background: #C6C6C6;
  }
  .search_result_box .box_header {
    flex-direction: column;
    gap: 12px;
  }
  .search_result_box .box_header .left_box {
    width: 100%;
    order: 2;
  }
  .search_result_box .box_header .right_box {
    width: 100%;
    order: 1;
    justify-content: flex-end;
    flex-wrap: wrap;
  }
  .search_result_box .box_list > li > a {
    padding: 24px;
  }
  .search_result_box .box_list > li > a > .foot {
    flex-direction: column;
    gap: 5px;
    align-items: flex-start;
  }
  .search_result_box .box_list > li > a > .foot .depth span,
  .search_result_box .box_list > li > a > .foot .depth span.ico {
    display: none;
  }
  .search_result_box .box_list > li > a > .foot .depth span:first-child,
  .search_result_box .box_list > li > a > .foot .depth span:last-child,
  .search_result_box .box_list > li > a > .foot .depth span.ico:nth-last-child(2),
  .search_result_box .box_list > li > a > .foot .depth span.ico:nth-child(2),
  .search_result_box .box_list > li > a > .foot .depth span.more_ico:nth-child(n+4) {
    display: inline;
  }
  .search_result_box .none_result .right_box {
    background: left/cover no-repeat url(/static/home/images/sub/nodata_bg-7d01afeb927baa8761b29ed6be9f1594.png);
  }
}
/* *메인영역* */
/** lg total_search 통합검색 */
/** lg epki 로그인 */
.epki_login {
  position: fixed;
  inset: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 40px;
  min-height: 100vh;
  background: center/cover no-repeat url(/static/home/images/sub/epki_login_bg-5df01050e94280f226cdf907f8838382.png);
}

.epki_login .tit_area {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  overflow: hidden;
}

.epki_login .tit_area .tit_logo {
  text-indent: -99999px;
  width: 445px;
  height: 50px;
  background: center/cover no-repeat url(/static/home/images/sub/epki_title-94bd9b5fc9e3d4a97a2f2d98a968a1eb.svg);
}

.epki_login .box {
  display: flex;
  width: 1100px;
  padding: 40px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 40px;
  border-radius: 40px;
  background: #FFF;
  box-shadow: 0 6px 12px 0 rgba(8, 98, 125, 0.12);
}

.epki_login .box .login_list {
  display: flex;
  align-items: flex-start;
  gap: 24px;
  align-self: stretch;
  flex-wrap: wrap;
}

.epki_login .box .login_list li {
  display: flex;
  padding: 32px;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  width: calc(33.3333333333% - 16px);
  border-radius: 16px;
  background: #EBF5F5;
  mix-blend-mode: multiply;
}

.epki_login .box .login_list li .tit_box {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  align-self: stretch;
}

.epki_login .box .login_list li .tit_box .ico_box {
  display: flex;
  width: 80px;
  height: 80px;
  padding: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  aspect-ratio: 1/1;
  border-radius: 40px;
  background: #FFF;
}

.epki_login .box .login_list li .tit_box .ico_box .ico {
  flex-shrink: 0;
}

.epki_login .box .login_list li .tit_box .ico_box .ico.type_a {
  height: 14px;
  flex-shrink: 0;
  align-self: stretch;
  aspect-ratio: 32/7;
  background: center/100% 100% no-repeat url(/static/home/images/sub/epki_copykiller_ico-8b9130928d3e0ff3fd0d2279cd620f55.svg);
}

.epki_login .box .login_list li .tit_box .ico_box .ico.type_b {
  height: 15px;
  flex-shrink: 0;
  aspect-ratio: 64/15;
  background: center/100% 100% no-repeat url(/static/home/images/sub/epki_eureka_ico-1c658c66ec1edf1f0b020f8194fc1d02.svg);
}

.epki_login .box .login_list li .tit_box .ico_box .ico.type_c {
  width: 48px;
  height: 46.133px;
  background: center/100% 100% no-repeat url(/static/home/images/sub/symbol_ci_emblem_PC-11f2dac939ffbc808cae0d89544bdd25.svg);
}

.epki_login .box .login_list li .tit_box .tit {
  text-align: center;
  font-family: "Pretendard";
  font-size: 21px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 31.5px */
}

.epki_login .box .login_list li .btn_box {
  width: 100%;
}

.epki_login .box .login_list li .btn_box a {
  display: flex;
  padding: 10px 16px 10px 24px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  width: 100%;
  border-radius: 100px;
  background: #FFF;
  box-shadow: 0 6px 12px 0 rgba(8, 98, 125, 0.12);
}

.epki_login .box .login_list li .btn_box a > span {
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 25.5px */
  width: 100%;
}

.epki_login .box .login_list li .btn_box a > span.ico {
  width: 26px;
  height: 26px;
  background: center/20px no-repeat url(/static/home/images/icons/ico-next-darkTeal-4f5f1516edaf260f78126cf913aa1b1d.svg);
}

.epki_login .box .login_list li .btn_box a:hover {
  background: #0A484A;
}

.epki_login .box .login_list li .btn_box a:hover > span {
  color: #FFF;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.epki_login .box .login_list li .btn_box a:hover > span.ico {
  background: center/20px no-repeat url(/static/home/images/icons/ico-next-white-10ba81a81bafb765e6568af1966e3356.svg);
}

@media screen and (max-width: 1155px) {
  .epki_login {
    padding: 0 35px;
  }
  .epki_login .box {
    width: 100%;
  }
  .epki_login .box .login_list li {
    width: 100%;
    flex-direction: row;
  }
  .epki_login .box .login_list li .tit_box {
    flex-direction: row;
    flex: 1;
  }
  .epki_login .box .login_list li .btn_box {
    flex: 1;
  }
}
@media screen and (max-width: 767px) {
  .epki_login {
    gap: 16px;
    padding: 0 16px;
  }
  .epki_login .tit_area .tit_logo {
    width: 285px;
    height: 32px;
    flex-shrink: 0;
    aspect-ratio: 285/32;
  }
  .epki_login .box {
    padding: 16px;
    border-radius: 24px;
    gap: 24px;
  }
  .epki_login .box .login_list {
    gap: 16px;
  }
  .epki_login .box .login_list li {
    flex-direction: column;
    gap: 8px;
    padding: 16px;
  }
  .epki_login .box .login_list li .tit_box {
    gap: 8px;
  }
  .epki_login .box .login_list li .tit_box .ico_box {
    width: 64px;
    height: 64px;
  }
  .epki_login .box .login_list li .tit_box .tit {
    font-size: 19px;
  }
  .epki_login .box .login_list li .tit_box .ico_box .ico.type_a {
    height: 10px;
  }
  .epki_login .box .login_list li .tit_box .ico_box .ico.type_b {
    height: 11px;
  }
  .epki_login .box .login_list li .tit_box .ico_box .ico.type_c {
    width: 40px;
    height: 38.444px;
  }
}
/** lg epki 로그인 */
/** lg 회원가입 */
.join_one {
  width: 100%;
}

.join_one ul {
  display: flex;
  align-items: flex-start;
  align-self: stretch;
}

.join_one ul li {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  flex: 1 0 0;
}

.join_one ul li .step_ico {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  align-self: stretch;
}

.join_one ul li.active .step_ico .step_num {
  display: flex;
  width: 36px;
  height: 36px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  border: 4px solid #CFDEDE;
  background: #0D5A5C;
  overflow: hidden;
  color: #FFF;
  text-align: center;
  text-overflow: ellipsis;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: -0.48px;
}

.join_one ul li.activated .step_ico .step_num {
  display: flex;
  width: 36px;
  height: 36px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background: #0D5A5C;
  overflow: hidden;
  color: #FFF;
  text-align: center;
  text-overflow: ellipsis;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: -0.48px;
}

.join_one ul li .step_ico .step_num {
  display: flex;
  width: 36px;
  height: 36px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  border: 4px solid rgba(255, 255, 255, 0);
  background: #EFF1F5;
  overflow: hidden;
  color: #2D2D2D;
  text-align: center;
  text-overflow: ellipsis;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: -0.48px;
}

.join_one ul li .step_ico .step_line_type1 {
  height: 2px;
  flex: 1 0 0;
  background: #0D5A5C;
}

.join_one ul li .step_ico .step_line_type2 {
  height: 2px;
  flex: 1 0 0;
  background: #EFF1F5;
}

.join_one ul li.active > span,
.join_one ul li.activated > span {
  overflow: hidden;
  color: #0D5A5C;
  text-align: center;
  text-overflow: ellipsis;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: -0.48px;
}

.join_one ul li > span {
  overflow: hidden;
  color: #2D2D2D;
  text-align: center;
  text-overflow: ellipsis;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: -0.48px;
}

.terms_agreement {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  border: 1px solid #D8D8D8;
  border-radius: 20px;
  overflow: hidden;
}

.terms_agreement .terms_head {
  display: flex;
  width: 100%;
  padding: 20px 30px;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
  border-bottom: 1px solid #D8D8D8;
}

.terms_agreement .terms_head > a {
  display: flex;
  align-items: center;
  gap: 4px;
  border-bottom: 1px solid rgba(0, 0, 0, 0);
}

.terms_agreement .terms_head > a > span {
  color: #717171;
  text-align: center;
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 25.5px */
}

.terms_agreement .terms_head > a > span.ico {
  display: block;
  width: 20px;
  height: 20px;
  background: center/cover no-repeat url(/static/home/images/sub/icon_up_gray-865088aca9dd6fac4172ec23a63c9efc.svg);
  transform: rotate(90deg);
}

.terms_agreement .terms_head > a:hover {
  border-bottom: 1px solid #000;
}

.terms_agreement .terms_head > a:hover > span {
  color: #1D1D1D;
}

.terms_agreement .terms_head > a:hover > span.ico {
  background: center/cover no-repeat url(/static/home/images/sub/icon_top_arrow_black-a74d380df208180312264a734a08326d.svg);
}

.terms_agreement .terms_body {
  display: flex;
  width: 100%;
  padding: 20px 30px;
  justify-content: space-between;
  align-items: flex-start;
  gap: 10px;
  align-self: stretch;
  background: #F8F8F8;
}

.terms_agreement .terms_body .radio_box {
  display: flex;
  gap: 24px;
}

.terms_agreement .terms_body .radio_box label {
  font-size: 17px;
  padding-left: 28px;
}

.terms_agreement .terms_body .radio_box label::before {
  width: 20px;
  height: 20px;
}

.terms_agreement .terms_body fieldset {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.terms_agreement .dim_popup.on {
  z-index: 999999;
}

@media screen and (max-width: 767px) {
  .terms_agreement .terms_body {
    flex-direction: column;
    align-items: center;
  }
  .terms_agreement .terms_body fieldset {
    flex-direction: column;
    align-items: center;
    gap: 10px;
  }
}
.input_flex_box {
  display: flex;
  gap: 10px;
}

.comp_box {
  display: flex;
  padding-left: 80px;
  align-items: center;
  gap: 80px;
  align-self: stretch;
  border-radius: 20px;
  border: 1px solid #D8D8D8;
  overflow: hidden;
}

.comp_box .comp_cont_box {
  display: flex;
  width: 440px;
  padding: 60px 0;
  flex-direction: column;
  align-items: center;
  gap: 30px;
}

.comp_box .comp_cont_box .notice {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  align-self: stretch;
}

.comp_box .comp_cont_box .notice .tit {
  display: flex;
  flex-direction: column;
  text-align: center;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 36px */
  letter-spacing: -0.72px;
}

.comp_box .comp_cont_box .notice .txt {
  color: #1D1D1D;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 24px */
  letter-spacing: -0.48px;
}

.comp_box .comp_cont_box .notice .txt_result {
  color: #1D1D1D;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 24px */
  letter-spacing: -0.48px;
}

.comp_box .comp_cont_box .notice .txt_result .bold {
  font-size: 18px;
  font-weight: 700;
}

.comp_box .img_box {
  flex: 1 0 0;
  align-self: stretch;
  border-radius: 20px 0;
  border-left: 1px solid #D8D8D8;
  background: center/cover no-repeat url(/static/home/images/sub/sub00_comp_img-fd05491972990a8eaf3216af814aca97.png);
}

@media screen and (max-width: 1059px) {
  .comp_box {
    padding-left: 0;
  }
  .comp_box .img_box {
    display: none;
  }
  .comp_box .comp_cont_box {
    width: 100%;
    padding: 60px;
  }
}
@media screen and (max-width: 767px) {
  .comp_box .comp_cont_box {
    padding: 32px 16px;
  }
  /* .comp_box .comp_cont_box .lg_btn_area.btw .btw_center {
      flex-direction: row;
  } */
  .comp_box .comp_cont_box .notice .tit {
    font-size: 20px;
  }
  .comp_box .comp_cont_box .notice .txt {
    font-size: 14px;
  }
}
/** lg 회원가입 */
/** 장애인체육회 */
/* 약관동의*/
.agree_Box {
  width: 100%;
}

.agree {
  border: 1px solid #D8D8D8;
  border-top: 2px solid #1D1D1D;
  background: #FFF;
  height: 300px;
  overflow: auto;
}

.agree.agree_scrollbox .subtit_l {
  margin-bottom: 10px;
}

.agree.agree_scrollbox p {
  font-size: 18px;
}

.agree.agree_scrollbox {
  position: relative;
}

.agree.agree_scrollbox > * {
  overflow: auto;
}

.agree.scrollCont::-webkit-scrollbar {
  display: none;
}

.agree.agree_scrollbox .scroll {
  position: absolute;
  top: 24px;
  right: 8px;
  z-index: 10;
  width: calc(100% - 8px);
  height: calc(100% - 48px);
  padding-left: 24px;
  padding-right: 16px;
}

.agree.agree_scrollbox .scroll::-webkit-scrollbar {
  width: 2px;
}

.agree.agree_scrollbox .scroll::-webkit-scrollbar-thumb {
  background-color: #555;
}

.agree.agree_scrollbox .scroll::-webkit-scrollbar-track {
  background-color: #D8D8D8;
}

.agree_checkBox {
  border: 1px solid #D8D8D8;
  border-top: none;
  background: #F8F8F8;
  padding: 20px 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.agree_checkBox label.radio,
.agree_checkBox label.check {
  display: inline-block;
  position: relative;
  padding-left: 28px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 400;
  color: #000;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  vertical-align: middle;
}

.agree_checkBox label.radio input,
.agree_checkBox label.check input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.agree_checkBox input[type=radio],
.agree_checkBox input[type=checkbox] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
}

.agree_checkBox input[type=checkbox] {
  width: 20px;
  height: 20px;
}

.agree_checkBox label span.checkbox,
.agree_checkBox label span.check {
  position: absolute;
  top: 50%;
  left: 0;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  font-size: 14px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  border: solid 1px #C6C6C6;
}

.agree_checkBox label span.check {
  border-radius: 50%;
  background-color: #fff;
}

.agree_checkBox label input:checked + span.check {
  border: solid 1px #1D1D1D;
}

.agree_checkBox label.radio input:checked ~ span.checkbox:after {
  position: absolute;
  content: "";
  width: 20px;
  height: 20px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-image: url(/static/home/images/sub/icon_check-76dc3e3944da849e74d5b339e2de5965.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.agree_checkBox label.check input:checked ~ span.check:after {
  position: absolute;
  content: "";
  width: 9px;
  height: 9px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: #1D1D1D;
}

@media screen and (max-width: 767px) {
  .agree {
    height: 300px;
    padding: 16px 16px 0px 16px;
  }
  .agree_checkBox {
    padding: 20px;
  }
  .agree.agree_scrollbox .scroll {
    top: 16px;
    right: 8px;
    width: calc(100% - 8px);
    height: calc(100% - 32px);
    padding-left: 16px;
    padding-right: 8px;
  }
  .agree.agree_scrollbox .subtit {
    font-size: 20px;
  }
  .agree.agree_scrollbox .subtit_l {
    margin-top: 0px;
    margin-bottom: 6px;
  }
  .agree.agree_scrollbox p {
    font-size: 16px;
  }
  .agree.agree_scrollbox .subtit_s_con {
    padding-left: 0px;
  }
  .agree_checkBox label.radio,
  .agree_checkBox label.check {
    padding-left: 26px;
  }
}
/* 약관동의 */
/* 회원센터 */
.user_box {
  display: flex;
  padding: 60px 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 24px;
  align-self: stretch;
  border-radius: 20px;
  border: 1px solid #D8D8D8;
  background: url(/static/home/images/sub/sub99_bg-ab34507ff25c3b9caa9969887da6a093.png) center/cover no-repeat;
}

.user_box .tit_box {
  display: flex;
  width: 440px;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  overflow: hidden;
  color: #1D1D1D;
  text-align: center;
  text-overflow: ellipsis;
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 24px */
  letter-spacing: -0.48px;
}

.user_box .tit_box .imp_symbol {
  font-weight: 700;
}

.user_box .tit_box .top_box {
  display: flex;
  padding-right: 40px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  align-self: stretch;
}

.user_box .tit_box .top_box .login_ico {
  width: 42px;
  height: 42px;
  aspect-ratio: 1/1;
  background: url(/static/home/images/sub/sub99_login_ico-75149d73d3b4ff4c12f68f5fff51babc.png) center/cover no-repeat;
}

.user_box .tit_box .top_box .sch_id_ico {
  width: 42px;
  height: 42px;
  aspect-ratio: 1/1;
  background: url(/static/home/images/sub/sub99_search_id_ico-bf1f1361a81cbadeec0b099c347eb153.svg) center/cover no-repeat;
}

.user_box .tit_box .top_box .sch_pw_ico {
  width: 42px;
  height: 42px;
  aspect-ratio: 1/1;
  background: url(/static/home/images/sub/sub99_search_pw_ico-eee9a94ada9f21ccb80287085f9cae24.svg) center/cover no-repeat;
}

.user_box .tit_box .top_box .tit {
  overflow: hidden;
  color: #1D1D1D;
  text-align: center;
  text-overflow: ellipsis;
  /* 28_B(title) */
  font-family: Pretendard;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 42px */
  letter-spacing: -0.84px;
}

.user_box .cont_box {
  display: flex;
  width: 440px;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  align-self: unset;
}

.user_box .cont_box .tp_box {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  align-self: stretch;
}

.user_box .cont_box .tp_box .inp_box {
  display: flex;
  align-items: center;
  width: 100%;
  position: relative;
  gap: 6px;
}

.user_box .cont_box .tp_box .inp_box input[type=text],
.user_box .cont_box .tp_box .inp_box input[type=password] {
  border-radius: 8px;
  border: solid 1px #D8D8D8;
  padding: 12px 16px;
  width: 100%;
  flex: 1;
  height: 44px;
}

.user_box .cont_box .tp_box .inp_box input[type=text]:first-child,
.user_box .cont_box .tp_box .inp_box input[type=password]:first-child {
  padding: 10px 12px 10px 44px;
}

.user_box .cont_box .tp_box .inp_box:has(.user_id)::before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background: url(/static/home/images/icons/ico-id-13aef80bc48a260b07eeed62c2325c9a.svg) center/cover no-repeat;
  position: absolute;
  left: 0px;
  transform: translate(60%, 0%);
}

.user_box .cont_box .tp_box .inp_box:has(.user_pw)::before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background: url(/static/home/images/icons/ico-pw-09fca9dedde9680f52f28de4bc2d0fda.svg) center/cover no-repeat;
  position: absolute;
  left: 0px;
  transform: translate(60%, 0%);
}

.user_box .cont_box .tp_box .inp_box:has(.user_name)::before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background: url(/static/home/images/icons/ico-id-13aef80bc48a260b07eeed62c2325c9a.svg) center/cover no-repeat;
  position: absolute;
  left: 0px;
  transform: translate(60%, 0%);
}

.user_box .cont_box .tp_box .inp_box:has(.email_id)::before {
  content: "";
  display: block;
  width: 22px;
  height: 22px;
  background: url(/static/home/images/icons/ico-email-d6b7fee23c8f5baf981cb7cdb18babdb.svg) center/cover no-repeat;
  position: absolute;
  left: 0px;
  transform: translate(71%, 0%);
}

.user_box .cont_box .tp_box .inp_box input[type=text]::placeholder,
.user_box .cont_box .tp_box .inp_box input[type=password]::placeholder {
  color: #8E8E8E;
}

.user_box .cont_box .tp_box .check_area {
  margin-left: 0px;
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
  letter-spacing: -0.8px;
}

.user_box .cont_box .tp_box .check_area .checkboxname_checkbox {
  width: 16px;
  height: 16px;
}

.user_box .cont_box .tp_box .check_area .checkboxname_checkedbox {
  width: 16px;
  height: 16px;
}

.user_box .cont_box .ct_box {
  width: 100%;
}

.user_box .cont_box .ct_box .lg_btn_area {
  margin-top: 0px;
}

.user_box .cont_box .ct_box .lg_btn_area .btw_center .btn {
  padding: 16px 32px;
  width: 100%;
  font-family: Pretendard;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: -0.9px;
}

.user_box .cont_box .bt_box {
  display: flex;
  align-items: center;
  gap: 12px;
}

.user_box .cont_box .bt_box .btn {
  overflow: hidden;
  color: #1D1D1D;
  text-overflow: ellipsis;
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px; /* 150% */
  letter-spacing: -0.8px;
}

.user_box.result_box {
  align-items: center;
}

.user_box.result_box .result_tbox {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
}

.user_box.result_box .result_tbox .id_ico {
  width: 120px;
  height: 120px;
  aspect-ratio: 1/1;
  background: url(/static/home/images/sub/sub99_search_id_ico-bf1f1361a81cbadeec0b099c347eb153.svg) center/cover no-repeat;
}

.user_box.result_box .result_tbox .pw_ico {
  width: 120px;
  height: 120px;
  aspect-ratio: 1/1;
  background: url(/static/home/images/sub/sub99_search_pw_ico-eee9a94ada9f21ccb80287085f9cae24.svg) center/cover no-repeat;
}

.user_box.result_box .result_tbox .cont_t {
  color: #1D1D1D;
  text-align: center;
  font-family: Pretendard;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 36px */
  letter-spacing: -0.72px;
}

.user_box.result_box .result_tbox .sub_t {
  color: #1D1D1D;
  text-align: center;
  /* 16_M */
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 24px */
  letter-spacing: -0.48px;
}

.user_box.result_box .button_area.type1 {
  display: flex;
  width: 440px;
  align-items: flex-start;
  gap: 16px;
  align-self: unset;
}

.user_box.result_box .button_area.type2 {
  display: flex;
  width: 220px;
  align-items: flex-start;
  gap: 16px;
  align-self: unset;
}

@media screen and (max-width: 767px) {
  .user_box {
    padding: 32px 16px;
  }
  .user_box .tit_box {
    font-size: 14px;
  }
  .user_box .cont_box {
    gap: 16px;
  }
  .user_box .cont_box .tp_box .inp_box input[type=text],
  .user_box .cont_box .tp_box .inp_box input[type=password] {
    flex: unset;
  }
  .user_box.result_box {
    gap: 16px;
  }
  .user_box.result_box .result_tbox .cont_t {
    font-size: 20px;
  }
  .user_box.result_box .result_tbox .sub_t {
    font-size: 14px;
  }
  .user_box.result_box .button_area.type1 {
    width: 100%;
  }
  .user_box.result_box .button_area.type2 {
    width: 100%;
  }
}
@media screen and (max-width: 530px) {
  .user_box .tit_box,
  .user_box .cont_box {
    width: 100%;
  }
}
/* 회원센터 */
/** 장애인체육회 */
/* 회원가입 스텝 전환 wrapper — .cont_box와 동일하게 flex column + gap으로 자식(.in_box2, 버튼 영역 등) 간격을 만든다 */
.join_step {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 40px;
  width: 100%;
}

.cont_link_btns {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  align-items: flex-start;
}

.cont_link_btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 10px 16px;
  border: 1px solid #083637;
  border-radius: 10px;
  background: #E7EFEF;
  color: #083637;
  font-family: Pretendard, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.48px;
  white-space: nowrap;
  cursor: pointer;
  transition: background-color 0.2s ease, color 0.2s ease;
}
.cont_link_btn__ico {
  display: block;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  background: url(/static/home/images/icons/ico-external-link-darkTeal-bee9b81d3676ec73a2e6b7b411cc2121.svg) center/contain no-repeat;
}
.cont_link_btn:hover {
  background: #CFDEDE;
}
.cont_link_btn:focus-visible {
  outline: 2px solid #0D5A5C;
  outline-offset: 2px;
}

@media screen and (max-width: 767px) {
  .cont_link_btns {
    gap: 8px;
    flex-direction: column;
  }
  .cont_link_btn {
    padding: 8px 12px;
    font-size: 14px;
    letter-spacing: -0.42px;
    white-space: normal;
    text-align: left;
  }
}
.common_view .cont {
  display: flex;
  flex-direction: column;
  gap: 0;
  min-height: 0;
  overflow: visible;
  text-overflow: unset;
}
.common_view .cont .resultForm {
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -0.48px;
}
.common_view .cont .resultForm strong {
  font-weight: 700;
}
.common_view .cont > h3, .common_view .cont h3 {
  position: relative;
  margin: 40px 0 16px;
  padding-left: 30px;
  color: #1d1d1d;
  font-size: 20px;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: -0.6px;
}
.common_view .cont > h3::before, .common_view .cont h3::before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background: url(/static/home/images/sub/ico_subtit_l-7a6c8eeff310f12dcf5fc0c7bc4db957.svg) center/contain no-repeat;
}
.common_view .cont > h3:first-child, .common_view .cont h3:first-child {
  margin-top: 0;
}
.common_view .cont h4:not(:has(.result)) {
  margin: 24px 0 12px;
  color: #083637;
  font-size: 18px;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: -0.54px;
}
.common_view .cont h4:has(.result) {
  display: block;
  margin: 0 0 40px;
  padding: 0;
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
}
.common_view .cont h4:has(.result) > div:not(.result) {
  display: none;
}
.common_view .cont h4:has(.result) > br {
  display: none;
}
.common_view .cont h3:not(:has(*)):blank, .common_view .cont h4:not(:has(*)):blank {
  display: none;
}
.common_view .cont .result {
  position: relative;
  width: 100%;
  margin: 0 0 16px;
  border-top: 2px solid #1d1d1d;
  box-sizing: border-box;
}
.common_view .cont .result + .result {
  margin-top: 24px;
}
.common_view .cont .result > p {
  margin: 12px 0 0;
  padding: 0;
  color: #1d1d1d;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -0.48px;
}
.common_view .cont .result > p strong {
  color: #1d1d1d;
  font-weight: 700;
}
.common_view .cont .result > p:first-child {
  margin-top: 0;
}
.common_view .cont .result > p:has(+ table) {
  margin: 0 0 12px;
}
.common_view .cont .result:has(> p:first-child) {
  border-top: 0;
}
.common_view .cont .result:has(> p:first-child) > table {
  border-top: 2px solid #1d1d1d;
}
.common_view .cont .result caption {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.common_view .cont .result table {
  width: 100%;
  table-layout: auto;
  border-collapse: collapse;
  border-spacing: 0;
}
.common_view .cont .result thead th,
.common_view .cont .result thead td,
.common_view .cont .result tbody th,
.common_view .cont .result tbody td {
  height: auto;
  padding: 14px 16px;
  border: 0;
  border-bottom: 1px solid #d8d8d8;
  color: #1d1d1d;
  font-family: Pretendard, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -0.48px;
  text-align: center;
  vertical-align: middle;
  word-break: keep-all;
  box-sizing: border-box;
}
.common_view .cont .result thead th,
.common_view .cont .result thead td,
.common_view .cont .result tbody th {
  background: #f8f8f8;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: -0.48px;
}
.common_view .cont .result thead th:last-child,
.common_view .cont .result thead td:last-child,
.common_view .cont .result tbody th:last-child,
.common_view .cont .result tbody td:last-child {
  border-right: none;
}
.common_view .cont .result td:has(br),
.common_view .cont .result th:has(br) {
  text-align: left;
}
.common_view .cont .result th[bgcolor],
.common_view .cont .result td[bgcolor] {
  background-color: #E7EFEF !important;
  font-weight: 700;
}
.common_view .cont .result tbody tr:has(> th[colspan]) th,
.common_view .cont .result tbody tr:has(> th[colspan]) td {
  background: #fff7f0;
  font-weight: 700;
}

@media screen and (max-width: 1279px) {
  .common_view .cont > h3, .common_view .cont h3 {
    margin-top: 32px;
    font-size: 18px;
  }
  .common_view .cont h4:not(:has(.result)) {
    font-size: 16px;
  }
  .common_view .cont .result {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .common_view .cont .result table {
    min-width: 720px;
  }
  .common_view .cont .result thead th,
  .common_view .cont .result tbody th,
  .common_view .cont .result tbody td {
    padding: 12px 10px;
    font-size: 14px;
  }
  .common_view .cont .result thead th,
  .common_view .cont .result tbody th {
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .common_view .cont > h3, .common_view .cont h3 {
    margin-top: 28px;
    margin-bottom: 12px;
    padding-left: 28px;
    font-size: 18px;
    letter-spacing: -0.54px;
  }
  .common_view .cont h4:has(.result) {
    margin-bottom: 28px;
  }
  .common_view .cont .result {
    margin-bottom: 12px;
  }
  .common_view .cont .result > p {
    font-size: 14px;
    letter-spacing: -0.42px;
  }
  .common_view .cont .result table {
    min-width: 640px;
  }
}
.btnOpenWithdraw {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
  color: #8E8E8E;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -0.42px;
  margin-top: 8px;
}