@charset "UTF-8";
:root {
  /* color - theme */
  --gray_90: #F0F0F0;
  --gray_80: #E9E9E9;
  --gray_70: #BDBCBC;
  --gray_60: #A7A5A6;
  --gray_50: #918F8F;
  --gray_40: #7B7979;
  --gray_30: #656263;
  --gray_20: #4F4C4D;
  --gray_10: #393536;
  --gray_5: #231F20;
  --bg: #F4F6F8;
  /* color - semantic */
  --basic: var(--gray_5);
  --sub: var(--gray_40);
  --dim: rgba(0, 0, 0, .4);
  /* font */
  --font: 'Pretendard';
  --fontEn: 'Pretendard';
  /* image */
  --ratio: 16 / 9 ;
  /* layout */
  --basicSize: 4px;
}

/* typo */
.f__H1, .f__H1 > a, .f__H1 > span {
  color: var(--basic);
  font-family: var(--font);
}
.f__H1 :lang(en), .f__H1 :lang(en) > a, .f__H1 > a :lang(en), .f__H1 > a :lang(en) > a, .f__H1 > span :lang(en), .f__H1 > span :lang(en) > a {
  font-family: var(--fontEn);
}
.f__H1, .f__H1 > a, .f__H1 > span {
  font-size: 56px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.168px;
}
.f__H2, .f__H2 > a, .f__H2 > span {
  color: var(--basic);
  font-family: var(--font);
}
.f__H2 :lang(en), .f__H2 :lang(en) > a, .f__H2 > a :lang(en), .f__H2 > a :lang(en) > a, .f__H2 > span :lang(en), .f__H2 > span :lang(en) > a {
  font-family: var(--fontEn);
}
.f__H2, .f__H2 > a, .f__H2 > span {
  font-size: 40px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: -0.03px;
}
.f__H3, .f__H3 > a, .f__H3 > span {
  color: var(--basic);
  font-family: var(--font);
}
.f__H3 :lang(en), .f__H3 :lang(en) > a, .f__H3 > a :lang(en), .f__H3 > a :lang(en) > a, .f__H3 > span :lang(en), .f__H3 > span :lang(en) > a {
  font-family: var(--fontEn);
}
.f__H3, .f__H3 > a, .f__H3 > span {
  font-size: 32px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: -0.096px;
}
.f__H4, .f__H4 > a, .f__H4 > span {
  color: var(--basic);
  font-family: var(--font);
}
.f__H4 :lang(en), .f__H4 :lang(en) > a, .f__H4 > a :lang(en), .f__H4 > a :lang(en) > a, .f__H4 > span :lang(en), .f__H4 > span :lang(en) > a {
  font-family: var(--fontEn);
}
.f__H4, .f__H4 > a, .f__H4 > span {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -0.072px;
}
.f__H5, .f__H5 > a, .f__H5 > span {
  color: var(--basic);
  font-family: var(--font);
}
.f__H5 :lang(en), .f__H5 :lang(en) > a, .f__H5 > a :lang(en), .f__H5 > a :lang(en) > a, .f__H5 > span :lang(en), .f__H5 > span :lang(en) > a {
  font-family: var(--fontEn);
}
.f__H5, .f__H5 > a, .f__H5 > span {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: -0.006px;
}

.f__sH1, .f__sH1 > a, .f__sH1 > span {
  color: var(--basic);
  font-family: var(--font);
}
.f__sH1 :lang(en), .f__sH1 :lang(en) > a, .f__sH1 > a :lang(en), .f__sH1 > a :lang(en) > a, .f__sH1 > span :lang(en), .f__sH1 > span :lang(en) > a {
  font-family: var(--fontEn);
}
.f__sH1, .f__sH1 > a, .f__sH1 > span {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: -0.06px;
}
.f__sH2, .f__sH2 > a, .f__sH2 > span {
  color: var(--basic);
  font-family: var(--font);
}
.f__sH2 :lang(en), .f__sH2 :lang(en) > a, .f__sH2 > a :lang(en), .f__sH2 > a :lang(en) > a, .f__sH2 > span :lang(en), .f__sH2 > span :lang(en) > a {
  font-family: var(--fontEn);
}
.f__sH2, .f__sH2 > a, .f__sH2 > span {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -0.054px;
}
.f__sH3, .f__sH3 > a, .f__sH3 > span {
  color: var(--basic);
  font-family: var(--font);
}
.f__sH3 :lang(en), .f__sH3 :lang(en) > a, .f__sH3 > a :lang(en), .f__sH3 > a :lang(en) > a, .f__sH3 > span :lang(en), .f__sH3 > span :lang(en) > a {
  font-family: var(--fontEn);
}
.f__sH3, .f__sH3 > a, .f__sH3 > span {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.054px;
}
.f__sH4, .f__sH4 > a, .f__sH4 > span {
  color: var(--basic);
  font-family: var(--font);
}
.f__sH4 :lang(en), .f__sH4 :lang(en) > a, .f__sH4 > a :lang(en), .f__sH4 > a :lang(en) > a, .f__sH4 > span :lang(en), .f__sH4 > span :lang(en) > a {
  font-family: var(--fontEn);
}
.f__sH4, .f__sH4 > a, .f__sH4 > span {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: -0.048px;
}
.f__sH5, .f__sH5 > a, .f__sH5 > span {
  color: var(--basic);
  font-family: var(--font);
}
.f__sH5 :lang(en), .f__sH5 :lang(en) > a, .f__sH5 > a :lang(en), .f__sH5 > a :lang(en) > a, .f__sH5 > span :lang(en), .f__sH5 > span :lang(en) > a {
  font-family: var(--fontEn);
}
.f__sH5, .f__sH5 > a, .f__sH5 > span {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.048px;
}
.f__sH6, .f__sH6 > a, .f__sH6 > span {
  color: var(--basic);
  font-family: var(--font);
}
.f__sH6 :lang(en), .f__sH6 :lang(en) > a, .f__sH6 > a :lang(en), .f__sH6 > a :lang(en) > a, .f__sH6 > span :lang(en), .f__sH6 > span :lang(en) > a {
  font-family: var(--fontEn);
}
.f__sH6, .f__sH6 > a, .f__sH6 > span {
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: -0.042px;
}
.f__sH7, .f__sH7 > a, .f__sH7 > span {
  color: var(--basic);
  font-family: var(--font);
}
.f__sH7 :lang(en), .f__sH7 :lang(en) > a, .f__sH7 > a :lang(en), .f__sH7 > a :lang(en) > a, .f__sH7 > span :lang(en), .f__sH7 > span :lang(en) > a {
  font-family: var(--fontEn);
}
.f__sH7, .f__sH7 > a, .f__sH7 > span {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: -0.042px;
}

.f__body1, .f__body1 > a, .f__body1 > span {
  color: var(--basic);
  font-family: var(--font);
}
.f__body1 :lang(en), .f__body1 :lang(en) > a, .f__body1 > a :lang(en), .f__body1 > a :lang(en) > a, .f__body1 > span :lang(en), .f__body1 > span :lang(en) > a {
  font-family: var(--fontEn);
}
.f__body1, .f__body1 > a, .f__body1 > span {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.048px;
}
.f__body2, .f__body2 > a, .f__body2 > span {
  color: var(--basic);
  font-family: var(--font);
}
.f__body2 :lang(en), .f__body2 :lang(en) > a, .f__body2 > a :lang(en), .f__body2 > a :lang(en) > a, .f__body2 > span :lang(en), .f__body2 > span :lang(en) > a {
  font-family: var(--fontEn);
}
.f__body2, .f__body2 > a, .f__body2 > span {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: -0.045px;
}
.f__body3, .f__body3 > a, .f__body3 > span {
  color: var(--basic);
  font-family: var(--font);
}
.f__body3 :lang(en), .f__body3 :lang(en) > a, .f__body3 > a :lang(en), .f__body3 > a :lang(en) > a, .f__body3 > span :lang(en), .f__body3 > span :lang(en) > a {
  font-family: var(--fontEn);
}
.f__body3, .f__body3 > a, .f__body3 > span {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: -0.042px;
}

.f__caption1, .f__caption1 > a, .f__caption1 > span {
  color: var(--basic);
  font-family: var(--font);
  min-width: 50px;
}
.f__caption1 :lang(en), .f__caption1 :lang(en) > a, .f__caption1 > a :lang(en), .f__caption1 > a :lang(en) > a, .f__caption1 > span :lang(en), .f__caption1 > span :lang(en) > a {
  font-family: var(--fontEn);
}
.f__caption1, .f__caption1 > a, .f__caption1 > span {
  font-size: 13px;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: -0.039px;
}
.f__caption2, .f__caption2 > a, .f__caption2 > span {
  color: var(--basic);
  font-family: var(--font);
  min-width: 50px;
}
.f__caption2 :lang(en), .f__caption2 :lang(en) > a, .f__caption2 > a :lang(en), .f__caption2 > a :lang(en) > a, .f__caption2 > span :lang(en), .f__caption2 > span :lang(en) > a {
  font-family: var(--fontEn);
}
.f__caption2, .f__caption2 > a, .f__caption2 > span {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: -0.039px;
}

/*** component ***/
.imageBox {
  position: relative;
  border-radius: 16px;
}
.imageBox img {
  transition: all 0.3s;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.adBar {
  background: var(--gray_80);
}
.adBar span {
  color: var(--gray_50);
}

.f__tab {
  display: flex;
  justify-content: center;
}
.f__tab > ul {
  gap: 12px;
  flex-wrap: nowrap;
  justify-content: center;
}
.f__tab > ul li {
  border: 0;
  border-radius: 10px;
  background-color: var(--bg);
  padding: 12px 32px;
  min-width: 152px;
  height: 48px;
  justify-content: center;
}
.f__tab > ul li span {
  color: var(--gray_10);
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: -0.048px;
  white-space: nowrap;
}
.f__tab > ul li.active {
  border-color: var(--gray_10);
  background-color: var(--gray_10);
}
.f__tab > ul li.active span {
  color: white;
}
.f__tab.large li {
  flex: 1;
  border-radius: 10px;
}
.f__section.bg:has(.f__tab) .f__tab > ul {
  background-color: white;
  padding: 10px;
  border-radius: 10px;
}
.f__section.bg:has(.f__tab) .f__tab > ul li:not(.active) {
  background-color: transparent;
}

.f__btn {
  transition: all 0.2s;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: -0.048px;
  padding: 8px 24px;
  border-radius: 99px;
}
.f__btn_plus {
  padding: 0 0 0 30px;
  top: 0;
}

.f__ic_prev32 {
  border: none;
}
.f__ic_next32 {
  border: none;
}
.f__ic_global::before {
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"%3E%3Cg clip-path="url(%23clip0_2966_8772)"%3E%3Ccircle cx="12" cy="12" r="10.5" stroke="%23231F20" stroke-width="2"/%3E%3Cline x1="2.16797" y1="9.00024" x2="22.1836" y2="9.00025" stroke="%23231F20" stroke-width="2"/%3E%3Cline x1="2.16797" y1="15.0094" x2="22.1836" y2="15.0094" stroke="%23231F20" stroke-width="2"/%3E%3Cpath d="M11.9932 2.53711C15.1923 6.42441 15.8238 10.3648 15.3125 13.7705C14.8422 16.9029 13.395 19.6139 12.0059 21.4102C8.80301 17.3154 8.17806 13.3301 8.6875 9.96777C9.15841 6.86035 10.608 4.23862 11.9932 2.53711Z" stroke="%23231F20" stroke-width="2"/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id="clip0_2966_8772"%3E%3Crect width="24" height="24" fill="white"/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E');
}

.searchBox {
  max-width: 100%;
  width: 100%;
  height: 56px;
  padding: 0 24px;
  border: 1px solid var(--gray_70);
  border-radius: 10px;
  justify-content: space-between;
}
.searchBox .searchInput {
  width: calc(100% - 40px);
  padding-left: 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: -0.054px;
  border: 0;
  background-color: transparent;
}
.searchBox .searchInput::-webkit-input-placeholder {
  color: var(--gray_60);
}
.searchBox .searchInput { /* 크롬, 사파리 */ }
.searchBox .searchInput::-ms-input-placeholder {
  color: var(--gray_60);
}
.searchBox .searchInput { /* IE */ }
.searchBox .f__btn_search {
  background-color: transparent;
  padding: 0;
}

.searchForm {
  background-color: transparent;
  padding: 8 14px;
  border: 1px solid var(--gray_70);
  border-radius: 10px;
  height: 48px;
}
.searchForm .searchInput {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px; /* 142.857% */
  letter-spacing: -0.004px;
}
.searchForm .searchInput::-webkit-input-placeholder {
  color: var(--gray_60);
}
.searchForm .searchInput { /* 크롬, 사파리 */ }
.searchForm .searchInput::-ms-input-placeholder {
  color: var(--gray_60);
}
.searchForm .searchInput { /* IE */ }

.mapBox {
  border-radius: 20px;
}

.customSelect {
  border-radius: 10px;
}
.customSelect .selected, .customSelect .placeholder {
  background-color: var(--bg);
  border: 1px solid var(--bg);
  outline: 1px solid var(--bg);
  border-radius: 10px;
}
.customSelect .selected:hover, .customSelect .placeholder:hover {
  cursor: pointer;
  border: 1px solid var(--gray_5);
}
.customSelect .selected:focus, .customSelect .selected:active, .customSelect .placeholder:focus, .customSelect .placeholder:active {
  border: 1px solid var(--gray_5);
  outline: 1px solid var(--gray_5);
}
.customSelect .selected::after, .customSelect .placeholder::after {
  background: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"%3E%3Cpath d="M6 9L12 15L18 9" stroke="%23A7A5A6" stroke-width="1.8" stroke-linecap="round"/%3E%3C/svg%3E') no-repeat center center;
  transform: rotate(0);
}
.customSelect .selected.active::after, .customSelect .placeholder.active::after {
  transform: rotate(-180deg);
}
.customSelect .dropdown {
  border: none;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
  overflow: auto;
  border-radius: 10px;
}
.customSelect .option {
  padding: 6px 12px;
  height: 40px;
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: -0.054px;
  border-radius: 6px;
  color: var(--gray_5);
}
.customSelect .option + .option {
  margin-top: 4px;
}
.customSelect .option:hover {
  background-color: var(--bg);
  color: var(--gray_5);
}

.iconWrap {
  gap: 8px;
}
.iconWrap a {
  padding: 6px;
  border-radius: 99px;
  background-color: var(--gray_90);
  min-width: 32px;
  height: 32px;
}
.iconWrap a .iconImg {
  height: 20px;
}
.iconWrap a:hover {
  filter: brightness(0.9);
}

/* module title */
.moduleTit {
  margin-bottom: 24px;
}
.moduleTit .titGroup {
  align-items: flex-start;
  flex-direction: column;
  row-gap: 16px;
  width: 100%;
  text-align: center;
  align-items: center;
}
.moduleTit .titGroup h3 {
  font-size: 40px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: -0.12px;
}
.moduleTit .titGroup p {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.054px;
}
.moduleTit .titGroup a:has(h3):hover {
  text-decoration: underline;
}
.moduleTit + .btnGroup {
  margin-bottom: 24px;
}
.moduleTit + .btnGroup:not(:has(.f__btn)) {
  margin-bottom: 0;
}

/* 모듈 예외 */
.bg:has(.m__ed_B) .u__e1_B {
  background-color: white;
}

/* page title*/
.pageTit {
  color: var(--basic);
  font-family: var(--font);
  font-size: 48px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: -0.144px;
  margin-bottom: 53px;
}

/* category title*/
.cateTit {
  font-size: 18px;
  font-weight: 800;
  line-height: 1.4;
  letter-spacing: -0.054px;
  color: var(--point);
  margin-bottom: 24px;
}

/* board*/
.f__boardHead {
  row-gap: 64px;
  margin-bottom: 32px;
}
.f__boardHead .boardTit {
  text-align: center;
}
.f__boardHead .boardImg {
  border-radius: 20px;
}
.f__boardHead .boardImg img {
  border-radius: 20px;
}
.f__boardHead .f__tab {
  justify-content: flex-start;
}
.f__boardHead .f__tab > ul {
  gap: 8px;
}
.f__boardHead .f__tab > ul li {
  height: 48px;
  padding: 4px 24px;
  min-width: unset;
  background-color: var(--bg);
  border-radius: 8px;
}
.f__boardHead .f__tab > ul li span {
  color: var(--gray_60);
}
.f__boardHead .f__tab > ul li.active {
  background-color: var(--gray_5);
}
.f__boardHead .f__tab > ul li.active span {
  color: white;
}
.f__boardHead .customSelect {
  height: 48px;
}
.f__boardHead .customSelect .selected, .f__boardHead .customSelect .placeholder {
  height: 48px;
  padding: 10px 48px 10px 24px;
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: -0.054px;
}
.f__boardHead .customSelect .selected::after, .f__boardHead .customSelect .placeholder::after {
  top: 12px;
  right: 24px;
}

.f__board .boardTable {
  border-top: 2px solid var(--gray_80);
}
.f__board .boardTable li {
  border-bottom: 1px solid var(--gray_80);
  height: 80px;
  padding: 28px 0;
  column-gap: 40px;
}
.f__board .boardTable li .cate {
  width: 60px;
}
.f__board .boardTable li .date {
  width: 80px;
}
.f__board .boardTable li .view {
  width: auto;
}
.f__board .boardTable li .f__ic_eye::before {
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"%3E%3Cmask id="mask0_1539_29673" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="20" height="20"%3E%3Crect width="20" height="20" fill="%23D9D9D9"/%3E%3C/mask%3E%3Cg mask="url(%23mask0_1539_29673)"%3E%3Cpath d="M10.1667 16.5C8.06944 16.5 6.19792 15.9201 4.55208 14.7604C2.90625 13.6007 1.72222 12.0972 1 10.25C1.72222 8.40278 2.90625 6.89931 4.55208 5.73958C6.19792 4.57986 8.06944 4 10.1667 4C12.2639 4 14.1354 4.57986 15.7813 5.73958C17.4271 6.89931 18.6111 8.40278 19.3333 10.25C18.6111 12.0972 17.4271 13.6007 15.7813 14.7604C14.1354 15.9201 12.2639 16.5 10.1667 16.5ZM10.1667 14.8333C11.7639 14.8333 13.2153 14.4236 14.5208 13.6042C15.8264 12.7847 16.8264 11.6667 17.5208 10.25C16.8264 8.83333 15.8264 7.71528 14.5208 6.89583C13.2153 6.07639 11.7639 5.66667 10.1667 5.66667C8.56944 5.66667 7.11806 6.07639 5.8125 6.89583C4.50694 7.71528 3.50694 8.83333 2.8125 10.25C3.50694 11.6667 4.50694 12.7847 5.8125 13.6042C7.11806 14.4236 8.56944 14.8333 10.1667 14.8333ZM10.1667 14C11.2083 14 12.0938 13.6354 12.8229 12.9062C13.5521 12.1771 13.9167 11.2917 13.9167 10.25C13.9167 9.20833 13.5521 8.32292 12.8229 7.59375C12.0938 6.86458 11.2083 6.5 10.1667 6.5C9.125 6.5 8.23958 6.86458 7.51042 7.59375C6.78125 8.32292 6.41667 9.20833 6.41667 10.25C6.41667 11.2917 6.78125 12.1771 7.51042 12.9062C8.23958 13.6354 9.125 14 10.1667 14ZM10.1667 12.5C9.54167 12.5 9.01042 12.2812 8.57292 11.8438C8.13542 11.4062 7.91667 10.875 7.91667 10.25C7.91667 9.625 8.13542 9.09375 8.57292 8.65625C9.01042 8.21875 9.54167 8 10.1667 8C10.7917 8 11.3229 8.21875 11.7604 8.65625C12.1979 9.09375 12.4167 9.625 12.4167 10.25C12.4167 10.875 12.1979 11.4062 11.7604 11.8438C11.3229 12.2812 10.7917 12.5 10.1667 12.5Z" fill="%23707070"/%3E%3C/g%3E%3C/svg%3E');
}
.f__board .accordionTable {
  border-top: 1px solid var(--gray_80);
}
.f__board .accordionTable .accItem .accTitle {
  border-bottom: 1px solid var(--gray_80);
  padding: 0 36px 0 24px;
}
.f__board .accordionTable .accItem .accTitle .f__ic_top::before {
  transform: rotate(180deg);
}
.f__board .accordionTable .accItem.active .accTitle {
  border-bottom: 0;
}
.f__board .accordionTable .accItem .accContent {
  border-bottom: 0;
  border-radius: 16px;
  background-color: var(--bg);
}

/*** layout ***/
.f__inner {
  max-width: 1200px;
}

.f__section {
  max-width: 1200px;
  padding: 0;
}
.f__section.bg {
  background-color: var(--bg);
  margin-top: 0;
  padding: 100px 0;
}
.f__section:has(aside) {
  grid-template-columns: 1fr 300px;
}
.f__section:has(aside) > .headlineSection {
  grid-column: 1/2;
}
.f__section:last-child {
  margin-bottom: 180px;
}
.f__section:last-child:has(.f__board), .f__section:last-child:has(.f__boardDetail) {
  margin-bottom: 0;
}
.f__section + .f__section {
  margin-top: 120px;
}
.f__section:has([class*=m__ky]) + .f__section {
  margin-top: 0;
}

.f__header {
  background-color: white;
  border-bottom: 1px solid var(--gray_90);
}
.f__header > .f__inner {
  max-width: 1400px;
}
.f__header .gnbWrap .depth01 li a {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: -0.048px;
  white-space: nowrap;
}
.f__header .gnbWrap .depth01 li a:hover {
  color: var(--point);
}
.f__header .gnbWrap .depth01 li a > img {
  max-height: 24px;
}
.f__header.logoCenter .headerTop span a + a::before {
  background-color: var(--gray_80);
}

.f__siteMapWrap {
  background-color: white;
  box-shadow: 0 3px 15px -15px #000;
}
.f__siteMapWrap .navigation .dep01:last-child {
  border-right: 1px solid var(--gray_80);
}
.f__siteMapWrap .navigation .dep02 > ul li + li {
  margin-top: 16px;
}
.f__siteMapWrap .navigation .dep02 > ul li a {
  color: var(--gray_20);
}
.f__siteMapWrap .navigation .dep02 > ul li a:hover {
  color: var(--gray_50);
}
.f__siteMapWrap .bottomArea {
  border-top: 0;
  padding: 0 0 24px 0;
}
.f__siteMapWrap .bottomArea .btnGroup a {
  font-size: 14px;
  font-weight: 700;
  line-height: 22px;
  letter-spacing: -0.042px;
  color: var(--gray_5);
}

.f__main {
  padding: 0;
  min-height: calc(100vh - 200px);
}

.f__sub {
  padding: 80px 0 0 0;
  min-height: calc(100vh - 200px);
}
.f__sub .snbWrap {
  gap: 24px;
  align-items: center;
  height: 44px;
  margin-bottom: 40px;
  padding-bottom: 16px;
  border-bottom: 2px solid var(--point);
}
.f__sub .snbWrap .snb {
  gap: 24px;
  align-items: center;
}
.f__sub .snbWrap .snb li a {
  color: var(--gray_30);
  font-size: 16px;
  font-weight: 600;
  line-height: 24px; /* 150% */
  letter-spacing: -0.048px;
  white-space: nowrap;
}
.f__sub .snbWrap .snb li.active a {
  color: var(--gray_5);
}

.f__footer {
  background-color: white;
  border-top: 1px solid var(--gray_80);
}
.f__footer .footerInfo > .f__inner .infoArea ul li::before {
  background-color: var(--gray_50);
}
.f__footer .footerInfo > .f__inner .infoArea ul a {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.042px;
  color: var(--gray_30);
}
.f__footer .footerInfo > .f__inner .infoArea ul.snsWrap {
  height: 36px;
}
.f__footer .footerInfo > .f__inner .infoArea .address span {
  font-weight: 500;
  color: var(--gray_30);
}
.f__footer .footerInfo > .f__inner .infoArea .address span::before {
  background-color: var(--gray_50);
}
.f__footer .footerInfo > .f__inner p, .f__footer .footerInfo > .f__inner span {
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.036px;
  color: var(--gray_50);
}
.f__footer .footerInfo > .f__inner .powered {
  color: var(--gray_30);
}
.f__footer .powered {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: -0.036px;
  color: var(--gray_80);
}
.f__footer {
  /* 로고없음 */
}
.f__footer.logoBlank .footerInfo .f__ic_facebook::before {
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="8" height="13" viewBox="0 0 8 13" fill="none"%3E%3Cpath d="M7.36548 7.49482L7.85786 5.04623H4.99197V4.18024C4.99197 2.8864 5.54788 2.38866 6.98644 2.38866C7.43321 2.38866 7.79294 2.3986 8 2.41847V0.199029C7.60763 0.0993541 6.64848 0 6.09256 0C3.16069 0 1.80917 1.26404 1.80917 3.99115V5.04623H0V7.49482H1.80917V13C1.82789 13 3.18645 13 3.91714 13C4.27687 13 4.93529 13 4.99162 13V7.49482H7.36548Z" fill="%23ffffff"/%3E%3C/svg%3E');
}
.f__footer.logoBlank .footerInfo .f__ic_X::before {
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"%3E%3Cpath d="M12.2169 1.26953H14.4659L9.55249 6.88519L15.3327 14.5268H10.8068L7.26204 9.89222L3.20598 14.5268H0.955637L6.21097 8.52026L0.666016 1.26953H5.30675L8.51095 5.50575L12.2169 1.26953ZM11.4276 13.1807H12.6737L4.62961 2.54495H3.29232L11.4276 13.1807Z" fill="%23ffffff"/%3E%3C/svg%3E');
}
.f__footer.logoBlank .footerInfo .f__ic_instagram::before {
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"%3E%3Cg clip-path="url(%23clip0_4048_5642)"%3E%3Cpath d="M8 1.44062C10.1375 1.44062 10.3906 1.45 11.2313 1.4875C12.0125 1.52187 12.4344 1.65313 12.7156 1.7625C13.0875 1.90625 13.3563 2.08125 13.6344 2.35938C13.9156 2.64062 14.0875 2.90625 14.2313 3.27813C14.3406 3.55938 14.4719 3.98438 14.5063 4.7625C14.5438 5.60625 14.5531 5.85938 14.5531 7.99375C14.5531 10.1313 14.5438 10.3844 14.5063 11.225C14.4719 12.0063 14.3406 12.4281 14.2313 12.7094C14.0875 13.0813 13.9125 13.35 13.6344 13.6281C13.3531 13.9094 13.0875 14.0813 12.7156 14.225C12.4344 14.3344 12.0094 14.4656 11.2313 14.5C10.3875 14.5375 10.1344 14.5469 8 14.5469C5.8625 14.5469 5.60938 14.5375 4.76875 14.5C3.9875 14.4656 3.56563 14.3344 3.28438 14.225C2.9125 14.0813 2.64375 13.9063 2.36563 13.6281C2.08438 13.3469 1.9125 13.0813 1.76875 12.7094C1.65938 12.4281 1.52813 12.0031 1.49375 11.225C1.45625 10.3813 1.44688 10.1281 1.44688 7.99375C1.44688 5.85625 1.45625 5.60313 1.49375 4.7625C1.52813 3.98125 1.65938 3.55938 1.76875 3.27813C1.9125 2.90625 2.0875 2.6375 2.36563 2.35938C2.64688 2.07812 2.9125 1.90625 3.28438 1.7625C3.56563 1.65313 3.99063 1.52187 4.76875 1.4875C5.60938 1.45 5.8625 1.44062 8 1.44062ZM8 0C5.82813 0 5.55625 0.009375 4.70313 0.046875C3.85313 0.084375 3.26875 0.221875 2.7625 0.41875C2.23438 0.625 1.7875 0.896875 1.34375 1.34375C0.896875 1.7875 0.625 2.23438 0.41875 2.75938C0.221875 3.26875 0.084375 3.85 0.046875 4.7C0.009375 5.55625 0 5.82812 0 8C0 10.1719 0.009375 10.4438 0.046875 11.2969C0.084375 12.1469 0.221875 12.7313 0.41875 13.2375C0.625 13.7656 0.896875 14.2125 1.34375 14.6562C1.7875 15.1 2.23438 15.375 2.75938 15.5781C3.26875 15.775 3.85 15.9125 4.7 15.95C5.55313 15.9875 5.825 15.9969 7.99688 15.9969C10.1688 15.9969 10.4406 15.9875 11.2938 15.95C12.1438 15.9125 12.7281 15.775 13.2344 15.5781C13.7594 15.375 14.2063 15.1 14.65 14.6562C15.0938 14.2125 15.3688 13.7656 15.5719 13.2406C15.7688 12.7313 15.9063 12.15 15.9438 11.3C15.9813 10.4469 15.9906 10.175 15.9906 8.00313C15.9906 5.83125 15.9813 5.55938 15.9438 4.70625C15.9063 3.85625 15.7688 3.27188 15.5719 2.76562C15.375 2.23438 15.1031 1.7875 14.6563 1.34375C14.2125 0.9 13.7656 0.625 13.2406 0.421875C12.7313 0.225 12.15 0.0875 11.3 0.05C10.4438 0.009375 10.1719 0 8 0Z" fill="%23ffffff"/%3E%3Cpath d="M8 3.89062C5.73125 3.89062 3.89062 5.73125 3.89062 8C3.89062 10.2688 5.73125 12.1094 8 12.1094C10.2688 12.1094 12.1094 10.2688 12.1094 8C12.1094 5.73125 10.2688 3.89062 8 3.89062ZM8 10.6656C6.52813 10.6656 5.33437 9.47188 5.33437 8C5.33437 6.52813 6.52813 5.33437 8 5.33437C9.47188 5.33437 10.6656 6.52813 10.6656 8C10.6656 9.47188 9.47188 10.6656 8 10.6656Z" fill="%23ffffff"/%3E%3Cpath d="M13.2312 3.72891C13.2312 4.26016 12.8 4.68828 12.2719 4.68828C11.7406 4.68828 11.3125 4.25703 11.3125 3.72891C11.3125 3.19766 11.7438 2.76953 12.2719 2.76953C12.8 2.76953 13.2312 3.20078 13.2312 3.72891Z" fill="%23ffffff"/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id="clip0_4048_5642"%3E  %3Crect width="16" height="16" fill="%23ffffff"/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E');
}

.f__siteMapWrap .f__navigation .dep02 li + li {
  margin-top: 24px;
}
.f__footer .f__navigation {
  padding-bottom: 48px;
  align-items: flex-start;
}
.f__navigation .dep01 {
  flex: 1;
  max-width: 200px;
}
.f__navigation .dep01 + .dep01::before {
  background-color: var(--gray_80);
}
.f__navigation .dep01 > a {
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: -0.054px;
  color: var(--basic);
}
.f__navigation .dep02 > ul li + li {
  margin-top: 8px;
}
.f__navigation .dep02 > ul li a {
  color: var(--gray_10);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.048px;
}
.f__navigation .dep02 > ul li:hover a {
  color: var(--point);
}

.moduleSection {
  row-gap: 48px;
  column-gap: 16px;
}
.f__tabCont .moduleSection {
  row-gap: 48px;
}

.headlineSection {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}
.headlineSection .dateBox {
  height: 24px;
}
.headlineSection .dateBox p, .headlineSection .dateBox span {
  color: var(--gray_40);
}

.articleSection {
  padding-top: 24px;
}
.articleSection::before {
  content: "";
  display: block;
  position: absolute;
  height: 3px;
  top: 0;
  left: 0;
  width: 100%;
  background-color: var(--point);
}

.article {
  padding: 0 100px;
  row-gap: 40px;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px; /* 150% */
  letter-spacing: -0.048px;
}

.sideSection {
  row-gap: 40px;
}

.ab_photo {
  position: relative;
}
.ab_photo .image {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.ab_box_content:has(.ab_photo) .image img {
  max-height: 600px;
  width: auto;
}
.ab_photo .caption {
  margin: 6px 0 0 0;
  text-align: center;
  color: #737475;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: -0.02em;
}

/* grid */
.gap-0 {
  gap: 0;
}
.gap-1 {
  gap: calc(var(--basicSize) * 1);
}
.gap-2 {
  gap: calc(var(--basicSize) * 2);
}
.gap-3 {
  gap: calc(var(--basicSize) * 3);
}
.gap-4 {
  gap: calc(var(--basicSize) * 4);
}
.gap-5 {
  gap: calc(var(--basicSize) * 5);
}
.gap-6 {
  gap: calc(var(--basicSize) * 6);
}
.gap-7 {
  gap: calc(var(--basicSize) * 7);
}
.gap-8 {
  gap: calc(var(--basicSize) * 8);
}
.gap-9 {
  gap: calc(var(--basicSize) * 9);
}
.gap-10 {
  gap: calc(var(--basicSize) * 10);
}
.gap-20 {
  gap: calc(var(--basicSize) * 20);
}
.gap-30 {
  gap: calc(var(--basicSize) * 30);
}
.gap-40 {
  gap: calc(var(--basicSize) * 40);
}
.gap-50 {
  gap: calc(var(--basicSize) * 50);
}

/*** 레이아웃 유닛 ***/
.f__grid {
  column-gap: 24px;
  row-gap: 24px;
}
.f__grid + .f__grid {
  margin-top: 40px;
}
.f__grid.line [class*=u__] + [class*=u__] {
  position: relative;
}
.f__grid.line [class*=u__] + [class*=u__]::before {
  position: absolute;
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  background-color: var(--gray_80);
  top: 0;
  left: -15.5px;
}

[class*=m__] .btnGroup {
  display: flex;
  gap: 8px;
  justify-content: center;
}
[class*=m__] .btnGroup .f__btn:not(.f__btn_line) {
  padding-right: 44px;
  position: relative;
  background-color: var(--gray_90);
}
[class*=m__] .btnGroup .f__btn:not(.f__btn_line)::before {
  content: "";
  position: absolute;
  right: 24px;
  top: 50%;
  transform: translateY(-50%);
  width: 12px;
  height: 12px;
  background: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="14" height="10" viewBox="0 0 14 10" fill="none"%3E%3Cpath d="M0.75 4.75H12.75" stroke="%23231F20" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cpath d="M8.75 8.75L12.75 4.75L8.75 0.75" stroke="%23231F20" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E') no-repeat center;
}

/*** laptop ***/
@container (min-width: 1016px) and (max-width: 1400px) {
  .f__section {
    padding-left: 32px;
    padding-right: 32px;
  }
  .f__section.bg .f__inner {
    padding: 0 32px;
  }
  .f__footer {
    padding-left: 32px;
    padding-right: 32px;
  }
  /* 게시판 공통 */
  .f__boardHead .boardImg img {
    max-width: calc(100vw - 64px);
    width: calc(100vw - 64px);
  }
}
/*** tablet ***/
@container (min-width: 760px) and (max-width: 1015px) {
  /* typo */
  .f__H1, .f__H1 > a, .f__H1 > span {
    font-size: 40px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: -0.03px;
  }
  .f__H2, .f__H2 > a, .f__H2 > span {
    font-size: 32px;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: -0.096px;
  }
  /* module title */
  .moduleTit .titGroup h3 {
    font-size: 32px;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: -0.096px;
  }
  /* page title*/
  .pageTit {
    font-size: 48px;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: -0.144px;
    margin-bottom: 53px;
  }
  /*** layout ***/
  .f__inner {
    padding: 0;
  }
  .f__section {
    padding: 0 32px;
    row-gap: 48px;
  }
  .f__section.bg {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .f__section.bg > .f__inner {
    padding: 0 32px;
  }
  .f__section + .f__section {
    margin-top: 100px;
  }
  .f__section:has(aside) {
    grid-template-columns: 1fr;
  }
  .f__section:not(:has(aside)) > .articleSection {
    margin-top: -48px;
  }
  .f__section:last-child {
    margin-bottom: 160px;
  }
  .f__header,
  .f__header:is(.sticky,
  .simple,
  .simple.sticky,
  .businessA,
  .businessA.sticky),
  .f__header:has(+ .f__siteMapWrap.active) {
    height: 64px;
    padding: 18px 32px;
  }
  .f__header > .f__inner,
  .f__header:is(.sticky,
  .simple,
  .simple.sticky,
  .businessA,
  .businessA.sticky) > .f__inner,
  .f__header:has(+ .f__siteMapWrap.active) > .f__inner {
    height: 28px;
    padding: 0;
  }
  .f__header .logo a,
  .f__header:is(.sticky,
  .simple,
  .simple.sticky,
  .businessA,
  .businessA.sticky) .logo a,
  .f__header:has(+ .f__siteMapWrap.active) .logo a {
    height: 28px;
  }
  .f__header + .f__siteMapWrap,
  .f__header:is(.sticky,
  .simple,
  .simple.sticky,
  .businessA,
  .businessA.sticky) + .f__siteMapWrap,
  .f__header:has(+ .f__siteMapWrap.active) + .f__siteMapWrap {
    margin-top: 64px;
    padding: 0 32px;
  }
  .f__header + .f__siteMapWrap .f__navigation .dep02 > ul,
  .f__header:is(.sticky,
  .simple,
  .simple.sticky,
  .businessA,
  .businessA.sticky) + .f__siteMapWrap .f__navigation .dep02 > ul,
  .f__header:has(+ .f__siteMapWrap.active) + .f__siteMapWrap .f__navigation .dep02 > ul {
    margin-left: 0;
  }
  .f__header ~ .f__sub, .f__header ~ .f__main,
  .f__header:is(.sticky,
  .simple,
  .simple.sticky,
  .businessA,
  .businessA.sticky) ~ .f__sub,
  .f__header:is(.sticky,
  .simple,
  .simple.sticky,
  .businessA,
  .businessA.sticky) ~ .f__main,
  .f__header:has(+ .f__siteMapWrap.active) ~ .f__sub,
  .f__header:has(+ .f__siteMapWrap.active) ~ .f__main {
    margin-top: 64px;
  }
  .f__siteMapWrap .f__navigation .dep01:last-child {
    border-right: 0;
  }
  .f__siteMapWrap .f__navigation .dep02 > ul {
    gap: 12px;
  }
  .f__siteMapWrap .f__navigation .dep02 > ul li a {
    line-height: 22px;
  }
  .f__siteMapWrap .f__navigation .dep02 > ul li a > img {
    max-height: 22px;
  }
  .f__siteMapWrap .f__navigation .dep02 > ul li + li {
    margin-top: 0;
  }
  .f__footer .f__inner {
    padding-left: 32px;
    padding-right: 32px;
  }
  .f__footer .f__navigation {
    padding: 24px 0;
  }
  .f__footer .f__navigation .dep01 {
    max-width: unset;
    border-bottom: 1px solid var(--gray_80);
  }
  .f__footer .f__navigation .dep01 > a {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: -0.048px;
    margin: 14px 0;
  }
  .f__footer .f__navigation .dep01:has(.dep02) > a {
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"%3E%3Cpath d="M20 9.25L12 17.25L4 9.25" stroke="%231F1F1F" stroke-width="1.2" stroke-linecap="square"/%3E%3C/svg%3E');
  }
  .f__footer .f__navigation .dep01.open > a {
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"%3E%3Cpath d="M20 14.75L12 6.75L4 14.75" stroke="%231F1F1F" stroke-width="1.2" stroke-linecap="square"/%3E%3C/svg%3E');
  }
  .f__footer .f__navigation .dep02 ul li > a {
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: -0.042px;
  }
  .f__footer .f__navigation .dep02 ul li > a > img {
    max-height: 22px;
  }
  .f__footer .footerInfo {
    border-top: 1px solid var(--gray_80);
  }
  .f__footer .footerInfo > .f__inner .infoArea .address span {
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.036px;
  }
  .f__footer .footerInfo > .f__inner .powered {
    position: absolute;
    text-align: right;
    margin-right: 32px;
  }
  .moduleSection {
    row-gap: 32px;
  }
  .sideSection {
    row-gap: 24px;
    column-gap: 16px;
  }
  .headlineSection {
    padding-bottom: 19px;
  }
  .articleSection {
    margin-top: -48px;
  }
  .article {
    row-gap: 30px;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px; /* 150% */
    letter-spacing: -0.048px;
    padding: 0;
  }
  .f__main {
    min-height: calc(100vh - 180px);
  }
  /* 서브페이지 */
  .f__sub {
    padding-top: 56px;
  }
  .f__sub .snbWrap {
    flex-direction: column;
    gap: 12px;
    align-items: flex-start;
    padding-bottom: 12px;
    height: 88px;
    max-width: calc(100% - 40px);
    margin: 0 20px 32px 20px;
  }
  .cateTit {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: -0.048px;
  }
  /* board*/
  .f__boardHead {
    margin-bottom: 0;
  }
  .f__boardHead .boardImg {
    border-radius: 16px;
  }
  .f__boardHead .boardImg .imageBox {
    width: 100%;
  }
  .f__board .boardTable li {
    height: auto;
    padding: 16px 0;
    column-gap: 24px;
    row-gap: 8px;
  }
  .f__board .boardTable li .cate {
    flex: 1 1 100%;
  }
  .f__board .boardTable li .heading {
    flex: 1 1 100%;
  }
  /*** 레이아웃 유닛 ***/
  .f__grid {
    column-gap: 16px;
    row-gap: 32px;
  }
  .f__grid.line [class*=u__] + [class*=u__]::before {
    background-color: var(--gray_80);
    left: -8px;
  }
  .f__grid + .f__grid {
    margin-top: 48px;
  }
}
/*** mobile ***/
@container (max-width: 759px) {
  /* typo */
  .f__H1, .f__H1 > a, .f__H1 > span {
    font-size: 40px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: -0.03px;
  }
  .f__H2, .f__H2 > a, .f__H2 > span {
    font-size: 32px;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: -0.096px;
  }
  /* module title */
  .moduleTit .titGroup h3 {
    font-size: 32px;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: -0.096px;
  }
  /* page title*/
  .pageTit {
    font-size: 32px;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: -0.096px;
    margin-bottom: 24px;
  }
  /*** layout ***/
  .f__inner {
    padding: 0;
  }
  .f__section {
    padding: 0 20px;
    row-gap: 48px;
  }
  .f__section.bg {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .f__section.bg > .f__inner {
    padding: 0 20px;
  }
  .f__section + .f__section {
    margin-top: 100px;
  }
  .f__section:has(aside) {
    grid-template-columns: 1fr;
  }
  .f__section:not(:has(aside)) > .articleSection {
    margin-top: -48px;
  }
  .f__section:last-child {
    margin-bottom: 160px;
  }
  .f__header,
  .f__header:is(.sticky,
  .simple,
  .simple.sticky,
  .businessA,
  .businessA.sticky),
  .f__header:has(+ .f__siteMapWrap.active) {
    height: 64px;
    padding: 18px 20px;
  }
  .f__header > .f__inner,
  .f__header:is(.sticky,
  .simple,
  .simple.sticky,
  .businessA,
  .businessA.sticky) > .f__inner,
  .f__header:has(+ .f__siteMapWrap.active) > .f__inner {
    padding: 0;
    height: 28px;
  }
  .f__header .logo a,
  .f__header:is(.sticky,
  .simple,
  .simple.sticky,
  .businessA,
  .businessA.sticky) .logo a,
  .f__header:has(+ .f__siteMapWrap.active) .logo a {
    height: 28px;
  }
  .f__header + .f__siteMapWrap,
  .f__header:is(.sticky,
  .simple,
  .simple.sticky,
  .businessA,
  .businessA.sticky) + .f__siteMapWrap,
  .f__header:has(+ .f__siteMapWrap.active) + .f__siteMapWrap {
    margin-top: 64px;
    padding: 0 20px;
  }
  .f__header ~ .f__sub, .f__header ~ .f__main,
  .f__header:is(.sticky,
  .simple,
  .simple.sticky,
  .businessA,
  .businessA.sticky) ~ .f__sub,
  .f__header:is(.sticky,
  .simple,
  .simple.sticky,
  .businessA,
  .businessA.sticky) ~ .f__main,
  .f__header:has(+ .f__siteMapWrap.active) ~ .f__sub,
  .f__header:has(+ .f__siteMapWrap.active) ~ .f__main {
    margin-top: 64px;
  }
  .f__siteMapWrap .f__navigation .dep02 > ul {
    gap: 16px;
  }
  .f__siteMapWrap .f__navigation .dep02 > ul li {
    height: 30px;
    padding: 1px 0;
  }
  .f__siteMapWrap .f__navigation .dep02 > ul li a {
    line-height: 28px;
  }
  .f__siteMapWrap .f__navigation .dep02 > ul li a > img {
    max-height: 28px;
  }
  .f__siteMapWrap .f__navigation .dep02 > ul li + li {
    margin-top: 0;
  }
  .f__footer .f__inner {
    padding-left: 20px;
    padding-right: 20px;
  }
  .f__footer .f__navigation {
    padding: 24px 0;
  }
  .f__footer .f__navigation .dep01 {
    max-width: unset;
    border-bottom: 1px solid var(--gray_80);
  }
  .f__footer .f__navigation .dep01 > a {
    margin: 14px 0;
  }
  .f__footer .f__navigation .dep01:has(.dep02) > a {
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"%3E%3Cpath d="M20 9.25L12 17.25L4 9.25" stroke="%231F1F1F" stroke-width="1.2" stroke-linecap="square"/%3E%3C/svg%3E');
  }
  .f__footer .f__navigation .dep01.open > a {
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"%3E%3Cpath d="M20 14.75L12 6.75L4 14.75" stroke="%231F1F1F" stroke-width="1.2" stroke-linecap="square"/%3E%3C/svg%3E');
  }
  .f__footer .f__navigation .dep02 > ul {
    grid-template-columns: 1fr;
  }
  .f__footer .f__navigation .dep02 > ul li + li {
    margin-top: 0;
  }
  .f__footer .f__navigation .dep02 > ul a {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.042px;
  }
  .f__footer .footerInfo {
    border-top: 1px solid var(--gray_80);
  }
  .f__footer .footerInfo > .f__inner .infoArea p {
    font-size: 13px;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: -0.039px;
  }
  .f__main {
    min-height: calc(100vh - 208px);
  }
  /* 서브페이지 */
  .f__sub {
    min-height: calc(100vh - 280px);
    padding-top: 56px;
  }
  .f__sub .snbWrap {
    flex-direction: column;
    gap: 12px;
    align-items: flex-start;
    padding-bottom: 12px;
    height: auto;
    max-width: calc(100% - 40px);
    margin: 0 20px 32px 20px;
    overflow: visible;
    position: relative;
  }
  .f__sub .snbWrap::after {
    display: block;
    content: "";
    position: absolute;
    width: 26px;
    height: 24px;
    right: 0;
    bottom: 12px;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFF 100%);
  }
  .f__sub .snbWrap .snb {
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
  }
  .f__sub .snbWrap .snb li {
    flex: 0 0 auto;
    min-width: fit-content;
  }
  .f__sub .snbWrap .snb::-webkit-scrollbar {
    height: 0;
  }
  .f__sub .snbWrap .snb::-webkit-scrollbar-thumb {
    display: none;
  }
  .cateTit {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: -0.048px;
  }
  /* board*/
  .f__boardHead {
    margin-bottom: 0;
  }
  .f__boardHead .boardImg {
    border-radius: 16px;
  }
  .f__boardHead .boardImg .imageBox {
    width: 100%;
  }
  .f__board .boardTable li {
    height: auto;
    padding: 16px 0;
    column-gap: 24px;
    row-gap: 8px;
  }
  .f__board .boardTable li .cate {
    flex: 1 1 100%;
  }
  .f__board .boardTable .heading {
    flex: 1 1 100%;
    margin-bottom: 4px;
    align-items: flex-start;
  }
  .f__board .boardTable .heading .f__ic_fix {
    display: none;
  }
  .f__board .accordionTable .accItem .accTitle {
    padding: 24px 24px 24px 0;
    height: auto;
  }
  .f__board .accordionTable .accItem .accContent {
    padding: 24px;
  }
  .moduleSection {
    row-gap: 32px;
  }
  .sideSection {
    row-gap: 32px;
  }
  .headlineSection {
    padding-bottom: 19px;
  }
  .headlineSection .dateBox {
    height: auto;
  }
  .articleSection {
    margin-top: -48px;
  }
  .article {
    row-gap: 30px;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
    letter-spacing: -0.048px;
    padding: 0;
  }
  /*** 레이아웃 유닛 ***/
  .f__grid {
    column-gap: 16px;
    row-gap: 24px;
  }
  .f__grid.line {
    gap: 24px;
  }
  .f__grid.line [class*=u__] + [class*=u__]::before {
    display: none;
  }
}