@media (max-width: 1280px) {
     .landing_area h1 {
         font-size: 3.25rem;
         font-style: normal;
         font-weight: 700;
         line-height: 1.47;
         letter-spacing: -0.085rem;
     }

     .intro_area_body {
         gap: 80px;
     }

     .intro_area_body_right img {
         max-width: 250px;
     }
 }

 @media (max-width: 1024px) {
     .pc_only {
         display: none;
     }

     .mo_only {
         display: block;
     }

     .intro_area {
         height: auto;

     }

     .landing_area h1 {
         font-size: 3rem;
     }

     .landing_area h2 {
         font-size: 2rem;
     }

     .intro_area_body_left_mobile_top {
         margin-bottom: 10px;
     }

     .intro_area_body {
         flex-direction: column;
         gap: 0px;
         padding-top: 150px;
         text-align: center;

     }

     .intro_area_body button {
         margin-bottom: 54px;
     }

     .intro_area_body_right img {
         max-width: 200px;
     }

     .intro_area_body_right {
         padding-bottom: 70px;
     }

     .intro_area_body_left p+button {
         width: 180px;
         padding: 14px 24px !important;
         font-size: 1rem;
         line-height: 1.625;
     }

     .service_area_body li {
         flex-direction: column;
         align-items: center;
         gap: 0px;
         height: 544px;
         height: auto;
         padding: 48px 38px 0 38px;
         text-align: center;
     }

     .service_area_body {
         gap: 30px;
     }



     .service_area_body_left {
         align-items: center;
     }

     .service_area h3 {
         margin-bottom: 12px;
         font-size: 1.25rem;
         font-weight: 600;
         line-height: 1.5;
         letter-spacing: -0.01rem;
     }

     .service_area p {
         font-size: 0.875rem;
         line-height: 1.714;
     }

     .service_area_header {
         margin-bottom: 30px;
     }

     .service_area_body_right {
         margin-top: 40px;
     }

     .service_area_body_right img {
         width: 100%;
         max-width: 250px;
         margin-left: 15px;
         margin-bottom: -4px;
         height: auto;
         aspect-ratio: unset;
         object-fit: cover;
     }

     .introduce_area {
         padding: 0;
     }

     .introduce_area_body {
         gap: 0;
     }

     .introduce_area_body_content,
     .service_area {
         padding-top: 60px;
         padding-bottom: 60px;
     }

     .introduce_area_body_content:first-child {
         border-bottom: 1px solid var(--Gray-20);
     }

     .introduce_area_body_content>p {
         font-size: 1rem;
         line-height: 1.625;
         margin-bottom: 40px;
     }

     .introduce_area_body_content_list {
         gap: 56px;
         flex-direction: column;
         align-items: center;
     }

     .introduce_area_body_content_list li {
         text-align: center;
     }

     .introduce_area_body_content_list img {
         max-width: 500px;
     }

     /* 1024px 이하 스타일 */
 }


 @media (max-width: 768px) {

     /* 768px 이하 스타일 */
     .landing_area h1 {
         font-size: 2.125rem;
         line-height: 1.47;
         /* 74px ÷ 48px */
         letter-spacing: -0.04rem;
     }

     .landing_area h2 {
         font-size: 1.5rem;
         line-height: 1.58;
         letter-spacing: -0.03rem;
     }

     .landing_area h4 {
         font-size: 1.25rem;
         font-weight: 600;
         line-height: 1.5;
         letter-spacing: -0.01rem;
     }

     .intro_area_body_left h1,
     .introduce_area_body_content h2 {
         margin-bottom: 12px;
     }


     .intro_area_body_left p {
         margin-bottom: 30px;
         font-size: 0.875rem;
         line-height: 1.714;
         letter-spacing: -0.056px;
     }

     .intro_area_body_right img {
         max-width: 150px;
     }

     .introduce_area_body_content_list img {
         max-width: 350px;
     }

     .introduce_area_body_content_list p {
         font-size: 0.875rem;
         line-height: 1.714;
     }

     .modal_area {
         padding: 20px;
         align-content: center;
     }

     .modal_content_area {
         border-radius: 24px;
         padding: 24px;
         height: 100%;
     }

     .modal_content_area_header {
         margin-bottom: 24px;
     }

     .modal_content_area_header_title {
         font-size: 1.25rem;
         line-height: 1.5;
         letter-spacing: -0.08px;
     }

     .modal_content_area_body {
         gap: 16px;
         border-top: none;
         padding-top: 0;
     }

     .modal_content_area_body_banner {
         display: block;
         padding: 14px 18px;
         border-radius: 12px;
         text-align: center;
         background: var(--Gray-5);
         color: var(--Gray-60);
         font-size: 0.75rem;
         font-weight: 500;
         line-height: 1.66667;
     }

     .modal_content_area_body_btn_area {
         margin-top: 14px;
     }

     .modal_content_area_body_btn_area .close {
         display: block;
     }

     .modal_content_area>.btn.close {
         display: none;
     }

     .landing_footer_area {
         padding: 30px 24px;
     }

     .landing_footer_area_logo {
         width: 77px;
         height: 18px;
     }

     .landing_footer_area_header {
         margin-bottom: 14px;
     }

     .landing_footer_area_body {
         max-width: 360px;
     }

     .landing_footer_area_body li {
         font-size: 0.75rem;
         line-height: 1.66667;
     }

     .landing_footer_area_body {
         display: none;
     }

     .landing_footer_area_body_768 {
         display: block;
     }

     .landing_footer_area_body_768 .landing_footer_area_body {
         display: flex !important;
     }

     .landing_footer_area_body_768 .landing_footer_area_body+ul {
         margin-top: 2px;
     }
     .modal_content_area_header_subtitle {display: none;}
 }