/**
* 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: 150px; }
.wp_wrap header .gnb > ul > li > a { font-size: 18px; }
.wp_wrap header .h_inner .h_rg { gap: 60px; }

/* 푸터 */
.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; }
.wp_wrap #m_contact .inq_form .form_2col,
.wp_wrap #m_contact .inq_form .form_half {grid-template-columns: repeat(1, 1fr);}
.wp_wrap #m_contact .inq_form .form_group label {
    min-width: 90px;
}
/* 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; */ gap: 30px; }
.wp_wrap #m_contact .inq_form .form_group { gap: 0; }
.wp_wrap #m_contact .lt,
.wp_wrap #m_contact .rg {width: 50%;}
.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; min-height: 48px;}
.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; }

/* Vision */
.wp_wrap #m_vision .body .card_list .card .card_txt .desc br{
display: none;
}

/* 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; }
.wp_wrap #m_vision .body .card_list .card .card_txt .desc br{display: block;}

/* 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; min-height: unset;}
.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; writing-mode: unset;}
.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 .select_wrap .select_arrow { top: 15px;}
.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: 80px; 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_form .select_wrap .select_arrow { top: 15px;}
.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; }
.wp_wrap #m_contact .cm_m_desc br,.wp_wrap #m_vision .cm_m_desc br{ display: none; }

/* #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; }

/* Vision */
.wp_wrap #m_vision .body .card_list .card .card_txt {
    padding: 30px 20px;
}

/* 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; }
.wp_wrap #m_business .bsn_inner .body .img_box .bsn_itm .overlay {padding: 6px;}
.wp_wrap #m_business .bsn_inner .body .img_box .bsn_itm .overlay p {font-size: 15px;}

/* 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 .icon_box {
    top: 13px;
    right: 13px;
}
.wp_wrap .pv_md .md_outer .width_inner .icon_box i {
    font-size: 15px;
}
.wp_wrap .pv_md .md_outer .width_inner {
    padding: 30px 15px;
}
.wp_wrap .pv_md .md_outer .width_inner .md_inner p {
    font-size: 20px;
    font-weight: 600;
}








}