@media (max-width: 1080px) {
  .mo-show {display: block !important;}
  .pc-show {display: none !important;}
    .sec_01 {}
    .sec_01 .title{margin: 5rem auto 0;}
    .sec_01 .title h3 {font-size: 2rem;}
    .sec_01 .title span {font-size: 1.2rem;}
    .sec_01 .tuition-btn {padding:0;font-size: 1.3rem;bottom: 15%;left: 28%;}
    .sec_02 {padding: 4rem 1.5rem;}
    .sec_02_header h2 {font-size: 2rem;}
    .sec_02 .card_wrap {grid-auto-rows: 1fr;}
    .sec_02 .card_item {height: 100%;}
    .sec_02 .card {flex-direction: column;gap: 1.2rem;height: 100%;}
    .sec_02 .card_content {text-align: center;}
    .sec_02 .card_content h3 {margin-bottom: 0;font-size: 1.2rem;}
    .sec_02 .card_subtitle {font-size: 1.2rem;}
    .sec_02 .check_points {display: block;text-align: center;}
     .sec_03 {padding: 4rem 1.5rem;}
    .sec_03 .title {font-size: 2rem;margin-bottom: 3rem;}
     .sec_03_cont {grid-template-columns: repeat(2, 1fr);gap: 1.5rem;margin: 2.8rem auto 0;}
    .sec_03_cont li {font-size: 1.1rem;padding: 1.2rem;}
    .sec_04{
        padding: 4rem 1.5rem;
    }

  .sec_04 .title{
    font-size: 2rem;     
    margin-bottom: 3rem;
    letter-spacing: -1px;
  }

  /* 2열 → 1열 */
  .benefit_wrap{
    grid-template-columns: 1fr;
    max-width: 640px;   
    gap: 1.5rem;
  }

 
  .benefit_box{
    width: 100%;
    max-width: 100%;
    min-height: 160px;
    padding: 2.2rem 1.5rem 1.8rem;
    box-sizing: border-box;
    overflow: hidden; 
  }

  .benefit_badge{
    top: 16px;
    left: 16px;
    width: 48px;
    height: 28px;
    font-size: 16px;
    border-radius: 14px;
    padding: 0;
  }

  .benefit_text{
    font-size: 1.5rem;
    line-height: 1.2;
    padding-left: 0;
  }

 
  .benefit_icon{
    width: 120px;
    height: 120px;
    position: relative;
    flex: 0 0 auto;
  }

  .benefit_icon img{
    position: absolute;
    inset: 0;            
    width: 100%;
    height: 100%;
    object-fit: contain;
  }


  .benefit_box:nth-child(1) .benefit_icon{ width: 150px; height: 150px; }
  .benefit_box:nth-child(1) .benefit_icon img{ right: -10px; top: -20px; width: 173px; height: 181px; }

  .benefit_box:nth-child(2) .benefit_icon{ width: 120px; height: 110px; }
  .benefit_box:nth-child(2) .benefit_icon img{ right: 0; top: 0; width: 120px; height: 110px; }

  .benefit_box:nth-child(3) .benefit_icon{ width: 120px; height: 120px; }
  .benefit_box:nth-child(3) .benefit_icon img{ right: 0; top: 0; width: 120px; height: 120px; }

  .benefit_box:nth-child(4) .benefit_icon{ width: 130px; height: 120px; }
  .benefit_box:nth-child(4) .benefit_icon img{ right: -6px; top: -10px; width: 154px; height: 138px; }

  .benefit_box:nth-child(3) .benefit_text,
  .benefit_box:nth-child(4) .benefit_text{
    margin-top: 0;
  }
}

@media (max-width: 768px) {
    .logo{left: 25px;top: 30px;}
    .logo img{position: static;width: 136px;height: auto;}
    .call{right: 17px;top: 30px;}
    .call img{position: static;width: 136px;height: auto;}
    /* .sec_01{padding:18rem;} */
    .sec_01 .title h3 {font-size: 1.2rem;}
    .sec_01 .title span {font-size: 1rem;}
    .sec_01 .tuition-btn{font-size: 1rem;padding: 0;margin: 0;bottom: 18%;width: 40vw;left: 23%;}
    .sec_01 .tuition-btn img{max-width: 83%;}
    .sec_02_header h2 {font-size: 1.5rem;margin-bottom: 3.5rem;}
    .sec_02_header .subtitle{font-size: 1.5rem;}
    .sec_02 .card_item{gap: 1rem;}
    .card_content h3 {font-size: 1.3rem;}
    .sec_02 .card_wrap{grid-template-columns: repeat(1, 1fr);}

    .sec_03_cont {grid-template-columns: 1fr; gap: 1rem;}
    .sec_03_cont li {font-size: 1rem;}
}

@media (max-width: 560px){
    .logo img {width: 110px;}
    .call{right: 24px;}
    .call img {width: 109px;}
    /* .sec_01 {padding: 15rem;} */
    .sec_01 .tuition-btn {width: 240px;}
    .sec_02_header h2 {font-size: 1.1rem;margin-bottom: 2rem;}
    .sec_02_header .subtitle{font-size: 1.3rem;}
    .benefit_text{font-size: 1.2rem;}
    .benefit_box:nth-child(1) .benefit_icon img{width: 167px;height: 167px;}
    .benefit_box:nth-child(3) .benefit_icon img {width: 113px;}
    .benefit_box:nth-child(4) .benefit_icon img {width: 145px;height: 126px;}
}

@media(max-width: 900px) {
   .title {font-size: 22px;}

   .qa {padding: 50px 0;}
   .qa__wrapper {width: 95%;margin-bottom: 0;}
   .qa__box {padding: 20px;gap: 20px;}
   .qa__box-question {font-size: 18px;}
   .qa__box-answer {font-size: 18px;}

   .footer__table td, .footer__table th {font-size: 10px;padding: 3px;}
   .footer__info {font-size: 13px;}

   .tuition {width: 95%;}
   .tuition__title {font-size: 22px;}
   .tuition__type-tab {font-size: 16px;}
   .tuition__form-title {font-size: 17px;}
   .tuition__inputs-wrapper {gap: 2%;row-gap: 10px;}
   .tuition__inputs-wrapper label {padding: 15px 20px;}
   .tuition__cont {margin: 60px auto 0;}
   .tuition__form-title {margin-bottom: 15px}

   .tuition__input {padding: 10px 15px;}
   .tuition__input.w50 {width: 100%;}
   .tuition__form-row {flex-wrap: wrap;gap: 10px;}
   .tuition__input::placeholder {font-size: 14px;}
   .tuition__form-box {margin-bottom: 40px;}
   .tuition-policy {font-size: 13px;}
  .tuition__button {font-size: 18px;padding: 5px 40px; margin-top: 30px;}
}