@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;500;700&family=Noto+Sans+KR:wght@400;500;700&family=Noto+Sans+JP:wght@400;500;700&family=Noto+Sans+SC:wght@400;500;700&family=Noto+Sans+TC:wght@400;500;700&display=swap');



/* 웹폰트 적용 */



html,

body,

body *,

body *::before,

body *::after,

button,

input,

textarea,

select,

option {

  font-family: 'Noto Sans', 'Noto Sans KR', 'Noto Sans JP', 'Noto Sans SC', 'Noto Sans TC', sans-serif !important;

}







/* 전체 이미지 공통 설정 */

img {

  max-width: 100% !important;

}





/* 버튼 공통 설정 */

.btn {

  text-align: center !important;

  justify-content: center !important;

  align-items: center !important;

  white-space: normal !important;

  line-height: 1.2 !important;

}



/* 본문 이미지 공통 설정 */

.col-img {

  overflow: hidden !important;

}



/* 본문 이미지 내부 이미지 공통 설정 */

.col-img img {

  display: block !important;

  object-fit: cover !important;

  object-position: center center !important;

}



/* 카드 공통 설정 */

.commit-card {

  box-sizing: border-box !important;

}



/* 줄바꿈 보정 */

.br-desktop {

  display: none !important;

}





/* =========================================================

   스마트폰 사이즈

========================================================= */



@media screen and (max-width: 767px) {



  /* 전체 페이지 기본 글자 크기 */

  html,
  body {
    overflow-x: hidden !important;
    font-size: 16px !important;

  }



  /* 히어로 전체 영역 */

  .hero {



    position: relative !important;
    overflow: hidden !important;
    background-color: #ffffff !important;

    min-height: 360px !important;
    height: auto !important;

  }



 /* 히어로 배경 이미지 감싸는 영역 */
  .hero > picture {

    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    overflow: hidden !important;
  }

  /* 히어로 배경 이미지 */

  .hero-bg {

    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;
    object-position: center top !important;
  }



  /* 히어로 텍스트 영역 */

  .hero-main {

    width: 100% !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
    box-sizing: border-box !important;
    align-items: center !important;
    text-align: center !important;

  }



  /* 히어로 메인 타이틀 */

  .hero-title {

    width: 100% !important;
    font-size: 20px !important;
    line-height: 1.2 !important;
    letter-spacing: -0.03em !important;
    text-align: center !important;


  }



  /* 공통 섹션 영역 */

  .section {

    
    padding-top: 24px !important;
    padding-bottom: 24px !important;
    padding-left: 12px !important;
    padding-right: 12px !important;


  }


  /* 섹션 내부 최대 폭 */

  .section > .two-col,
  .section > .commit-section {
    width: 100% !important;
    max-width: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }


 /* 2단 콘텐츠 레이아웃 */

  .two-col {
    width: 100% !important;

    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: stretch !important;

    gap: 24px !important;
  }



  /* 역방향 2단 콘텐츠 레이아웃 */

  .two-col.reverse {
    flex-direction: column !important;
  }





  /* 텍스트 컬럼 */

  .col-text {

    width: 100% !important;
    flex: none !important;
    gap: 24px !important;

  }



  /* 이미지 컬럼 */

  .col-img {

    width: 100% !important;
    max-width: none !important;

    flex: none !important;

    min-height: 260px !important;
    border-radius: 16px !important;

    margin-left: auto !important;
    margin-right: auto !important;

  }



  /* 이미지 컬럼 내부 이미지 */

  .col-img img {

    width: 100% !important;
    height: 100% !important;

    border-radius: 16px !important;
    object-fit: cover !important;
    object-position: center center !important;
  }



  /* 섹션 제목 */

  .s-title {

    font-size: 18px !important;
    line-height: 1.2 !important;
    letter-spacing: -0.03em !important;
  
  }


  /* 본문 텍스트 */

  .body-text {

    font-size: 14px !important;
    line-height: 1.2 !important;
    letter-spacing: -0.03em !important;
  

  }



  /* 본문 문단 간격 */

  .body-text p + p {

    margin-top: 24px !important;

  }



  /* Commitments 전체 영역 */

  .commit-section {

    gap: 24px !important;

  }



  /* Commitments 제목 영역 */

  .commit-header {

    text-align: center !important;

  }




  /* Commitments 메인 제목 */

  .commit-header .c-title {
    font-size: 18px !important;
    line-height: 1.2 !important;
    letter-spacing: -0.03em !important;
  }



  /* Commitments 보조 문구 */

  .commit-header .c-sub {
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    letter-spacing: -0.03em !important;
    margin-top: 24px !important;
    color: #333340 !important;
  }



  /* Commitments 카드 묶음 */

  .commit-cards {
    flex-direction: column !important;
    gap: 24px !important;
    align-items: stretch !important;
  }



 /* Commitments 카드 */

  .commit-card {
    padding: 24px 12px !important;
    gap: 24px !important;
    border-radius: 16px !important;
  }



  /* Commitments 카드 제목 */

  .commit-card h3 {

    font-size: 18px !important;
    line-height: 1.2 !important;
    letter-spacing: -0.03em !important;

  }



  /* Commitments 카드 본문 */

  .commit-card p {

    font-size: 14px !important;
    line-height: 1.2 !important;
    letter-spacing: -0.03em !important;

  }










  /* 가이드 배너 전체 영역 */

  .guide-banner {

    position: relative !important;
    overflow: hidden !important;
    background-color: #fff !important;

    min-height: 360px !important;
    height: auto !important;

    display: flex !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;

    gap: 0 !important;



  }





  /* 가이드 배너 배경 이미지 */

  .guide-banner-bg {
  
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;

  }


  /* 가이드 배너 배경 이미지 감싸는 영역 */

  .guide-banner > picture {

    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    overflow: hidden !important;
  }


  /* 가이드 배너 텍스트 영역 */

  .guide-content {


    position: relative !important;
    z-index: 1 !important;

    width: 100% !important;
 
    display: flex !important;
    flex-direction: column !important;

    gap: 12px !important;
    align-items: flex-start !important;
    text-align: left !important;
    box-sizing: border-box !important;

    max-width: 320px !important;

    /* 글자 높이 조절 */
    padding: 24px 12px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;

  }



  /* 가이드 배너 제목 */

  .guide-title {

    font-size: 18px !important;
    line-height: 1.2 !important;
    letter-spacing: -0.03em !important;

  }



  /* 가이드 배너 본문 묶음 */

  .guide-texts {

    gap: 12px !important;

  }



  /* 가이드 배너 본문 */

  .guide-texts p {

    font-size: 14px !important;
    line-height: 1.2 !important;
    letter-spacing: -0.03em !important;

  }



  /* 최종 CTA 영역 */

  .final-cta {

    padding: 24px 12px !important;

    gap: 0px !important;

  }



  /* 최종 CTA 제목 */

  .final-cta h2 {

    font-size: 18px !important;
    line-height: 1.2 !important;
    letter-spacing: -0.03em !important;
    padding-bottom: 24px !important;
  }



  /* 최종 CTA 버튼 */

  .final-cta .btn {

    width: 100% !important;
    max-width: 240px !important;
    min-height: 36px !important;
    padding: 4px 12px !important;
    font-size: 16px !important;

  }

}





/* =========================================================

   테블릿 스크린 사이즈

========================================================= */



@media (min-width: 768px) and (max-width: 1023px) {



  /* 전체 페이지 기본 글자 크기 */

  html,

  body {
    overflow-x: hidden !important;
    font-size: 18px !important;

  }




  /* 히어로 전체 영역 */

  .hero {


    position: relative !important;
    overflow: hidden !important;
    background-color: #ffffff !important;

    min-height: 520px !important;
    height: auto !important;

  }



 /* 히어로 배경 이미지 감싸는 영역 */
  .hero > picture {

    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    overflow: hidden !important;
  }


  /* 히어로 배경 이미지 */

  .hero-bg {

    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center top !important;

  }



  /* 히어로 텍스트 영역 */

  .hero-main {

    width: 100% !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
    box-sizing: border-box !important;
    align-items: center !important;
    text-align: center !important;

  }



  /* 히어로 메인 타이틀 */

  .hero-title {

    width: 100% !important;
    font-size: 36px !important;
    line-height: 1.5 !important;
    letter-spacing: -0.03em !important;
    text-align: center !important;

  }



  /* 공통 섹션 영역 */

  .section {

    padding-top: 24px !important;
    padding-bottom: 24px !important;
    padding-left: 24px !important;
    padding-right: 24px !important;

  }



  /* 섹션 내부 최대 폭 */

  .section > .two-col,
  .section > .commit-section {
    width: 100% !important;
    max-width: 720px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }



  /* 2단 콘텐츠 레이아웃 */

  .two-col {
    width: 100% !important;

    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: stretch !important;

    gap: 24px !important;
  }



  /* 역방향 2단 콘텐츠 레이아웃 */

  .two-col.reverse {
    flex-direction: column !important;
  }




  /* 텍스트 컬럼 */

  .col-text {
    width: 100% !important;
    flex: none !important;
    gap: 24px !important;
  }






  /* 이미지 컬럼 */

  .col-img {
    width: 100% !important;
    max-width: 680px !important;
    
    flex: none !important;

    min-height: 420px !important;
    border-radius: 20px !important;

    margin-left: auto !important;
    margin-right: auto !important;

  }




  /* 이미지 컬럼 내부 이미지 */

  .col-img img {

    width: 100% !important;
    height: 100% !important;

    border-radius: 20px !important;
    object-fit: cover !important;
    object-position: center center !important;


  }



  /* 섹션 제목 */

  .s-title {

    font-size: 32px !important;
    line-height: 1.5 !important;
    letter-spacing: -0.03em !important;
  }




  /* 본문 텍스트 */

  .body-text {
    font-size: 18px !important;
    line-height: 1.5 !important;
    letter-spacing: -0.03em !important;
  }




  /* 본문 문단 간격 */

  .body-text p + p {

    margin-top: 18px !important;
  }




  /* Commitments 전체 영역 */

  .commit-section {

    gap: 24px !important;

  }



  /* Commitments 메인 제목 */

  .commit-header .c-title {

    font-size: 32px !important;
    line-height: 1.5 !important;
    letter-spacing: -0.03em !important;

  }



  /* Commitments 보조 문구 */

  .commit-header .c-sub {

    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1.5 !important;
    letter-spacing: -0.03em !important;
    margin-top: 24px !important;
    color: #333340 !important;

  }



  /* Commitments 카드 묶음 */

  .commit-cards {

    flex-direction: column !important;
    gap: 18px !important;
    align-items: stretch !important;

  }



  /* Commitments 카드 */

  .commit-card {

    padding: 24px 24px !important;
    gap: 18px !important;
    border-radius: 20px !important;

  }



  /* Commitments 카드 제목 */

  .commit-card h3 {

    font-size: 24px !important;
    line-height: 1.5 !important;
    letter-spacing: -0.03em !important;

  }



  /* Commitments 카드 본문 */

  .commit-card p {

    font-size: 18px !important;
    line-height: 1.5 !important;
    letter-spacing: -0.03em !important;

  }



  /* 가이드 배너 전체 영역 */

  .guide-banner {

    position: relative !important;
    overflow: hidden !important;
    background-color: #fff !important;

    min-height: 420px !important;
    height: auto !important;

    display: flex !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;

    gap: 0 !important;



  }





  /* 가이드 배너 배경 이미지 */

  .guide-banner-bg {
  
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;

  }


  /* 가이드 배너 배경 이미지 감싸는 영역 */

  .guide-banner > picture {

    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    overflow: hidden !important;
  }


  /* 가이드 배너 텍스트 영역 */

  .guide-content {


    position: relative !important;
    z-index: 1 !important;

    width: 100% !important;

    display: flex !important;
    flex-direction: column !important;
    
    gap: 12px !important;
    align-items: flex-start !important;
    text-align: left !important;
    box-sizing: border-box !important;


    max-width: 680px !important;

    /* 글자 높이 조절 */
    padding: 24px 24px 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;


  }



  /* 가이드 배너 제목 */

  .guide-title {

    font-size: 32px !important;
    line-height: 1.5 !important;
    letter-spacing: -0.03em !important;

  }



  /* 가이드 배너 본문 묶음 */

  .guide-texts {

    gap: 18px !important;



  }



  /* 가이드 배너 본문 */

  .guide-texts p {

    font-size: 18px !important;
    line-height: 1.5 !important;
    letter-spacing: -0.03em !important;

  }



  /* 최종 CTA 영역 */

  .final-cta {

    padding: 24px 24px !important;
    gap: 0px !important;

  }



  /* 최종 CTA 제목 */

  .final-cta h2 {

    font-size: 32px !important;
    line-height: 1.5 !important;
    letter-spacing: -0.03em !important;
    padding-bottom: 24px !important;
  }



  /* 최종 CTA 버튼 */

  .final-cta .btn {

    width: 100% !important;
    max-width: 360px !important;
    min-height: 36px !important;
    padding: 12px 12px !important;
    font-size: 18px !important;

  }

}




/* =========================================================

   작은 데스크톱 스크린 사이즈

========================================================= */



@media (min-width: 1024px) and (max-width: 1199px) {



  /* 전체 페이지 기본 글자 크기 */

  html,
  body {
    overflow-x: hidden !important;
    font-size: 24px !important;

  }





  /* 히어로 전체 영역 */

  .hero {

    position: relative !important;
    overflow: hidden !important;
    background-color: #ffffff !important;

    min-height: 560px !important;
    height: auto !important;



  }


 /* 히어로 배경 이미지 감싸는 영역 */
  .hero > picture {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    overflow: hidden !important;
  }


  /* 히어로 배경 이미지 */

  .hero-bg {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center top !important;

  }



  /* 히어로 텍스트 영역 */

  .hero-main {

    width: 100% !important;
    box-sizing: border-box !important;
    align-items: center !important;
    text-align: center !important;

  }



  /* 히어로 메인 타이틀 */

  .hero-title {

    width: 100% !important;
    font-size: 36px !important;
    line-height: 1.5 !important;
    letter-spacing: -0.03em !important;
    text-align: center !important;

  }



  /* 공통 섹션 영역 */

  .section {

   padding-top: 36px !important;
   padding-bottom: 36px !important;
   padding-left: 36px !important;
   padding-right: 36px !important;

  }


  /* 섹션 내부 최대 폭 */

  .section > .two-col,
  .section > .commit-section {

    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;

  }


  /* 2단 콘텐츠 레이아웃 */

  .two-col {
    width: 100% !important;
    max-width: 1080px !important;

    margin-left: auto !important;
    margin-right: auto !important;

    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 36px !important;

  }



  /* 역방향 2단 콘텐츠 레이아웃 */

  .two-col.reverse {

    flex-direction: row-reverse !important;

  }



  /* 텍스트 컬럼 */

  .col-text {

    gap: 36px !important;
    flex: 0 1 50% !important;

  }



  /* 이미지 컬럼 */

  .col-img {

    flex: 0 1 50% !important;
    min-height: 380px !important;
    border-radius: 20px !important;

  }



  /* 이미지 컬럼 내부 이미지 */

  .col-img img {

    border-radius: 20px !important;
    object-fit: cover !important;
    object-position: center center !important;

  }



  /* 섹션 제목 */

  .s-title {

    font-size: 36px !important;
    line-height: 1.5 !important;
    letter-spacing: -0.03em !important;

  }



  /* 본문 텍스트 */

  .body-text {

    font-size: 18px !important;
    line-height: 1.5 !important;
    letter-spacing: -0.03em !important;

  }



  /* 본문 문단 간격 */

  .body-text p + p {

    margin-top: 18px !important;

  }



  /* Commitments 전체 영역 */

  .commit-section {

    gap: 36px !important;

  }



  /* Commitments 메인 제목 */

  .commit-header .c-title {

    font-size: 36px !important;
    line-height: 1.5 !important;
    letter-spacing: -0.03em !important;

  }



  /* Commitments 보조 문구 */

  .commit-header .c-sub {

    font-size: 28px !important;
    font-weight: 700 !important;
    line-height: 1.5 !important;
    letter-spacing: -0.03em !important;
    margin-top: 36px !important;
    color: #333340 !important;

  }



  /* Commitments 카드 묶음 */

  .commit-cards {

    flex-direction: row !important;
    gap: 18px !important;
    align-items: stretch !important;

  }



  /* Commitments 카드 */

  .commit-card {

    padding: 36px 24px !important;
    gap: 18px !important;
    border-radius: 20px !important;

  }



  /* Commitments 카드 제목 */

  .commit-card h3 {

    font-size: 24px !important;
    line-height: 1.5 !important;
    letter-spacing: -0.03em !important;

  }



  /* Commitments 카드 본문 */

  .commit-card p {

    font-size: 18px !important;
    line-height: 1.5 !important;
    letter-spacing: -0.03em !important;

  }



  /* 가이드 배너 전체 영역 */

  .guide-banner {

    position: relative !important;
    overflow: hidden !important;
    background-color: #fff !important;

    min-height: 360px !important;
    height: auto !important;

    display: flex !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;

    gap: 0 !important;


  }



  /* 가이드 배너 배경 이미지 */

  .guide-banner-bg {

    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;
    object-position: center center !important;

  }


  /* 가이드 배너 배경 이미지 감싸는 영역 */

  .guide-banner > picture {

    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    overflow: hidden !important;

  }



  /* 가이드 배너 텍스트 영역 */

  .guide-content {


    position: relative !important;
    z-index: 1 !important;

    width: 100% !important;
    
    display: flex !important;
    flex-direction: column !important;
    
    gap: 12px !important;
    align-items: flex-start !important;
    text-align: left !important;
    box-sizing: border-box !important;
    max-width: 820px !important;
    /* 글자 높이 조절 */
    padding: 36px 36px 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;

  }



  /* 가이드 배너 제목 */

  .guide-title {

    font-size: 36px !important;
    line-height: 1.5 !important;
    letter-spacing: -0.03em !important;

  }



  /* 가이드 배너 본문 묶음 */

  .guide-texts {

    gap: 24px !important;

  }



  /* 가이드 배너 본문 */

  .guide-texts p {

    font-size: 18px !important;
    line-height: 1.5 !important;
    letter-spacing: -0.03em !important;

  }



  /* 최종 CTA 영역 */

  .final-cta {

    padding: 36px 36px !important;
    gap: 0px !important;

  }



  /* 최종 CTA 제목 */

  .final-cta h2 {

    font-size: 36px !important;
    line-height: 1.5 !important;
    letter-spacing: -0.03em !important;
    padding-bottom: 36px !important;
  }



  /* 최종 CTA 버튼 */

  .final-cta .btn {

    width: 100% !important;
    max-width: 350px !important;
    min-height: 48px !important;
    padding: 18px 36px !important;
    font-size: 20px !important;

  }

}





/* =========================================================

   큰 데스크톱 스크린 사이즈

========================================================= */



@media (min-width: 1200px) {



  /* 전체 페이지 기본 글자 크기 */

  html,
  body {
    overflow-x: hidden !important;
    font-size: 24px !important;

  }



   /* 히어로 전체 영역 */
  .hero {

    position: relative !important;
    overflow: hidden !important;
    background-color: #ffffff !important;

    min-height: 860px !important;
    height: auto !important;

 
  }



 /* 히어로 배경 이미지 감싸는 영역 */
  .hero > picture {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    overflow: hidden !important;
  }



  /* 히어로 배경 이미지 */
  .hero-bg {
    position: absolute !important;
    top: 0 !important;
    left: 50% !important;
    right: auto !important;
    bottom: auto !important;

    width: min(100vw, 1920px) !important;
    max-width: 1920px !important;
    height: 100% !important;

    transform: translateX(-50%) !important;
    object-fit: cover !important;
    object-position: center top !important;
  }



  /* 히어로 텍스트 영역 */

  .hero-main {

    width: min(100%, 1920px) !important;

    max-width: 1920px !important;

    margin-left: auto !important;

    margin-right: auto !important;

    padding-left: clamp(80px, 10vw, 192px) !important;

    padding-right: clamp(80px, 10vw, 192px) !important;

    box-sizing: border-box !important;

    align-items: center !important;

    text-align: center !important;

  }



  /* 히어로 메인 타이틀 */

  .hero-title {

   
    width: 100% !important;
    font-size: 48px !important;
    line-height: 1.5 !important;
    letter-spacing: -0.03em !important;
    text-align: center !important;
  }



  /* 공통 섹션 영역 */

  .section {
   
   padding-top: 48px !important;
   padding-bottom: 48px !important;
   padding-left: 36px !important;
   padding-right: 36px !important;
  }



  /* 섹션 내부 최대 폭 */

  .section > .two-col,
  .section > .commit-section {

    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;

  }



  /* 2단 콘텐츠 레이아웃 */

  .two-col {

    width: 100% !important;
    max-width: 1440px !important;

    margin-left: auto !important;
    margin-right: auto !important;

    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    align-items: center !important;

    gap: 48px !important;


  }



  /* 역방향 2단 콘텐츠 레이아웃 */

  .two-col.reverse {

    flex-direction: row-reverse !important;

  }



  /* 텍스트 컬럼 */

  .col-text {

    gap: 36px !important;
    flex: 0 1 50% !important;




  }



  /* 이미지 컬럼 */

  .col-img {

    flex: 0 1 50% !important;
    min-height: 520px !important;
    max-width:700px !important;
    border-radius: 20px !important;


  }



  /* 이미지 컬럼 내부 이미지 */

  .col-img img {

    border-radius: 20px !important;
    object-fit: cover !important;
    object-position: center center !important;
  }



  /* 섹션 제목 */

  .s-title {

    font-size: 48px !important;
    line-height: 1.5 !important;
    letter-spacing: -0.03em !important;

  }



  /* 본문 텍스트 */

  .body-text {

    font-size: 24px !important;
    line-height: 1.5 !important;
    letter-spacing: -0.03em !important;

  }



  /* 본문 문단 간격 */

  .body-text p + p {

    margin-top: 18px !important;

  }



  /* Commitments 전체 영역 */

  .commit-section {

    gap: 48px !important;

  }



  /* Commitments 메인 제목 */

  .commit-header .c-title {

    font-size: 48px !important;

    line-height: 1.5 !important;

    letter-spacing: -0.03em !important;

  }



  /* Commitments 보조 문구 */

  .commit-header .c-sub {

    font-size: 36px !important;
    font-weight: 700 !important;
    line-height: 1.5 !important;
    letter-spacing: -0.03em !important;
    margin-top: 48px !important;
    color: #333340 !important;

  }



  /* 데스크톱 줄바꿈 */

  .br-desktop {

    display: block !important;

  }



  /* Commitments 카드 묶음 */

  .commit-cards {

    flex-direction: row !important;
    gap: 36px !important;
    align-items: stretch !important;

  }



  /* Commitments 카드 */

  .commit-card {

    padding: 36px 36px !important;
    gap: 24px !important;
    border-radius: 20px !important;

  }



  /* Commitments 카드 제목 */

  .commit-card h3 {
    font-size: 36px !important;
    line-height: 1.5 !important;
    letter-spacing: -0.03em !important;

  }



  /* Commitments 카드 본문 */

  .commit-card p {

    font-size: 24px !important;
    line-height: 1.5 !important;
    letter-spacing: -0.03em !important;

  }



  /* 가이드 배너 전체 영역 */

  .guide-banner {

  position: relative !important;
  overflow: hidden !important;
  background-color: #fff !important;

  min-height: 860px !important;
  height: auto !important;

  display: flex !important;
  align-items: flex-start !important;
  justify-content: center !important;

  gap: 0 !important;

  }



  /* 가이드 배너 배경 이미지 감싸는 영역 */

  .guide-banner > picture {

    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    overflow: hidden !important;

  }



  /* 가이드 배너 배경 이미지 */

  .guide-banner-bg {

    position: absolute !important;
    top: 0 !important;
    left: 50% !important;
    right: auto !important;
    bottom: auto !important;

    width: min(100vw, 1920px) !important;
    max-width: 1920px !important;
    height: 100% !important;

    transform: translateX(-50%) !important;
    object-fit: cover !important;
    object-position: center top !important;

  }



  /* 가이드 배너 텍스트 영역 */

  .guide-content {


    position: relative !important;
    z-index: 1 !important;

    margin-top: 0 !important;

    width: min(100%, 1920px) !important;
    max-width: 1920px !important;

    margin-left: auto !important;
    margin-right: auto !important;

    padding-left: clamp(80px, 10vw, 192px) !important;
    padding-right: clamp(80px, 10vw, 192px) !important;

    padding-top: 180px !important;
    padding-bottom: 0 !important;

    box-sizing: border-box !important;

    align-items: center !important;
    text-align: left !important;

    gap: 48px !important;
  }



  /* 가이드 배너 제목 */

  .guide-title {

    font-size: 48px !important;
    line-height: 1.5 !important;
    letter-spacing: -0.03em !important;

  }



  /* 가이드 배너 본문 묶음 */

  .guide-texts {

    max-width:680px !important;

  }



  /* 가이드 배너 본문 */

  .guide-texts p {

    font-size: 24px !important;
    line-height: 1.5 !important;
    letter-spacing: -0.03em !important;

  }



  /* 최종 CTA 영역 */

  .final-cta {

    padding: 48px 36px !important;
    gap: 0px !important;

  }



  /* 최종 CTA 제목 */

  .final-cta h2 {

    font-size: 48px !important;
    line-height: 1.5 !important;
    letter-spacing: -0.03em !important;
    padding-bottom: 48px !important;
  }



  /* 최종 CTA 버튼 */

  .final-cta .btn {

    width: 100% !important;
    max-width: 380px !important;
    min-height: 48px !important;
    padding: 18px 36px !important;
    font-size: 24px !important;

  }

}