@media (max-width: 1248px) {
  /* page p1 * */
  .page.p1 .content .white_banner {
    border-radius: 30px 30px 0 0;
  }
  .page.p1 .content .white_banner img {
    top: -410px;
    width: 800px;
  }
  /* page p2 */
  .page.p2 .content .content_top .text_box h1,
  .page.p2 .content .content_top .text_box h1 span,
  .stat-number {
    font-size: 46px;
  }
  .page.p2 .content .content_top .text_box span {
    font-size: 20px;
  }
}
@media (max-width: 1024px) {
  /* topBar */
  .topBar {
    display: none;
  }
  .topBar.max {
    display: flex;
  }
  /* page p1 */
  .page.p1 .content .white_banner img {
    top: -240px;
    width: 600px;
  }
  .page.p1 .content .text_box {
    padding: 0;
    text-align: center;
  }
  .page.p1 .text_box h1 {
    font-size: 60px;
  }
  .page.p1 .text_box span {
    font-size: 24px;
  }
  /* page p2 */
  .page.p2 .content .content_top .text_box h1,
  .page.p2 .content .content_top .text_box h1 span,
  .stat-number {
    font-size: 36px;
  }
  .page.p2 .content .content_top .text_box span {
    font-size: 17px;
  }
  .page.p2 .content .content_bottom {
    display: flex;
    flex-direction: column;
    text-align: center;
    margin-top: 40px;
    padding: 0 60px;
  }

  /* page p3 */
  .page.p3 .content {
    padding: 120px 20px;
  }
  .page.p3 .content .text_box h1 {
    font-size: 36px;
    margin-bottom: 40px;
  }
  .page.p3 .content .section_list {
    gap: 150px;
  }

  .page.p3 .content .section_list .list {
    gap: 40px;
  }

  .page.p3 .content .section_list .list .text_box h1 {
    font-size: 28px;
  }
  .page.p3 .content .section_list .list .text_box h1 span {
    font-size: 28px;
  }
  .page.p3 .content .section_list .list .text_box > span {
    font-size: 16px;
  }

  .page.p3 .content .section_list .list .img_box {
    width: 400px;
    height: 320px;
    border-radius: 30px;
  }

  /* footer */
  .footer .contents-box {
    flex-direction: column;
    align-items: center;
    justify-content: start;
    gap: 50px;
  }
  .footer .contents-box ul > li > a {
    font-size: 16px;
    padding: 12px 32px;
  }
  /* top_btn / application_bt */
  .top_btn,
  .application_mobile {
    right: 20px;
  }

  /* application */
  .application .text-box h3 {
    font-size: 20px;
  }
  .application .text-box .inquiry span {
    font-size: 18px;
  }
  .application a {
    font-size: 14px;
  }
  .application .text-box .inquiry img {
    width: 30px;
  }
}
@media (max-width: 768px) {
  /* page p1 */
  .page.p1 .content {
    padding: 200px 20px 300px 20px;
  }
  .page.p1 .text_box h1 {
    font-size: 32px;
  }
  .page.p1 .text_box span {
    font-size: 20px;
  }
  /* page p2 */
  .page.p2 .content .content_top {
    justify-content: center;
    text-align: center;
  }
  .page.p2 .content .character_img {
    display: none;
  }
  .page.p2 .content {
    padding: 200px 20px;
  }
  .page.p2 .content .content_top .text_box h1,
  .page.p2 .content .content_top .text_box h1 span,
  .stat-number {
    font-size: 28px;
  }
  .page.p2 .content .content_top .text_box span {
    white-space: wrap;
    font-size: 15px;
  }

  /* page p3 */
  .page.p3 .content {
    padding: 80px 20px;
  }
  .page.p3 .content .text_box h1 {
    font-size: 28px;
    margin-bottom: 40px;
    line-height: 1.5;
    text-align: center;
  }

  .page.p3 .content .section_list {
    gap: 80px;
  }

  .page.p3 .content .section_list .list {
    flex-direction: column;
    gap: 30px;
  }

  /* 모바일에서는 모든 리스트를 같은 순서로 (텍스트 -> 이미지) */
  .page.p3 .content .section_list .list.l2,
  .page.p3 .content .section_list .list.l4,
  .page.p3 .content .section_list .list.l6 {
    flex-direction: column-reverse;
  }

  .page.p3 .content .section_list .list .text_box {
    text-align: center;
  }

  .page.p3 .content .section_list .list .text_box h1 {
    font-size: 24px;
    text-align: center;
    margin-bottom: 15px;
  }

  .page.p3 .content .section_list .list .text_box > span {
    font-size: 15px;
    line-height: 1.7;
  }

  .page.p3 .content .section_list .list .img_box {
    width: 100%;
    max-width: 400px;
    height: 300px;
    border-radius: 20px;
  }
  /* application */
  .application {
    display: none !important;
  }
  .application_mobile.show {
    display: block;
    opacity: 1;
    visibility: visible;
  }
}
@media (max-width: 480px) {
  /* page p1 */
  .page.p1 .content {
    padding: 200px 20px 200px 20px;
  }
  .page.p1 .content .white_banner img {
    top: -200px;
    width: 300px;
  }
  .page.p1 .content .white_banner {
    height: 150px;
  }
  /* page p2 */
  .page.p2 .content .content_bottom {
    padding: 0 0;
  }
  .page.p3 .content {
    padding: 60px 15px;
  }

  .page.p3 .content .text_box h1 {
    font-size: 24px;
    margin-bottom: 30px;
  }

  .page.p3 .content .section_list {
    gap: 60px;
    padding: 0 30px;
  }
  /* page p3 */
  .page.p3 .content .section_list .list .text_box h1 {
    font-size: 20px;
  }

  .page.p3 .content .section_list .list .text_box > span {
    font-size: 14px;
  }

  .page.p3 .content .section_list .list .img_box {
    height: 250px;
    border-radius: 15px;
  }
}

@media all and (min-width: 768px) {
  .application_mobile_popup {
    display: none;
  }
}