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

@charset "utf-8";

/**********************************************************************************************************************/
/* 작성방법 */
/*
1. 모든 스타일은 클래스명 .wp_wrap 을 시작으로 작성한다.
2. 공통 스타일의 클래스명은 cm_ 접두어를 사용한다.
 */
/**********************************************************************************************************************/


/**********************************************************************************************************************/
/* 공통 스타일 */
/**********************************************************************************************************************/

/*FONT*/
/* pretendard */
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");
/* font-family: "Pretendard", sans-serif; */

/* Roboto */
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
/* font-family: "Roboto", sans-serif; */

/* Play */
@import url('https://fonts.googleapis.com/css2?family=Play:wght@400;700&display=swap');
/* font-family: "Play", sans-serif; */

/* SUIT */
/* <!-- SUIT - Static --> 헤더에 추가해야 함 */
/* <link href="https://cdn.jsdelivr.net/gh/sun-typeface/SUIT@2/fonts/static/woff2/SUIT.css" rel="stylesheet"> */
/* font-family: 'SUIT', sans-serif; */

/* SUITE */     
/* <!-- SUITE - Static --> 헤더에 추가해야 함 */
/* <link href="https://cdn.jsdelivr.net/gh/sun-typeface/SUITE@2/fonts/static/woff2/SUITE.css" rel="stylesheet"> */
/* font-family: 'SUITE', sans-serif; */

/* Noto Serif KR */
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@200..900&display=swap');
/* font-family: "Noto Serif KR", serif; */


/* Noto Sans Korean */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&display=swap');
/* font-family: "Noto Sans KR", sans-serif; */


:root {
    --border-radius1: 10px;
    --border-radius2: 20px;
}


/* 공통 */
html{
    scroll-behavior: smooth;
}


.wp_wrap{
    overflow: clip;
    font-family: "Pretendard", sans-serif;
    font-weight: 400;
    word-break: keep-all;
}

.modal-open{
    overflow: hidden;
}


/* form alert 알림 텍스트 */
.wp_wrap .wp_alert_red{
    color: red;
    font-size: 13px;
}





/* 공통 너비, 패딩값 */
.wp_wrap .cm_inner{
    width: 100%;
    max-width: 1420px;
    margin: 0 auto;
    padding: 0 10px;
}
.wp_wrap .cm_inner2{
    width: 100%;
    max-width: 1800px;
    margin: 0 auto;
    padding: 0 10px;
}
.wp_wrap .cm_sec{
    padding: 200px 0;
}
.wp_wrap .cm_sec2{
    padding: 130px 0;
}

/* 메인 - 타이틀 */
.wp_wrap .mtit_box{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.wp_wrap .mtit_box .entit{
    font-size: 20px;
    font-weight: 500;
    color: #33A98F;
}
.wp_wrap .mtit_box .kotit{
    font-size: 40px;
    font-weight: 600;
    color: #000000;
}
.wp_wrap .mtit_box .entit.talt,
.wp_wrap .mtit_box .kotit.talt{
    text-align: left;
}
.wp_wrap .mtit_box .entit.tact,
.wp_wrap .mtit_box .kotit.tact{
    text-align: center;
}
.wp_wrap .m_about .mtit_box,
.wp_wrap .m_solution .mtit_box{
    margin-bottom: 30px;
}
.wp_wrap .m_certi .mtit_box,
.wp_wrap .m_news .mtit_box{
    margin-bottom: 60px;
}



/* 메인 - more 버튼 */
.wp_wrap .cm_more{
    display: flex;
}
.wp_wrap .cm_more>a{
    font-size: 20px;
    font-weight: 500;
    color: #000000;
}
.wp_wrap .cm_more.jcfs{
    justify-content: flex-start;
}
.wp_wrap .cm_more.jcct{
    justify-content:center;
}



/* 서브 - 타이틀 */
.wp_wrap .stit_box{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.wp_wrap .stit_box .entit{
    font-size: 23px;
    color: #33A98F;
}
.wp_wrap .stit_box .kotit{
    font-size: 50px;
    font-weight: 600;
    color: #000000;
    line-height: 1.3;
}
.wp_wrap .stit_box .entit.talt,
.wp_wrap .stit_box .kotit.talt{
    text-align: left;
}
.wp_wrap .stit_box .kotit.fcwt{
    color: #fff;
}
.wp_wrap .stit_box .entit.tact,
.wp_wrap .stit_box .kotit.tact{
    text-align: center;
}
.wp_wrap .s_vision1 .stit_box,
.wp_wrap .s_history1 .stit_box,
.wp_wrap .s_location1 .stit_box,
.wp_wrap .s_inquiry .stit_box,
.wp_wrap .s_solution1 .stit_box,
.wp_wrap .s_solution1_cm .stit_box,
.wp_wrap .s_portfolio1 .stit_box,
.wp_wrap .s_certi1 .stit_box,
.wp_wrap .s_news1 .stit_box{
    padding-bottom: 80px;
}
.wp_wrap .s_vision1 .stit_box,
.wp_wrap .s_history1 .stit_box,
.wp_wrap .s_location1 .stit_box,
.wp_wrap .s_inquiry .stit_box,
.wp_wrap .s_portfolio1 .stit_box,
.wp_wrap .s_certi1 .stit_box,
.wp_wrap .s_news1 .stit_box{
    border-bottom: 1px solid #DEDEDE;
}
.wp_wrap .s_solution1 .stit_box,
.wp_wrap .s_solution1_cm .stit_box{
    border-bottom: 1px solid #fff;
}
.wp_wrap .s_vision1 .stit_box,
.wp_wrap .s_location1 .stit_box,
.wp_wrap .s_solution1 .stit_box,
.wp_wrap .s_solution1_cm .stit_box,
.wp_wrap .s_portfolio1 .stit_box,
.wp_wrap .s_research1 .stit_box,
.wp_wrap .s_certi1 .stit_box{
    margin-bottom: 50px;
}
.wp_wrap .s_inquiry .stit_box{
    /* margin-bottom: 110px; */
    margin-bottom: 50px;
}
.wp_wrap .s_vision2 .stit_box,
.wp_wrap .s_research1 .stit_box{
    margin-bottom: 60px;
}
/**********************************************************************************************************************/





/**********************************************************************************************************************/
/* 헤더 */
/**********************************************************************************************************************/
/* #region // header */
.wp_wrap header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #fff;
    z-index: 999;
    transition: 0.3s;
}
.wp_wrap header.hide {
    transform: translateY(-100%);
}
.wp_wrap header .h_bg_hov{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 400px;
    background: rgba(0, 0, 0, 0.5);
    display: none;
}
.wp_wrap header .h_inner{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100px;
}
.wp_wrap header .h_inner .h_lt{}
.wp_wrap header .h_inner .h_rt{
    display: flex;
    align-items: center;
    gap: 70px;
}
.wp_wrap header .h_inner .h_logo{
    min-width: 195px;
}
.wp_wrap header .h_inner .h_logo>a{}
.wp_wrap header .h_inner .h_logo>a>img{}
.wp_wrap header .h_inner nav{}
.wp_wrap header .h_inner nav .gnb{
    /* display: flex; */
    /* align-items: center; */
}
.wp_wrap header .h_inner nav .gnb .m_list_wrap{
    display: flex;
    align-items: center;

}
.wp_wrap header .h_inner nav .gnb .m_list{
    position: relative;
    width: 195px;
}
.wp_wrap header .h_inner nav .gnb .m_list>a{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100px;
    font-size: 20px;
    color: #000000;
}
.wp_wrap header .h_inner nav .gnb .m_list .sub_mnu{
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    padding: 0 0 40px;
    z-index: 9;
    display: none;
    min-height: 184px;
}
.wp_wrap header .h_inner nav .gnb .m_list .sub_mnu>li{
    margin-bottom: 20px;
    text-align: center;
}
.wp_wrap header .h_inner nav .gnb .m_list .sub_mnu>li:last-child{
    margin-bottom: 0;
}
.wp_wrap header .h_inner nav .gnb .m_list .sub_mnu>li a{
    font-size: 18px; 
    color: #FFFFFF;   
    font-weight: 200;
    transition: 0.2s;
}



.wp_wrap header .fulmnu_opBtn{
    background: transparent;
}
.wp_wrap header .fulmnu_opBtn .icon_box{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 10px;
}
.wp_wrap header .fulmnu_opBtn .icon_box span{
    display: inline-block;
    width: 30px;
    height: 3px;
    background: #000;
}
.wp_wrap header .fulmnu_opBtn .icon_box span:nth-child(1){}
.wp_wrap header .fulmnu_opBtn .icon_box span:nth-child(2){
    width: 22px;
    background: #33a98f !important;
    transition: 0.3s ease-in-out;
}
.wp_wrap header .fulmnu_opBtn .icon_box span:nth-child(3){}
.wp_wrap header .fulmnu_opBtn:hover .icon_box span:nth-child(2){
    width: 100%;
    background: #33a98f;
}

/* hover 시 */
.wp_wrap header .h_inner nav .gnb .m_list .sub_mnu>li:hover a{
    color: #54D9BC;    
}






.wp_wrap header .sub_mnu_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 284px;
    background: rgb(0 32 77 / 0%);
    backdrop-filter: blur(12px) brightness(0.4);
    z-index: -1;
    display: none;
}
/* #endregion // header */
/**********************************************************************************************************************/





/**********************************************************************************************************************/
/* 푸터 */
/**********************************************************************************************************************/
/* #region // footer */
.wp_wrap footer {
    margin-bottom: 20px;
}
.wp_wrap footer .f_outer{
    background: #00204D;
    border-radius: var(--border-radius2);
}
.wp_wrap footer .f_inner{
    display: flex;
    align-items: center;
    gap: 200px;
    padding: 35px 0;
}
.wp_wrap footer .f_inner .f_lt{}
.wp_wrap footer .f_inner .f_lt .f_logo{
    min-width: 195px;
}
.wp_wrap footer .f_inner .f_rt{}
.wp_wrap footer .f_inner .f_info{
    display: flex;
}
.wp_wrap footer .f_inner .f_info1{
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 20px;
}
.wp_wrap footer .f_inner .f_info2{
    flex-direction: row;
    align-items: center;
    gap: 20px;
}
.wp_wrap footer .f_inner .f_info li,
.wp_wrap footer .f_inner .f_info li a{
    font-size: 18px;
    display: flex;
    align-items: flex-start;
    color: #FFFFFF;
}
.wp_wrap footer .f_inner .f_info li .ques{
    color: #B5B5B5;
    margin-right: 5px;
    white-space: nowrap;
}
.wp_wrap footer .f_inner .f_copy {
    font-size: 16px;
    color: #B5B5B5;
}
.wp_wrap footer .f_inner .f_copy a{
    color: #00398b;
}


/* totop */

/* totop */
.wp_wrap .totop{
    position: fixed;
    bottom: 40px;
    right: 45px;
    background: transparent;
    z-index: 9999;
}
.wp_wrap .totop .in{
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background:#33a98fb5;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    transition: 0.3s;
}
.wp_wrap .totop .in i{
    color: #fff;
    font-size: 20px;
}
/* #endregion // footer */
/**********************************************************************************************************************/





/**********************************************************************************************************************/
/* 메인 */
/**********************************************************************************************************************/
.wp_wrap #m_page,
.wp_wrap #s_page{
    margin-top: 101px;
}

/* #region // m_visual */
.wp_wrap .m_visual{}
.wp_wrap .m_visual .inner_box{
}
.wp_wrap .m_visual .inner_box .cont_box{}
.wp_wrap .m_visual .inner_box .cont_box .sld_area{}
.wp_wrap .m_visual .inner_box .cont_box .sld_area .sld{
    position: relative;
}
.wp_wrap .m_visual .inner_box .cont_box .sld_area .sld .img_box{
    height: calc(100dvh - 140px);
    border-radius: var(--border-radius2);
    overflow: hidden;    
}
.wp_wrap .m_visual .inner_box .cont_box .sld_area .sld .img_box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.05);
}
.wp_wrap .m_visual .inner_box .cont_box .sld_area .sld .txt_box{
    position: absolute;
    top: 50%;
    left: calc(50% - 700px);
    transform: translateY(-50%);
    width: 100%;
    max-width: 1400px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.wp_wrap .m_visual .inner_box .cont_box .sld_area .sld .txt_box p{
    opacity: 0;
    transform: translateY(20px);
    filter: blur(10px);
    color: #fff;
}
.wp_wrap .m_visual .inner_box .cont_box .sld_area .sld .txt_box .en{
    font-size: 55px;
    font-weight: 600;
}
.wp_wrap .m_visual .inner_box .cont_box .sld_area .sld .txt_box .ko{
    font-size: 25px;
    font-weight: 500;
}
/* action이 붙었을 때 */
.wp_wrap .m_visual .inner_box .cont_box .sld_area .sld.action .txt_box p{
    opacity: 1;
    transform: translateY(0);
    filter: blur(0);
}
.wp_wrap .m_visual .inner_box .cont_box .sld_area .sld.action .txt_box .en{
    transition: 0.8s;
}
.wp_wrap .m_visual .inner_box .cont_box .sld_area .sld.action .txt_box .ko{
    transition: 0.8s 0.5s;
}
.wp_wrap .m_visual .inner_box .cont_box .sld_area .sld.action .img_box img{
    transform: scale(1);
    transition: 3s;
}
/* #endregion // m_visual */


/* #region // m_about */
.wp_wrap .m_about{}
.wp_wrap .m_about .inner_box{}
.wp_wrap .m_about .cont_box{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
}
.wp_wrap .m_about .cont_box .lt_box,
.wp_wrap .m_about .cont_box .rt_box{
    width: 50%;
}
.wp_wrap .m_about .cont_box .txt_box{
    margin-bottom: 80px;
}
.wp_wrap .m_about .cont_box .txt_box>p{
    font-size: 20px;
    color: #000;
    line-height: 1.5;
}
.wp_wrap .m_about .cont_box .rt_box{}
.wp_wrap .m_about .cont_box .rt_box .img_box{}
.wp_wrap .m_about .cont_box .rt_box .img_box img{
    margin: 0 auto;
}
/* #endregion // m_about */


/* #region // m_solution */
.wp_wrap .m_solution{}
.wp_wrap .m_solution .inner_box{}
.wp_wrap .m_solution .cont_box{
    position: relative;
}
.wp_wrap .m_solution .cont_box .bg_wrap{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.wp_wrap .m_solution .cont_box .bg_wrap .bg_itms{
    position: relative;
    width: 100%;
    height: 100%;
}
.wp_wrap .m_solution .cont_box .bg_wrap .bg_itms li{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
}
.wp_wrap .m_solution .cont_box .bg_wrap .bg_itms li.on{
    opacity: 1;
    visibility: visible;
}
.wp_wrap .m_solution .cont_box .bg_wrap .bg_itms li .img_box{
    width: 100%;
    height: 100%;
    border-radius: var(--border-radius1);
    overflow: hidden;
}
.wp_wrap .m_solution .cont_box .bg_wrap .bg_itms li .img_box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* transform: scale(1.1); */
    /* transition: 3s; */
}
.wp_wrap .m_solution .cont_box .bg_wrap .bg_itms li.on .img_box img{
    /* transform: scale(1); */
}
.wp_wrap .m_solution .cont_box .txt_wrap{    
    position: relative;
    width: 100%;
    height: 750px;
    overflow: hidden;
}
.wp_wrap .m_solution .cont_box .txt_wrap .txt_itms{
    height: 100%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    border-radius: var(--border-radius1);
    overflow: hidden;
}
.wp_wrap .m_solution .cont_box .txt_wrap .txt_itms li{
    position: relative;
    width: 100%;
    overflow: hidden;
    border-right: 1px solid #fff;
}
.wp_wrap .m_solution .cont_box .txt_wrap .txt_itms li:last-child{
    border-right: none;
}
.wp_wrap .m_solution .cont_box .txt_wrap .txt_itms li::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    backdrop-filter: blur(15px) brightness(0.8);
    opacity: 0;
    transition: all 0.4s ease-in-out;
}
.wp_wrap .m_solution .cont_box .txt_wrap .txt_itms li>a{
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}
.wp_wrap .m_solution .cont_box .txt_wrap .txt_itms li .li_in{
    width: 100%;
    height: 100%;
    padding: 0 15px 90px;
    display: flex;
    align-items: flex-end;
    transition: all 0.4s ease-in-out;
}
.wp_wrap .m_solution .cont_box .txt_wrap .txt_itms li .li_in .txt_box{
    display: flex;
    align-items: flex-start;
    flex-direction: column;
}
.wp_wrap .m_solution .cont_box .txt_wrap .txt_itms li .li_in .icon_box{
    margin-bottom: 20px;
    opacity: 0;
    visibility: hidden;
}
.wp_wrap .m_solution .cont_box .txt_wrap .txt_itms li .li_in .icon_box img{}
.wp_wrap .m_solution .cont_box .txt_wrap .txt_itms li .li_in .tit{
    margin-bottom: 20px;
    font-size: 22px;
    font-weight: 600;
    color: #fff;
}
.wp_wrap .m_solution .cont_box .txt_wrap .txt_itms li .li_in .desc{
    font-size: 16px;
    color: #fff;
    line-height: 1.4;
}


/* hover 시 */
.wp_wrap .m_solution .cont_box .txt_wrap .txt_itms li:hover::before{
    opacity: 1;
}
.wp_wrap .m_solution .cont_box .txt_wrap .txt_itms li:hover .li_in{
    padding: 0 15px 140px;
}
.wp_wrap .m_solution .cont_box .txt_wrap .txt_itms li:hover .li_in .icon_box{
    transition: all 0.4s ease-in-out;
    opacity: 1;
    visibility: visible;
}
/* #endregion // m_solution */


/* #region // m_certi */
.wp_wrap .m_certi{}
.wp_wrap .m_certi .inner_box{}
.wp_wrap .m_certi .cont_box{}
.wp_wrap .m_certi .cont_box .itms,
.wp_wrap .m_news .cont_box .itms{
    margin-bottom: 120px;
}
.wp_wrap .m_certi .cont_box .itms>li{
    width: 100%;
    overflow: hidden;
}
.wp_wrap .m_certi .cont_box .itms>li .img_box{
    border: 1px solid #CECECE;
    border-radius: var(--border-radius1);
    overflow: hidden;
    margin-bottom: 10px;
}
.wp_wrap .m_certi .cont_box .itms>li .img_box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.wp_wrap .m_certi .cont_box .itms>li .name{
    font-size: 18px;
    color: #000;
    padding: 0 20px;
    text-align: center;
}
/* #endregion // m_certi */


/* #region // m_news */
.wp_wrap .m_news{
    margin-bottom: 200px;
}
.wp_wrap .m_news .outer_box{
    background: #F6F6F6;
    background: #ededed;
    border-radius: var(--border-radius2);
}
.wp_wrap .m_news .inner_box{}
.wp_wrap .m_news .cont_box{}
.wp_wrap .m_news .cont_box .itms>li{
    width: 100%;
    overflow: hidden;
}
.wp_wrap .m_news .cont_box .itms>li .li_in{
    border-radius: var(--border-radius1);
    overflow: hidden;
    transform: translateY(0);
    transition: 0.5s ease;
}
.wp_wrap .m_news .cont_box .itms>li .li_in .img_box{
    height: 220px;
    overflow: hidden;
}
.wp_wrap .m_news .cont_box .itms>li .li_in .img_box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1);
    transition: 0.5s ease;
}
.wp_wrap .m_news .cont_box .itms>li .li_in .txt_box{
    padding: 20px 20px 30px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    background: #fff;
    transition: 0.3s ease;
}
.wp_wrap .m_news .cont_box .itms>li .li_in .txt_box .tit{
    font-size: 18px;
    font-weight: 500;
    color: #000000;
    transition: 0.3s ease;
}
.wp_wrap .m_news .cont_box .itms>li .li_in .txt_box .desc{
    font-size: 16px;
    font-weight: 500;
    color: #000000;
    min-height: 38px;
    transition: 0.3s ease;
}

/* hover 효과 */

.wp_wrap .m_news .cont_box .itms>li:hover .li_in{
    transform: translateY(-10px);
}
.wp_wrap .m_news .cont_box .itms>li:hover .li_in .img_box img{
    /* transform: scale(1.05); */
}
/* .wp_wrap .m_news .cont_box .itms>li:hover .li_in .txt_box{
    background: #33A98F;
}
.wp_wrap .m_news .cont_box .itms>li:hover .li_in .txt_box .tit,
.wp_wrap .m_news .cont_box .itms>li:hover .li_in .txt_box .desc{
    color: #fff;
} */
.wp_wrap .m_news .cont_box .itms>li:hover .li_in .txt_box .tit,
.wp_wrap .m_news .cont_box .itms>li:hover .li_in .txt_box .desc{
    color: #555;
}
/* #endregion // m_news */
/**********************************************************************************************************************/





/**********************************************************************************************************************/
/* 서브 */
/**********************************************************************************************************************/
/* #region // sub_top */
.wp_wrap .sub_top{}
.wp_wrap .sub_top .inner_box{}
.wp_wrap .sub_top .cont_box{}
.wp_wrap .sub_top .cont_box .tit_box{
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 10px;
    padding: 100px 0;
}
.wp_wrap .sub_top .cont_box .tit_box .tit{
    font-size: 60px;
    font-weight: 600;
    color: #000;
}
.wp_wrap .sub_top .cont_box .tit_box .crt_lct{
    display: flex;
    align-items: center;
    gap: 45px;
}
.wp_wrap .sub_top .cont_box .tit_box .crt_lct>li{
    position: relative;
    font-size: 20px;
    color: #000;
}
.wp_wrap .sub_top .cont_box .tit_box .crt_lct>li::after{
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -23px;
    width: 1px;
    height: 15px;
    background: #000;
}
.wp_wrap .sub_top .cont_box .tit_box .crt_lct>li:last-child:after{
    display: none;
}
.wp_wrap .sub_top_img{}
.wp_wrap .sub_top_img .inner_box{}
.wp_wrap .sub_top_img .cont_box{}
.wp_wrap .sub_top_img .cont_box .img_box{
    position: relative;
    width: 100%;
    height: 500px;
    border-radius: var(--border-radius2);
    overflow: hidden;
}
.wp_wrap .sub_top_img .cont_box .img_box::after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 32, 77, 0.07);
    /* opacity: 0; */
    /* transition: 3s; */
}
.wp_wrap .sub_top_img .cont_box .img_box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.05);
    transition: 3s;
}

/* .on 붙었을떄 */
.wp_wrap .sub_top_img.on .cont_box .img_box::after{
    /* opacity: 1; */
}
.wp_wrap .sub_top_img.on .cont_box .img_box img{
    transform: scale(1);
}
/* #endregion // sub_top */




/* #region // s_vision */
.wp_wrap .s_vision{}
/* #region // s_vision1 */
.wp_wrap .s_vision1{}
.wp_wrap .s_vision1 .inner_box{}
.wp_wrap .s_vision1 .cont_box{}
.wp_wrap .s_vision1 .cont_box .top_txt_box{
    margin: 0 0 200px auto;
    width: 50%;
    width: 600px;
    color: #000;
}
.wp_wrap .s_vision1 .cont_box .top_txt_box .txt1{
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 25px;
}
.wp_wrap .s_vision1 .cont_box .top_txt_box .txt2{    
    font-size: 20px;
    line-height: 1.5;
}
.wp_wrap .s_vision1 .cont_box .graph_box{
    display: flex;
    align-items: center;
    justify-content: center;
}
.wp_wrap .s_vision1 .cont_box .graph_box .cic{
    position: relative;
    padding-top: 95px;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 480px;
    height: 480px;
    box-sizing: border-box;
    border-radius: 50%;
}
.wp_wrap .s_vision1 .cont_box .graph_box .vi_cic{
    background: #33A98F;
    right: -15px;
}
.wp_wrap .s_vision1 .cont_box .graph_box .ms_cic{
    background: #00204D;
    left: -15px;
}
.wp_wrap .s_vision1 .cont_box .graph_box .cic>p{
    color: #fff;
}
.wp_wrap .s_vision1 .cont_box .graph_box .cic .tit{
    font-size: 50px;
    font-weight: 600;
    margin-bottom: 40px;
}
.wp_wrap .s_vision1 .cont_box .graph_box .cic .en{
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 30px;
    text-align: center;
}
.wp_wrap .s_vision1 .cont_box .graph_box .cic .ko{
    font-size: 20px;
    text-align: center;
    line-height: 1.6;
}
/* #endregion // s_vision1 */

/* #region // s_vision2 */
.wp_wrap .s_vision2{
    margin-bottom: 200px;
}
.wp_wrap .s_vision2 .outer_box{
    background: #F6F6F6;
    background: #ededed;
    border-radius: var(--border-radius2);
}
.wp_wrap .s_vision2 .inner_box{}
.wp_wrap .s_vision2 .cont_box{}
.wp_wrap .s_vision2 .cont_box .itms{}
.wp_wrap .s_vision2 .cont_box .itms>li{
    cursor: pointer;
    perspective: 1000px; /* 3d 계산안정화 하기 위해 */
}
.wp_wrap .s_vision2 .cont_box .itms>li .card{
    width: 100%;
    height: 300px;
    transition: 0.7s;
    will-change: transform;
    transform-style: preserve-3d;
}
.wp_wrap .s_vision2 .cont_box .itms>li .card .front,
.wp_wrap .s_vision2 .cont_box .itms>li .card .back{
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    transform: translateZ(0);
    border-radius: var(--border-radius2);
    overflow: hidden;
}
.wp_wrap .s_vision2 .cont_box .itms>li .card .front{
    display: flex;
    flex-direction: column;
    align-items: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.wp_wrap .s_vision2 .cont_box .itms>li:nth-child(1) .card .front{
    background: #33A98F;
}
.wp_wrap .s_vision2 .cont_box .itms>li:nth-child(2) .card .front{
    background: #68C5B1;
}
.wp_wrap .s_vision2 .cont_box .itms>li:nth-child(3) .card .front{
    background: #8CDBCA;
}
.wp_wrap .s_vision2 .cont_box .itms>li .card .front .icon_box{
    margin-bottom: 20px;
}
.wp_wrap .s_vision2 .cont_box .itms>li .card .front .icon_box img{}
.wp_wrap .s_vision2 .cont_box .itms>li .card .front .txt_box{}
.wp_wrap .s_vision2 .cont_box .itms>li .card .front .txt_box p{
    text-align: center;
}
.wp_wrap .s_vision2 .cont_box .itms>li .card .front .txt_box .ko{
    font-size: 25px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 10px;
}
.wp_wrap .s_vision2 .cont_box .itms>li .card .front .txt_box .en{
    font-size: 20px;
    color: #fff;
}
.wp_wrap .s_vision2 .cont_box .itms>li .card .back{   
    background: #00204D; 
    transform: rotateY(180deg);
    padding: 35px 30px;
}
.wp_wrap .s_vision2 .cont_box .itms>li .card .back .tit_box{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    margin-bottom: 30px;
}
.wp_wrap .s_vision2 .cont_box .itms>li .card .back .tit_box>p,
.wp_wrap .s_vision2 .cont_box .itms>li .card .back .desc_box p{
    text-align: center;
    color: #fff;
}
.wp_wrap .s_vision2 .cont_box .itms>li .card .back .tit_box>p{
    font-size: 25px;
}
.wp_wrap .s_vision2 .cont_box .itms>li .card .back .tit_box .kotit{
    font-weight: 600;
}
.wp_wrap .s_vision2 .cont_box .itms>li .card .back .tit_box .entit{}
.wp_wrap .s_vision2 .cont_box .itms>li .card .back .desc_box{}
.wp_wrap .s_vision2 .cont_box .itms>li .card .back .desc_box p{
    font-size: 20px;
    line-height: 1.6;
}
/* hover 시 */
.wp_wrap .s_vision2 .cont_box .itms>li:hover .card {
    transform: rotateY(180deg);
}
/* #endregion // s_vision2 */
/* #endregion // s_vision */






/* #region // s_history */
.wp_wrap .s_history{}
.wp_wrap .s_history1{}
.wp_wrap .s_history1 .inner_box{}
.wp_wrap .s_history1 .cont_box{}
.wp_wrap .s_history1 .cont_box .hstr_box{}
.wp_wrap .s_history1 .cont_box .hstr_box .year_wrap{}
.wp_wrap .s_history1 .cont_box .hstr_box .year_wrap .year_dum{
    position: relative;
    display: flex;
    align-items: flex-start;
    padding: 45px 0;
    border-bottom: 1px solid #DEDEDE;
    width: 50%;
    margin-left: auto;
}

.wp_wrap .s_history1 .cont_box .hstr_box .year_wrap .year_dum::before{
    content: '';
    position: absolute;
    top: 63px;
    left: -64px;
    width: 1px;
    height: 100%;
    background: #8C96A4;
}
.wp_wrap .s_history1 .cont_box .hstr_box .year_wrap .year_dum:last-child::before{
    display: none;
}
.wp_wrap .s_history1 .cont_box .hstr_box .year_wrap .year_dum .y_num{
    position: relative;
    font-size: 30px;
    font-weight: 700;
    color: #000000;
    min-width: 125px;
}
.wp_wrap .s_history1 .cont_box .hstr_box .year_wrap .year_dum .y_num::after{
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -70px;
    width: 13px;
    height: 13px;
    background: #00204D;
    border-radius: 50%;
    z-index: 9;    
}
.wp_wrap .s_history1 .cont_box .hstr_box .year_wrap .year_dum .month_dum{
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding-top: 10px;
}
.wp_wrap .s_history1 .cont_box .hstr_box .year_wrap .year_dum .month_dum>li{
    display: flex;
    align-items: flex-start;
    font-size: 20px;
    color: #333333;
    line-height: 1.3;
}
.wp_wrap .s_history1 .cont_box .hstr_box .year_wrap .year_dum .month_dum>li .m_num{
    display: inline-block;
    color: #C2C2C2;
    font-weight: 600;
    min-width: 35px;
}
/* #endregion // s_history */


/* #region // s_location */
.wp_wrap .s_location{}
.wp_wrap .s_location1{}
.wp_wrap .s_location1 .inner_box{}
.wp_wrap .s_location1 .cont_box{}
.wp_wrap .s_location1 .cont_box .place_wrap{
    display: flex;
    flex-direction: column;
    gap: 100px ;
}
.wp_wrap .s_location1 .cont_box .place_wrap .place_dum{
    display: flex;
    align-items: center;
}
.wp_wrap .s_location1 .cont_box .place_wrap .place_dum>div{
    width: 50%;
}
.wp_wrap .s_location1 .cont_box .place_wrap .place_dum .lt_box{
    padding-right: 15px;
}
.wp_wrap .s_location1 .cont_box .place_wrap .place_dum .rt_box{
    padding-left: 15px;
}
.wp_wrap .s_location1 .cont_box .place_wrap .place_dum .info_box{}
.wp_wrap .s_location1 .cont_box .place_wrap .place_dum .info_box .plc_name{
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 45px;
}
.wp_wrap .s_location1 .cont_box .place_wrap .place_dum .info_box .plc_name .en{
    font-size: 25px;
    color: #33A98F;
}
.wp_wrap .s_location1 .cont_box .place_wrap .place_dum .info_box .plc_name .ko{
    font-size: 40px;
    font-weight: 600;
    color: #000000;
}
.wp_wrap .s_location1 .cont_box .place_wrap .place_dum .info_box .info{
    display: flex;
    flex-direction: column;
    gap: 18px;
}
.wp_wrap .s_location1 .cont_box .place_wrap .place_dum .info_box .info .info_line{
    border: 1px solid #DEDEDE;
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
}
.wp_wrap .s_location1 .cont_box .place_wrap .place_dum .info_box .info .info_line .icon_box{
    min-width: 40px;
}
.wp_wrap .s_location1 .cont_box .place_wrap .place_dum .info_box .info .info_line .icon_box img{}
.wp_wrap .s_location1 .cont_box .place_wrap .place_dum .info_box .info .info_line p,
.wp_wrap .s_location1 .cont_box .place_wrap .place_dum .info_box .info .info_line a{
    font-size: 18px;
    color: #333333;
    line-height: 1.3;
}
.wp_wrap .s_location1 .cont_box .place_wrap .place_dum .map_box{
    height: 400px;
    overflow: hidden;
    border-radius: var(--border-radius1);
}
.wp_wrap .s_location1 .cont_box .place_wrap .place_dum .map_box iframe{
    width: 100%;
    height: 100%;
}
/* #endregion // s_location */


/* #region // s_solution */
/* .wp_wrap .s_solution{}
.wp_wrap .s_solution1{
    height: calc(100dvh - 130px);
}
.wp_wrap .s_solution1 .img_area{}
.wp_wrap .s_solution1 .img_area .img_box{
    height: 500px;
    border-radius: var(--border-radius1);
}
.wp_wrap .s_solution1 .img_area .img_box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.wp_wrap .s_solution1 .txt_area{
    position: absolute;
    top: 60%;
    transform: translateY(-50%);
    left: calc(50% - 700px);
    transition: 0.5s;
}
.wp_wrap .s_solution1 .txt_area .txt_box{}
 */



/* 
 .wp_wrap .s_solution{}
.wp_wrap .s_solution1 .cont_box{
    position: relative;
    height: 100vh !important;
    overflow: hidden;
}
.wp_wrap .s_solution1 .img_area{}
.wp_wrap .s_solution1 .img_area .img_box{
    height: 500px;
    border-radius: var(--border-radius1);
    
    width: 100%;
    max-width: 1800px;
    height: 100dvh;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    border-radius: var(--border-radius2);
}
.wp_wrap .s_solution1 .img_area .img_box .bg{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.35);
    opacity: 0;
    transition: 0.5s;
}
.wp_wrap .s_solution1 .img_area .img_box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    clip-path: inset(230px 0px 230px 0px); 
    transition: 0.5s ease-in-out;
}

.wp_wrap .s_solution1 .txt_area{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: calc(50% - 700px);
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
}
.wp_wrap .s_solution1 .txt_area .stit_box{
    position: relative;

    opacity: 0;
    transition: 0.3s;
}

.wp_wrap .s_solution1 .txt_area .txt_box{
    position: relative;
    margin: 0 0 0 auto;
    width: 50%;
    width: 610px;
    color: #fff;

    opacity: 0;
    transition: 0.3s;
    
}
.wp_wrap .s_solution1 .txt_area .txt_box .tit{
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 25px;
}
.wp_wrap .s_solution1 .txt_area .txt_box .desc{
    font-size: 20px;
    line-height: 1.5;
}
 */








.wp_wrap .s_solution{}
.wp_wrap .s_solution1_cm{}
.wp_wrap .s_solution1_cm .cont_box{
    position: relative;
    overflow: hidden;
    z-index: 10;
    width: 100%;
    max-width: 1800px;
    margin: 0 auto;
    height: 100vh !important;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.wp_wrap .s_solution1_cm .cont_box .rectangle{
    position: absolute;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    /* clip-path: inset(230px 10% 230px 10%); */
    /* -webkit-clip-path: nset(230px 10% 230px 10%); */
    clip-path: inset(30% 10% 30% 10%);
    -webkit-clip-path: inset(30% 10% 30% 10%);
    background-color: #000;
    border-radius: var(--border-radius2);
    overflow: hidden;
    transition: 0.5s ease-out;
}
.wp_wrap .s_solution1_cm .cont_box .rectangle .bg{
    position: absolute;
    width: 100%;
    height: 100%;
}
.wp_wrap .s_solution1_cm .cont_box .rectangle .shadow{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.35);
    opacity: 0;
    transition: 0.5s;
}
.wp_wrap .s_solution1_cm .cont_box .rectangle .bg1{
    background: url(../img/sub/sub_top_img2_1.jpg) center center / cover;
}
.wp_wrap .s_solution1_cm .cont_box .rectangle .bg2{
    background: url(../img/sub/sub_top_img2_2.jpg) center center / cover;
}
.wp_wrap .s_solution1_cm .cont_box .rectangle .bg3{
    background: url(../img/sub/sub_top_img2_3.jpg) center center / cover;
}
.wp_wrap .s_solution1_cm .cont_box .rectangle .bg4{
    background: url(../img/sub/sub_top_img2_4.jpg) center center / cover;
}
.wp_wrap .s_solution1_cm .cont_box .content{
    position: relative;
    width: 100vw;
    max-width: 1530px;
    padding: 0 15px;
    margin: 0 auto;
}
.wp_wrap .s_solution1_cm .cont_box .content .txt_area{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: calc(50% - 700px);
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    /* transition: 1s ease-in-out; */
}
.wp_wrap .s_solution1_cm .cont_box .content .txt_area .stit_box,
.wp_wrap .s_solution1_cm .cont_box .content .txt_area .txt_box{
    position: relative;
    opacity: 0;
    transform: translateY(50px);
    /* transition: 0.3s ease-in-out; */
}
.wp_wrap .s_solution1_cm .cont_box .content .txt_area .stit_box{
    position: relative;
}
.wp_wrap .s_solution1_cm .cont_box .content .txt_area .txt_box{
    position: relative;
    margin: 0 0 0 auto;
    width: 610px;
    color: #fff;    
}
.wp_wrap .s_solution1_cm .cont_box .content .txt_area .txt_box .tit{
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 25px;
}
.wp_wrap .s_solution1_cm .cont_box .content .txt_area .txt_box .desc{
    font-size: 20px;
    line-height: 1.5;
} 



































.wp_wrap .s_solution2{}
.wp_wrap .s_solution2 .inner_box{}
.wp_wrap .s_solution2 .cont_box{}
.wp_wrap .s_solution2 .cont_box .top_box {
    margin-bottom: 200px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
}
.wp_wrap .s_solution2 .cont_box .top_box .lt_box,
.wp_wrap .s_solution2 .cont_box .top_box .rt_box{
    width: calc((100% - 30px) / 2);
}
.wp_wrap .s_solution2 .cont_box .top_box .lt_box .txt_box{}
.wp_wrap .s_solution2 .cont_box .top_box .lt_box .txt_box .tit{
    font-size: 30px;
    font-weight: 600;
    color: #000000;
    margin-bottom: 40px;
}
.wp_wrap .s_solution2 .cont_box .top_box .lt_box .txt_box .desc{
    font-size: 20px;
    color: #000000;
    line-height: 1.6;
}
.wp_wrap .s_solution2 .cont_box .top_box .lt_box .txt_box .desc span{
    font-weight: 700;
}
.wp_wrap .s_solution2 .cont_box .top_box .rt_box{}
.wp_wrap .s_solution2 .cont_box .top_box .rt_box .img_box{
    height: 375px;
    background: #fff;
    overflow: hidden;
}
.wp_wrap .s_solution2 .cont_box .top_box .rt_box .img_box img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.wp_wrap .s_solution2 .cont_box .bot_box {}
.wp_wrap .s_solution2 .cont_box .bot_box .itms{}
.wp_wrap .s_solution2 .cont_box .bot_box .itms>li{
    width: 100%;
    overflow: hidden;
    border-radius: var(--border-radius2);
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    gap: 20px;
    aspect-ratio: auto 1/1;
    background: #F6F6F6;
}
.wp_wrap .s_solution2 .cont_box .bot_box .itms>li .icon_box{}
.wp_wrap .s_solution2 .cont_box .bot_box .itms>li .icon_box img{}
.wp_wrap .s_solution2 .cont_box .bot_box .itms>li .txt{
    text-align: center;
    font-size: 23px;
    font-weight: 600;
    color: #000000;
}


/* #endregion // s_solution */




/* #region // s_portfolio */
.wp_wrap .s_portfolio{}
.wp_wrap .s_portfolio1{}
.wp_wrap .s_portfolio1 .inner_box{}
.wp_wrap .s_portfolio1 .cont_box{}
/* #endregion // s_portfolio */



/* #region // s_research */
.wp_wrap .s_research{}
.wp_wrap .s_research1{}
.wp_wrap .s_research1 .inner_box{}
.wp_wrap .s_research1 .cont_box{}
.wp_wrap .s_research1 .cont_box .table_tit{
    font-size: 16px;
    color: #000000;
    margin-bottom: 10px;
}
/* #endregion // s_research */



/* #region // s_certi */
.wp_wrap .s_certi{}
.wp_wrap .s_certi1{}
.wp_wrap .s_certi1 .inner_box{}
.wp_wrap .s_certi1 .cont_box{}
/* #endregion // s_certi */




/* #region // s_inquiry */
.wp_wrap .s_inquiry {}
.wp_wrap .s_inquiry1 {}
.wp_wrap .s_inquiry1 .inner_box{}
.wp_wrap .s_inquiry1 .cont_box{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 30px;
}
.wp_wrap .s_inquiry1 .cont_box .lt_box{}
.wp_wrap .s_inquiry1 .cont_box .ctt_txt_box{}
.wp_wrap .s_inquiry1 .cont_box .ctt_txt_box .tit{
    font-size: 30px;
    font-weight: 600;
    color: #000000;
    margin-bottom: 35px;
    line-height: 1.3;
}
.wp_wrap .s_inquiry1 .cont_box .ctt_itms{
    display: flex;
    flex-direction: column;
    gap: 20px ;
}
.wp_wrap .s_inquiry1 .cont_box .ctt_itms>li{
    display: flex;
    align-items: center;
    gap: 10px;
}
.wp_wrap .s_inquiry1 .cont_box .ctt_itms>li .icon_box{
    width: 45px;
    height: 45px;
    background: #33A98F;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.wp_wrap .s_inquiry1 .cont_box .ctt_itms>li .icon_box i{
    font-size: 24px;
    color: #fff;
}
.wp_wrap .s_inquiry1 .cont_box .ctt_itms>li a,
.wp_wrap .s_inquiry1 .cont_box .ctt_itms>li p{
    font-size: 20px;
    font-weight: 600;
    color: #000;
}
.wp_wrap .s_inquiry1 .cont_box .rt_box{}
.wp_wrap .s_inquiry1 .cont_box .form_in{
    padding: 40px;
    background: #F6F6F6;
    border-radius: var(--border-radius2);
    min-width: 800px;
}
.wp_wrap .s_inquiry1 .cont_box .form_in .ip_wrap{
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.wp_wrap .s_inquiry1 .cont_box .form_in .ip_wrap .line{}
.wp_wrap .s_inquiry1 .cont_box .form_in .ip_wrap .line2{
    display: flex;
    align-items: stretch;
    gap: 15px;
}
.wp_wrap .s_inquiry1 .cont_box .form_in .ip_wrap .line .ip_itm{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.wp_wrap .s_inquiry1 .cont_box .form_in .ip_wrap .line2 .ip_itm{}
.wp_wrap .s_inquiry1 .cont_box .form_in .ip_wrap .line .ip_itm .ques{
    font-size: 16px;
    color: #000;
}
.wp_wrap .s_inquiry1 .cont_box .form_in .ip_wrap .line .ip_itm .ques .star{
    color: #D40000;
}
.wp_wrap .s_inquiry1 .cont_box .form_in .ip_wrap .line .ip_itm .answ,
.wp_wrap .s_inquiry1 .cont_box .form_in .agr_sbm .agr_box{
    display: flex;
    flex-direction: column;
    gap: 3px;
}
.wp_wrap .s_inquiry1 .cont_box .form_in .ip_wrap .line .ip_itm .answ .ip_box{}
.wp_wrap .s_inquiry1 .cont_box .form_in .ip_wrap .line .ip_itm .answ .ip_box input[type='text'],
.wp_wrap .s_inquiry1 .cont_box .form_in .ip_wrap .line .ip_itm .answ .ta_box textarea,
.wp_wrap .s_inquiry1 .cont_box .form_in .ip_wrap .line .ip_itm .answ .ip_box input[type='file']{
    width: 100%;
    font-size: 16px;
    color: #000;
    outline: none;
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
    border: 1px solid #DEDEDE;
    font-family: "Pretendard", sans-serif;
    font-weight: 400;
    padding: 15px;
    transition: 0.3s;
}
.wp_wrap .s_inquiry1 .cont_box .form_in .ip_wrap .line .ip_itm .answ .ip_box input[type='text']:focus,
.wp_wrap .s_inquiry1 .cont_box .form_in .ip_wrap .line .ip_itm .answ .ta_box textarea:focus,
.wp_wrap .s_inquiry1 .cont_box .form_in .ip_wrap .line .ip_itm .answ .ip_box input[type='file']:focus{
    border: 1px solid #b3b3b3;
}
.wp_wrap .s_inquiry1 .cont_box .form_in .ip_wrap .line .ip_itm .answ .ta_box textarea{
    resize: none;
    min-height: 180px;
}

/* 첨부파일 */
.wp_wrap .s_inquiry1 .cont_box .form_in .ip_wrap .line .ip_itm .answ .ip_box input[type='file']{
    cursor: pointer;
}
.wp_wrap .s_inquiry1 .cont_box .form_in .ip_wrap .line .ip_itm .answ .ip_box input[type='file']::file-selector-button{
    background: #101010;
    width: 90px;
    height: 30px;
    color: #fff;
    font-family: "Pretendard", sans-serif;
    font-weight: 500;
    font-size: 12px;
    display: inline-block;
    margin-right: 30px;
    border: none;
    outline: none;
}


/* 개인정보 동의 / 작성완료 */
.wp_wrap .s_inquiry1 .cont_box .form_in .agr_sbm{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
    padding-top: 30px;
}
.wp_wrap .s_inquiry1 .cont_box .form_in .agr_sbm .agr_box{}
.wp_wrap .s_inquiry1 .cont_box .form_in .agr_sbm .agr_box input[type='checkbox']{
    display: none;
}
.wp_wrap .s_inquiry1 .cont_box .form_in .agr_sbm .agr_box input[type='checkbox'] + label{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    font-size: 16px;
    font-weight: 300;
    color: #000000;
}
.wp_wrap .s_inquiry1 .cont_box .form_in .agr_sbm .agr_box input[type='checkbox'] + label .chk_cst{
    display: inline-block;
    margin-right: 5px;
    width: 19px;
    min-width: 19px;
    height: 19px;
    background: url('../img/icon/s_iq_chk_bf.png') no-repeat center center / cover;
}
.wp_wrap .s_inquiry1 .cont_box .form_in .agr_sbm .agr_box input[type='checkbox']:checked + label .chk_cst{
    background: url('../img/icon/s_iq_chk_at.png') no-repeat center center / cover;
}
.wp_wrap .s_inquiry1 .cont_box .form_in .agr_sbm .agr_box input[type='checkbox'] + label .pvmd_opBtn{
    font-weight: 600;
    text-decoration: underline;
}
.wp_wrap .s_inquiry1 .cont_box .form_in .agr_sbm .sbm_box{}
.wp_wrap .s_inquiry1 .cont_box .form_in .agr_sbm .sbm_box>button{
    width: 230px;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: #33A98F;
    border-radius: var(--border-radius1);
    font-size: 20px;
    font-weight: 500;
    font-family: "Pretendard", sans-serif;
}
/* #endregion // s_inquiry */
/**********************************************************************************************************************/



/**********************************************************************************************************************/
/* 모달 */
/**********************************************************************************************************************/
/* #region // fulmnu_md */
.wp_wrap .fulmnu_md{
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100dvh;
    background: #00204D;
    display: none;
    z-index: 9999;
}
.wp_wrap .fulmnu_md .fulmnu_clsBtn{
    position: absolute;
    top: 28px;
    right: calc(50% - 708px);
    background: transparent;
    z-index: 99;
}
.wp_wrap .fulmnu_md .fulmnu_clsBtn i{
    color: #fff;
    font-size: 45px;

}
.wp_wrap .fulmnu_md .md_outer{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    padding: 0 10px;
}
.wp_wrap .fulmnu_md .md_inner{
    position: relative;
    top: -50px;
    width: 100%;
    max-width: 1400px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.wp_wrap .fulmnu_md .md_inner .ful_logo{
    margin-bottom: 120px;
}
.wp_wrap .fulmnu_md .md_inner .ful_logo img{}
.wp_wrap .fulmnu_md .md_inner .ful_gnb{
    display: flex;
    align-items: flex-start;
    gap: 130px;
}
.wp_wrap .fulmnu_md .md_inner .ful_gnb .ful_m_list{}
.wp_wrap .fulmnu_md .md_inner .ful_gnb .ful_m_list>p{
    font-size: 36px;
    color: #fff;
    margin-bottom: 30px;
}
.wp_wrap .fulmnu_md .md_inner .ful_gnb .ful_m_list .ful_sub_mnu{}
.wp_wrap .fulmnu_md .md_inner .ful_gnb .ful_m_list .ful_sub_mnu>li{
    margin-bottom: 30px;
}
.wp_wrap .fulmnu_md .md_inner .ful_gnb .ful_m_list .ful_sub_mnu>li:last-child{
    margin-bottom: 0;
}
.wp_wrap .fulmnu_md .md_inner .ful_gnb .ful_m_list .ful_sub_mnu>li>a{
    font-size: 20px;
    color: #fff;
    transition: 0.3s;
}
.wp_wrap .fulmnu_md .md_inner .ful_gnb .ful_m_list .ful_sub_mnu>li>a:hover{
    color: #33A98F;
}
/* #endregion // fulmnu_md */


/* #region // pv_md */
.wp_wrap .pv_md {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.7);
    z-index: 10000;
    display: none;
}
.wp_wrap .pv_md.on {
    display: block;
}
.wp_wrap .pv_md .md_outer {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 0 15px;
}
.wp_wrap .pv_md .md_outer .width_inner {
    position: relative;
    max-width: 1100px;
    width: 100%;
    height: 80vh;
    background: #fff;
    padding: 30px 40px 60px 40px;
}
.wp_wrap .pv_md .md_outer .width_inner .icon_box {
    position: absolute;
    top: 25px;
    right: 25px;
    z-index: 1000;
    background: transparent;
}
.wp_wrap .pv_md .md_outer .width_inner .icon_box i {
    border: 2px solid #999999;
    border-radius: 50%;
    padding: 6px;
    font-size: 18px;
    color: #999999;
    font-weight: 900;
}
.wp_wrap .pv_md .md_outer .width_inner .md_inner {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 15px;
}
.wp_wrap .pv_md .md_outer .width_inner .md_inner p {
    font-size: 33px;
    font-weight: 600;
}
.wp_wrap .pv_md .md_outer .width_inner .md_inner .txt_box {
    border: 1px solid #ddd;
    width: 100%;
    height: 100%;
    padding: 15px;
    overflow-y: auto;
}.wp_wrap .pv_md .md_outer .width_inner .md_inner .txt_box::-webkit-scrollbar {
    width: 6px;
}
.wp_wrap .pv_md .md_outer .width_inner .md_inner .txt_box::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #33A98F;
    cursor: pointer;
}
.wp_wrap .pv_md .md_outer .width_inner .md_inner .txt_box::-webkit-scrollbar-track {
    background-color: #fff;
}
.wp_wrap .pv_md .md_outer .width_inner .md_inner .txt_box .txt_body pre {
    font-weight: 400;
    font-family: "Pretendard", sans-serif;
    font-size: 17px;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    white-space: pre-wrap;
    word-wrap: break-word;
    line-height: 1.4;
}
.wp_wrap .pv_md .md_outer .width_inner .md_inner .txt_box .txt_body pre .cicnum {
    position: relative;
    display: inline-block;
    top: -1px;
    font-size: 13px;
}
/* #endregion // pv_md */

/**********************************************************************************************************************/