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

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

/* SUIT - Static */
/* <!-- 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; */

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

/* SUITE - Static */     
/* <!-- 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; */

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

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Thin.woff') format('woff'),
    url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Thin.woff') format('woff'),
    url('/_wp/font/pretendard/Pretendard-Thin.woff2') format('woff2');
    font-weight: 100;
    font-style: normal;
    font-display: swap; /* 폰트 로딩 중에도 텍스트가 보이게 설정 */
}


@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraLight.woff') format('woff'),
    url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraLight.woff') format('woff'),
    url('/_wp/font/pretendard/Pretendard-ExtraLight.woff2') format('woff2');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Light.woff') format('woff'),
    url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Light.woff') format('woff'),
    url('/_wp/font/pretendard/Pretendard-Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff'),
    url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff'),
    url('/_wp/font/pretendard/Pretendard-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Medium.woff') format('woff'),
    url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Medium.woff') format('woff'),
    url('/_wp/font/pretendard/Pretendard-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-SemiBold.woff') format('woff'),
    url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-SemiBold.woff') format('woff'),
    url('/_wp/font/pretendard/Pretendard-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff'),
    url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff'),
    url('/_wp/font/pretendard/Pretendard-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraBold.woff') format('woff'),
    url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraBold.woff') format('woff'),
    url('/_wp/font/pretendard/Pretendard-ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Black.woff') format('woff'),
    url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Black.woff') format('woff'),
    url('/_wp/font/pretendard/Pretendard-Black.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}


:root {
    --main-color: #2e8ce4;
    --fw-thin: 100;
    --fw-extralight: 200;
    --fw-light: 300;
    --fw-regular: 400;
    --fw-medium: 500;
    --fw-semibold: 600;
    --fw-bold: 700;
    --fw-semibold: 800;
    --fw-black: 900;
}


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

.wp_wrap{
    font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, system-ui, Roboto, sans-serif;
    font-weight: 400;
    word-break: keep-all;
    overflow: clip;
}

.wp_wrap .cm_inner{
    max-width: 1310px;
    width: 100%;
    padding: 0 15px;
    margin: 0 auto;
}

html.modal-open{
    overflow: hidden;
}

.wp_wrap .cm_sec{
    padding: 120px 0;
}







.wp_wrap .cm_more_btn{}
.wp_wrap .m_about .cm_more_btn{
    margin-top: 80px;
}
.wp_wrap .cm_more_btn>a{
    display: inline-flex;
    align-items: center;
    gap: 12px;
}
.wp_wrap .cm_more_btn>a .txt{
    font-size: 15px;
    font-weight: 500;
    line-height: 1.45;
    color: #505050;
}
.wp_wrap .cm_more_btn>a .icon_box{
    width: 22px;
    min-width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #999;
    border-radius: 50%;
    border: 1px solid #A5A5AF;
    transition: 0.3s;
}
.wp_wrap .cm_more_btn>a:hover .icon_box{
    background: #2e8ce4;
    border: 1px solid #2e8ce4;
}
.wp_wrap .cm_more_btn>a .icon_box i{
    color: #fff;
    font-size: 14px;
    transform: rotate(0);
    transition: 0.3s;
}
.wp_wrap .cm_more_btn>a:hover .icon_box i{
    transform: rotate(90deg);
}







.wp_wrap .stit_box{
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin-bottom: 80px;
}
.wp_wrap .s_sup1 .stit_box{
    margin-bottom: 130px;
}
.wp_wrap .stit_box .en{
    font-size: 15px;
    font-weight: 600;
    line-height: 1.45;
    color: #2e8ce4;
}
.wp_wrap .stit_box .tit{
    font-size: 40px;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: -0.8px;
    color: #111;
}
.wp_wrap .s_intro2 .stit_box .tit,
.wp_wrap .s_sup2 .stit_box .tit{
    display: flex;
    align-items: center;
    gap: 15px;
    width: 100%;
    white-space: nowrap;
}
.wp_wrap .stit_box .desc{
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    color: #505050;
    margin-top: 16px;
}
.wp_wrap .s_intro2 .stit_box .tit .line,
.wp_wrap .s_sup2 .stit_box .tit .line{
    position: relative;
    flex: 1;
    height: 2px;
} 

.wp_wrap .s_intro2 .stit_box .tit .line span,
.wp_wrap .s_sup2 .stit_box .tit .line span{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: calc(100% + ((100vw - 1280px) / 2));
    height: 100%;
    background: #f7f7fb;
}
/**********************************************************************************************************************/



/**********************************************************************************************************************/
/* 헤더 */
/**********************************************************************************************************************/
/* #region // header */
.wp_wrap header{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    height: 100px;
    /* transition: background-color 0.3s ease, box-shadow 0.3s ease; */
}
.wp_wrap header .h_inner{
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100px;
}
.wp_wrap header .h_lt{}
.wp_wrap header .h_logo{}
.wp_wrap header .h_logo a{
    display: flex;
    align-items: center;
    gap: 10px;
}
.wp_wrap header .h_logo .img_box{
    position: relative;
    flex-shrink: 0;
    width: 180px;
    height: 42px;
}
.wp_wrap header .h_logo .img_box img{
    width: 100%;
    height: auto;
    object-fit: cover;
}
.wp_wrap header .h_logo .h_blogo{
    display: none;
}
.wp_wrap header .h_logo .logo_txt{
    font-size: 20px;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: -0.4px;
    color: #fff;
    transition: color 0.3s ease;
}
.wp_wrap header .h_rt{
    display: flex;
    align-items: center;
    gap: 40px;
}
.wp_wrap header nav{}
.wp_wrap header .gnb{
    display: flex;
    align-items: center;
}
.wp_wrap header .gnb > .m_list{
    position: relative;
    width: 200px;
}
.wp_wrap header .gnb > .m_list > a{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100px;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.4;
    color: #fff;
    transition: color 0.3s ease;
}
.wp_wrap header .gnb .sub_mnu{
    display: none;
    position: absolute;
    top: 100px;
    left: 0;
    z-index: 1;
    flex-direction: column;
    align-items: center;
    width: 200px;
    padding: 16px 4px;
    height: 170px;
}
.wp_wrap header .gnb .sub_mnu::after{
    content: "";
    opacity: 0;
    transition: opacity 0.2s;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    background-color: #e3f2fd;
    pointer-events: none;
}
.wp_wrap header.gnb_on .gnb > .m_list.on .sub_mnu::after{
    opacity: 1;
}
.wp_wrap header .gnb .sub_mnu li{
    position: relative;
    z-index: 1;
    width: 100%;
    text-align: center;
    margin-bottom: 16px;
}

.wp_wrap header .gnb .sub_mnu li:last-child{
    margin-bottom: 0;
}
.wp_wrap header .gnb .sub_mnu li a{
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    color: #505050;
    text-align: center;
    transition: color 0.3s ease;
}
.wp_wrap header .gnb .sub_mnu li a:hover{
    font-weight: 500;
    color: #111;
}
.wp_wrap header .util{
    display: flex;
    align-items: center;
    gap: 16px;
    display: none;
}
.wp_wrap header .mnu_opBtn{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    background: transparent;
}
.wp_wrap header .mnu_opBtn .img_box{
    width: 24px;
    height: 24px;
}
.wp_wrap header .mnu_opBtn .img_box img{
    width: 100%;
    height: 100%;
}
.wp_wrap header .mnu_opBtn .icon_b{
    display: none;
}
.wp_wrap header .sub_mnu_bg{
    display: none;
    overflow: hidden;
    position: absolute;
    top: 100px;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 170px;
    background-color: #f7f7fb;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.wp_wrap header.scroll,
.wp_wrap header.gnb_on{
    background-color: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.wp_wrap header.scroll .h_logo .h_wlogo,
.wp_wrap header.gnb_on .h_logo .h_wlogo{
    display: none;
}
.wp_wrap header.scroll .h_logo .h_blogo,
.wp_wrap header.gnb_on .h_logo .h_blogo{
    display: block;
}
/* .wp_wrap header.scroll .h_logo .logo_txt,
.wp_wrap header.gnb_on .h_logo .logo_txt{
    color: #111;
} */
.wp_wrap header.scroll .gnb > .m_list > a,
.wp_wrap header.gnb_on .gnb > .m_list > a{
    color: #111;
}
.wp_wrap header.scroll .mnu_opBtn .icon_w,
.wp_wrap header.gnb_on .mnu_opBtn .icon_w{
    display: none;
}
.wp_wrap header.scroll .mnu_opBtn .icon_b,
.wp_wrap header.gnb_on .mnu_opBtn .icon_b{
    display: block;
}
.wp_wrap header.gnb_on .gnb > .m_list.on > a{
    color: #2e8ce4;
}
/* #endregion // header */
/**********************************************************************************************************************/


/**********************************************************************************************************************/
/* 모바일 메뉴 */
/**********************************************************************************************************************/
/* #region // mo_mnu */
.wp_wrap .mo_mnu{
    position: fixed;
    inset: 0;
    z-index: 200;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}
.wp_wrap .mo_mnu.on{
    opacity: 1;
    visibility: visible;
}
.wp_wrap .mo_mnu .mnu_inner{
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 350px;
    height: 100%;
    background-color: #fff;
    transform: translateX(100%);
    transition: transform 0.3s ease;
}
.wp_wrap .mo_mnu.on .mnu_inner{
    transform: translateX(0);
}
.wp_wrap .mo_mnu .mnu_hd{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-shrink: 0;
    height: 74px;
    padding: 20px;
}
.wp_wrap .mo_mnu .momnu_clsBtn{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    font-size: 27px;
    line-height: 1;
    color: #a5a5af;
    background: transparent;
}
.wp_wrap .mo_mnu .mnu_bd{
    flex: 1;
    overflow-y: auto;
}
.wp_wrap .mo_mnu .mo_gnb{}
.wp_wrap .mo_mnu .mo_gnb > .mo_m_list{}
.wp_wrap .mo_mnu .mo_gnb > .mo_m_list > p{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 12px 20px;
    border-top: 1px solid #f1f1f5;
    border-bottom: 1px solid #f1f1f5;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.4;
    color: #111;
    cursor: pointer;
}
.wp_wrap .mo_mnu .mo_gnb > .mo_m_list + .mo_m_list > p{
    border-top: 0;
}
.wp_wrap .mo_mnu .mo_gnb > .mo_m_list > p .xi-angle-down{
    display: inline-block;
    font-size: 13px;
    line-height: 1;
    color: #ddd;
    transition: transform 0.3s ease, color 0.3s ease;
}
.wp_wrap .mo_mnu .mo_gnb > .mo_m_list.on > p{
    color: #2e8ce4;
}
.wp_wrap .mo_mnu .mo_gnb > .mo_m_list.on > p .xi-angle-down{
    color: #2e8ce4;
    transform: rotate(180deg);
}
.wp_wrap .mo_mnu .mo_sub_mnu{
    display: none;
    width: 100%;
    padding: 20px;
    background-color: #f7f7fb;
}
.wp_wrap .mo_mnu .mo_sub_mnu li{
    margin-bottom: 16px;
}
.wp_wrap .mo_mnu .mo_sub_mnu li:last-child{
    margin-bottom: 0;
}
.wp_wrap .mo_mnu .mo_sub_mnu li a{
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    color: #505050;
    transition: color 0.3s ease, font-weight 0.3s ease;
}
.wp_wrap .mo_mnu .mo_sub_mnu li a::before{
    content: "";
    flex-shrink: 0;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #999;
}
.wp_wrap .mo_mnu .mo_sub_mnu li a:hover,
.wp_wrap .mo_mnu .mo_sub_mnu li.on a{
    font-weight: 500;
    color: #111;
}
/* #endregion // mo_mnu */
/**********************************************************************************************************************/


/**********************************************************************************************************************/
/* 푸터 */
/**********************************************************************************************************************/
/* #region // footer */
.wp_wrap footer{
    padding: 60px 0;
    background-color: #06192e;
}
.wp_wrap footer .f_inner{
    display: flex;
    gap: 160px;
    align-items: flex-start;
}
.wp_wrap footer .f_lt{}
.wp_wrap footer .f_logo{
    display: flex;
    align-items: center;
    gap: 10px;
}
.wp_wrap footer .f_logo .img_box{
    flex-shrink: 0;
    width: 180px;
    height: 42px;
}
.wp_wrap footer .f_logo .img_box img{
    width: 100%;
    height: auto;
    object-fit: cover;
}
/* .wp_wrap footer .f_logo .tit{
    font-size: 20px;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: -0.4px;
    color: #fff;
} */
.wp_wrap footer .f_rt{
    flex: 1;
}
.wp_wrap footer .f_rt .info{}
.wp_wrap footer .f_rt .info ul{
    display: flex;
    flex-wrap: wrap;
    gap: 4px 24px;
    margin-bottom: 4px;
}
.wp_wrap footer .f_rt .info ul li{
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}
.wp_wrap footer .f_rt .info ul li,
.wp_wrap footer .f_rt .info ul li a{
    font-size: 16px;
    line-height: 1.4;
    color: #999;
}
.wp_wrap footer .f_rt .info ul li .label{
    font-weight: 600;
}
.wp_wrap footer .f_rt .info ul li .val{
    font-weight: 400;
}
.wp_wrap footer .f_rt .copy{
    margin-top: 16px;
    padding-top: 9px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.45;
    color: rgba(153, 153, 153, 0.5);
}
.wp_wrap footer .f_rt .copy a{
    color: #143355;
}



/* totop */
.wp_wrap .totop{
    position: fixed;
    bottom: 40px;
    right: 40px;
    background: transparent;
}
.wp_wrap .totop .in{
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background:#2e8ce4;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    transition: 0.3s ease-in-out;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    color: #fff;
}
.wp_wrap .totop .in i{
    font-size: 20px;
}
/* #endregion // footer */
/**********************************************************************************************************************/


/**********************************************************************************************************************/
/* 메인 */
/**********************************************************************************************************************/
/* #region // m_visual */
.wp_wrap .m_visual{
    position: relative;
}
.wp_wrap .m_visual .visual_slider{
    width: 100%;
    height: 100%;
}
.wp_wrap .m_visual .visual_slider.swiper-fade .swiper-slide{
    pointer-events: none;
}
.wp_wrap .m_visual .visual_slider.swiper-fade .swiper-slide-active{
    pointer-events: auto;
}
.wp_wrap .m_visual .swiper-slide{
    position: relative;
    height: 100dvh;
    overflow: hidden;
}
.wp_wrap .m_visual .slide_bg{
    position: absolute;
    inset: 0;
}
.wp_wrap .m_visual .slide_bg .img_box{
    width: 100%;
    height: 100%;
}
.wp_wrap .m_visual .slide_bg .img_box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center bottom;
    transform: scale(1.07);
    transition: 4s;
}
.wp_wrap .m_visual .cm_inner{
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 100%;
    max-width: 1280px;
}
.wp_wrap .m_visual .txt_box{
    text-align: right;
    color: #fff;
}
.wp_wrap .m_visual .txt_box .sub_tit,
.wp_wrap .m_visual .txt_box .tit,
.wp_wrap .m_visual .txt_box .txt{
    overflow: hidden;
}
.wp_wrap .m_visual .txt_box .sub_tit>p,
.wp_wrap .m_visual .txt_box .tit>p,
.wp_wrap .m_visual .txt_box .txt>p{
    opacity: 0;
    transform: translateY(100%);
}
.wp_wrap .m_visual .txt_box .sub_tit>p{
    transition-delay: 0s;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.4;
}
.wp_wrap .m_visual .txt_box .tit>p{
    transition-delay: 0s;
    font-size: 64px;
    font-weight: 600;
    line-height: 1.3;
}
.wp_wrap .m_visual .txt_box .txt>p{
    transition-delay: 0s;
    margin-top: 16px;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: -0.18px;
}


.wp_wrap .m_visual .swiper-slide-active .slide_bg .img_box img,
.wp_wrap .m_visual .swiper-slide-duplicate-active .slide_bg .img_box img{
    transform: scale(1);
}
.wp_wrap .m_visual .swiper-slide-active .txt_box .sub_tit>p,
.wp_wrap .m_visual .swiper-slide-duplicate-active .txt_box .sub_tit>p,
.wp_wrap .m_visual .swiper-slide-active .txt_box .tit>p,
.wp_wrap .m_visual .swiper-slide-duplicate-active .txt_box .tit>p,
.wp_wrap .m_visual .swiper-slide-active .txt_box .txt>p,
.wp_wrap .m_visual .swiper-slide-duplicate-active .txt_box .txt>p{
    opacity: 1;
    transform: translateY(0);
    transition: opacity 0.8s ease, transform 0.8s ease;
}
.wp_wrap .m_visual .swiper-slide-active .txt_box .sub_tit>p,
.wp_wrap .m_visual .swiper-slide-duplicate-active .txt_box .sub_tit>p{
    transition-delay: 0.2s;
}
.wp_wrap .m_visual .swiper-slide-active .txt_box .tit>p,
.wp_wrap .m_visual .swiper-slide-duplicate-active .txt_box .tit>p{
    transition-delay: 1s;
}
.wp_wrap .m_visual .swiper-slide-active .txt_box .txt>p,
.wp_wrap .m_visual .swiper-slide-duplicate-active .txt_box .txt>p{
    transition-delay: 1.8s;
}
.wp_wrap .m_visual .visual_paging{
    position: absolute;
    top: 50%;
    left: calc(50% + 790px);
    bottom: unset;
    right: unset;
    z-index: 3;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    gap: 23px;
    width: auto;
}
.wp_wrap .m_visual .visual_paging .swiper-pagination-bullet{
    position: relative;
    width: 13px;
    height: 13px;
    margin: 0;
    background-color: #fff;
    opacity: 1;
    border-radius: 50%;
}
.wp_wrap .m_visual .visual_paging .swiper-pagination-bullet-active{
    background-color: #2e8ce4;
}
.wp_wrap .m_visual .visual_paging .swiper-pagination-bullet-active::after{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 31px;
    height: 31px;
    border: 1px solid #2e8ce4;
    border-radius: 50%;
    transform: translate(-50%, -50%);
}
.wp_wrap .m_visual .scroll_btn{
    position: absolute;
    bottom: 60px;
    left: 50%;
    z-index: 3;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    transform: translateX(-50%);
}
.wp_wrap .m_visual .scroll_btn .mouse{
    position: relative;
    width: 17px;
    height: 30px;
    border: 1px solid #fff;
    border-radius: 8px;
}
.wp_wrap .m_visual .scroll_btn .wheel{
    position: absolute;
    top: 4px;
    left: 50%;
    width: 9px;
    height: 9px;
    background-color: rgba(255, 255, 255, 0.4);
    border-radius: 50%;
    transform: translateX(-50%);
    animation: visualScroll 1.5s infinite;
}
.wp_wrap .m_visual .scroll_btn .txt{
    font-size: 12px;
    font-weight: 500;
    line-height: 1.45;
    color: #fff;
}
@keyframes visualScroll{
    0%{
        top: 4px;
        opacity: 1;
    }
    100%{
        top: 12px;
        opacity: 0.3;
    }
}
/* #endregion // m_visual */
/**********************************************************************************************************************/


/**********************************************************************************************************************/
/* m_about */
/**********************************************************************************************************************/
/* #region // m_about */
.wp_wrap .m_about{
    scroll-margin-top: 100px;
    background-color: #fff;
}
.wp_wrap .m_about .inner_box{}
.wp_wrap .m_about .cont_box{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 80px;
}
.wp_wrap .m_about .lt_area{
    flex-shrink: 0;
    width: 396px;
    padding-top: 0;
}
.wp_wrap .m_about .lt_area .mtit_box{}
.wp_wrap .m_about .lt_area .mtit_box .sub_tit{
    font-size: 15px;
    font-weight: 600;
    line-height: 1.45;
    color: #2e8ce4;
}
.wp_wrap .m_about .lt_area .mtit_box .tit{
    font-size: 48px;
    font-weight: 500;
    line-height: 1.3;
    letter-spacing: -0.96px;
    color: #111;
}
.wp_wrap .m_about .lt_area .txt_box{
    margin-top: 32px;
}
.wp_wrap .m_about .lt_area .txt_box p{
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    color: #505050;
}
.wp_wrap .m_about .lt_area .txt_box p + p{
    margin-top: 12px;
}
.wp_wrap .m_about .lt_area .txt_box .txt3 strong{
    font-weight: 600;
    color: #111;
}
.wp_wrap .m_about .rt_area{
    flex-shrink: 0;
    width: 775px;
}
.wp_wrap .m_about .rt_area .img_box{
    overflow: hidden;
    width: 100%;
    height: 480px;
    border-radius: 16px;
}
.wp_wrap .m_about .rt_area .img_box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center bottom;
    /* clip-path: inset(0 0 0 100%); */
    /* clip-path: inset(0 100% 0 0); */
}


/* #endregion // m_about */
/**********************************************************************************************************************/


/**********************************************************************************************************************/
/* m_bsn */
/**********************************************************************************************************************/
/* #region // m_bsn */
.wp_wrap .m_bsn{
    position: relative;
    height: 300px;
}
.wp_wrap .m_bsn .bg_box{
    position: absolute;
    inset: 0;
}
.wp_wrap .m_bsn .bg_box .img_box{
    width: 100%;
    height: 100%;
}
.wp_wrap .m_bsn .bg_box .img_box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: left 63%;
}
.wp_wrap .m_bsn .bg_box .dim{
    position: absolute;
    inset: 0;
    background-color: rgba(7, 30, 56, 0.92);
}
.wp_wrap .m_bsn .cm_inner{
    position: relative;
    z-index: 2;
    height: 100%;
}
.wp_wrap .m_bsn .inner_box{
    height: 100%;
}
.wp_wrap .m_bsn .cont_box{
    display: flex;
    align-items: center;
    height: 100%;
}
.wp_wrap .m_bsn .bsn_list{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    width: 100%;
}
.wp_wrap .m_bsn .bsn_item{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
    width: 230px;
    padding: 24px;
}
.wp_wrap .m_bsn .bsn_item .ico_box{}
.wp_wrap .m_bsn .bsn_item .ico_box .img_box{
    width: 20px;
    height: 20px;
}
.wp_wrap .m_bsn .bsn_item .ico_box .img_box img{
    width: 100%;
    height: 100%;
}
.wp_wrap .m_bsn .bsn_item .num_box{
    display: flex;
    align-items: center;
    gap: 8px;
}
.wp_wrap .m_bsn .bsn_item .num_box .num{
    font-size: 32px;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: -0.64px;
    color: #fff;
}
.wp_wrap .m_bsn .bsn_item .num_box .unit{
    font-size: 20px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: -0.4px;
    color: #fff;
}
.wp_wrap .m_bsn .bsn_item .info_box{
    text-align: center;
}
.wp_wrap .m_bsn .bsn_item .info_box .tit{
    font-size: 15px;
    font-weight: 600;
    line-height: 1.45;
    color: rgba(255, 255, 255, 0.8);
}
.wp_wrap .m_bsn .bsn_item .info_box .txt{
    font-size: 12px;
    font-weight: 600;
    line-height: 1.45;
    color: #999;
}
.wp_wrap .m_bsn .bsn_divider{
    flex-shrink: 0;
    width: 1px;
    height: 40px;
}
.wp_wrap .m_bsn .bsn_divider .img_box{
    width: 100%;
    height: 100%;
}
.wp_wrap .m_bsn .bsn_divider .img_box img{
    width: 100%;
    height: 100%;
}
/* #endregion // m_bsn */
/**********************************************************************************************************************/


/**********************************************************************************************************************/
/* m_product */
/**********************************************************************************************************************/
/* #region // m_product */
.wp_wrap .m_product{
    background-color: #f1f1f5;
}
.wp_wrap .m_product .inner_box{}
.wp_wrap .m_product .cont_box{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 48px;
}
.wp_wrap .m_product .mtit_box{}
.wp_wrap .m_product .mtit_box .tit{
    font-size: 48px;
    font-weight: 500;
    line-height: 1.3;
    letter-spacing: -0.96px;
    color: #111;
    text-align: center;
}
.wp_wrap .m_product .prd_list{
    display: flex;
    gap: 16px;
}
.wp_wrap .m_product .prd_item{
    flex: 1;
    min-width: 0;
    transition: flex 0.5s;
    cursor: pointer;
}
.wp_wrap .m_product .prd_item:hover,
.wp_wrap .m_product .prd_item:focus-within{
    flex: 3;
}
.wp_wrap .m_product .prd_item .li_in{
    position: relative;
    display: block;
    overflow: hidden;
    height: 362px;
    border-radius: 12px;
}
.wp_wrap .m_product .prd_item .img_box{
    width: 100%;
    height: 100%;
}
.wp_wrap .m_product .prd_item .img_box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.wp_wrap .m_product .prd_item .overlay{
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    inset: 0;
    padding: 0 20px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0.48%, rgba(0, 0, 0, 0.18) 50%, rgba(0, 0, 0, 0.18) 51%, rgba(0, 0, 0, 0) 100%);
    transition: background 0.4s;
}
.wp_wrap .m_product .prd_item:hover .overlay,
.wp_wrap .m_product .prd_item:focus-within .overlay{
    background: rgba(0, 0, 0, 0.8);
}
.wp_wrap .m_product .prd_item .overlay .info_box{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0;
    width: 100%;
    max-width: 350px;
    transition: gap 0.4s;
}
.wp_wrap .m_product .prd_item:hover .overlay .info_box,
.wp_wrap .m_product .prd_item:focus-within .overlay .info_box{
    gap: 40px;
}
.wp_wrap .m_product .prd_item .overlay .txt_box{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    width: 100%;
    text-align: center;
}
.wp_wrap .m_product .prd_item .overlay .name{
    font-size: 32px;
    font-weight: 600;
    line-height: 1.3;
    color: #fff;
    white-space: nowrap;
}
.wp_wrap .m_product .prd_item .overlay .desc{
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4;
    color: #fff;
    transition: max-height 0.4s, opacity 0.4s;
}
.wp_wrap .m_product .prd_item:hover .overlay .desc,
.wp_wrap .m_product .prd_item:focus-within .overlay .desc{
    max-height: 50px;
    opacity: 1;
}
.wp_wrap .m_product .prd_item .overlay .icon_box{
    overflow: hidden;
    width: 40px;
    height: 0;
    opacity: 0;
    transition: height 0.4s, opacity 0.4s;
}
.wp_wrap .m_product .prd_item:hover .overlay .icon_box,
.wp_wrap .m_product .prd_item:focus-within .overlay .icon_box{
    height: 40px;
    opacity: 1;
}
.wp_wrap .m_product .prd_item .overlay .icon_box img{
    display: block;
    width: 40px;
    height: 40px;
}
/* #endregion // m_product */
/**********************************************************************************************************************/


/**********************************************************************************************************************/
/**********************************************************************************************************************/
/* form_box */
/**********************************************************************************************************************/
/* #region // form_box */
.wp_wrap .form_box{}
.wp_wrap .form_box .form_in{}
.wp_wrap .form_box .form_row{
    position: relative;
    display: flex;
    align-items: center;
    gap: 4px;
}
.wp_wrap .m_contact .form_box .form_row{
    padding-bottom: 24px;
}
.wp_wrap .s_contact .form_box .form_row{
    padding-bottom: 16px;
}
.wp_wrap .form_box .form_row.form_row_textarea{
    align-items: center;
}

.wp_wrap .form_box .ip_alert{
    position: absolute;
    left: 100px;
}
.wp_wrap .m_contact .form_box .ip_alert{
    bottom: 7px;
}
.wp_wrap .s_contact .form_box .ip_alert{
    bottom: 1px;
}
.wp_wrap .form_box .ip_alert2{
    right: 0;
    left: auto !important;
}
.wp_wrap .s_contact .form_box .ip_alert2{
    bottom: 1px;
}
.wp_wrap .form_box .ip_alert>span{
    font-size: 12px;
    color: #ffee00 !important;
}


.wp_wrap .form_box .label_box{
    display: flex;
    align-items: center;
    flex-shrink: 0;
    gap: 8px;
    width: 92px;
}
.wp_wrap .form_box .label_box .ico{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    min-width: 24px;
    width: 24px;
    height: 24px;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 50%;
}
.wp_wrap .form_box .label_box .ico .img_box{
    width: 15px;
    height: 15px;
}
.wp_wrap .form_box .label_box .ico .img_box img{
    width: 100%;
    height: 100%;
}
.wp_wrap .form_box .label_box label{
    width: 60px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4;
    color: #fff;
}
.wp_wrap .form_box .form_row input,
.wp_wrap .form_box .form_row textarea{
    flex: 1;
    width: 100%;
    min-width: 0;
    height: 50px;
    padding: 11px 12px;
    border: none;
    border-radius: 4px;
    background-color: rgba(255, 255, 255, 0.15);
    font-size: 15px;
    font-weight: 400;
    line-height: 1.45;
    color: #fff;
}
.wp_wrap .form_box .form_row input:focus,
.wp_wrap .form_box .form_row textarea:focus{
    outline: 1px solid var(--main-color);
}
.wp_wrap .form_box .form_row textarea{
    min-height: 90px !important;
    resize: none;
}
.wp_wrap .form_box .form_row input::placeholder,
.wp_wrap .form_box .form_row textarea::placeholder{
    color: rgba(255, 255, 255, 0.6);
}
.wp_wrap .form_box .form_agree .in{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 5px;
}
.wp_wrap .form_box .form_agree{
    position: relative;
    padding-bottom: 24px;
}
.wp_wrap .s_contact1 .form_box .form_agree{
    padding-bottom: 16px;
}
.wp_wrap .form_box .form_agree input[type="checkbox"]{
    display: none;
}
.wp_wrap .form_box .form_agree label{
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    color: #fff;
}
.wp_wrap .form_box .form_agree label .chk_cst{
    position: relative;
    display: inline-block;
    flex-shrink: 0;
    width: 12px;
    min-width: 12px;
    height: 12px;
    margin-right: 4px;
    border: 1px solid #ddd;
    border-radius: 50%;
    background: transparent;
}
.wp_wrap .form_box .form_agree input[type="checkbox"] + label .chk_cst::after{
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #ddd;
    opacity: 0;
    transform: translate(-50%, -50%);
}
.wp_wrap .form_box .form_agree input[type="checkbox"]:checked + label .chk_cst::after{
    opacity: 1;
}
.wp_wrap .form_box .form_agree .pvmd_opBtn{
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #999;
}
.wp_wrap .form_box .submit_btn{
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(100% - 96px);
    margin-left: auto;
    padding: 12px 32px;
    border-radius: 4px;
    background-color: #0c2f56;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.45;
    color: #fff;
}


.wp_wrap .form_box .form_row.form_row_file .file_box{
  flex: 1;
  min-width: 0;
  position: relative;
  width: 100%;
}
.wp_wrap .form_box .form_row .file_input{
  font-size: 14px; 
  color: rgba(255, 255, 255, 0.6);
}
.wp_wrap .form_box .form_row .file_input::file-selector-button{
  height: 28px;
  margin-right: 12px;
  padding: 0 12px;
  border: none;
  border-radius: 4px;
  background-color: rgba(255, 255, 255, 0.8);
  font-size: 13px;
  font-weight: 500;
  color: #111;
  cursor: pointer;
}
/* #endregion // form_box */
/**********************************************************************************************************************/

/* m_contact */
/**********************************************************************************************************************/
/* #region // m_contact */
.wp_wrap .m_contact{
    position: relative;
    padding: 160px 0;
}
.wp_wrap .m_contact .bg_box{
    position: absolute;
    inset: 0;
}
.wp_wrap .m_contact .bg_box .img_box{
    width: 100%;
    height: 100%;
}
.wp_wrap .m_contact .bg_box .img_box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.wp_wrap .m_contact .bg_box .dim{
    position: absolute;
    inset: 0;
    background: linear-gradient(153deg, rgba(7, 36, 74, 0.9) 0%, rgba(13, 59, 115, 0.9) 50%, rgba(15, 77, 148, 0.9) 100%);
}
.wp_wrap .m_contact .cm_inner{
    position: relative;
    z-index: 2;
}
.wp_wrap .m_contact .cont_box,
.wp_wrap .s_contact1 .cont_box{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 80px;
}
.wp_wrap .m_contact .lt_area{
    flex-shrink: 0;
    width: 600px;
    padding-top: 30px;
}
.wp_wrap .m_contact .lt_area .tit_box,
.wp_wrap .s_contact1 .lt_area .tit_box{}
.wp_wrap .m_contact .lt_area .tit_box .tit,
.wp_wrap .s_contact1 .lt_area .tit_box .tit{
    font-size: 48px;
    font-weight: 500;
    line-height: 1.3;
    letter-spacing: -0.96px;
    color: #fff;
}
.wp_wrap .m_contact .lt_area .tit_box .txt,
.wp_wrap .s_contact1 .lt_area .tit_box .txt{
    margin-top: 8px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    color: rgba(255, 255, 255, 0.8);
}
.wp_wrap .m_contact .lt_area .info_list{
    margin-top: 80px;
}
.wp_wrap .s_contact1 .lt_area .info_list{
    margin-top: 50px;
}
.wp_wrap .m_contact .lt_area .info_list li,
.wp_wrap .s_contact1 .lt_area .info_list li{
    display: flex;
    align-items: flex-start;
    gap: 12px;
}
.wp_wrap .m_contact .lt_area .info_list li + li,
.wp_wrap .s_contact1 .lt_area .info_list li + li{
    margin-top: 8px;
}
.wp_wrap .m_contact .lt_area .info_list li .dot,
.wp_wrap .s_contact1 .lt_area .info_list li .dot{
    flex-shrink: 0;
    width: 8px;
    height: 8px;
    background-color: #2e8ce4;
    border-radius: 50%;
    display: inline-block;
    margin-top: 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: 16px;
    font-weight: 400;
    line-height: 1.4;
    color: #fff;
}
.wp_wrap .m_contact .rt_area{
    flex-shrink: 0;
    width: 658px;
    padding: 40px 32px;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 12px;
}
.wp_wrap .s_contact1 .rt_area{
    width: 595px;
}
/* #endregion // m_contact */
/**********************************************************************************************************************/


/**********************************************************************************************************************/
/* 서브 공통 */
/**********************************************************************************************************************/
/* #region // sub_hd */
.wp_wrap:has(#s_page) header .h_logo .h_wlogo{
    display: none;
}
.wp_wrap:has(#s_page) header .h_logo .h_blogo{
    display: block;
}
.wp_wrap:has(#s_page) header .h_logo .logo_txt{
    color: #111;
}
.wp_wrap:has(#s_page) header .gnb > .m_list > a{
    color: #111;
}
.wp_wrap:has(#s_page) header .mnu_opBtn .icon_w{
    display: none;
}
.wp_wrap:has(#s_page) header .mnu_opBtn .icon_b{
    display: block;
}
/* #endregion // sub_hd */





/* #region // sub_top */
.wp_wrap .sub_top{}
.wp_wrap .sub_top .sub_img_area{
    position: relative;
}
.wp_wrap .sub_top .sub_img_area .img_box{
    position: relative;
    height: 350px;
    overflow: hidden;
}
.wp_wrap .sub_top .sub_img_area .img_box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.05);
    transition: 3s;
}
.wp_wrap .sub_top.sub_top1 .sub_img_area .img_box img{
    object-position: center 73%;
}
.wp_wrap .sub_top.on .sub_img_area .img_box img{
    transform: scale(1);
}
.wp_wrap .sub_top .sub_img_area .txt_box{
    color: #fff;
    position: absolute;
    top: 53%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    padding: 0 15px;
    text-align: center;
}
.wp_wrap .sub_top .sub_img_area .txt_box .tit{
    color: #111;
    text-align: center;
    font-family: Pretendard;
    font-size: 56px;
    font-weight: 500;
    line-height: 1.3;
}
.wp_wrap .sub_top .sub_mnu_area{
    border-bottom: 1px solid #ddd;
}

.wp_wrap .s_apl_info .sub_top .sub_img_area .txt_box .tit{
    font-size: 50px;
}
.wp_wrap .s_apl_info .sub_top .sub_mnu_area{
    display: none;
}



.wp_wrap .sub_top .sub_mnu_area .inner {
    width: 100%;
    max-width: 1200px;
    padding: 0 15px;
    margin: 0 auto;
}
.wp_wrap .sub_top .sub_mnu_area .inner .mnu_box{
    position: relative;
    display: flex;
    flex-wrap: wrap;
    height: 75px;
}

.wp_wrap .sub_top .sub_mnu_area .inner .mnu_box>div{}
.wp_wrap .sub_top .sub_mnu_area .inner .mnu_box>div::after{
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 1px;
    height: 14px;
    background: #DFDFDF;
}
.wp_wrap .sub_top .sub_mnu_area .inner .mnu_box>div:first-child::after{
    display: none;
}

.wp_wrap .sub_top .sub_mnu_area .inner .mnu_box::after{
    /* position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 10px;
    background-color: rgb(233 174 0 / 28%);
    backdrop-filter: blur(20px); */
}

.wp_wrap .sub_top .sub_mnu_area .inner .mnu_box .home{
    position: relative;
    width: 75px;
    height: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}


.wp_wrap .sub_top .sub_mnu_area .inner .mnu_box .home .home_btn{}

.wp_wrap .sub_top .sub_mnu_area .inner .mnu_box .home .home_btn i{
    color: #111;
    font-size: 14px;
    transition: all 0.4s ease-in-out;
}

.wp_wrap .sub_top .sub_mnu_area .inner .mnu_box .mnu_area{
    position: relative;
    min-width: 210px;
}
/* 
.wp_wrap .sub_top .sub_mnu_area .inner .mnu_box .mnu_area::before{
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -10px;
    left: 0;
    width: 1px;
    height: 20px;
    /* background-color: rgba(255, 255, 255, 0.1); *
    background-color: rgb(255 0 0 / 10%);
    border-radius: 10px;
    transition: all 0.4s ease-in-out;
} */

.wp_wrap .sub_top .sub_mnu_area .inner .mnu_box .mnu_area .cur_lct{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    width: 100%;
    height: 100%;
    padding: 0 30px;
    text-align: left;
    background: transparent;
}

.wp_wrap .sub_top .sub_mnu_area .inner .mnu_box .mnu_area .cur_lct span{    
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #111;
    font-weight: 500;
    font-size: 18px;
    font-family: var(--font-pre400);
    transition: all 0.4s ease-in-out;
    line-height: 1.4;
    font-weight: 500;
    font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, system-ui, Roboto, sans-serif;
}

.wp_wrap .sub_top .sub_mnu_area .inner .mnu_box .mnu_area .cur_lct i{
    color: #111;
    font-size: 14px;
    transition: all 0.2s ease-in-out;
}

.wp_wrap .sub_top .sub_mnu_area .inner .mnu_box .mnu_area.open .cur_lct i{
    transform:rotate(-180deg); 
}

.wp_wrap .sub_top .sub_mnu_area .inner .mnu_box .mnu_area .cur_mnu{
    position: absolute;
    top: calc(100% - 1px);
    left: -1px;
    right: 0px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-top: 0;
    background-color: rgb(41 41 41 / 70%);
    backdrop-filter: blur(20px);
    border-radius: 0 0 10px 10px;
    z-index: 11;
    padding-bottom: 10px;
    display: none;
}

.wp_wrap .sub_top .sub_mnu_area .inner .mnu_box .mnu_area .cur_mnu>li{}

.wp_wrap .sub_top .sub_mnu_area .inner .mnu_box .mnu_area .cur_mnu>li>a{
    display: block;
    padding: 10px 20px;
    font-size: 15px;
    font-family: var(--font-pre500);
    color: rgba(255, 255, 255, 0.3);
    /* word-break: keep-all; */
    word-break:break-word;
}

.wp_wrap .sub_top .sub_mnu_area .inner .mnu_box .mnu_area .cur_mnu>li.on>a{
    color: rgba(255, 255, 255, 1);
}
/* #endregion // sub_top */


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


/**********************************************************************************************************************/
/* s_intro1 */
/**********************************************************************************************************************/
/* #region // s_intro */
.wp_wrap .s_intro{}

.wp_wrap .s_intro1{}
.wp_wrap .s_intro1 .inner_box{}
.wp_wrap .s_intro1 .cont_box{}
.wp_wrap .s_intro1 .cont_area{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 40px;
}
.wp_wrap .s_intro1 .lt_area{
    display: flex;
    flex-direction: column;
    gap: 32px;
    flex-shrink: 0;
    width: 396px;
    padding-top: 0;
}
.wp_wrap .s_intro1 .lt_area .tit_box{
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.wp_wrap .s_intro1 .lt_area .tit_box .en{
    font-size: 15px;
    font-weight: 600;
    line-height: 1.45;
    color: #505050;
}
.wp_wrap .s_intro1 .lt_area .tit_box .tit{
    font-size: 32px;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: -0.64px;
    color: #00598a;
}
.wp_wrap .s_intro1 .lt_area .txt_box{
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.wp_wrap .s_intro1 .lt_area .txt_box p{
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    color: #505050;
}
.wp_wrap .s_intro1 .lt_area .txt_box .txt3 strong{
    font-weight: 600;
    color: #111;
}
.wp_wrap .s_intro1 .rt_area{
    width: 775px;
    max-width: 60%;
}
.wp_wrap .s_intro1 .rt_area .img_box{
    overflow: hidden;
    width: 100%;
    height: 480px;
    border-radius: 16px;
}
.wp_wrap .s_intro1 .rt_area .img_box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: bottom;
}
/* #endregion // s_intro1 */
/**********************************************************************************************************************/


/**********************************************************************************************************************/
/* s_intro2 */
/**********************************************************************************************************************/
/* #region // s_intro2 */
.wp_wrap .s_intro2{}
.wp_wrap .s_intro2 .inner_box{}
.wp_wrap .s_intro2 .cont_box{}
.wp_wrap .s_intro2 .value_list{
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    gap: 45px;
    width: 100%;
}
.wp_wrap .s_intro2 .value_item{
    width: calc(25% - 15px);
}
.wp_wrap .s_intro2 .value_item:nth-child(odd){
    padding-bottom: 40px;
}
.wp_wrap .s_intro2 .value_item:nth-child(even){
    padding-top: 40px;
}
.wp_wrap .s_intro2 .value_item .item_box{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 20px;
    width: 100%;
    height: 220px;
    padding: 24px 10px;
    border-radius: 16px;
    background-color: #e3f2fd;
}
.wp_wrap .s_intro2 .value_item .icon_box{}
.wp_wrap .s_intro2 .value_item .icon_box .img_box{
    width: 40px;
    height: 40px;
}
.wp_wrap .s_intro2 .value_item .icon_box .img_box img{
    width: 100%;
    height: 100%;
}
.wp_wrap .s_intro2 .value_item .txt_box{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    text-align: center;
}
.wp_wrap .s_intro2 .value_item .txt_box .tit{
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4;
    color: #111;
}
.wp_wrap .s_intro2 .value_item .txt_box .txt{
    font-size: 14px;
    font-weight: 400;
    line-height: 1.45;
    letter-spacing: -0.35px;
    color: #505050;
}
/* #endregion // s_intro2 */
/**********************************************************************************************************************/


/**********************************************************************************************************************/
/* s_status1 */
/**********************************************************************************************************************/
/* #region // s_status1 */
.wp_wrap .s_status1{
    position: relative;
    padding-bottom: 0 !important;
}
.wp_wrap .s_status1 .inner_box{}
.wp_wrap .s_status1 .cont_box{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 80px;
}
.wp_wrap .s_status1 .id_card{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 20px;
    width: 100%;
    max-width: 1280px;
    padding: 62px 40px;
    border: 2px solid #e5e5ec;
    border-radius: 16px;
}
.wp_wrap .s_status1 .id_card .logo_box{}
.wp_wrap .s_status1 .id_card .logo_box .img_box{
    width: 60px;
    height: 60px;
}
.wp_wrap .s_status1 .id_card .logo_box .img_box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.wp_wrap .s_status1 .id_card .txt_box{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    text-align: center;
}
.wp_wrap .s_status1 .id_card .txt_box .name{
    font-size: 40px;
    font-weight: 500;
    line-height: 1.3;
    letter-spacing: -0.8px;
    color: #111;
}
.wp_wrap .s_status1 .id_card .txt_box .desc{}
.wp_wrap .s_status1 .id_card .txt_box .txt1{
    font-size: 16px;
    font-weight: 600;
    line-height: 1.4;
    color: #2e8ce4;
}
.wp_wrap .s_status1 .id_card .txt_box .txt2{
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    color: #505050;
}
.wp_wrap .s_status1 .wm_box{
    overflow: hidden;
    margin-top: 40px;
    width: 100%;
}
.wp_wrap .s_status1 .wm_track{
    display: flex;
    width: max-content;
    animation: wmMarquee 28s linear infinite;
}
.wp_wrap .s_status1 .wm_txt{
    flex-shrink: 0;
    padding-right: 80px;
    font-size: 60px;
    font-weight: 700;
    line-height: 1.3;
    color: rgba(17, 17, 17, 0.04);
    white-space: nowrap;
    letter-spacing: -0.02em;
}
@keyframes wmMarquee{
    from{
        transform: translateX(0);
    }
    to{
        transform: translateX(-50%);
    }
}
@media (prefers-reduced-motion: reduce){
    .wp_wrap .s_status1 .wm_track{
        animation: none;
    }
}
/* #endregion // s_status1 */

/* #region // s_status2 */
.wp_wrap .s_status2{
    position: relative;
    /* padding: 160px 0; */
}
.wp_wrap .s_status2 .bg_box{
    position: absolute;
    inset: 0;
}
.wp_wrap .s_status2 .bg_box .img_box{
    width: 100%;
    height: 100%;
}
.wp_wrap .s_status2 .bg_box .img_box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.wp_wrap .s_status2 .bg_box .dim{
    position: absolute;
    inset: 0;
    background: linear-gradient(161deg, rgba(7, 36, 74, 0.88) 0%, rgba(13, 59, 115, 0.88) 50%, rgba(15, 77, 148, 0.88) 100%);
}
.wp_wrap .s_status2 .cm_inner{
    position: relative;
    z-index: 1;
}
.wp_wrap .s_status2 .inner_box{}
.wp_wrap .s_status2 .cont_box{}

.wp_wrap .s_status2 .top_area{}
.wp_wrap .s_status2 .card_box{
    width: 100%;
}
.wp_wrap .s_status2 .card_box > li{
    width: 100%;
    overflow: hidden;
}
.wp_wrap .s_status2 .card_box > li .in{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    height: 100%;
    padding: 40px 10px;
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 12px;
    background-color: rgba(255, 255, 255, 0.02);
    text-align: center;
    transition: border 0.3s;
}
.wp_wrap .s_status2 .card_box > li:hover .in{
    border: 1px solid rgba(255, 255, 255, 0.5);
}
.wp_wrap .s_status2 .card_box > li .in .icon_box{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.08);
}
.wp_wrap .s_status2 .card_box > li .in .icon_box img{
    width: 24px;
    height: 24px;
}
.wp_wrap .s_status2 .card_box > li .in .txt_box{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.wp_wrap .s_status2 .card_box > li .in .txt_box .tit{
    font-size: 18px;
    font-weight: 600;
    line-height: 1.4;
    color: #fff;
}
.wp_wrap .s_status2 .card_box > li .in .txt_box .desc{
    font-size: 15px;
    font-weight: 400;
    line-height: 1.4;
    color: rgba(255, 255, 255, 0.7);
}


.wp_wrap .s_status2 .wm_track{
    display: flex;
    width: max-content;
    animation: wmMarquee 28s linear infinite;
    padding: 80px 0;
}
.wp_wrap .s_status2 .wm_txt{
    flex-shrink: 0;
    padding-right: 30px;
    font-size: 60px;
    font-weight: 700;
    line-height: 1.3;
    color: rgb(255 255 255 / 4%);
    white-space: nowrap;
    letter-spacing: -1.2px;
}
@keyframes wmMarquee{
    from{
        transform: translateX(0);
    }
    to{
        transform: translateX(-50%);
    }
}
@media (prefers-reduced-motion: reduce){
    .wp_wrap .s_status2 .wm_track{
        animation: none;
    }
}





.wp_wrap .s_status2 .tit_box{
    width: 100%;
}
.wp_wrap .s_status2 .tit_box .tit{
    font-size: 32px;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: -0.64px;
    color: #fff;
    margin-bottom: 60px;
    /* text-align: center; */
}
.wp_wrap .s_status2 .stat_list{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    width: 100%;
}
.wp_wrap .s_status2 .stat_item{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
    width: 230px;
    padding: 24px;
}
.wp_wrap .s_status2 .stat_item .ico_box{}
.wp_wrap .s_status2 .stat_item .ico_box .img_box{
    width: 20px;
    height: 20px;
}
.wp_wrap .s_status2 .stat_item .ico_box .img_box img{
    width: 100%;
    height: 100%;
}
.wp_wrap .s_status2 .stat_item .num_box{
    display: flex;
    align-items: center;
    gap: 8px;
}
.wp_wrap .s_status2 .stat_item .num_box .num{
    font-size: 32px;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: -0.64px;
    color: #fff;
}
.wp_wrap .s_status2 .stat_item .num_box .unit{
    font-size: 20px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: -0.4px;
    color: #fff;
}
.wp_wrap .s_status2 .stat_item .info_box{
    text-align: center;
}
.wp_wrap .s_status2 .stat_item .info_box .tit{
    font-size: 15px;
    font-weight: 600;
    line-height: 1.45;
    color: rgba(255, 255, 255, 0.8);
}
.wp_wrap .s_status2 .stat_item .info_box .txt{
    font-size: 12px;
    font-weight: 600;
    line-height: 1.45;
    color: rgba(255, 255, 255, 0.6);
}
.wp_wrap .s_status2 .stat_divider{
    flex-shrink: 0;
    width: 1px;
    height: 40px;
    background-color: rgba(255, 255, 255, 0.3);
}
/* #endregion // s_status2 */
/**********************************************************************************************************************/


/**********************************************************************************************************************/
/* s_plsp1 */
/**********************************************************************************************************************/
/* #region // s_plsp1 */
.wp_wrap .s_plsp1{}
.wp_wrap .s_plsp1 .inner_box{}
.wp_wrap .s_plsp1 .cont_box{}
.wp_wrap .s_plsp1 .phil_list{
    display: flex;
    align-items: stretch;
    justify-content: center;
    gap: 20px;
}
.wp_wrap .s_plsp1 .phil_item{
    display: flex;
    flex-direction: column;
    overflow: hidden;
    width: calc(33.333% - 11px);
    border: 2px solid #f1f1f5;
    border-radius: 12px;
    background-color: #fff;
}
.wp_wrap .s_plsp1 .phil_item .img_box{
    overflow: hidden;
    width: 100%;
    height: 315px;
    border-radius: 10px 10px 0 0;
}
.wp_wrap .s_plsp1 .phil_item .img_box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: bottom;
}
.wp_wrap .s_plsp1 .phil_item.item1 .img_box img,
.wp_wrap .s_plsp1 .phil_item.item2 .img_box img{
    transform: rotate(180deg) scaleX(-1);
}
.wp_wrap .s_plsp1 .phil_item.item2 .img_box img,
.wp_wrap .s_plsp1 .phil_item.item3 .img_box img{
    object-position: left center;
}


.wp_wrap .s_plsp1 .phil_item .txt_box{
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 32px 24px;
}
.wp_wrap .s_plsp1 .phil_item .txt_box .tit{
    font-size: 24px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: -0.48px;
    color: #0c2f56;
}
.wp_wrap .s_plsp1 .phil_item .txt_box .txt{
    font-size: 15px;
    font-weight: 400;
    line-height: 1.45;
    color: #505050;
}
/* #endregion // s_plsp1 */
/**********************************************************************************************************************/



/**********************************************************************************************************************/
/* s_prd1 */
/**********************************************************************************************************************/
/* #region // s_prd1 */
.wp_wrap .s_prd{}
.wp_wrap .s_prd1{}
.wp_wrap .s_prd1 .inner_box{}
.wp_wrap .s_prd1 .cont_box{}
.wp_wrap .s_prd1 .prd_list{
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}
.wp_wrap .s_prd1 .prd_item{
    width: calc(50% - 8px);
    cursor: pointer;
}
.wp_wrap .s_prd1 .prd_item .li_in{
    position: relative;
    display: block;
    overflow: hidden;
    height: 362px;
    border-radius: 12px;
}
.wp_wrap .s_prd1 .prd_item .img_box{
    width: 100%;
    height: 100%;
}
.wp_wrap .s_prd1 .prd_item .img_box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.wp_wrap .s_prd1 .prd_item .overlay{
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    inset: 0;
    padding: 0 20px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0.48%, rgba(0, 0, 0, 0.18) 50%, rgba(0, 0, 0, 0.18) 51%, rgba(0, 0, 0, 0) 100%);
    transition: background 0.4s;
}
.wp_wrap .s_prd1 .prd_item:hover .overlay,
.wp_wrap .s_prd1 .prd_item:focus-within .overlay{
    background: rgba(0, 0, 0, 0.8);
}
.wp_wrap .s_prd1 .prd_item .overlay .info_box{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0;
    width: 100%;
    max-width: 350px;
    transition: gap 0.4s;
}
.wp_wrap .s_prd1 .prd_item:hover .overlay .info_box,
.wp_wrap .s_prd1 .prd_item:focus-within .overlay .info_box{
    gap: 40px;
}
.wp_wrap .s_prd1 .prd_item .overlay .txt_box{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    width: 100%;
    text-align: center;
}
.wp_wrap .s_prd1 .prd_item .overlay .name{
    font-size: 40px;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: -0.8px;
    color: #fff;
    white-space: nowrap;
}
.wp_wrap .s_prd1 .prd_item .overlay .desc{
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.4;
    color: #fff;
    transition: max-height 0.4s, opacity 0.4s;
}
.wp_wrap .s_prd1 .prd_item:hover .overlay .desc,
.wp_wrap .s_prd1 .prd_item:focus-within .overlay .desc{
    max-height: 50px;
    opacity: 1;
}
.wp_wrap .s_prd1 .prd_item .overlay .icon_box{
    /* overflow: hidden; */
    width: 40px;
    height: 0;
    opacity: 0;
    transition: height 0.4s, opacity 0.4s;
}
.wp_wrap .s_prd1 .prd_item:hover .overlay .icon_box,
.wp_wrap .s_prd1 .prd_item:focus-within .overlay .icon_box{
    height: 40px;
    opacity: 1;
}
.wp_wrap .s_prd1 .prd_item .overlay .icon_box img{
    display: block;
    width: 40px;
    height: 40px;
}
/* #endregion // s_prd1 */
/**********************************************************************************************************************/



/**********************************************************************************************************************/
/* s_client1 */
/**********************************************************************************************************************/
/* #region // s_client1 */
.wp_wrap .s_client{}
.wp_wrap .s_client1{}
.wp_wrap .s_client1 .inner_box{}
.wp_wrap .s_client1 .cont_box{}
.wp_wrap .s_client1 .body_box{
    display: flex;
    flex-direction: column;
    gap: 60px;
}
.wp_wrap .s_client1 .client_list{
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    width: 100%;
}



.wp_wrap .s_client1 .client_item{
    width: calc((100% - 100px) / 6);
    border: 1px solid #e5e5ec;
    box-sizing: border-box;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
    transition: all 0.3s;
}
/* .wp_wrap .s_client1 .client_item:hover{
    border: 1px solid #2e8ce4;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.0);
} */
.wp_wrap .s_client1 .client_item a{}
.wp_wrap .s_client1 .client_item .img_box{}
.wp_wrap .s_client1 .client_item .img_box img{
    margin: 0 auto;
}




.wp_wrap .s_client1 .note_box{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    width: 100%;
    padding: 24px;
    border-radius: 16px;
    background-color: #e3f2fd;
}
.wp_wrap .s_client1 .note_box .ico_box{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 50px;
    height: 50px;
    border-radius: 999px;
    background-color: rgba(255, 255, 255, 0.6);
}
.wp_wrap .s_client1 .note_box .ico_box .img_box{
    width: 24px;
    height: 24px;
}
.wp_wrap .s_client1 .note_box .ico_box .img_box img{
    display: block;
    width: 100%;
    height: 100%;
}
.wp_wrap .s_client1 .note_box .txt{
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4;
    color: #0c2f56;
    text-align: center;
}
/* #endregion // s_client1 */
/**********************************************************************************************************************/
/**********************************************************************************************************************/
/* s_lct1 */
/**********************************************************************************************************************/
/* #region // s_lct1 */
.wp_wrap .s_lct{}
.wp_wrap .s_lct1{}
.wp_wrap .s_lct1 .inner_box{}
.wp_wrap .s_lct1 .cont_box{
    display: flex;
    align-items: stretch;
    gap: 32px;
    width: 100%;
}
.wp_wrap .s_lct1 .rt_area{
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-shrink: 0;
    width: 518px;
    padding: 60px;
    border: 2px solid #e5e5ec;
    border-radius: 12px;
    background-color: #fff;
}
.wp_wrap .s_lct1 .rt_area .info_list{
    display: flex;
    flex-direction: column;
    gap: 40px;
    width: 100%;
}
.wp_wrap .s_lct1 .rt_area .info_item{
    display: flex;
    align-items: flex-start;
    gap: 20px;
}
.wp_wrap .s_lct1 .rt_area .info_item:last-child{
    align-items: center;
}
.wp_wrap .s_lct1 .lt_area .ico_box{
    flex-shrink: 0;
    width: 24px;
    height: 24px;
}
.wp_wrap .s_lct1 .rt_area .ico_box .img_box{
    width: 100%;
    height: 100%;
}
.wp_wrap .s_lct1 .rt_area .ico_box .img_box img{
    display: block;
    width: 100%;
    height: 100%;
}
.wp_wrap .s_lct1 .rt_area .txt_box{
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.wp_wrap .s_lct1 .rt_area .txt_box .txt1,
.wp_wrap .s_lct1 .rt_area .txt_box .txt2{
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    color: #111;
}
.wp_wrap .s_lct1 .lt_area{
    flex: 1;
    min-width: 0;
}
.wp_wrap .s_lct1 .lt_area .map_box{
    position: relative;
    width: 100%;
    height: 460px;
    border-radius: 12px;
    overflow: hidden;
}
.wp_wrap .s_lct1 .lt_area .map_box .root_daum_roughmap,
.wp_wrap .s_lct1 .lt_area .map_box .root_daum_roughmap .wrap_map{
    width: 100% !important;
    height: 100% !important;
}
.wp_wrap .s_lct1 .lt_area .map_box .root_daum_roughmap .wrap_map .map_border,
.wp_wrap .s_lct1 .lt_area .map_box .root_daum_roughmap .wrap_controllers,
.wp_wrap .s_lct1 .lt_area .map_box .root_daum_roughmap .cont{
    display: none !important;
}
/* #endregion // s_lct1 */
/**********************************************************************************************************************/

/**********************************************************************************************************************/
/* s_contact1 */
/**********************************************************************************************************************/
/* #region // s_contact1 */
.wp_wrap .s_contact{}
.wp_wrap .s_contact1{}
.wp_wrap .s_contact1 .inner_box{}
.wp_wrap .s_contact1 .cont_box{
    position: relative;
    border-radius: 12px;
    padding: 80px 50px;
background: linear-gradient(135deg, rgba(7, 36, 74, 0.90) 0%, rgba(13, 59, 115, 0.90) 50%, rgba(15, 77, 148, 0.90) 100%);
}


.wp_wrap .s_contact1 .lt_area{
    padding-top: 30px;
}
.wp_wrap .s_contact1 .rt_area{}




/* .wp_wrap .s_contact1 .top_area{}
.wp_wrap .s_contact1 .top_area .info_itms{
    display: flex;
    align-items: stretch;
    gap: 16px;
    width: 100%;
}
.wp_wrap .s_contact1 .top_area .info_itms>li{
    height: 155px;
    border-radius: 12px;
    overflow: hidden;
    display: flex;
    align-items: center;
    padding: 0 25px;
}
.wp_wrap .s_contact1 .top_area .info_itms>li .ico_box{
    width: 24px;
    height: 24px;
    min-width: 24px;
}
.wp_wrap .s_contact1 .top_area .info_itms>li.info1{
    width: 45%;
    border: 1px solid #E5E5EC;
}
.wp_wrap .s_contact1 .top_area .info_itms>li.info1>ul{
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.wp_wrap .s_contact1 .top_area .info_itms>li.info2{
    width: 55%;
    background: #E3F2FD;
}
.wp_wrap .s_contact1 .top_area .info_itms>li.info2 .in,
.wp_wrap .s_contact1 .top_area .info_itms>li.info1>ul>li{
    display: flex;
    align-items: flex-start;
    gap: 10px;
}
.wp_wrap .s_contact1 .top_area .info_itms>li.info2 .in .icon_box{}
.wp_wrap .s_contact1 .top_area .info_itms>li.info2 .in .icon_box img{}

.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: 16px;
    color: #111;
    font-weight: 400;
    line-height: 1.4;
}
.wp_wrap .s_contact1 .top_area .info_itms>li.info2 .in .txt_box{
    display: flex;
    flex-direction: column;
    gap: 4px;
}
 */




/* 
.wp_wrap .s_contact1 .info_item{
    display: flex;
    align-items: center;
    min-width: 0;
    border-radius: 12px;
}
.wp_wrap .s_contact1 .info_item.info1{
    width: 45%;
    padding: 25px 33px;
    border: 1px solid #e5e5ec;
    background-color: #fff;
}
.wp_wrap .s_contact1 .info_item.info2{
    width: 55%;
    padding: 24px 32px;
    background-color: #e3f2fd;
}
.wp_wrap .s_contact1 .info_list{
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%;
}
.wp_wrap .s_contact1 .info_row{
    display: flex;
    align-items: flex-start;
    gap: 12px;
}
.wp_wrap .s_contact1 .ico_box{
    flex-shrink: 0;
    width: 24px;
    height: 24px;
}
.wp_wrap .s_contact1 .ico_box .img_box{
    width: 100%;
    height: 100%;
}
.wp_wrap .s_contact1 .ico_box .img_box img{
    display: block;
    width: 100%;
    height: 100%;
}
.wp_wrap .s_contact1 .txt_box{
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}
.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: 16px;
    font-weight: 400;
    line-height: 1.4;
    color: #111;
} */
.wp_wrap .s_contact1 .bot_area{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    width: 100%;
    padding: 80px 32px;
    border-radius: 12px;
}
.wp_wrap .s_contact1 .bot_area .bg_box{
    position: absolute;
    inset: 0;
}
.wp_wrap .s_contact1 .bot_area .bg_box .img_box{
    width: 100%;
    height: 100%;
}
.wp_wrap .s_contact1 .bot_area .bg_box .img_box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.6;
}
.wp_wrap .s_contact1 .bot_area .bg_box .dim{
    position: absolute;
    inset: 0;
    background: linear-gradient(136deg, rgba(7, 36, 74, 0.9) 0%, rgba(13, 59, 115, 0.9) 50%, rgba(15, 77, 148, 0.9) 100%);
}
.wp_wrap .s_contact1 .form_box{
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 594px;
}
/* #endregion // s_contact1 */
/**********************************************************************************************************************/

/**********************************************************************************************************************/
/* s_sup1 */
/**********************************************************************************************************************/
/* #region // s_sup1 */
.wp_wrap .s_sup{}
.wp_wrap .s_sup1{}
.wp_wrap .s_sup1 .inner_box{}
.wp_wrap .s_sup1 .cont_box{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 80px;
}
.wp_wrap .s_sup1 .step_list{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 1200px;
}
.wp_wrap .s_sup1 .step_item{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 20px;
    width: 100%;
}
.wp_wrap .s_sup1 .step_item .tit{
    font-size: 18px;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: -0.18px;
    color: #00598a;
    text-align: center;
    transition: transform 0.7s;
}
.wp_wrap .s_sup1 .step_item .img_box{
    overflow: hidden;
    width: 250px;
    height: 250px;
    padding: 24px;
    border: 1px solid transparent;
    border-radius: 255px;
    box-sizing: border-box;
    transition: padding 0.45s ease, border-color 0.7s ease;
}
/* .wp_wrap .s_sup1 .step_item:hover .img_box,
.wp_wrap .s_sup1 .step_item:focus-within .img_box{
    padding: 9px;
    border-color: #2e8ce4;
} */
.wp_wrap .s_sup1 .step_item.on .img_box{
    padding: 9px;
    border-color: #2e8ce4;
}
.wp_wrap .s_sup1 .step_item .img_box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 999px;
}
.wp_wrap .s_sup1 .step_item .txt_box{}
.wp_wrap .s_sup1 .step_item .txt_box .txt{
    font-size: 14px;
    font-weight: 400;
    line-height: 1.45;
    letter-spacing: -0.35px;
    color: #505050;
    text-align: center;
    transition: transform 0.7s;
}
.wp_wrap .s_sup1 .step_arr{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 50px;
    height: 50px;
}
.wp_wrap .s_sup1 .step_arr .img_box{}
.wp_wrap .s_sup1 .step_arr .img_box img{
    display: block;
    width: 100%;
    height: 100%;
}

.wp_wrap .s_sup1 .step_item.on .tit{
    transform: translateY(-5px);
}
.wp_wrap .s_sup1 .step_item.on .txt{
    transform: translateY(5px);
}
/* #endregion // s_sup1 */
/**********************************************************************************************************************/



/**********************************************************************************************************************/
/* s_sup2 */
/**********************************************************************************************************************/
/* #region // s_sup2 */
.wp_wrap .s_sup2{}
.wp_wrap .s_sup2 .inner_box{}
.wp_wrap .s_sup2 .cont_box{}
.wp_wrap .s_sup2 .partner_box{
    display: flex;
    align-items: stretch;
    gap: 16px;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}
.wp_wrap .s_sup2 .lt_area{
    flex-shrink: 0;
    width: 312px;
}
.wp_wrap .s_sup2 .rt_area{
    flex: 1;
    min-width: 0;
}
.wp_wrap .s_sup2 .partner_list{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
    width: 100%;
}
.wp_wrap .s_sup2 .partner_item{
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 200px;
    padding: 50px 42px;
    border-radius: 12px;
    border: 1px solid #E5E5EC;
    /* background-color: #e3f2fd; */
}
.wp_wrap .s_sup2 .partner_item.feat{
    display: block;
    width: 100%;
    height: 418px;
    min-height: 418px;
    padding: 59px 49px;
    border-radius: 12px;
    background-color: transparent;
}
.wp_wrap .s_sup2 .partner_item.feat .bg_box{
    position: absolute;
    overflow: hidden;
    inset: 0;
    z-index: 0;
    border-radius: 12px;
}
.wp_wrap .s_sup2 .partner_item.feat .bg_box .img_box{
    width: 100%;
    height: 100%;
}
.wp_wrap .s_sup2 .partner_item.feat .bg_box .img_box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center bottom;
}
.wp_wrap .s_sup2 .partner_item.feat .bg_box::after{
    content: '';
    position: absolute;
    inset: 0;
    background-color: rgba(15, 77, 148, 0.2);
}
.wp_wrap .s_sup2 .partner_item .txt_box{
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.wp_wrap .s_sup2 .partner_item .txt_box .tit{
    font-size: 20px;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: -0.2px;
    color: #111;
}
.wp_wrap .s_sup2 .partner_item .txt_box .txt{
    font-size: 15px;
    font-weight: 400;
    line-height: 1.45;
    color: #505050;
}
.wp_wrap .s_sup2 .partner_item.feat .txt_box .tit,
.wp_wrap .s_sup2 .partner_item.feat .txt_box .txt{
    color: #fff;
}
.wp_wrap .s_sup2 .partner_item .ico_box{
    position: absolute;
    right: 29px;
    bottom: 25px;
    z-index: 1;
    width: 30px;
    height: 30px;
}
.wp_wrap .s_sup2 .partner_item.feat .ico_box{
    right: 32px;
    bottom: 31px;
}
.wp_wrap .s_sup2 .partner_item .ico_box .img_box{
    width: 100%;
    height: 100%;
}
.wp_wrap .s_sup2 .partner_item .ico_box .img_box img{
    display: block;
    width: 100%;
    height: 100%;
}
/* #endregion // s_sup2 */
/**********************************************************************************************************************/



/**********************************************************************************************************************/
/* 모달 */
/**********************************************************************************************************************/
/* #region // prd_md */
.wp_wrap .wp_overlay.prdmd_overlayID{
    z-index: 100000;
    background-color: rgba(0, 0, 0, 0.7);
}
.wp_wrap .prd_md{
    display: none;
    position: fixed;
    align-items: center;
    justify-content: center;
    inset: 0;
    z-index: 100001;
    padding: 40px 15px;
}
.wp_wrap .prd_md.on{
    display: flex;
}
.wp_wrap .prd_md .md_inner{
    position: relative;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    width: 100%;
    max-width: 800px;
    height: 500px;
    max-height: calc(100vh - 80px);
    background-color: #fff;
}
.wp_wrap .prd_md .prdmd_clsBtn{
    position: absolute;
    top: 24px;
    right: 24px;
    z-index: 2;
    width: 36px;
    height: 36px;
}
.wp_wrap .prd_md .prdmd_clsBtn .img_box{
    width: 100%;
    height: 100%;
}
.wp_wrap .prd_md .prdmd_clsBtn .img_box img{
    display: block;
    width: 100%;
    height: 100%;
}
.wp_wrap .prd_md .md_hd{
    flex-shrink: 0;
    padding: 80px 60px 0;
}
.wp_wrap .prd_md .md_hd .tit_box{
    padding-bottom: 20px;
    border-bottom: 2px solid #e5e5ec;
}
.wp_wrap .prd_md .md_hd .tit_box .tit{
    font-size: 40px;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: -0.72px;
    color: #111;
}
.wp_wrap .prd_md .md_hd .tit_box .tit .fullname{
    margin-left: 16px;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.4;
    color: #ababab;
    letter-spacing: -0.1px;
}
.wp_wrap .prd_md .md_bd{
    flex: 1;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 32px 60px 60px;
}
.wp_wrap .prd_md .md_bd .cont_item{
    display: none;
}
.wp_wrap .prd_md .md_bd .cont_item.on{
    display: block;
}
.wp_wrap .prd_md .md_bd .txt_box{
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.wp_wrap .prd_md .md_bd .txt_box .txt{
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    color: #111;
}
/* #endregion // prd_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: #2e8ce4;
    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-family: 'Pretendard', -apple-system, BlinkMacSystemFont, system-ui, Roboto, sans-serif;
    font-weight: 400;
    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;
}
/* #endregion // pv_md */
/**********************************************************************************************************************/