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

@charset "utf-8";

/* s_sup1 step_item on (기존 hover 효과) */
.wp_wrap .s_sup1 .step_item.on .img_box{
    padding: 9px;
}

@media screen and (max-width: 1650px){
/**********************************************************************************************************************/
/* 메인 */
/**********************************************************************************************************************/
/* #region // m_visual */
.wp_wrap .m_visual .visual_paging {
    left: unset;
    right: 15px;
}
/* #endregion // m_visual */
/**********************************************************************************************************************/
}    


@media screen and (max-width: 1400px){
/**********************************************************************************************************************/
/* 공통 */
/**********************************************************************************************************************/
/* #region // common */
.wp_wrap .stit_box{
    margin-bottom: 60px;
}
.wp_wrap .s_sup1 .stit_box{
    margin-bottom: 100px;
}
.wp_wrap .stit_box .tit{
    font-size: 36px;
}
/* #endregion // common */
/**********************************************************************************************************************/


/**********************************************************************************************************************/
/* 헤더 */
/**********************************************************************************************************************/
/* #region // header */
.wp_wrap header .h_rt{
    gap: 24px;
}
.wp_wrap header .gnb > .m_list{
    width: 160px;
}
.wp_wrap header .gnb .sub_mnu{
    width: 160px;
}
/* #endregion // header */
/**********************************************************************************************************************/


/**********************************************************************************************************************/
/* 푸터 */
/**********************************************************************************************************************/
/* #region // footer */
.wp_wrap footer .f_inner{
    gap: 80px;
}
/* #endregion // footer */
/**********************************************************************************************************************/


/**********************************************************************************************************************/
/* 메인 */
/**********************************************************************************************************************/
/* #region // m_visual */
.wp_wrap .m_visual .visual_paging{
    left: unset;
    right: 30px;
}
/* #endregion // m_visual */

/* #region // m_about */
.wp_wrap .m_about .cont_box{
    gap: 40px;
}
.wp_wrap .m_about .lt_area{
    width: 340px;
}
.wp_wrap .m_about .lt_area .mtit_box .tit{
    font-size: 40px;
}
.wp_wrap .m_about .rt_area{
    width: calc(100% - 380px);
}
.wp_wrap .m_about .rt_area .img_box{
    height: 420px;
}
.wp_wrap .m_about .cm_more_btn{
    margin-top: 60px;
}
/* #endregion // m_about */

/* #region // m_bsn */
.wp_wrap .m_bsn .bsn_item{
    width: 200px;
    padding: 20px 12px;
}
/* #endregion // m_bsn */

/* #region // m_product */
.wp_wrap .m_product .mtit_box .tit{
    font-size: 40px;
}
.wp_wrap .m_product .prd_item .li_in{
    height: 320px;
}
.wp_wrap .m_product .prd_item .overlay .name{
    font-size: 28px;
}
/* #endregion // m_product */

/* #region // m_contact */
.wp_wrap .m_contact{
    padding: 120px 0;
}
.wp_wrap .m_contact .cont_box{
    gap: 40px;
}
.wp_wrap .m_contact .lt_area{
    width: 480px;
}
.wp_wrap .m_contact .lt_area .tit_box .tit,
.wp_wrap .s_contact1 .lt_area .tit_box .tit{
    font-size: 40px;
}
.wp_wrap .m_contact .rt_area{
    width: calc(100% - 520px);
}
/* #endregion // m_contact */
/**********************************************************************************************************************/

*******************************************************************************************************************/
/* 서브 */
/**********************************************************************************************************************/
/* #region // sub_top */
.wp_wrap .sub_top .sub_img_area .txt_box .tit{
    font-size: 48px;
}
/* #endregion // sub_top */

/* #region // s_intro */
.wp_wrap .s_intro1 .lt_area{
    width: 340px;
}
.wp_wrap .s_intro1 .rt_area{
    width: calc(100% - 380px);
    max-width: none;
}
.wp_wrap .s_intro1 .rt_area .img_box{
    height: 420px;
}
/* #endregion // s_intro */

/* #region // s_intro2 */
.wp_wrap .s_intro2 .value_list{
    gap: 24px;
}
.wp_wrap .s_intro2 .value_item{
    width: calc(25% - 18px);
}
/* #endregion // s_intro2 */

/* #region // s_status1 */
.wp_wrap .s_status1 .id_card .txt_box .name{
    font-size: 36px;
}
.wp_wrap .s_status1 .wm_txt{
    font-size: 48px;
    padding-right: 60px;
}
/* #endregion // s_status1 */

/* #region // s_status2 */
.wp_wrap .s_status2 .stat_item{
    width: 200px;
    padding: 20px 12px;
}
/* #endregion // s_status2 */

/* #region // s_plsp1 */
.wp_wrap .s_plsp1 .phil_item .img_box{
    height: 260px;
}
.wp_wrap .s_plsp1 .phil_item .txt_box .tit{
    font-size: 22px;
}
/* #endregion // s_plsp1 */

/* #region // s_prd1 */
.wp_wrap .s_prd1 .prd_item .li_in{
    height: 320px;
}
.wp_wrap .s_prd1 .prd_item .overlay .name{
    font-size: 36px;
}
/* #endregion // s_prd1 */

/* #region // s_lct1 */
.wp_wrap .s_lct1 .lt_area .map_box{
    height: 420px;
}
/* #endregion // s_lct1 */

/* #region // s_sup1 */
.wp_wrap .s_sup1 .step_item .img_box{
    width: 200px;
    height: 200px;
}
.wp_wrap .s_sup1 .step_arr{
    width: 40px;
    height: 40px;
}
/* #endregion // s_sup1 */

/* #region // s_sup2 */
.wp_wrap .s_sup2 .lt_area{
    width: 280px;
}
.wp_wrap .s_sup2 .partner_item{
    height: 180px;
    padding: 40px 32px;
}
.wp_wrap .s_sup2 .partner_item.feat{
    height: 376px;
    min-height: 376px;
    padding: 48px 40px;
}
/* #endregion // s_sup2 */
/**********************************************************************************************************************/

}



@media screen and (max-width: 1280px){
/**********************************************************************************************************************/
/* 공통 */
/**********************************************************************************************************************/
.wp_wrap .s_intro2 .stit_box .tit .line span, 
.wp_wrap .s_sup2 .stit_box .tit .line span {
    width: calc(100% + 15px);
}
/**********************************************************************************************************************/
}

@media screen and (max-width: 1200px){
/**********************************************************************************************************************/
/* 공통 */
/**********************************************************************************************************************/
/* #region // common */
.wp_wrap .stit_box .tit{
    font-size: 32px;
}
.wp_wrap .s_sup1 .stit_box{
    margin-bottom: 80px;
}
/* #endregion // common */
/**********************************************************************************************************************/

/**********************************************************************************************************************/
/* 푸터 */
/**********************************************************************************************************************/
/* #region // footer */
.wp_wrap footer{
    padding: 40px 0;
}
.wp_wrap footer .f_inner{
    flex-direction: column;
    gap: 26px;
}
.wp_wrap footer .f_rt .info ul li,
.wp_wrap footer .f_rt .info ul li a{
    font-size: 15px;
}

.wp_wrap .totop {
    bottom: 30px;
    right: 10px;
}
.wp_wrap .totop .in {
    width: 45px;
    height: 45px;
}
.wp_wrap .totop .in i {
    font-size: 15px;
}
/* #endregion // footer */
/**********************************************************************************************************************/


/**********************************************************************************************************************/
/* 메인 */
/**********************************************************************************************************************/
/* #region // m_visual */
.wp_wrap .m_visual .cm_inner{
    justify-content: center;
}
.wp_wrap .m_visual .txt_box{
    text-align: center;
}
.wp_wrap .m_visual .visual_paging{
    top: auto;
    bottom: 120px;
    left: 50%;
    right: auto;
    flex-direction: row;
    gap: 16px;
    transform: translateX(-50%);
}
.wp_wrap .m_visual .scroll_btn{
    bottom: 20px;
}
/* #endregion // m_visual */

/* #region // m_about */
.wp_wrap .m_about{
    scroll-margin-top: 80px;
}
.wp_wrap .m_about .cont_box{
    flex-direction: column;
    gap: 40px;
}
.wp_wrap .m_about .lt_area{
    width: 100%;
}
.wp_wrap .m_about .lt_area .mtit_box .tit{
    font-size: 36px;
}
.wp_wrap .m_about .rt_area{
    width: 100%;
}
.wp_wrap .m_about .rt_area .img_box{
    height: 400px;
}
.wp_wrap .m_about .cm_more_btn{
    margin-top: 40px;
}
/* #endregion // m_about */

/* #region // m_bsn */
.wp_wrap .m_bsn{
    height: auto;
    padding: 60px 0;
}
.wp_wrap .m_bsn .bsn_list{
    flex-wrap: wrap;
    gap: 16px 0;
}
.wp_wrap .m_bsn .bsn_item{
    width: calc(50% - 1px);
}
.wp_wrap .m_bsn .bsn_divider{
    display: none;
}
/* #endregion // m_bsn */

/* #region // m_product */
.wp_wrap .m_product .cont_box{
    gap: 32px;
}
.wp_wrap .m_product .mtit_box .tit{
    font-size: 36px;
}
.wp_wrap .m_product .prd_list{
    flex-wrap: wrap;
}
.wp_wrap .m_product .prd_item{
    flex: none;
    width: calc(50% - 8px);
}
.wp_wrap .m_product .prd_item:hover,
.wp_wrap .m_product .prd_item:focus-within{
    flex: none;
}
.wp_wrap .m_product .prd_item .li_in{
    height: 280px;
}
.wp_wrap .m_product .prd_item .overlay .name{
    font-size: 24px;
}
.wp_wrap .m_product .prd_item .overlay .desc{
    max-height: 50px;
    opacity: 1;
}
.wp_wrap .m_product .prd_item .overlay .icon_box{
    height: 40px;
    opacity: 1;
}
.wp_wrap .m_product .prd_item .overlay .info_box,
.wp_wrap .m_product .prd_item:hover .overlay .info_box,
.wp_wrap .m_product .prd_item:focus-within .overlay .info_box{
    gap: 24px;
}
.wp_wrap .m_product .prd_item .overlay,
.wp_wrap .m_product .prd_item:hover .overlay,
.wp_wrap .m_product .prd_item:focus-within .overlay{
    background: rgba(0, 0, 0, 0.55);
}
/* #endregion // m_product */

/* #region // m_contact */
.wp_wrap .m_contact{
    padding: 100px 0;
}
.wp_wrap .m_contact .cont_box,
.wp_wrap .s_contact1 .cont_box{
    flex-direction: column;
}
.wp_wrap .m_contact .lt_area,
.wp_wrap .s_contact1 .lt_area{
    width: 100%;
    padding-top: 0;
}
.wp_wrap .m_contact .lt_area .tit_box .tit,
.wp_wrap .s_contact1 .lt_area .tit_box .tit{
    font-size: 36px;
}
.wp_wrap .m_contact .lt_area .info_list,
.wp_wrap .s_contact1 .lt_area .info_list{
    margin-top: 40px;
}
.wp_wrap .m_contact .rt_area,
.wp_wrap .s_contact1 .rt_area{
    width: 100%;
}
.wp_wrap .s_contact1 .form_box {
    max-width: 100%;
}
.wp_wrap .s_contact1 .cont_box {
    padding: 80px 30px;
}
/* #endregion // m_contact */
/**********************************************************************************************************************/


/**********************************************************************************************************************/
/* 서브 */
/**********************************************************************************************************************/
/* #region // sub_top */
.wp_wrap .sub_top .sub_img_area .img_box{
    height: 280px;
}
.wp_wrap .sub_top .sub_img_area .txt_box .tit{
    font-size: 40px;
}
.wp_wrap .sub_top .sub_mnu_area .inner {
    padding: 0;
}
/* #endregion // sub_top */

/* #region // s_intro */
.wp_wrap .s_intro1 .cont_area{
    flex-direction: column;
    gap: 32px;
}
.wp_wrap .s_intro1 .lt_area{
    width: 100%;
}
.wp_wrap .s_intro1 .lt_area .tit_box .tit{
    font-size: 28px;
}
.wp_wrap .s_intro1 .rt_area{
    width: 100%;
    max-width: none;
}
.wp_wrap .s_intro1 .rt_area .img_box{
    height: 360px;
}
/* #endregion // s_intro */

/* #region // s_intro2 */
.wp_wrap .s_intro2 .stit_box .tit,
.wp_wrap .s_sup2 .stit_box .tit{
    white-space: normal;
    flex-wrap: wrap;
}
.wp_wrap .s_intro2 .value_list{
    flex-wrap: wrap;
    gap: 20px;
}
.wp_wrap .s_intro2 .value_item{
    width: calc(50% - 10px);
}
.wp_wrap .s_intro2 .value_item:nth-child(odd),
.wp_wrap .s_intro2 .value_item:nth-child(even){
    padding-top: 0;
    padding-bottom: 0;
}
/* #endregion // s_intro2 */

/* #region // s_status1 */
.wp_wrap .s_status1 .cont_box{
    gap: 60px;
}
.wp_wrap .s_status1 .id_card{
    padding: 48px 32px;
}
.wp_wrap .s_status1 .id_card .txt_box .name{
    font-size: 32px;
}
.wp_wrap .s_status1 .wm_txt{
    font-size: 40px;
    padding-right: 40px;
}
/* #endregion // s_status1 */

/* #region // s_status2 */
.wp_wrap .s_status2 .cont_box{
    gap: 48px;
}
.wp_wrap .s_status2 .tit_box .tit{
    font-size: 28px;
}
.wp_wrap .s_status2 .stat_list{
    flex-wrap: wrap;
    gap: 16px 0;
}
.wp_wrap .s_status2 .stat_item{
    width: calc(50% - 1px);
}
.wp_wrap .s_status2 .stat_divider{
    display: none;
}
/* #endregion // s_status2 */

/* #region // s_plsp1 */
.wp_wrap .s_plsp1 .phil_list{
    flex-wrap: wrap;
}
.wp_wrap .s_plsp1 .phil_item{
    width: 100%;
}
.wp_wrap .s_plsp1 .phil_item .img_box{
    height: 240px;
}
/* #endregion // s_plsp1 */

/* #region // s_prd1 */
.wp_wrap .s_prd1 .prd_item .li_in{
    height: 280px;
}
.wp_wrap .s_prd1 .prd_item .overlay .name{
    font-size: 32px;
}
.wp_wrap .s_prd1 .prd_item .overlay .desc{
    max-height: 50px;
    opacity: 1;
}
.wp_wrap .s_prd1 .prd_item .overlay .icon_box{
    height: 40px;
    opacity: 1;
}
.wp_wrap .s_prd1 .prd_item .overlay .info_box,
.wp_wrap .s_prd1 .prd_item:hover .overlay .info_box,
.wp_wrap .s_prd1 .prd_item:focus-within .overlay .info_box{
    gap: 24px;
}
.wp_wrap .s_prd1 .prd_item .overlay,
.wp_wrap .s_prd1 .prd_item:hover .overlay,
.wp_wrap .s_prd1 .prd_item:focus-within .overlay{
    background: rgba(0, 0, 0, 0.55);
}
/* #endregion // s_prd1 */

/* #region // s_client1 */
.wp_wrap .s_client1 .body_box{
    gap: 40px;
}
.wp_wrap .s_client1 .note_box{
    flex-direction: column;
    gap: 16px;
    text-align: center;
}
/* #endregion // s_client1 */

/* #region // s_lct1 */
.wp_wrap .s_lct1 .cont_box{
    flex-direction: column;
    gap: 24px;
}
.wp_wrap .s_lct1 .rt_area{
    width: 100%;
    padding: 40px 32px;
}
.wp_wrap .s_lct1 .lt_area{
    width: 100%;
}
.wp_wrap .s_lct1 .lt_area .map_box{
    height: 360px;
}
/* #endregion // s_lct1 */

/* #region // s_contact1 */
.wp_wrap .s_contact1 .bot_area{
    padding: 60px 24px;
}
/* #endregion // s_contact1 */

/* #region // s_sup1 */
.wp_wrap .s_sup1 .cont_box{
    gap: 48px;
}
.wp_wrap .s_sup1 .step_list{
    flex-direction: column;
    gap: 24px;
}
.wp_wrap .s_sup1 .step_arr{
    transform: rotate(90deg);
}
.wp_wrap .s_sup1 .step_item .img_box{
    width: 180px;
    height: 180px;
}
/* #endregion // s_sup1 */

/* #region // s_sup2 */
.wp_wrap .s_sup2 .partner_box{
    flex-direction: column;
}
.wp_wrap .s_sup2 .lt_area{
    width: 100%;
}
.wp_wrap .s_sup2 .partner_item.feat{
    height: 300px;
    min-height: 300px;
}
.wp_wrap .s_sup2 .partner_item.feat .bg_box .img_box img {
    object-position: center 25%;
}
/* #endregion // s_sup2 */
/**********************************************************************************************************************/
}


@media screen and (max-width: 992px){
/**********************************************************************************************************************/
/* 공통 */
/**********************************************************************************************************************/
/* #region // common */
.wp_wrap .stit_box{
    margin-bottom: 48px;
}
.wp_wrap .stit_box .tit{
    font-size: 28px;
}
.wp_wrap .stit_box .desc{
    font-size: 15px;
    margin-top: 12px;
}
.wp_wrap .s_sup1 .stit_box{
    margin-bottom: 60px;
}
/* #endregion // common */
/**********************************************************************************************************************/





/**********************************************************************************************************************/
/* 헤더 */
/**********************************************************************************************************************/
/* #region // header */
.wp_wrap header{
    height: 80px;
}
.wp_wrap header .h_inner{
    height: 80px;
}
.wp_wrap header .gnb{
    display: none;
}
.wp_wrap header .sub_mnu_bg{
    display: none !important;
}
.wp_wrap header .h_rt{
    gap: 0;
}
.wp_wrap:has(#s_page) header .mnu_opBtn .bar{
    background-color: #111;
}
.wp_wrap header .h_logo .logo_txt{
    font-size: 18px;
}

.wp_wrap header .util{
    display: flex;
}
/* #endregion // header */
/**********************************************************************************************************************/



/**********************************************************************************************************************/
/* 메인 */
/**********************************************************************************************************************/
/* #region // m_visual */
.wp_wrap .m_visual .scroll_btn{
    display: none;
}
.wp_wrap .m_visual .visual_paging {
    bottom: 40px;
}
.wp_wrap .m_visual .swiper-slide {
    height: 700px;
}
.wp_wrap .m_visual .txt_box .sub_tit>p{
    font-size: 20px;
}
.wp_wrap .m_visual .txt_box .tit>p{
    font-size: 55px;
}
.wp_wrap .m_visual .txt_box .txt>p{
    margin-top: 12px;
    font-size: 16px;
}
/* #endregion // m_visual */

/* #region // m_about */
.wp_wrap .m_about .lt_area .mtit_box .tit{
    font-size: 32px;
}
.wp_wrap .m_about .lt_area .txt_box{
    margin-top: 24px;
}
.wp_wrap .m_about .lt_area .txt_box p{
    font-size: 15px;
}
.wp_wrap .m_about .rt_area .img_box{
    height: 320px;
}
/* #endregion // m_about */

/* #region // m_product */
.wp_wrap .m_product .mtit_box .tit{
    font-size: 32px;
}
.wp_wrap .m_product .prd_item .li_in{
    height: 240px;
}
.wp_wrap .m_product .prd_item .overlay .name{
    font-size: 22px;
}
.wp_wrap .m_product .prd_item .overlay .desc{
    font-size: 14px;
}
/* #endregion // m_product */

/* #region // m_contact */
.wp_wrap .m_contact{
    padding: 80px 0;
}
.wp_wrap .m_contact .lt_area .tit_box .tit,
.wp_wrap .s_contact1 .lt_area .tit_box .tit{
    font-size: 32px;
}
.wp_wrap .m_contact .rt_area{
    padding: 32px 24px;
}
/* #endregion // m_contact */
/**********************************************************************************************************************/


/**********************************************************************************************************************/
/* 서브 */
/**********************************************************************************************************************/
/* #region // sub_top */
.wp_wrap .sub_top .sub_img_area .img_box{
    height: 240px;
}
.wp_wrap .sub_top .sub_img_area .txt_box .tit{
    font-size: 36px;
}
.wp_wrap .sub_top .sub_mnu_area .inner .mnu_box .home {
    width: 60px;
}
.wp_wrap .sub_top .sub_mnu_area .inner .mnu_box {
    height: 60px;
}
.wp_wrap .sub_top .sub_mnu_area .inner .mnu_box .mnu_area .cur_lct {
    padding: 0 15px;
}
.wp_wrap .sub_top .sub_mnu_area .inner .mnu_box .mnu_area .cur_lct span {
    font-size: 16px;
}
/* #endregion // sub_top */

/* #region // s_intro */
.wp_wrap .s_intro1 .lt_area .tit_box .tit{
    font-size: 26px;
}
.wp_wrap .s_intro1 .lt_area .txt_box p{
    font-size: 15px;
}
.wp_wrap .s_intro1 .rt_area .img_box{
    height: 300px;
}
/* #endregion // s_intro */

/* #region // s_status1 */
.wp_wrap .s_status1 .id_card{
    padding: 40px 24px;
}
.wp_wrap .s_status1 .id_card .txt_box .name{
    font-size: 28px;
}
.wp_wrap .s_status1 .wm_txt{
    font-size: 32px;
}
/* #endregion // s_status1 */

/* #region // s_status2 */
.wp_wrap .s_status2 .tit_box .tit{
    font-size: 26px;
}
.wp_wrap .s_status2 .wm_track {
    padding: 60px 0;
}
.wp_wrap .s_status2 .wm_txt {
    font-size: 50px;
}
/* #endregion // s_status2 */

/* #region // s_plsp1 */
.wp_wrap .s_plsp1 .phil_item .txt_box{
    padding: 24px 20px;
    gap: 12px;
}
.wp_wrap .s_plsp1 .phil_item .txt_box .tit{
    font-size: 20px;
}
.wp_wrap .s_plsp1 .phil_item .txt_box .txt{
    font-size: 14px;
}
/* #endregion // s_plsp1 */

/* #region // s_prd1 */
.wp_wrap .s_prd1 .prd_item{
    width: 100%;
}
.wp_wrap .s_prd1 .prd_item .li_in{
    height: 260px;
}
.wp_wrap .s_prd1 .prd_item .overlay .name{
    font-size: 28px;
}
/* #endregion // s_prd1 */


/* #region // s_client1 */
.wp_wrap .s_client1 .note_box .txt{
    font-size: 15px;
}
.wp_wrap .s_client1 .client_item {
    width: calc((100% - 40px) / 3);
}
/* #endregion // s_client1 */

/* #region // s_lct1 */
.wp_wrap .s_lct1 .rt_area{
    padding: 32px 24px;
}
.wp_wrap .s_lct1 .rt_area .info_list{
    gap: 28px;
}
.wp_wrap .s_lct1 .lt_area .map_box{
    height: 300px;
}
/* #endregion // s_lct1 */

/* #region // s_contact1 */
.wp_wrap .s_contact1 .bot_area{
    padding: 48px 20px;
}
.wp_wrap .s_contact1 .top_area .info_itms>li.info1,
.wp_wrap .s_contact1 .top_area .info_itms>li.info2 {
    width: 100%;
}

.wp_wrap .s_contact1 .top_area .info_itms {
    flex-direction: column;
}
/* #endregion // s_contact1 */

/* #region // s_sup2 */
.wp_wrap .s_sup2 .partner_list{
    grid-template-columns: 1fr;
}
.wp_wrap .s_sup2 .partner_item{
    height: auto;
    min-height: 160px;
    padding: 32px 28px;
}
.wp_wrap .s_sup2 .partner_item.feat{
    height: 260px;
    min-height: 260px;
    padding: 40px 32px;
}
/* #endregion // s_sup2 */
/**********************************************************************************************************************/


/**********************************************************************************************************************/
/* 모달 */
/**********************************************************************************************************************/
/* #region // prd_md */
.wp_wrap .prd_md{
    padding: 24px 15px;
}
.wp_wrap .prd_md .md_inner{
    max-width: 600px;
    height: 400px;
    max-height: calc(100vh - 48px);
}
.wp_wrap .prd_md .prdmd_clsBtn{
    top: 20px;
    right: 20px;
    width: 32px;
    height: 32px;
}
.wp_wrap .prd_md .md_hd{
    padding: 48px 24px 0;
}
.wp_wrap .prd_md .md_hd .tit_box{
    padding-bottom: 16px;
}
.wp_wrap .prd_md .md_hd .tit_box .tit{
    font-size: 28px;
    letter-spacing: -0.56px;
}

.wp_wrap .prd_md .md_hd .tit_box .tit .fullname{
    margin-left: 12px;
    font-size: 14px;
}
.wp_wrap .prd_md .md_bd{
    padding: 24px 24px 40px;
}
.wp_wrap .prd_md .md_bd .txt_box{
    gap: 16px;
}
.wp_wrap .prd_md .md_bd .txt_box .txt{
    font-size: 15px;
}
/* #endregion // prd_md */
/**********************************************************************************************************************/
}



/**********************************************************************************************************************/
@media screen and (max-width: 768px){

/**********************************************************************************************************************/
/* 공통 */
/**********************************************************************************************************************/
/* #region // common */
.wp_wrap .cm_sec{
    padding: 60px 0;
}
.wp_wrap .stit_box{
    margin-bottom: 40px;
}
.wp_wrap .stit_box .en{
    font-size: 14px;
}
.wp_wrap .stit_box .tit{
    font-size: 26px;
}
.wp_wrap .stit_box .desc{
    font-size: 14px;
}
.wp_wrap .s_sup1 .stit_box{
    margin-bottom: 48px;
}
.wp_wrap .cm_more_btn>a .txt{
    font-size: 14px;
}
.wp_wrap .cm_more_btn>a {
    gap: 8px;
}
.wp_wrap .cm_more_btn>a .icon_box {
    width: 16px;
    min-width: 16px;
    height: 16px;
}
.wp_wrap .cm_more_btn>a .icon_box i {
    font-size: 12px;
}
/* #endregion // common */
/**********************************************************************************************************************/


/**********************************************************************************************************************/
/* 헤더 */
/**********************************************************************************************************************/
/* #region // header */
.wp_wrap header .h_logo .img_box{
    width: 160px;
    height: 38px;
}
/* .wp_wrap header .h_logo .logo_txt{
    font-size: 17px;
} */
/* #endregion // header */

/* #region // mo_mnu */
.wp_wrap .mo_mnu .mnu_inner{
    max-width: 100%;
}
/* #endregion // mo_mnu */
/**********************************************************************************************************************/


/**********************************************************************************************************************/
/* 푸터 */
/**********************************************************************************************************************/
/* #region // footer */
.wp_wrap footer{
    padding: 40px 0;
}
.wp_wrap footer .f_logo .img_box{
    width: 160px;
    height: 38px;
}
/* .wp_wrap footer .f_logo .tit{
    font-size: 18px;
} */
.wp_wrap footer .f_rt .info ul{
    flex-direction: column;
    gap: 8px;
}
.wp_wrap footer .f_rt .info ul li,
.wp_wrap footer .f_rt .info ul li a{
    font-size: 14px;
}
.wp_wrap footer .f_rt .copy{
    font-size: 13px;
}
/* #endregion // footer */
/**********************************************************************************************************************/


/**********************************************************************************************************************/
/* 메인 */
/**********************************************************************************************************************/
/* #region // m_visual */
.wp_wrap .m_visual .swiper-slide {
    height: 600px;
}
.wp_wrap .m_visual .txt_box .sub_tit>p{
    font-size: 18px;
}
.wp_wrap .m_visual .txt_box .tit>p{
    font-size: 48px;
}
.wp_wrap .m_visual .visual_paging .swiper-pagination-bullet{
    width: 10px;
    height: 10px;
}
.wp_wrap .m_visual .visual_paging .swiper-pagination-bullet-active::after{
    width: 24px;
    height: 24px;
}
/* #endregion // m_visual */

/* #region // m_about */
.wp_wrap .m_about{
    scroll-margin-top: 80px;
}
.wp_wrap .m_about .lt_area .mtit_box .sub_tit{
    font-size: 14px;
}
.wp_wrap .m_about .lt_area .mtit_box .tit{
    font-size: 28px;
}
.wp_wrap .m_about .lt_area .txt_box p{
    font-size: 14px;
}
.wp_wrap .m_about .rt_area .img_box{
    height: 260px;
    border-radius: 12px;
}
.wp_wrap .m_about .cm_more_btn{
    margin-top: 32px;
}
/* #endregion // m_about */


/* #region // m_bsn */
.wp_wrap .m_bsn{
    padding: 48px 0;
}
.wp_wrap .m_bsn .bsn_list{
    /* flex-direction: column; */
    align-items: flex-start;
    gap: 8px;
}
.wp_wrap .m_bsn .bsn_item{
    width: calc((100% - 8px) / 2);
    padding: 16px 5px;
    gap: 12px;
}
.wp_wrap .m_bsn .bsn_item .num_box .num{
    font-size: 28px;
}
.wp_wrap .m_bsn .bsn_item .num_box .unit{
    font-size: 18px;
}
/* #endregion // m_bsn */


/* #region // m_product */
.wp_wrap .m_product .mtit_box .tit{
    font-size: 28px;
}
.wp_wrap .m_product .prd_list{
    flex-direction: column;
    gap: 12px;
}
.wp_wrap .m_product .prd_item{
    width: 100%;
}
.wp_wrap .m_product .prd_item .li_in{
    height: 220px;
}
.wp_wrap .m_product .prd_item .overlay .name{
    font-size: 22px;
}
.wp_wrap .m_product .prd_item .overlay .desc{
    font-size: 13px;
}
/* #endregion // m_product */

/* #region // form_box */
.wp_wrap .form_box .form_row{
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}
.wp_wrap .form_box .form_row.form_row_textarea {
    align-items: flex-start;
}
.wp_wrap .form_box .label_box label{
    width: auto;
    font-size: 15px;
}
.wp_wrap .form_box .ip_alert{
    left: 0;
}
.wp_wrap .form_box .form_row input,
.wp_wrap .form_box .form_row textarea{
    height: 46px;
    padding: 11px 12px;
    font-size: 14px;
}

.wp_wrap .form_box .form_row .file_input::file-selector-button{
  height: 26px;
  padding: 0 10px;
  font-size: 12px;
}
.wp_wrap .form_box .form_agree label{
    font-size: 14px;
}
.wp_wrap .form_box .form_agree .pvmd_opBtn{
    font-size: 13px;
}
.wp_wrap .form_box .submit_btn{
    padding: 12px 24px;
    font-size: 14px;
    width: 100%;
}
/* #endregion // form_box */

/* #region // m_contact */
.wp_wrap .m_contact{
    padding: 60px 0;
}
.wp_wrap .m_contact .lt_area .tit_box .tit,
.wp_wrap .s_contact1 .lt_area .tit_box .tit{
    font-size: 28px;
}
.wp_wrap .m_contact .lt_area .tit_box .txt,
.wp_wrap .s_contact1 .lt_area .tit_box .txt{
    font-size: 14px;
}
.wp_wrap .m_contact .lt_area .info_list,
.wp_wrap .s_contact1 .lt_area .info_list{
    margin-top: 32px;
}
.wp_wrap .m_contact .lt_area .info_list li,
.wp_wrap .s_contact1 .lt_area .info_list li{
    gap: 7px;
}
.wp_wrap .m_contact .lt_area .info_list li .txt,
.wp_wrap .m_contact .lt_area .info_list li .txt a,
.wp_wrap .s_contact1 .lt_area .info_list li .txt,
.wp_wrap .s_contact1 .lt_area .info_list li .txt a{
    font-size: 14px;
}
.wp_wrap .m_contact .lt_area .info_list li .dot,
.wp_wrap .s_contact1 .lt_area .info_list li .dot{
    margin-top: 5px;
}
.wp_wrap .m_contact .rt_area{
    padding: 24px 16px;
}
.wp_wrap .s_contact1 .cont_box {
    padding: 60px 15px;
}
/* #endregion // m_contact */
/**********************************************************************************************************************/


/**********************************************************************************************************************/
/* 서브 */
/**********************************************************************************************************************/
/* #region // sub_top */
.wp_wrap .sub_top .sub_img_area .img_box{
    height: 200px;
}
.wp_wrap .sub_top .sub_img_area .txt_box .tit{
    font-size: 32px;
}
.wp_wrap .sub_top .sub_mnu_area .inner .mnu_box{
    flex-wrap: wrap;
}
.wp_wrap .sub_top .sub_mnu_area .inner .mnu_box .home{
    width: 50px;
    height: 50px;
}
.wp_wrap .sub_top .sub_mnu_area .inner .mnu_box .mnu_area{
    min-width: 0;
    flex: 1;
}
.wp_wrap .sub_top .sub_mnu_area .inner .mnu_box .cur_lct{
    height: 50px;
    padding: 0 16px;
}
.wp_wrap .sub_top .sub_mnu_area .inner .mnu_box .cur_lct span{
    font-size: 14px;
}
.wp_wrap .sub_top .sub_mnu_area .inner .mnu_box .cur_mnu>li>a{
    padding: 10px 16px;
    font-size: 14px;
}
/* #endregion // sub_top */
/**********************************************************************************************************************/


/**********************************************************************************************************************/
/* s_intro1 */
/**********************************************************************************************************************/
/* #region // s_intro */
.wp_wrap .s_intro1 .lt_area{
    gap: 24px;
}
.wp_wrap .s_intro1 .lt_area .tit_box .en{
    font-size: 14px;
}
.wp_wrap .s_intro1 .lt_area .tit_box .tit{
    font-size: 24px;
}
.wp_wrap .s_intro1 .lt_area .txt_box p{
    font-size: 14px;
}
.wp_wrap .s_intro1 .rt_area .img_box{
    height: 240px;
    border-radius: 12px;
}
/* #endregion // s_intro */
/**********************************************************************************************************************/


/**********************************************************************************************************************/
/* s_intro2 */
/**********************************************************************************************************************/
/* #region // s_intro2 */
.wp_wrap .s_intro2 .value_item{
    width: 100%;
}
.wp_wrap .s_intro2 .value_item .item_box{
    height: auto;
    min-height: 160px;
    padding: 28px 16px;
}
/* #endregion // s_intro2 */
/**********************************************************************************************************************/


/**********************************************************************************************************************/
/* s_status1 */
/**********************************************************************************************************************/
/* #region // s_status1 */
.wp_wrap .s_status1 .cont_box{
    gap: 40px;
}
.wp_wrap .s_status1 .id_card{
    padding: 32px 20px;
    gap: 16px;
}
.wp_wrap .s_status1 .id_card .logo_box .img_box{
    width: 48px;
    height: 48px;
}
.wp_wrap .s_status1 .id_card .txt_box .name{
    font-size: 24px;
}
.wp_wrap .s_status1 .id_card .txt_box .txt1,
.wp_wrap .s_status1 .id_card .txt_box .txt2{
    font-size: 14px;
}
.wp_wrap .s_status1 .wm_box{
    margin-top: 24px;
}
.wp_wrap .s_status1 .wm_txt{
    font-size: 28px;
    padding-right: 24px;
}
/* #endregion // s_status1 */
/**********************************************************************************************************************/


/**********************************************************************************************************************/
/* s_status2 */
/**********************************************************************************************************************/
/* #region // s_status2 */
.wp_wrap .s_status2 .cont_box{
    gap: 32px;
}
.wp_wrap .s_status2 .card_box {
    width: 100%;
}
.wp_wrap .s_status2 .card_box > li {
    max-width: 400px;
    margin: 0 auto;
}
.wp_wrap .s_status2 .card_box > li .in{
    padding: 20px 16px;
    gap: 14px;
}
.wp_wrap .s_status2 .card_box > li .in .icon_box{
    width: 44px;
    height: 44px;
}
.wp_wrap .s_status2 .card_box > li .in .icon_box img{
    width: 22px;
    height: 22px;
}
.wp_wrap .s_status2 .card_box > li .in .txt_box .tit{
    font-size: 16px;
}
.wp_wrap .s_status2 .card_box > li .in .txt_box .desc{
    font-size: 13px;
}
.wp_wrap .s_status2 .tit_box .tit {
    margin-bottom: 30px;
}
.wp_wrap .s_status2 .tit_box .tit{
    font-size: 24px;
}
.wp_wrap .s_status2 .stat_list{
    align-items: flex-start;
    gap: 8px;
}
.wp_wrap .s_status2 .stat_item{
    width: calc((100% - 8px) / 2);
    padding: 16px 5px;
    gap: 12px;
}
.wp_wrap .s_status2 .stat_item .num_box .num{
    font-size: 28px;
}
.wp_wrap .s_status2 .stat_item .num_box .unit{
    font-size: 18px;
}
/* #endregion // s_status2 */

/* #region // s_plsp1 */
.wp_wrap .s_plsp1 .phil_list{
    gap: 16px;
}
.wp_wrap .s_plsp1 .phil_item .img_box{
    height: 200px;
}
.wp_wrap .s_plsp1 .phil_item .txt_box{
    padding: 20px 16px;
}
.wp_wrap .s_plsp1 .phil_item .txt_box .tit{
    font-size: 18px;
}
/* #endregion // s_plsp1 */

/* #region // s_prd1 */
.wp_wrap .s_prd1 .prd_item .li_in{
    height: 220px;
}
.wp_wrap .s_prd1 .prd_item .overlay .name{
    font-size: 24px;
}
.wp_wrap .s_prd1 .prd_item .overlay .desc{
    font-size: 14px;
}
/* #endregion // s_prd1 */

/* #region // s_client1 */
.wp_wrap .s_client1 .body_box{
    gap: 32px;
}
.wp_wrap .s_client1 .client_list{
    gap: 10px;
}
.wp_wrap .s_client1 .client_item {
    width: calc((100% - 20px) / 3);
}
.wp_wrap .s_client1 .note_box{
    padding: 20px 16px;
}
.wp_wrap .s_client1 .note_box .ico_box{
    width: 40px;
    height: 40px;
}
.wp_wrap .s_client1 .note_box .txt{
    font-size: 14px;
}
/* #endregion // s_client1 */

/* #region // s_lct1 */
.wp_wrap .s_lct1 .rt_area{
    padding: 28px 20px;
}
.wp_wrap .s_lct1 .rt_area .info_list{
    gap: 24px;
}
.wp_wrap .s_lct1 .rt_area .info_item{
    gap: 12px;
}
.wp_wrap .s_lct1 .lt_area .txt_box .txt1,
.wp_wrap .s_lct1 .lt_area .txt_box .txt2{
    font-size: 14px;
}
.wp_wrap .s_lct1 .lt_area .ico_box {
    width: 18px;
    height: 18px;
}
.wp_wrap .s_lct1 .rt_area .map_box{
    height: 260px;
}
/* #endregion // s_lct1 */

/* #region // s_contact1 */
.wp_wrap .s_contact1 .info_list{
    gap: 16px;
}
.wp_wrap .s_contact1 .txt_box .txt,
.wp_wrap .s_contact1 .txt_box .txt a,
.wp_wrap .s_contact1 .txt_box .txt1,
.wp_wrap .s_contact1 .txt_box .txt2{
    font-size: 14px;
}
.wp_wrap .s_contact1 .bot_area{
    padding: 40px 16px;
}
/* #endregion // s_contact1 */

/* #region // s_sup1 */
.wp_wrap .s_sup1 .cont_box{
    gap: 32px;
}
.wp_wrap .s_sup1 .step_list{
    gap: 20px;
}
.wp_wrap .s_sup1 .step_item{
    gap: 16px;
}
.wp_wrap .s_sup1 .step_item .tit{
    font-size: 16px;
}
.wp_wrap .s_sup1 .step_item .img_box{
    width: 160px;
    height: 160px;
    padding: 16px;
}
.wp_wrap .s_sup1 .step_item.on .img_box{
    padding: 8px;
}
.wp_wrap .s_sup1 .step_item .txt_box .txt{
    font-size: 13px;
}
.wp_wrap .s_sup1 .step_arr{
    width: 32px;
    height: 32px;
}
/* #endregion // s_sup1 */

/* #region // s_sup2 */
.wp_wrap .s_sup2 .partner_item{
    padding: 28px 20px;
}
.wp_wrap .s_sup2 .partner_item.feat{
    height: 220px;
    min-height: 220px;
    padding: 28px 20px;
}
.wp_wrap .s_sup2 .partner_item .txt_box .tit{
    font-size: 18px;
}
.wp_wrap .s_sup2 .partner_item .txt_box .txt{
    font-size: 14px;
}
.wp_wrap .s_sup2 .partner_item.feat .ico_box,
.wp_wrap .s_sup2 .partner_item .ico_box{
    right: 20px;
    bottom: 20px;
    width: 24px;
    height: 24px;
}
/* #endregion // s_sup2 */
/**********************************************************************************************************************/

/**********************************************************************************************************************/
/* 모달 */
/**********************************************************************************************************************/
/* #region // prd_md */
.wp_wrap .prd_md .md_inner {
    height: auto;
}
.wp_wrap .prd_md .md_bd {
    padding: 24px 24px 60px;
}
/* #endregion // prd_md */



/* #region // pv_md */
.wp_wrap .pv_md .md_outer .width_inner .md_inner p {
    font-size: 28px;
}
/* #endregion // pv_md */
/**********************************************************************************************************************/

}




@media screen and (max-width: 576px){
/**********************************************************************************************************************/
/* 공통 */
/**********************************************************************************************************************/
/* #region // common */
.wp_wrap .stit_box .tit{
    font-size: 24px;
}
.wp_wrap .stit_box .desc{
    font-size: 13px;
}
/* #endregion // common */
/**********************************************************************************************************************/


/**********************************************************************************************************************/
/* m_visual */
/**********************************************************************************************************************/
/* #region // m_visual */
.wp_wrap .m_visual .swiper-slide {
    height: 500px;
}
/* #endregion // m_visual */

/* #region // m_about */
.wp_wrap .m_about .lt_area .mtit_box .tit{
    font-size: 24px;
}
.wp_wrap .m_about .rt_area .img_box{
    height: 220px;
}
/* #endregion // m_about */

/* #region // m_product */
.wp_wrap .m_product .mtit_box .tit{
    font-size: 24px;
}
.wp_wrap .m_product .prd_item .li_in{
    height: 200px;
}
.wp_wrap .m_product .prd_item .overlay .name{
    font-size: 20px;
}
/* #endregion // m_product */

/* #region // m_contact */
.wp_wrap .m_contact .lt_area .tit_box .tit,
.wp_wrap .s_contact1 .lt_area .tit_box .tit{
    font-size: 24px;
}
.wp_wrap .m_contact .rt_area{
    padding: 20px 12px;
    border-radius: 8px;
}
/* #endregion // m_contact */
/**********************************************************************************************************************/


/**********************************************************************************************************************/
/* 서브 */
/**********************************************************************************************************************/
/* #region // sub_top */
.wp_wrap .sub_top .sub_img_area .img_box{
    height: 180px;
}
.wp_wrap .sub_top .sub_img_area .txt_box .tit{
    font-size: 28px;
}
.wp_wrap .sub_top .sub_mnu_area .inner .mnu_box .home {
    display: none;
}
.wp_wrap .sub_top .sub_mnu_area .inner .mnu_box .mnu_area {
    flex: unset;
    width: 50%;
}
.wp_wrap .sub_top .sub_mnu_area .inner .mnu_box .mnu_area1::after {
    display: none;
}
/* #endregion // sub_top */

/* #region // s_intro */
.wp_wrap .s_intro1 .lt_area .tit_box .tit{
    font-size: 22px;
}
.wp_wrap .s_intro1 .rt_area .img_box{
    height: 200px;
}
/* #endregion // s_intro */

/* #region // s_status1 */
.wp_wrap .s_status1 .id_card .txt_box .name{
    font-size: 22px;
}
.wp_wrap .s_status1 .wm_txt{
    font-size: 24px;
}
/* #endregion // s_status1 */

/* #region // s_status2 */
.wp_wrap .s_status2 .tit_box .tit{
    font-size: 22px;
}
.wp_wrap .s_status2 .wm_track {
    padding: 40px 0;
}
.wp_wrap .s_status2 .wm_txt {
    font-size: 45px;
}
/* #endregion // s_status2 */

/* #region // s_prd1 */
.wp_wrap .s_prd1 .prd_item .li_in{
    height: 200px;
}
.wp_wrap .s_prd1 .prd_item .overlay .name{
    font-size: 22px;
}
/* #endregion // s_prd1 */

/* #region // s_contact1 */
.wp_wrap .s_contact1 .top_area .info_itms>li.info1>ul {
    gap: 10px;
}
.wp_wrap .s_contact1 .top_area .info_itms>li {
    height: unset;
    border-radius: 8px;
    padding: 25px;
}
.wp_wrap .s_contact1 .top_area .info_itms>li.info1>ul>li, 
.wp_wrap .s_contact1 .top_area .info_itms>li.info1>ul>li a, 
.wp_wrap .s_contact1 .top_area .info_itms>li.info2 .in .txt_box {
    font-size: 14px;
}
.wp_wrap .s_contact1 .top_area .info_itms>li .ico_box {
    width: 18px;
    height: 18px;
    min-width: 18px;
}
.wp_wrap .s_contact1 .top_area .info_itms>li.info2 .in, 
.wp_wrap .s_contact1 .top_area .info_itms>li.info1>ul>li {
    gap: 5px;
}
/* #endregion // s_contact1 */

/* #region // s_lct1 */
.wp_wrap .s_lct1 .rt_area{
    padding: 24px 16px;
}
.wp_wrap .s_lct1 .lt_area .map_box{
    height: 220px;
}
/* #endregion // s_lct1 */

/* #region // s_sup1 */
.wp_wrap .s_sup1 .step_item .img_box{
    width: 140px;
    height: 140px;
}
/* #endregion // s_sup1 */

/* #region // s_sup2 */
.wp_wrap .s_sup2 .partner_item.feat{
    height: 200px;
    min-height: 200px;
}
.wp_wrap .s_sup2 .partner_item .txt_box .tit{
    font-size: 16px;
}
.wp_wrap .s_sup2 .partner_item .txt_box .txt{
    font-size: 13px;
}

/* #endregion // s_sup2 */
/**********************************************************************************************************************/









/**********************************************************************************************************************/
/* prd_md */
/**********************************************************************************************************************/
/* #region // prd_md */
.wp_wrap .prd_md .prdmd_clsBtn{
    top: 12px;
    right: 12px;
}
.wp_wrap .prd_md .md_hd{
    padding: 36px 16px 0;
}
.wp_wrap .prd_md .md_hd .tit_box{
    padding-bottom: 14px;
}
.wp_wrap .prd_md .md_hd .tit_box .tit{
    font-size: 22px;
    letter-spacing: -0.44px;
}
.wp_wrap .prd_md .md_hd .tit_box .tit .fullname{
    margin-left: 8px;
    font-size: 13px;
}
.wp_wrap .prd_md .md_bd{
    padding: 16px 16px 32px;
}
/* #endregion // prd_md */


/* #region // pv_md */
.wp_wrap .pv_md .md_outer .width_inner {
    padding: 25px 15px 35px 15px;
    height: 450px;
}
.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 {
    padding: 5px;
    font-size: 17px;
}
.wp_wrap .pv_md .md_outer .width_inner .md_inner {
    gap: 10px;
}
.wp_wrap .pv_md .md_outer .width_inner .md_inner p {
    font-size: 23px;
}
.wp_wrap .pv_md .md_outer .width_inner .md_inner .txt_box {
    padding: 10px;
}
.wp_wrap .pv_md .md_outer .width_inner .md_inner .txt_box .txt_body pre {
    font-size: 15px;
}
/* #endregion // pv_md */
/**********************************************************************************************************************/

}


@media screen and (max-width: 430px){
/**********************************************************************************************************************/
/* 메인 */
/**********************************************************************************************************************/
.wp_wrap .m_visual .txt_box .tit>p {
    font-size: 32px;
}

.wp_wrap .m_about .lt_area .txt_box p br,
.wp_wrap .s_intro1 .lt_area .txt_box p br{
    display: none;
}
/**********************************************************************************************************************/



/**********************************************************************************************************************/
/* 서브 */
/**********************************************************************************************************************/
.wp_wrap .s_client1 .client_item {
    width: calc((100% - 10px) / 2);
}


.wp_wrap .s_status2 .tit_box .tit br{
    display: none;
}

.wp_wrap .s_contact1 .top_area .info_itms>li {
    padding: 25px 12px;
}
/**********************************************************************************************************************/

}

@media screen and (max-width: 375px){
/**********************************************************************************************************************/
/* 서브 */
/**********************************************************************************************************************/
.wp_wrap .stit_box .desc br{
    display: none;
}
/**********************************************************************************************************************/

}