/**
 * Created by PhpStorm.
 * Date         :
 * Developer    :
 * Description  : wp_responsive.css
 * ⓒ 2024. WebPlanet Co. All Rights Reserved.
 */

@charset "utf-8";

/* ====================================================== */
/* 1380px */
/* ====================================================== */
@media (max-width: 1380px) {
  /* 공통 */
  .wp_wrap .cm_m_tit { font-size: 42px; }

  /* #region //메인 */
  /* 헤더 */
  .wp_wrap header .gnb > ul > li { width: 140px; }
  .wp_wrap header .gnb > ul > li > a { font-size: 18px; }
  .wp_wrap header .h_inner .h_rg { gap: 100px; }

  /* 푸터 */
  .wp_wrap footer .cm_inner_1 { gap: 30px; }
  .wp_wrap footer .ft_rg .info_box .info_list { gap: 32px; }
  .wp_wrap footer .ft_rg .ques { min-width: 100px; margin-right: 6px;}

  /* Business */
  .wp_wrap #m_business .bsn_inner { padding: 120px 0; }
  .wp_wrap #m_business .bsn_inner .head .tabs_box .tabs_list { gap: 40px; }
  .wp_wrap #m_business .bsn_inner .body .img_box .bsn_itm.now { max-width: 700px; }

  /* Vision */
  .wp_wrap #m_vision .visi_inner { padding: 100px 0; }
  .wp_wrap #m_vision .body .card_list { gap: 30px; }

  /* Contact */
  .wp_wrap #m_contact .contact_inner { gap: 56px; }
  .wp_wrap #m_contact .inq_form .form_group { gap: 0; }
  .wp_wrap #m_contact .inq_form .form_2col,
  .wp_wrap #m_contact .inq_form .form_row { gap: 15px; }


  /* #endregion */

  /* #region //서브 - about */
  .wp_wrap .about_sec .ab_intro_wrap .txt_area .about_main_tit { font-size: 44px; }
  .wp_wrap .about_sec .ab_intro_wrap .img_area .pill_img { width: 150px; height: 370px; }
  .wp_wrap .about_sec .ab_banner_wrap .banner_l { padding: 0 60px; }
  /* #endregion */

  /* #region //서브 - inquiry */
  .wp_wrap #inquiry .inq_title_area { margin-bottom: 70px; }
  .wp_wrap #inquiry .inq_layout { gap: 60px; }
  .wp_wrap #inquiry .inq_img_wrap {
      width: 36%;
      max-width: 420px;
      height: 520px;
      border-radius: 20px 20px 0 0;
      overflow: hidden;
      flex-shrink: 0;
  }
  .wp_wrap #inquiry .inq_img_wrap img {
      width: 100%;
      height: 100%;
      object-fit: cover;
  }
  .wp_wrap #inquiry #sub_top .img_box img {
    object-position: right center;
  }

  /* #endregion */

  /* #region //tech */
  .wp_wrap #tech .tech_intro_sec .tech_intro_desc { font-size: 22px; }
  .wp_wrap #tech .tech_plat_sec .cm_inner_1 .cm_s_tit_sm { margin-bottom: 50px; }
  .wp_wrap #tech .tech_card_lg_wrap { gap: 50px; margin-bottom: 44px; }
  .wp_wrap #tech .tech_card_lg_wrap .tech_card .card_img { height: 260px; }
  .wp_wrap #tech .tech_card_sm_wrap { gap: 36px; }
  .wp_wrap #tech .tech_card_sm_wrap .tech_card .card_img { height: 220px; }
  .wp_wrap #tech .tech_card_grid { gap: 40px 50px; }
  .wp_wrap #tech .tech_card_grid .tech_card .card_img { height: 260px; }
  .wp_wrap #tech .tech_card_3col { gap: 36px; }
  .wp_wrap #tech .tech_card_3col .tech_card .card_img { height: 220px; }
  /* #endregion */

  /* #region // process */
  .wp_wrap #process .proc_txt_area { margin-bottom: 50px; }
  .wp_wrap #process .proc_strength_sec .strength_list { gap: 24px; }
  .wp_wrap #process .proc_strength_sec .strength_list .itm .itm_inner {
      padding: 44px 32px 40px;
      min-height: 300px;
      gap: 32px;
  }
  .wp_wrap #process .proc_steps_sec { margin-bottom: 120px; }
  .wp_wrap #process .proc_steps_sec .proc_flow { gap: 36px; }
  .wp_wrap #process .proc_steps_sec .step_box { min-height: 210px; padding: 28px 16px; }
  .wp_wrap #process .proc_steps_sec .step_box .step_name { font-size: 17px; }
  .wp_wrap #process .proc_cta_sec { min-height: 360px; }
  .wp_wrap #process .proc_cta_sec .cta_inner { padding: 70px 0; }
  .wp_wrap #process .proc_cta_sec .cta_tit { font-size: 32px; }
  /* #endregion */

}
/* ====================================================== */
/* 1024px */
/* ====================================================== */
@media (max-width: 1024px) {
  /* #region //메인 */
/* 헤더 - gnb 숨김 */
    .wp_wrap header .gnb { display: none; }
    .wp_wrap header .h_inner {height: 80px;}
    .wp_wrap header .h_inner .h_rg { gap: 20px; }

  /* 모바일메뉴 패널 */
  .wp_wrap .mo_mnu .mo_mnu_panel { padding: 60px 50px 0; }
  .wp_wrap .mo_mnu .mo_mnu_inner .side_menu { gap: 40px; }
  .wp_wrap .mo_mnu .mo_mnu_inner .side_menu .sm_list .bot ul { gap: 40px; }

  /* 푸터 */
  .wp_wrap footer .cm_inner_1 {
    flex-direction: column;
    align-items: flex-start;
    gap: 28px;
  }
  .wp_wrap footer .ft_rg { width: 100%; }
  .wp_wrap footer .ft_rg .ques { min-width: 80px; margin-right: 6px;}

  /* 메인비주얼 */
  .wp_wrap .m_visual .m_slider .mv_slide .txt_box_out .txt_box .mv_txt { font-size: 38px; }
  .wp_wrap .m_visual .m_slider .mv_slide .txt_box_out .txt_box .mv_des { font-size: 18px; }

  /* Business */
  .wp_wrap #m_business .bsn_inner .body .img_box { height: 400px; }
  .wp_wrap #m_business .bsn_inner .body .img_box .bsn_itm { width: 80px; }
  .wp_wrap #m_business .bsn_inner .body .img_box .bsn_itm.now { max-width: 100%; }
  .wp_wrap #m_business .bsn_inner .body .img_box .bsn_itm.now .overlay p { font-size: 36px; }

  /* Contact */
  .wp_wrap #m_contact .contact_inner { flex-direction: column; gap: 40px; }
  .wp_wrap #m_contact .contact_inner .lt { width: 100%; gap: 40px; }
  .wp_wrap #m_contact .contact_inner .rg { width: 100%; }
  .wp_wrap .inq_form .form_2col { gap: 20px; }
  /* #endregion */

  /* #region //서브 - about */
  .wp_wrap #sub_top { height: 280px; }
  .wp_wrap .cm_sec { padding: 80px 0; }
  /* .wp_wrap .mizone_wm_wrap .wm_gray,
  .wp_wrap .mizone_wm_wrap .wm_white { font-size: 100px; }
  .wp_wrap .mizone_wm_wrap { gap: 30px; } */
  .wp_wrap .about_sec .ab_intro_wrap { gap: 30px; padding-bottom: 60px; }
  .wp_wrap .about_sec .ab_intro_wrap .txt_area { padding-top: 0; }
  .wp_wrap .about_sec .ab_intro_wrap .txt_area .about_main_tit { font-size: 36px; }
  .wp_wrap .about_sec .ab_intro_wrap .txt_area .about_desc { font-size: 17px; }
  .wp_wrap .about_sec .ab_intro_wrap .img_area .pill_img { width: 120px; height: 300px; }
  .wp_wrap .about_sec .ab_mission_wrap { flex-direction: column; gap: 30px; padding: 45px 40px; }
  .wp_wrap .about_sec .ab_mission_wrap .mission_quote { width: 100%; max-width: 100%; }
  .wp_wrap .about_sec .ab_mission_wrap .mission_quote .quote_tit { font-size: 20px; }

  .wp_wrap .about_sec .value_wrap { padding: 45px 40px; }

  .wp_wrap .history_sec .history_wrap { flex-direction: column; gap: 40px; }
  .wp_wrap .location_sec .location_wrap { flex-direction: column; gap: 40px; }
  /* #endregion */

  /* #region //서브 - inquiry */
  .wp_wrap #inquiry .inq_title_area { margin-bottom: 50px; }
  .wp_wrap #inquiry .inq_layout {
      flex-direction: column;
      gap: 40px;
  }
  .wp_wrap #inquiry .inq_img_wrap {
      width: 100%;
      max-width: 100%;
      height: 400px;
      /* border-radius: 20px; */
  }
  .wp_wrap #inquiry .inq_form .form_2col,
  .wp_wrap #inquiry .inq_form .form_half { gap: 20px; }
  .wp_wrap #inquiry .inq_form .form_sec_tit { font-size: 18px; }
  /* #endregion */

  /* #region //tech */
  .wp_wrap #tech .tech_intro_sec .tech_intro_desc { font-size: 20px; }
  .wp_wrap #tech .tech_plat_sec .cm_inner_1 .cm_s_tit_sm { margin-bottom: 40px; font-size: 26px; }
  .wp_wrap #tech .tech_card_lg_wrap .tech_card .card_img { height: auto; aspect-ratio: 16 / 10; }
  .wp_wrap #tech .tech_card_sm_wrap { gap: 30px; }
  .wp_wrap #tech .tech_card_sm_wrap .tech_card .card_img { height: auto; aspect-ratio: 4 / 3; }
  .wp_wrap #tech .tech_card_grid { gap: 30px 40px; }
  .wp_wrap #tech .tech_card_grid .tech_card .card_img { height: auto; aspect-ratio: 16 / 10; }
  .wp_wrap #tech .tech_card_3col { gap: 30px; }
  .wp_wrap #tech .tech_card_3col .tech_card .card_img { height: auto; aspect-ratio: 4 / 3; }
  .wp_wrap #tech .tech_card .card_info { padding: 18px 16px 0; }
  /* #endregion */

  /* #region // process */
  .wp_wrap #process .proc_txt_area { margin-bottom: 40px; }
  .wp_wrap #process .proc_txt_area .cm_s_tit_md { font-size: 30px; }
  .wp_wrap #process .proc_strength_sec .strength_list {
      gap: 20px;
  }
  .wp_wrap #process .proc_strength_sec .strength_list .itm .itm_inner {
      min-height: 0;
      padding: 40px 32px 36px;
      gap: 28px;
  }
  .wp_wrap #process .proc_strength_sec .strength_list .itm h3 { font-size: 18px; }
  .wp_wrap #process .proc_steps_sec { margin-bottom: 100px; }
  
  /* .wp_wrap #process .proc_steps_sec .step_arr { display: none; } */
  .wp_wrap #process .proc_steps_sec .proc_flow { gap: 12px; }
  .wp_wrap #process .proc_cta_sec { min-height: 320px; }
  .wp_wrap #process .proc_cta_sec .cta_inner { padding: 60px 0; }
  .wp_wrap #process .proc_cta_sec .cta_tit { font-size: 28px; }
  .wp_wrap #process .proc_cta_sec .cta_desc { font-size: 16px; margin-bottom: 28px; }
  /* #endregion */
}
/* ====================================================== */
/* 992px */
/* ====================================================== */
@media (max-width: 992px) {
  /* 공통 */
  .wp_wrap .cm_inner_1 { width: calc(100% - 40px); }

  /* #region //메인 */
  /* 메인비주얼 */
  .wp_wrap .m_visual .m_slider .mv_slide { height: 80vh; }
  .wp_wrap .m_visual .scr { display: none; }
  .wp_wrap .m_visual .control_box { left: 20px; top: auto; bottom: 18%; }
  .wp_wrap .m_visual .control_box .progress01 { width: 120px; }

  /* Business */
  .wp_wrap #m_business .bsn_inner .body .img_box { height: 350px; }

  /* Vision */
  .wp_wrap #m_vision .visi_inner { padding: 80px 0; }
  .wp_wrap #m_vision .body .card_list .card { aspect-ratio: auto; }

  /* Contact */
  .wp_wrap #m_contact .contact_inner .rg .inq_form { padding: 40px 30px; }
  .wp_wrap #m_contact .contact_inner { padding: 80px 0; }

  /* #endregion */


  /* #region //서브 - about */
  .wp_wrap .cm_inner_2 { width: calc(100% - 40px); }
  .wp_wrap #sub_top .st_ir .st_tit { font-size: 32px; }
  .wp_wrap .about_sec .ab_intro_wrap { gap: 40px; }
  .wp_wrap .about_sec .ab_mission_wrap .mission_quote .quote_tit { font-size: 18px; }
  .wp_wrap .about_sec .ab_feat_wrap .ab_feat_list { gap: 16px; }

  /* #endregion */

  /* #region //서브 - inquiry */
  .wp_wrap #inquiry .inq_title_area .cm_s_tit_lg { font-size: 32px; }
  .wp_wrap #inquiry .inq_img_wrap { height: 320px; }
  /* #endregion */

  /* #region //tech */
  .wp_wrap #tech .tech_intro_sec .cm_s_tit_lg { font-size: 34px; }
  .wp_wrap #tech .tech_intro_sec .tech_intro_desc { font-size: 18px; }
  .wp_wrap #tech .tech_plat_sec .cm_inner_1 .cm_s_tit_sm { font-size: 24px; margin-bottom: 36px; }
  /* #endregion */

  /* #region // process */
  .wp_wrap #process .proc_txt_area .cm_s_tit_md { font-size: 28px; }
  .wp_wrap #process .proc_strength_sec .strength_list .itm .itm_inner { padding: 36px 28px 32px; }
  .wp_wrap #process .proc_strength_sec .strength_list .itm p { font-size: 14px; }
  .wp_wrap #process .proc_steps_sec .step_box .step_name { font-size: 16px; }
  .wp_wrap #process .proc_cta_sec .cta_tit { font-size: 26px; }
  /* 스텝 1열 + 화살표 아래 */
  .wp_wrap #process .proc_steps_sec .proc_step_row {
      display: grid;
      grid-template-columns: 1fr;
      gap: 12px;
  }
  .wp_wrap #process .proc_steps_sec .step_box {
      /* flex: unset; */
      width: 100%;
      min-height: 0;
      gap: 20px;
  }
  .wp_wrap #process .proc_steps_sec .step_arr {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 100%;
      justify-self: center;
      transform: translateX(0px);
  }
  .wp_wrap #process .proc_steps_sec .step_arr svg {
      display: block;
      transform: rotate(90deg);
      transform-origin: center center;
  }
  .wp_wrap #process .proc_steps_sec .proc_flow > .step_arr_row {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
  }
  .wp_wrap #process .proc_steps_sec .proc_flow > .step_arr_row svg {
      display: block;
      transform: rotate(90deg);
      transform-origin: center center;
  }
  @keyframes proc_arr_move_mo {
    0%, 100% { transform: rotate(90deg) translateX(-2px); }
    50%      { transform: rotate(90deg) translateX(4px); }
  }
  .wp_wrap #process .proc_steps_sec .step_arr svg,
  .wp_wrap #process .proc_steps_sec .proc_flow > .step_arr_row svg {
    animation: proc_arr_move_mo 1.6s ease-in-out infinite;
  }
  /* #endregion */
}
/* ====================================================== */
/* 768px */
/* ====================================================== */
@media (max-width: 768px) {
  /* 공통 */
  .wp_wrap .cm_m_tit { font-size: 32px; }
  .wp_wrap .cm_m_desc { font-size: 16px; }

  /* #region //메인 */
  /* 헤더 */
  .wp_wrap header .h_inner { height: 80px; }

  /* 모바일메뉴 패널 */
  .wp_wrap .mo_mnu .mo_mnu_panel { padding: 50px 20px 0; }
  .wp_wrap .mo_mnu .mo_mnu_panel .mo_mnu_head { top: 20px; right: 25px; }
  .wp_wrap .mo_mnu .mo_mnu_inner .side_header { gap: 30px; }
  .wp_wrap .mo_mnu .mo_mnu_inner .side_menu { padding: 40px 0; gap: 30px; }
  .wp_wrap .mo_mnu .mo_mnu_inner .side_menu .sm_list .top p { font-size: 22px; }
  .wp_wrap .mo_mnu .mo_mnu_inner .side_menu .sm_list .bot ul { gap: 10px; flex-wrap: wrap; }
  .wp_wrap .mo_mnu .mo_mnu_inner .side_info .tel { font-size: 22px; }
  .wp_wrap .mo_mnu .mo_mnu_panel .mo_mnu_head button img { width: 40px; height: 40px; }

  /* 푸터 */
  .wp_wrap footer { padding: 40px 0; }
  .wp_wrap footer .cm_inner_1 { flex-direction: column; gap: 24px; }
  .wp_wrap footer .ft_rg .info_box .info_list { flex-direction: column; gap: 8px; align-items: flex-start; }
  .wp_wrap footer .ft_rg .ques { min-width: 100px; font-size: 14px; }
  .wp_wrap footer .ft_rg .ans,
  .wp_wrap footer .ft_rg .ans > a { font-size: 14px; }
  .wp_wrap footer .ft_rg .adress_box { flex-direction: column; gap: 6px; }
  .wp_wrap footer .ft_rg .adress_box {
    flex-direction: column;
    align-items: flex-start;
  }
  .wp_wrap footer .ft_rg .adress_box .btn_kakao {
    margin-top: 12px;
  }
  /* 메인비주얼 */
  .wp_wrap .m_visual .m_slider .mv_slide .txt_box_out .txt_box .mv_txt { font-size: 26px; }
  .wp_wrap .m_visual .m_slider .mv_slide .txt_box_out .txt_box .mv_des { font-size: 14px; line-height: 1.6; }
  .wp_wrap .m_visual .control_box { gap: 0;  top: 70%; }

  /* Business */
  .wp_wrap #m_business .bsn_inner { padding: 60px 0; }
  .wp_wrap #m_business .bsn_inner .head .tabs_box .tabs_list  { padding: 11px 0;}
  .wp_wrap #m_business .bsn_inner .head .tabs_box .tabs_list li { display: none; }
  .wp_wrap #m_business .bsn_inner .body { margin-top: 30px; }
  .wp_wrap #m_business .bsn_inner .body .img_box { display: grid; grid-template-columns: repeat(2, 1fr); height: auto; }
  .wp_wrap #m_business .bsn_inner .body .img_box .bsn_itm { width: 100%; height: auto; aspect-ratio: 4 / 3; transition: none; }
  .wp_wrap #m_business .bsn_inner .body .img_box .bsn_itm.now { max-width: 100%; width: 100%; aspect-ratio: 4 / 3; }
  .wp_wrap #m_business .bsn_inner .body .img_box .bsn_itm .overlay { display: flex; align-items: flex-end; justify-content: flex-start; padding: 16px; background: linear-gradient(180deg, rgba(0,0,0,0) 40%, rgba(0,0,0,0.65) 100%); }
  .wp_wrap #m_business .bsn_inner .body .img_box .bsn_itm .overlay p { position: static; transform: none; font-size: 16px; font-family: var(--font-pre600); color: #fff; }
  .wp_wrap #m_business .bsn_inner .body .img_box .bsn_itm.now .overlay { padding: 16px; background: linear-gradient(180deg, rgba(0,0,0,0) 40%, rgba(0,0,0,0.65) 100%); }
  .wp_wrap #m_business .bsn_inner .body .img_box .bsn_itm.now .overlay p { position: static; font-size: 16px; transform: none; }

  /* MORE 링크 숨김 */
  .wp_wrap #m_business .bsn_inner .body .img_box .bsn_itm .overlay > a,
  .wp_wrap #m_business .bsn_inner .body .img_box .bsn_itm.now .overlay > a {
      display: none;
  }

  /* Vision */
  .wp_wrap #m_vision .body .card_list .card .card_txt { padding: 40px 30px; }
  .wp_wrap #m_vision .body .card_list .card .card_txt .icon_box { height: 40px; margin-bottom: 30px; }
  .wp_wrap #m_vision .body .card_list .card .card_txt .label { font-size: 10px; }
  .wp_wrap #m_vision .body .card_list .card .card_txt .tit { font-size: 20px; margin-bottom: 20px; }
  .wp_wrap #m_vision .body .card_list .card .card_txt .desc { font-size: 14px; }

  /* Contact */
  .wp_wrap #m_contact .contact_inner .rg .inq_form { padding: 30px 20px; }
  .wp_wrap #m_contact .inq_form .form_2col { grid-template-columns: 1fr; gap: 12px; }
  .wp_wrap #m_contact .inq_form .form_half { grid-template-columns: 1fr; }
  .wp_wrap #m_contact .inq_form .form_group label { width: 56px; font-size: 14px; }
  .wp_wrap #m_contact .inq_form .agree_box,
  .wp_wrap #m_contact .inq_form .form_submit { 
    margin-left: calc(56px + 15px); 
  }
  .wp_wrap #m_contact .inq_form input[type="text"],
  .wp_wrap #m_contact .inq_form input[type="email"],
  .wp_wrap #m_contact .inq_form input[type="tel"],
  .wp_wrap #m_contact .inq_form textarea { 
    font-size: 14px; padding: 12px 10px; 
  }
  .wp_wrap #m_contact .inq_form .select_wrap select { font-size: 14px; padding: 12px 36px 12px 10px; }
  .wp_wrap #m_contact .inq_form .form_group_ta textarea,
  .wp_wrap #m_contact .inq_form #wp_1_7 {
      height: 140px;
      min-height: 140px;
  }
  .wp_wrap #m_contact .inq_form .agree_box .agree_txt { font-size: 13px; }
  .wp_wrap #m_contact .inq_form .btn_submit { width: 120px; font-size: 15px; }
  /* #endregion */

  /* #region //서브 - about */
  .wp_wrap #sub_top { height: 220px; }
  .wp_wrap #sub_top .st_ir { padding: 50px 0; }
  .wp_wrap #sub_top .st_ir .st_tit { font-size: 28px; }
  .wp_wrap .cm_sec { padding: 60px 0; }
  .wp_wrap .cm_s_tit_md { font-size: 28px; }
  /* .wp_wrap .mizone_wm_wrap .wm_gray,
  .wp_wrap .mizone_wm_wrap .wm_white { font-size: 60px; }
  .wp_wrap .mizone_wm_wrap { gap: 16px; padding: 20px 0; justify-content: center; } */
  .wp_wrap .about_sec .ab_intro_wrap { flex-direction: column; gap: 30px; padding-bottom: 40px; }
  .wp_wrap .about_sec .ab_intro_wrap .txt_area { padding-top: 0; }
  .wp_wrap .about_sec .ab_intro_wrap .txt_area .about_main_tit { font-size: 30px; }
  .wp_wrap .about_sec .ab_intro_wrap .txt_area .about_desc { font-size: 15px; }
  .wp_wrap .about_sec .ab_intro_wrap .img_area { width: 100%; justify-content: center; }
  .wp_wrap .about_sec .ab_intro_wrap .img_area .pill_img { width: 100px; height: 240px; }
  .wp_wrap .about_sec .ab_mission_wrap { padding: 36px 28px; }
  .wp_wrap .about_sec .ab_mission_wrap .mission_quote .quote_tit { font-size: 17px; }

  .wp_wrap .about_sec .ab_feat_wrap .ab_feat_list { flex-direction: column; }
  .wp_wrap .about_sec .ab_feat_wrap .ab_feat_list > .itm { padding: 36px 28px 30px; min-height: 0; }
  .wp_wrap .about_sec .ab_feat_wrap .ab_feat_list > .itm .icon_area { height: 42px; }
  .wp_wrap .about_sec .ab_feat_wrap .ab_feat_list > .itm .info_area .tit { font-size: 20px; }
  .wp_wrap .about_sec .value_wrap { padding: 40px 28px; margin-bottom: 40px; }
  .wp_wrap .about_sec .value_wrap .value_list { flex-direction: column; gap: 30px; }
  .wp_wrap .about_sec .value_wrap .value_list > .itm {
      border-left: none; padding-left: 0; padding-right: 0;
      border-top: 1px solid #dadada; padding-top: 30px;
  }
  .wp_wrap .about_sec .value_wrap .value_list > .itm:first-child { border-top: none; padding-top: 0; }
  .wp_wrap .about_sec .ab_banner_wrap { flex-direction: column; gap: 14px; }
  .wp_wrap .about_sec .ab_banner_wrap .banner_l { min-height: 260px; padding: 0 30px; }
  .wp_wrap .about_sec .ab_banner_wrap .banner_r {  width: 100%; min-height: 180px; flex-direction: column; gap: 50px; }
  .wp_wrap .location_sec .location_wrap .map_area { height: 280px; }
  .wp_wrap .location_sec .location_wrap .location_info { flex-direction: column; align-items: flex-start; gap: 24px; padding-left: 0; }
  .wp_wrap .location_sec .location_info .info_list dt { min-width: 70px; }
  .wp_wrap .location_sec .location_info .btn_kakao { margin-right: 0; }
  /* #endregion */

  /* #region //서브 - inquiry */
  .wp_wrap #inquiry .inq_title_area { margin-bottom: 40px; gap: 8px; }
  .wp_wrap #inquiry .inq_title_area .cm_s_tit_lg { font-size: 28px; }
  .wp_wrap #inquiry .inq_img_wrap { height: 280px; }
  .wp_wrap #inquiry .inq_form .form_2col { grid-template-columns: 1fr; gap: 12px; }
  .wp_wrap #inquiry .inq_form .form_half { grid-template-columns: 1fr; }
  .wp_wrap #inquiry .inq_form .form_group label { width: 56px; font-size: 14px; }
  .wp_wrap #inquiry .inq_form .agree_box,
  .wp_wrap #inquiry .inq_form .form_submit { margin-left: calc(56px + 15px); }
  .wp_wrap #inquiry .inq_form input[type="text"],
  .wp_wrap #inquiry .inq_form input[type="email"],
  .wp_wrap #inquiry .inq_form input[type="tel"],
  .wp_wrap #inquiry .inq_form textarea {
      font-size: 14px;
      padding: 12px 10px;
  }
  .wp_wrap #inquiry .inq_form .select_wrap select {
      font-size: 14px;
      padding: 12px 36px 12px 10px;
  }
  .wp_wrap #inquiry .inq_form .form_group_ta textarea,
  .wp_wrap #inquiry .inq_form #wp_1_7 {
      height: 140px;
      min-height: 140px;
  }
  .wp_wrap #inquiry .inq_form .agree_box .agree_txt { font-size: 13px; }
  .wp_wrap #inquiry .inq_form .btn_submit {
      width: 120px;
      margin-top: 30px;
      font-size: 15px;
  }
  /* #endregion */

  /* #region //tech */
  .wp_wrap #tech .tech_intro_sec .cm_s_tit_lg { font-size: 28px; }
  .wp_wrap #tech .tech_intro_sec .tech_intro_desc {
      font-size: 16px;
      margin-top: 14px;
  }
  .wp_wrap #tech .tech_intro_sec .tech_intro_desc br { display: none; }
  .wp_wrap #tech .tech_plat_sec .cm_inner_1 .cm_s_tit_sm { font-size: 22px; margin-bottom: 30px; }
  .wp_wrap #tech .tech_card_lg_wrap { gap: 30px; margin-bottom: 30px; }
  .wp_wrap #tech .tech_card_sm_wrap { gap: 30px; }
  .wp_wrap #tech .tech_card_grid {
      grid-template-columns: 1fr;
      gap: 30px;
  }
  .wp_wrap #tech .tech_card_3col { gap: 30px; }
  .wp_wrap #tech .tech_card .card_tit { font-size: 18px; margin-bottom: 10px; }
  .wp_wrap #tech .tech_card .card_txt { font-size: 14px; line-height: 1.65; }
  .wp_wrap #tech .tech_card .card_txt > p { margin: 0; }
  .wp_wrap #tech .tech_card .card_txt > p + p { margin-top: 6px; }
  .wp_wrap #tech .tech_card .card_check { font-size: 14px; }
  .wp_wrap #tech .tech_card .card_info { padding: 16px 14px 0; }
  
  .wp_wrap #tech .tech_card_lg_wrap { flex-direction: column; }
  .wp_wrap #tech .tech_card_sm_wrap { flex-direction: column; }
  .wp_wrap #tech .tech_card_sm_wrap .tech_card { flex: 1 1 100%; width: 100%; }
  .wp_wrap #tech .tech_card_3col { flex-direction: column; }
  .wp_wrap #tech .tech_card_3col .tech_card { flex: 1 1 100%; width: 100%; }
  /* #endregion */

  /* #region // process */
  .wp_wrap #process .proc_txt_area { margin-bottom: 32px; gap: 8px; }
  .wp_wrap #process .proc_txt_area .cm_s_tit_md { font-size: 26px; }
  .wp_wrap #process .proc_txt_area .cm_s_label { font-size: 13px; }
  .wp_wrap #process .proc_strength_sec .strength_list {
    grid-template-columns: 1fr;
    /* gap: 20px; */
  }
  .wp_wrap #process .proc_strength_sec .strength_list .itm .itm_inner {
      padding: 32px 24px 28px;
      gap: 24px;
      border-radius: 16px;
  }
  .wp_wrap #process .proc_strength_sec .strength_list .itm h3 { font-size: 17px; }
  .wp_wrap #process .proc_strength_sec .strength_list .itm p { font-size: 14px; line-height: 1.65; }
  .wp_wrap #process .proc_steps_sec { margin-bottom: 80px; }
  .wp_wrap #process .proc_steps_sec .proc_step_row { gap: 16px; }
  .wp_wrap #process .proc_steps_sec .step_box {
      min-height: 0;
      padding: 24px 20px;
      border-radius: 8px;
  }
  .wp_wrap #process .proc_steps_sec .step_box .step_num { font-size: 14px; }
  .wp_wrap #process .proc_steps_sec .step_box .step_ico_wrap { width: 40px; height: 40px; }
  .wp_wrap #process .proc_steps_sec .step_box .step_name { font-size: 15px; }
  .wp_wrap #process .proc_steps_sec .proc_flow { gap: 16px; }
  .wp_wrap #process .proc_cta_sec { min-height: 280px; background-position: center right 40%;}
  .wp_wrap #process .proc_cta_sec .cta_inner { padding: 50px 0; }
  .wp_wrap #process .proc_cta_sec .cta_tit { font-size: 22px; margin-bottom: 12px; }
  .wp_wrap #process .proc_cta_sec .cta_desc { font-size: 15px; margin-bottom: 24px; }
  .wp_wrap #process .proc_cta_sec .btn_cta { min-width: 130px; height: 42px; font-size: 15px; }
  /* #endregion */

}

/* ====================================================== */
/* 576px */
/* ====================================================== */
@media (max-width: 576px) {
    .wp_wrap header .h_utill {gap: 20px;}
    .wp_wrap header .h_utill .lang_box > a {font-size: 14px;}
}

/* ====================================================== */
/* 430px */
/* ====================================================== */
@media (max-width: 430px) {
  /* 공통 */
  .wp_wrap .cm_m_tit { font-size: 26px; }
  .wp_wrap .cm_m_desc { font-size: 14px; }

  /* #region //메인 */

  /* 푸터 */
  .wp_wrap footer .ft_rg .ques { min-width: 100px; font-size: 13px; }
  .wp_wrap footer .ft_rg .ans,
  .wp_wrap footer .ft_rg .ans > a { font-size: 13px; }

  /* 메인비주얼 */
  .wp_wrap .m_visual .m_slider .mv_slide .txt_box_out .txt_box .mv_txt { font-size: 22px; }
  .wp_wrap .m_visual .m_slider .mv_slide { height: 60vh; }
  .wp_wrap .m_visual .m_slider .mv_slide .txt_box_out .txt_box .mv_des br { display: none; }
  .wp_wrap .m_visual .m_slider .mv_slide .txt_box_out .txt_box .mv_des { width: 280px; }

  /* Business */
  .wp_wrap #m_business .bsn_inner { padding: 60px 0; }
  .wp_wrap #m_business .bsn_inner .head .tabs_box .tabs_list  { padding: 9px 0;}
  .wp_wrap #m_business .bsn_inner .body .img_box .bsn_itm.now .overlay p { font-size: 22px; }

  /* Contact */
  .wp_wrap #m_contact .contact_inner { padding: 60px 0; }
  .wp_wrap #m_contact .inq_form .agree_box,
  .wp_wrap #m_contact .inq_form #agree_alert,
  .wp_wrap #m_contact .inq_form .form_submit { margin-left: 0; }
  .wp_wrap #m_contact .inq_form .btn_submit { width: 100%; }
  /* #endregion */

  /* #region //서브 - about */
  .wp_wrap .cm_inner_2 { width: calc(100% - 32px); }
  .wp_wrap .cm_sec { padding: 50px 0; }
  .wp_wrap #sub_top { height: 180px; }
  .wp_wrap #sub_top .st_ir .st_tit { font-size: 24px; }
  .wp_wrap .about_sec .ab_intro_wrap .txt_area .about_main_tit { font-size: 26px; }
  .wp_wrap .about_sec .ab_intro_wrap .img_area .pill_img { width: 80px; height: 200px; }
  .wp_wrap .about_sec .ab_mission_wrap { padding: 28px 20px; }
  .wp_wrap .about_sec .ab_feat_wrap .ab_feat_list > .itm { padding: 28px 20px 24px; }
  .wp_wrap .about_sec .ab_feat_wrap .ab_feat_list > .itm .icon_area { height: 38px; }
  .wp_wrap .about_sec .value_wrap { padding: 32px 20px; }
  .wp_wrap .about_sec .ab_banner_wrap .banner_l { min-height: 220px; padding: 0 20px; }
  .wp_wrap .location_sec .location_wrap .map_area { height: 220px; }
  /* #endregion */

  /* #region //서브 - inquiry */
  .wp_wrap #inquiry .inq_title_area { margin-bottom: 30px; }
  .wp_wrap #inquiry .inq_title_area .cm_s_tit_lg { font-size: 24px; }
  .wp_wrap #inquiry .inq_img_wrap { height: 220px; }
  .wp_wrap #inquiry .inq_form .form_row.form_half .form_group {
    flex-direction: row;
    align-items: center;
  }
  .wp_wrap #inquiry .inq_form .form_row.form_half .form_group label {
    width: 56px;
  }
  .wp_wrap #inquiry .inq_form .agree_box,
  .wp_wrap #inquiry .inq_form .form_submit { margin-left: 0; }
  .wp_wrap #inquiry .inq_form .btn_submit {
      width: 100%;
      margin-top: 24px;
  }
  .wp_wrap #inquiry .inq_form .form_sec_tit { font-size: 17px; }
  .wp_wrap #inquiry .inq_form #agree_alert { margin-left: 0; }
  /* #endregion */

  /* #region //tech */
  .wp_wrap #tech .tech_intro_sec .cm_s_tit_lg { font-size: 24px; }
  .wp_wrap #tech .tech_intro_sec .cm_s_label { font-size: 13px; }
  .wp_wrap #tech .tech_intro_sec .tech_intro_desc { font-size: 15px; }
  .wp_wrap #tech .tech_plat_sec .cm_inner_1 .cm_s_tit_sm { font-size: 20px; margin-bottom: 24px; }
  .wp_wrap #tech .tech_card_lg_wrap { gap: 24px; margin-bottom: 24px; }
  .wp_wrap #tech .tech_card_sm_wrap { gap: 24px; }
  .wp_wrap #tech .tech_card_grid { gap: 24px; }
  .wp_wrap #tech .tech_card_3col { gap: 24px; }
  .wp_wrap #tech .tech_card .card_tit { font-size: 17px; }
  .wp_wrap #tech .tech_card .card_txt { font-size: 13px; }
  .wp_wrap #tech .tech_card .card_info { padding: 14px 12px 0; }
  /* #endregion */

  /* #region // process */
  .wp_wrap #process .proc_txt_area .cm_s_tit_md { font-size: 22px; }
  .wp_wrap #process .proc_strength_sec .strength_list { gap: 16px; }
  .wp_wrap #process .proc_strength_sec .strength_list .itm .itm_inner {
      padding: 28px 20px 24px;
      gap: 20px;
  }
  .wp_wrap #process .proc_strength_sec .strength_list .itm h3 { font-size: 16px; }
  .wp_wrap #process .proc_strength_sec .strength_list .itm p { font-size: 13px; }
  .wp_wrap #process .proc_steps_sec { margin-bottom: 60px; }
  .wp_wrap #process .proc_steps_sec .step_box { padding: 20px 16px; }
  .wp_wrap #process .proc_steps_sec .step_box .step_name { font-size: 14px; }
  .wp_wrap #process .proc_cta_sec { min-height: 240px; }
  .wp_wrap #process .proc_cta_sec .cta_inner { padding: 40px 0; }
  .wp_wrap #process .proc_cta_sec .cta_tit { font-size: 19px; }
  .wp_wrap #process .proc_cta_sec .cta_desc { font-size: 14px; }
  .wp_wrap #process .proc_cta_sec .btn_cta { width: 100%; max-width: 200px; }
  /* #endregion */

  /* 개인정보 모달 */
  .wp_wrap .pv_md .md_outer .width_inner .md_inner p {
    font-size: 20px;
    font-weight: 600;
  }
}