/* topBar */
.topBar ul li a {
  font-family: "Pretendard";
  font-weight: 500;
  font-size: 18px;
  line-height: 160%;
  color: #fefefe;
}
.topBar ul li:hover a {
  font-weight: 700;
  transition: all 0.2s;
}
.topBar .content ul li .homePage {
  color: #f04e06;
}
.topBar ul .dropdown .dropdown-menu li:hover a {
  color: #f04e06;
}
.topBar.max .homePage {
  font-family: "Pretendard";
  font-weight: 400;
  font-size: 12px;
  color: #f04e06;
}
/* mobile-side-bar */
.mobile-side-bar .side-top .login-btn {
  font-family: "Pretendard";
  font-weight: 500;
  font-size: 16px;
  color: #f04e06;
}
.mobile-side-bar input::placeholder {
  font-family: "Pretendard";
  font-size: 18px;
  font-weight: 300;
  line-height: 140%;
  letter-spacing: -0.02em;
  color: #c7c7c7;
}
.mobile-side-bar > ul > li > a {
  font-family: "Pretendard";
  font-size: 18px;
  font-weight: 600;
  line-height: 140%;
  letter-spacing: -0.02em;
  color: #444;
  display: flex;
  align-items: center;
}
.mobile-side-bar > ul > li.active > a {
  color: #fefefe;
  /* background-color: var(--brand-02); */
  background-image: url(../img/side-bar-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  transition: all 0.2s;
  border-radius: 0;
}
.mobile-side-bar > ul > li:hover > a {
  /* background-color: var(--brand-02); */
  background-image: url(../img/side-bar-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  transition: all 0.2s;
}
.mobile-side-bar > ul > li:hover > a span {
  color: #fefefe;
  /* background-color: var(--brand-02); */
  background-image: url(../img/side-bar-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  transition: all 0.01s;
}
/* 서브메뉴 활성화 스타일 */
.mobile-side-bar .submenu li.active a {
  color: #f15d1b;
  font-weight: 600;
  padding-left: 20px;
}

.mobile-side-bar > ul > li > ul > li > a {
  font-family: "Pretendard";
  font-size: 16px;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: -0.02em;
  color: #555;
}
.mobile-side-bar > ul > li > ul > li.active > a {
  font-weight: 700;
  letter-spacing: 0em;
  transition: all 0.2s;
  color: #f47a44;
}
.mobile-side-bar > ul > li > ul > li:hover > a {
  font-weight: 700;
  letter-spacing: 0em;
  transition: all 0.2s;
  color: #f47a44;
}
/* page_1 */
.page.p1 .text_box h1 {
  font-family: "Paperlogy";
  font-weight: 800;
  font-size: 70px;
  line-height: 160%;
  letter-spacing: -0.02em;
  color: #fefefe;
  margin-bottom: 20px;
}
.page.p1 .text_box span {
  font-family: "Pretendard";
  font-weight: 300;
  font-size: 24px;
  line-height: 160%;
  letter-spacing: -0.04em;
  color: #fefefe;
}

/* page_2 */
.page.p2 .content .content_top .text_box h1 {
  font-family: "Pretendard";
  font-weight: 700;
  font-size: 58px;
  line-height: 150%;
  color: #333333;
  margin-bottom: 20px;
}
.page.p2 .content .content_top .text_box h1 span {
  font-family: "Pretendard";
  font-weight: 700;
  font-size: 58px;
  line-height: 150%;
  color: #f76829;
}
.page.p2 .content .content_top .text_box span {
  font-family: "Pretendard";
  font-weight: 400;
  font-size: 24px;
  line-height: 150%;
  letter-spacing: -0.01em;
  color: #333333;
}

.stat-number {
  font-size: 54px;
  font-weight: bold;
  color: #f04e06;
  margin-bottom: 4px;
  font-variant-numeric: tabular-nums;
}
.stat-label {
  font-family: "Pretendard";
  font-weight: 400;
  font-size: 20px;
  line-height: 150%;
  letter-spacing: -0.01em;
  color: #333333;
}

/* page_3 */
.page.p3 .content .text_box > h1 {
  font-family: "Pretendard";
  font-weight: 700;
  font-size: 58px;
  line-height: 140%;
  color: #333333;
  margin-bottom: 80px;
}
.page.p3 .content .text_box h1 span {
  color: #f76829;
}
.page.p3 .content .section_list .list .text_box h1 {
  font-family: "Pretendard";
  font-weight: 700;
  font-size: 46px;
  line-height: 150%;
  letter-spacing: -0.01em;
  color: #f04e06;
  margin-bottom: 34px;
}
.page.p3 .content .section_list .list .text_box h1 span {
  font-family: "Pretendard";
  font-weight: 700;
  font-size: 50px;
  line-height: 150%;
  letter-spacing: -0.01em;
  color: #f04e06;
}
.page.p3 .content .section_list .list .text_box span {
  font-family: "Pretendard";
  font-weight: 500;
  font-size: 28px;
  line-height: 150%;
  letter-spacing: -0.01em;
  color: #333333;
}
/* footer */
.footer .contents-box .text-box img {
  width: 150px;
}
.footer .contents-box .text-box .list {
  font-family: "Pretendard";
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.02em;
  color: #bbbbbb;
}
.footer .contents-box .text-box .list p1 {
  font-weight: 600;
}

/* application */
.application h3 {
  font-family: "Pretendard";
  font-size: 24px;
  font-weight: 700;
  line-height: 160%;
  letter-spacing: 0.04em;
  color: #696969;
}
.application .text-box .inquiry span {
  font-family: "Pretendard";
  font-size: 22px;
  font-weight: 700;
  line-height: 160%;
  letter-spacing: 0.02em;
  color: #f04e06;
}
.application a {
  font-family: "Pretendard";
  font-size: 18px;
  font-weight: 600;
  line-height: 160%;
  letter-spacing: -0.04em;
  color: #f04e06;
}
/* application_mobile_popup */
.application_mobile_popup .text h2 {
  font-family: "Pretendard";
  font-size: 32px;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: -0.015em;
  color: #f04e06;
}
.application_mobile_popup .tel {
  font-family: "Pretendard";
  font-size: 34px;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: 0.02em;
  color: #696969;
}
.application_mobile_popup .btn {
  font-family: "Pretendard";
  font-size: 18px;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: -0.04em;
  color: #fefefe;
}