@media (max-width: 1024px) {

  /* 레이아웃 */

  .container {

    padding: 0 var(--gutter-mobile);

  }



  section,

  header {

    padding: var(--section-space-mobile) 0;

  }



  /* Hero */

  .hero {

    padding-top: 64px;

    padding-bottom: var(--section-space-mobile);

  }



  .title__wrap .subtitle{margin-top:10px;}

  /* 커리큘럼 */

  .curriculum__inner {

    gap: 15px;

  }



  .curriculum__grid {

    gap: 20px;

  }



  .curriculum-card {

    flex-direction: column;

  }

  .curriculum{padding-top:60px;}

  .audience{padding-top:40px;}

  .curriculum-card__image {

    max-width: 100%;

    width:100%;

    max-height:200px;

  }



  .curriculum-card__body {

    padding: 20px;

    padding-right: 24px;

  }



  .curriculum-title {

    font-size: 21px;

    margin-bottom: 8px;

  }



  .curriculum-sub {

    font-size: 15px;

  }



  .curriculum-txt {

    font-size: 15px;

    margin-bottom:10px;

  }



  /* 혜택 카드: 2열 */

  .benefits__grid {

    grid-template-columns: repeat(2, 1fr);

    gap: 12px;

  }



  .benefits__inner{gap:30px;}

.benefit-card__icon{height:70px;}

.benefit-card{padding:50px 10px 25px;}

.benefit-card__title{font-size:17px; margin: 20px 0 10px;} 

.benefit-card__text{font-size:15px;}

.benefit-card__text br{display:none;}



  /* 이런 분들이 좋아요 */

  .benefit-card__num{font-size:11px; left: 15px; padding: 7px 10px;}

  .audience__inner{gap:30px;}

  .audience__list{flex-direction: column; gap:15px;}

  .audience__list+.audience__list{margin-top:0;}

  .audience__item span{width:50px; height:50px;}

  .audience__item {

    font-size: 15px;

    padding:10px;

  }



  /* 폼 넓이 */

  .form-section__form {

    max-width: 100%;

  }



  /* CTA 버튼: 2열 풀 너비 */

  .cta__actions {

    width: 100%;

  }



  .cta__actions button {

    width: 50%;

    padding: 14px 25px;

  }



  .faq-item__question{margin-bottom:0;}

  .faq__inner{gap:30px;}

  .faq-item__question{font-size:15px;}

  .faq-item.is-open .faq-item__answer{margin-top:5px; font-size:13px;}

  .faq-item{padding:10px 10px 10px 50px;border-radius: 15px;}

  .faq-item::before{width:26px;height:26px;left: 10px;top: 7px;}

  .faq__list{gap:10px;}



  /* banner */

  .rolling-banner{padding:0 !important;}

  .rolling-banner__image--pc {

    display: none;

  }

  

  .rolling-banner__image--mobile {

    display: block;

  }



  .logo-container {padding:0 20px;}

  .logo-container .logo {width:100px;}

  .logo-container .number {font-size:14px;}

  .logo-container .badge {left:-45px; padding:3px 8px;}

  .logo-container .badge::after {left:98px;}



  .cta__inner {gap:25px;}

  .cta__actions {gap:15px;}

  .cta__actions button {

    font-size:15px;

  }

  .pb50 {padding-bottom:20px !important;}

  .chip {font-size:15px;}

  .form-section__chips {gap:10px;}

  .form-section__title span {font-size:14px;}

  .form-section__textarea {padding:20px; font-size:16px;}

  .form-input {padding:15px 20px; font-size:16px; margin-bottom:10px;}

  .form-section__submit {font-size:20px; padding:15px 0;}

  .form-section__hint {font-size:16px;}

  .agree-submit {margin-top:10px; font-size:16px;}

  .agree-submit .agree {margin-bottom:5px; gap:5px;}

  .agree-submit input {width:15px; height:15px; margin:0;}



}



/* 작은 모바일 (<= 480px) - 팝업만 예외 처리 */

@media (max-width: 480px) {

  .pop_personal_info__inner {

    width: 94%;

    max-height: 85vh;

    padding: 16px;

  }

  .curriculum__grid {

    grid-template-columns: 1fr;

    gap: 20px;

  }



}