@charset "UTF-8";
/* ================================
   기본 브레이크포인트 (Base Breakpoints)
   ================================ */
.about-page {
  padding-top: 100px;
}
.about-page .section1 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: clamp(380px, calc(6.25vw + 18.75rem), 420px);
}
@media screen and (max-width: 1279px) {
  .about-page .section1 {
    height: clamp(340px, calc(7.8431372549vw + 17.4803921569rem), 380px);
  }
}
@media screen and (max-width: 768px) {
  .about-page .section1 {
    height: clamp(300px, calc(8.9285714286vw + 16.9642857143rem), 340px);
  }
}
.about-page .section1 .container {
  display: flex;
  justify-content: flex-start;
  width: 100%;
  max-width: 1480px;
  padding: 0 40px;
}
@media screen and (max-width: 1279px) {
  .about-page .section1 .container {
    padding: 0 30px;
  }
}
@media screen and (max-width: 768px) {
  .about-page .section1 .container {
    padding: 0 20px;
  }
}
.about-page .section1 .section-title {
  font-weight: 700;
  font-size: clamp(50px, calc(1.25vw + 2.125rem), 58px);
  color: #000;
  letter-spacing: -0.02em;
  text-align: left;
}
@media screen and (max-width: 1279px) {
  .about-page .section1 .section-title {
    font-size: clamp(44px, calc(1.1764705882vw + 2.1845588235rem), 50px);
  }
}
@media screen and (max-width: 768px) {
  .about-page .section1 .section-title {
    font-size: clamp(38px, calc(1.3392857143vw + 2.1071428571rem), 44px);
  }
}
.about-page .section2 .container {
  max-width: 1280px;
  padding: 0 40px;
  margin: 0 auto;
}
@media screen and (max-width: 1279px) {
  .about-page .section2 .container {
    padding: 0 30px;
  }
}
@media screen and (max-width: 768px) {
  .about-page .section2 .container {
    padding: 0 20px;
  }
  .about-page .section2 .container br {
    display: none;
  }
}
.about-page .section2 .section-text {
  font-weight: 700;
  font-size: clamp(36px, calc(1.875vw + 0.75rem), 48px);
  color: #e7e7e7;
  line-height: 1.5;
  text-align: left;
}
@media screen and (max-width: 1279px) {
  .about-page .section2 .section-text {
    font-size: clamp(30px, calc(1.1764705882vw + 1.3095588235rem), 36px);
  }
}
@media screen and (max-width: 768px) {
  .about-page .section2 .section-text {
    font-size: clamp(24px, calc(1.3392857143vw + 1.2321428571rem), 30px);
  }
}
.about-page .section2 .section-text.scroll-text-animation .char {
  display: inline-block;
  transition: color 0.3s ease;
}
.about-page .section2 .section-text.scroll-text-animation .char.space {
  width: 0.25em;
}
.about-page .section2 .section2-image {
  overflow: hidden;
  position: relative;
  width: 1200px;
  max-width: 100%;
  margin-top: clamp(80px, calc(3.125vw + 2.5rem), 100px);
  margin-left: auto;
  margin-right: auto;
  transition: all 0.1s ease-out;
  height: clamp(480px, calc(9.375vw + 22.5rem), 540px);
}
@media screen and (max-width: 1279px) {
  .about-page .section2 .section2-image {
    margin-top: clamp(60px, calc(3.9215686275vw + 1.8651960784rem), 80px);
    width: 50%;
    height: clamp(150px, calc(3.9215686275vw + 7.4901960784rem), 170px);
  }
}
@media screen and (max-width: 768px) {
  .about-page .section2 .section2-image {
    margin-top: clamp(40px, calc(4.4642857143vw + 1.6071428571rem), 60px);
    width: 50%;
    height: clamp(100px, calc(6.6964285714vw + 4.9107142857rem), 130px);
  }
}
.about-page .section2 .section2-image img {
  width: 100vw;
  max-width: none;
  display: block;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  height: clamp(480px, calc(9.375vw + 22.5rem), 540px);
}
@media screen and (max-width: 1279px) {
  .about-page .section2 .section2-image img {
    height: clamp(150px, calc(3.9215686275vw + 7.4901960784rem), 170px);
  }
}
@media screen and (max-width: 768px) {
  .about-page .section2 .section2-image img {
    height: clamp(100px, calc(6.6964285714vw + 4.9107142857rem), 130px);
  }
}
.about-page .section2 .section2-feature-list {
  display: flex;
  flex-direction: column;
  padding: clamp(80px, calc(4.6875vw + 1.25rem), 110px) 0 clamp(170px, calc(4.6875vw + 6.875rem), 200px);
}
.about-page .section2 .section2-feature-list-item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: clamp(40px, calc(1.25vw + 1.5rem), 48px) 0;
  border-bottom: 1px solid #E7E7E7;
}
@media screen and (max-width: 1279px) {
  .about-page .section2 .section2-feature-list-item {
    padding: clamp(30px, calc(1.9607843137vw + 0.9325980392rem), 40px) 0;
  }
}
@media screen and (max-width: 768px) {
  .about-page .section2 .section2-feature-list-item {
    flex-direction: column;
    align-items: flex-start;
    gap: clamp(14px, calc(1.3392857143vw + 0.6071428571rem), 20px);
    padding: clamp(20px, calc(2.2321428571vw + 0.8035714286rem), 30px) 0;
  }
}
.about-page .section2 .section2-feature-list-item:first-child {
  padding-top: 0;
}
.about-page .section2 .section2-feature-list-item:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
.about-page .section2 .section2-feature-list-item-box {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
@media screen and (max-width: 1279px) {
  .about-page .section2 .section2-feature-list-item-box {
    flex-direction: column;
    align-items: flex-start;
    gap: clamp(6px, calc(0.3921568627vw + 0.1865196078rem), 8px);
  }
}
@media screen and (max-width: 768px) {
  .about-page .section2 .section2-feature-list-item-box {
    gap: clamp(4px, calc(0.4464285714vw + 0.1607142857rem), 6px);
  }
}
.about-page .section2 .section2-feature-list-item-number {
  align-self: flex-start;
  margin-right: 30px;
  font-family: "Noto Serif KR", serif;
  font-weight: 700;
  font-size: clamp(28px, calc(0.9375vw + 1rem), 34px);
  color: #D6D7DD;
}
@media screen and (max-width: 1279px) {
  .about-page .section2 .section2-feature-list-item-number {
    margin-right: 0;
    font-size: clamp(24px, calc(0.7843137255vw + 1.1230392157rem), 28px);
  }
}
@media screen and (max-width: 768px) {
  .about-page .section2 .section2-feature-list-item-number {
    font-size: clamp(20px, calc(0.8928571429vw + 1.0714285714rem), 24px);
  }
}
.about-page .section2 .section2-feature-list-item-title {
  width: 320px;
  margin-right: 40px;
  font-weight: 700;
  font-size: clamp(20px, calc(0.625vw + 0.75rem), 24px);
  color: #111;
  line-height: 1.41em;
  letter-spacing: -0.03em;
  text-align: left;
}
@media screen and (max-width: 1279px) {
  .about-page .section2 .section2-feature-list-item-title {
    width: clamp(240px, calc(7.8431372549vw + 11.2303921569rem), 280px);
    margin-right: clamp(20px, calc(3.9215686275vw - 0.6348039216rem), 40px);
    font-size: clamp(18px, calc(0.3921568627vw + 0.9365196078rem), 20px);
  }
}
@media screen and (max-width: 768px) {
  .about-page .section2 .section2-feature-list-item-title {
    width: auto;
    margin-right: 0;
    font-size: clamp(16px, calc(0.4464285714vw + 0.9107142857rem), 18px);
  }
}
.about-page .section2 .section2-feature-list-item-description {
  font-weight: 500;
  font-size: clamp(17px, calc(0.15625vw + 0.9375rem), 18px);
  color: #666;
  line-height: 1.56em;
  text-align: left;
}
@media screen and (max-width: 1279px) {
  .about-page .section2 .section2-feature-list-item-description {
    font-size: clamp(16px, calc(0.1960784314vw + 0.9057598039rem), 17px);
  }
}
@media screen and (max-width: 768px) {
  .about-page .section2 .section2-feature-list-item-description {
    font-size: clamp(15px, calc(0.2232142857vw + 0.8928571429rem), 16px);
  }
}