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

@charset "utf-8";

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


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

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



@font-face {
    font-family: 'Paperlogy-1Thin';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-1Thin.woff2') format('woff2');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'Paperlogy-2ExtraLight';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-2ExtraLight.woff2') format('woff2');
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: 'Paperlogy-3Light';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-3Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Paperlogy-4Regular';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-4Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Paperlogy-5Medium';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-5Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Paperlogy-6SemiBold';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-6SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Paperlogy-7Bold';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-7Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Paperlogy-8ExtraBold';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-8ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: 'Paperlogy-9Black';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-9Black.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
}






:root {
    --font-pre100: 'Pretendard-Thin';
    --font-pre200: 'Pretendard-ExtraLight';
    --font-pre300: 'Pretendard-Light';
    --font-pre400: 'Pretendard-Regular';
    --font-pre500: 'Pretendard-Medium';
    --font-pre600: 'Pretendard-SemiBold';
    --font-pre700: 'Pretendard-Bold';
    --font-pre800: 'Pretendard-ExtraBold';
    --font-pre900: 'Pretendard-Black';

    --font-paper100: 'Paperlogy-1Thin';
    --font-paper200: 'Paperlogy-2ExtraLight';
    --font-paper300: 'Paperlogy-3Light';
    --font-paper400: 'Paperlogy-4Regular';
    --font-paper500: 'Paperlogy-5Medium';
    --font-paper600: 'Paperlogy-6SemiBold';
    --font-paper700: 'Paperlogy-7Bold';
    --font-paper800: 'Paperlogy-8ExtraBold';
    --font-paper900: 'Paperlogy-9Black';
}


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


.wp_wrap{
    overflow: hidden;
    font-family: var(--font-pre400);
    word-break: keep-all;
}


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


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


.wp_wrap .mtit_box{}
.wp_wrap .mtit_box .sub_tit{
    font-size: 20px;
    color: #046EBE;
    margin-bottom: 5px;
}
.wp_wrap .mtit_box .tit{
    font-size: 50px;
    font-family: var(--font-paper600);
    color: #000000;
    margin-bottom: 15px;
}
.wp_wrap .mtit_box .desc{
    font-size: 20px;
    color: #000000;
}
/**********************************************************************************************************************/



/**********************************************************************************************************************/
/* 헤더 */
/**********************************************************************************************************************/
.wp_wrap header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: transparent;
    z-index: 999;
}
.wp_wrap header .h_inner{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.wp_wrap header .h_inner .h_logo{
    min-width: 210px;
}
.wp_wrap header .h_inner .h_logo img{}
.wp_wrap header .h_inner .h_rt{
    display: flex;
    align-items: center;
}
.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>li{
    position: relative;
    width: 205px;
}
.wp_wrap header .h_inner nav .gnb>li>a{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 85px;
    font-size: 20px;
    color: #fff;
}
.wp_wrap header .h_inner nav .gnb>li> .sub_mnu{
    padding: 30px 0;
    display: none;    
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
}
.wp_wrap header .h_inner nav .gnb>li> .sub_mnu>li{
    padding: 7px 0;
}
.wp_wrap header .h_inner nav .gnb>li> .sub_mnu>li>a{
    display: block;
    text-align: center;
    font-size: 16px;
    color: #000000;
}
.wp_wrap header .moMnu_openBtn{
    display: none;
}
.wp_wrap header .fulMnu_openBtn,
.wp_wrap header .moMnu_openBtn{
    position: absolute;
    top: 35px;
    right: 30px;
    cursor: pointer;
}
.wp_wrap header .fulMnu_openBtn .icon_box,
.wp_wrap header .moMnu_openBtn .icon_box{
    display: flex;
    flex-direction: column;
    gap: 7px;
}
.wp_wrap header .fulMnu_openBtn .icon_box span,
.wp_wrap header .moMnu_openBtn .icon_box span{
    width: 30px;
    height: 3px;
    background: #fff;
}
/* .wp_wrap header .mopen .icon_box:hover span:nth-child(1),
.wp_wrap header .mopen .icon_box:hover span:nth-child(2){
    top: 50%;
    transform: translateY(-50%);
}
.wp_wrap header .mopen.on .icon_box span:nth-child(1),
.wp_wrap header .mopen.on .icon_box span:nth-child(2){
    top: 50%;
}
.wp_wrap header .mopen.on .icon_box span:nth-child(1){
    transform: rotate(-45deg) translateY(-50%);
    left: 2px;
}
.wp_wrap header .mopen.on .icon_box span:nth-child(2){
    transform: rotate(45deg) translateY(-50%);
} */




.wp_wrap header .sub_mnu_bg{
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: rgba(246, 246, 246, 0.8);
    height: 200px;
    z-index: -1;
    display: none;
}



.wp_wrap .ful_mnu{
    position: fixed;
    top: 0;
    right: -100%;
    width: 100%;
    height: 100dvh;
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(13px);
    z-index: 999;
    transition: 0.4s;
}
.wp_wrap .ful_mnu.on{
    right: 0;
}
.wp_wrap .ful_mnu .fulMnu_clsBtn{
    position: absolute;
    top: 30px;
    right: 30px;    
    cursor: pointer;
    z-index: 9;
}
.wp_wrap .ful_mnu .fulMnu_clsBtn i{
    color: #FFFFFF;
    font-size: 25px;
}
.wp_wrap .ful_mnu .ful_mnu_inner{
    position: relative;
    max-width: 1230px;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 15px;
}
.wp_wrap .ful_mnu .ful_mnu_inner .blog_box{
    position: absolute;
    top: 15px;
    right: 0;
}
.wp_wrap .ful_mnu .ful_mnu_inner .blog_box a{
    width: 255px;
    height: 50px;
    border-radius: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    font-size: 16px;
    color: #fff;
    background: #03C85B;
}
.wp_wrap .ful_mnu .ful_mnu_inner .cont_box{
    width: 100%;
}

.wp_wrap .ful_mnu .ful_mnu_inner .cont_box .logo_box{
    margin-bottom: 120px;
}
.wp_wrap .ful_mnu .ful_mnu_inner .cont_box .logo_box img{
    margin: 0 auto;
}
.wp_wrap .ful_mnu .ful_mnu_inner .cont_box .fulmo_gnb{
    display: flex;
    align-items: flex-start;
    justify-content: space-between
}
.wp_wrap .ful_mnu .ful_mnu_inner .cont_box .fulmo_gnb .fulmo_m_list{
    display: flex;
    flex-direction: column;
}
.wp_wrap .ful_mnu .ful_mnu_inner .cont_box .fulmo_gnb .fulmo_m_list>p{
    font-size: 30px;
    font-family: var(--font-pre600);
    color: #fff;
    text-align: center;
}
.wp_wrap .ful_mnu .ful_mnu_inner .cont_box .fulmo_gnb .fulmo_m_list .fulmo_sub_mnu{
    display: flex;
    flex-direction: column;
    padding-top: 40px;
}
.wp_wrap .ful_mnu .ful_mnu_inner .cont_box .fulmo_gnb .fulmo_m_list .fulmo_sub_mnu li{
    padding: 10px 0;
}
.wp_wrap .ful_mnu .ful_mnu_inner .cont_box .fulmo_gnb .fulmo_m_list .fulmo_sub_mnu li a{
    display: block;
    font-size: 20px;
    font-family: var(--font-pre400);
    color: #fff;
    text-align: center;
}



.wp_wrap .mo_mnu{
    display: none;
}
/**********************************************************************************************************************/










/**********************************************************************************************************************/
/* 푸터 */
/**********************************************************************************************************************/
.wp_wrap footer {
    padding: 70px 0;
    background: #F4F4F4;
}
.wp_wrap footer .f_inner{}
.wp_wrap footer .f_inner .f_top{
    display: flex;
    align-items: center;
    gap: 50px;
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom:1px dotted #939393;
}
.wp_wrap footer .f_inner .f_top .f_logo{
    min-width: 80px;
}
.wp_wrap footer .f_inner .f_top .f_logo img{}
.wp_wrap footer .f_inner .f_top .info{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 30px;
}
.wp_wrap footer .f_inner .f_top .info li{}
.wp_wrap footer .f_inner .f_top .info li a{}
.wp_wrap footer .f_inner .f_top .info li,
.wp_wrap footer .f_inner .f_top .info li a{
    font-size: 20px;
    color: #939393;
}

.wp_wrap footer .f_inner .f_bot{}
.wp_wrap footer .f_inner .f_bot .info_box{
    margin-bottom: 30px;
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.wp_wrap footer .f_inner .f_bot .info_box .info{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.wp_wrap footer .f_inner .f_bot .info_box .info li{
    position: relative;
    font-size: 16px;
    color: #939393;
    margin-right: 10px;
    padding-right: 10px;
}
.wp_wrap footer .f_inner .f_bot .info_box .info li::after{
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 1px;
    height: 13px;
    background: #939393;
}
.wp_wrap footer .f_inner .f_bot .info_box .info li:last-child{
    margin-right: 0;
    padding-right: 0;
}
.wp_wrap footer .f_inner .f_bot .info_box .info li:last-child::after{
    display: none;
}
.wp_wrap footer .f_inner .f_bot .copyright{
    font-size: 17px;
    color: #939393;
}
.wp_wrap footer .f_inner .f_bot .copyright>a{
    color: #aaa9a965;
    transition: 0.4s;
}
.wp_wrap footer .f_inner .f_bot .copyright>a:hover{
    color: #db1f1fb9;
    transition: 0.4s;
}
/**********************************************************************************************************************/









/**********************************************************************************************************************/
/* 메인 */
/**********************************************************************************************************************/
/* ms_visual */
.wp_wrap .ms_visual{
    position: relative;
}
.wp_wrap .ms_visual .m_slider{}
.wp_wrap .ms_visual .m_slider .m_slide{
    position: relative;
    overflow: hidden;
}
.wp_wrap .ms_visual .m_slider .m_slide .img_box{
    height: 100vh;
}
.wp_wrap .ms_visual .m_slider .m_slide .img_box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.05);
    transition: 3s;
}
.wp_wrap .ms_visual .m_slider .m_slide.swiper-slide-active .img_box img{
    transform: scale(1);
    
}
.wp_wrap .ms_visual .m_slider .m_slide .txt_box{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: calc(50% - 620px);
}
.wp_wrap .ms_visual .m_slider .m_slide .txt_box .txt1{
    font-size: 70px;
    font-family: var(--font-paper600);
    color: #fff;
    margin-bottom: 30px;
    opacity: 0;
    transform: translate(0, 80px);
}
.wp_wrap .ms_visual .m_slider .m_slide .txt_box .txt2{
    font-size: 20px;
    color: #fff;
    line-height: 1.3;
    opacity: 0;
    transform: translate(0, 80px);
}
.wp_wrap .ms_visual .m_slider .m_slide.swiper-slide-active .txt_box .txt1{
    opacity: 1;
    transform: translate(0, 0);
    transition: 1.5s 0.5s;
}
.wp_wrap .ms_visual .m_slider .m_slide.swiper-slide-active .txt_box .txt2{
    opacity: 1;
    transform: translate(0, 0);
    transition: 1s 2s;
}
.wp_wrap .ms_visual .wheel {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 20px;
    z-index: 9;
}
.wp_wrap .ms_visual .wheel a{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
}
.wp_wrap .ms_visual .wheel a>span{
    font-size: 13px;
    color: #fff;
    font-family: var(--font-paper600);
}
.wp_wrap .ms_visual .wheel a{}
.wp_wrap .ms_visual .wheel a .scr_shape{}
.wp_wrap .ms_visual .wheel a .scr_shape{}
.wp_wrap .ms_visual .wheel a .scr_shape .cic_bd {
    transform-origin: 50% 50%; 
    animation: cic_bd 10s linear infinite;
}
.wp_wrap .ms_visual .wheel:hover a .scr_shape .cic_bd {
    animation-play-state: paused;
}
@keyframes cic_bd {
    0% {
        transform: translate(930px, 820px) rotate(0deg);
    }
    100% {
        transform: translate(930px, 820px) rotate(360deg); 
    }
}

.wp_wrap .ms_visual .wheel a .scr_shape .cic_bd {
    transform-origin: 50% 50%; 
    animation: cic_bd 10s linear infinite;
}



/* ms_secs */
.wp_wrap .ms_secs{
    padding: 90px 0 0 0;
    position: relative;
}

/* 배경이미지 */
.wp_wrap .ms_bg{
    position: absolute;
    pointer-events: none;    
}
.wp_wrap .ms_bg1{
    top: 21%;
    right: 0;
    min-width: 1840px;
    min-height: 820px;
}
.wp_wrap .ms_bg2{
    bottom: 0;
    right: 0;
}

.wp_wrap .ms_bg1 .img_box{
    position: relative;
}
.wp_wrap .ms_bg1 .img_box .logo_box{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: calc(50% - 600px);
}
.wp_wrap .ms_bg1 .img_box .logo_box img{}

/* ms_secs - ms_dlvr_pfmc */
.wp_wrap .ms_dlvr_pfmc{
    margin-bottom: 270px;
    scroll-margin-top: 130px;
}
.wp_wrap .ms_dlvr_pfmc .top_area{
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 40px;
}
.wp_wrap .ms_dlvr_pfmc .dlcr_arr_box{
    display: flex;
    align-items: center;
    gap: 10px;
}
.wp_wrap .ms_dlvr_pfmc .dlcr_arr_box .dlcr_arr{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #DDDDDD;
    transition: 0.2s;
}
.wp_wrap .ms_dlvr_pfmc .dlcr_arr_box .dlcr_arr:hover{
    background: #0E4F80;
}
.wp_wrap .ms_dlvr_pfmc .dlcr_arr_box .dlcr_arr i{
    font-size: 25px;
    color: #fff;
}
.wp_wrap .ms_dlvr_pfmc .bot_area{}
.wp_wrap .ms_dlvr_pfmc .m_dlvr_slider{
    position: relative;
    width: 1660px;
}
.wp_wrap .ms_dlvr_pfmc .m_dlvr_slider .dlvr_slide{
    position: relative;
    width: 100%;
    aspect-ratio: auto 1/1;
    border-radius: 20px;
    overflow: hidden;
    cursor: pointer;
}
.wp_wrap .ms_dlvr_pfmc .m_dlvr_slider .slick-list{
    margin: 0 -10px;
}
.wp_wrap .ms_dlvr_pfmc .m_dlvr_slider  .slick-slide{
    margin: 0 10px;
}


.wp_wrap .ms_dlvr_pfmc .m_dlvr_slider .dlvr_slide img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.wp_wrap .ms_dlvr_pfmc .m_dlvr_slider .dlvr_slide .li_info{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    /* background-color: rgba(0, 0, 0, 0.5); */
    background: rgba(12, 28, 59, 0.6);
    opacity: 0;
    transition: 0.4s;
}
.wp_wrap .ms_dlvr_pfmc .m_dlvr_slider .dlvr_slide:hover .li_info{
    opacity: 1;

}
.wp_wrap .ms_dlvr_pfmc .m_dlvr_slider .dlvr_slide .li_info .li_info_iner{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}
.wp_wrap .ms_dlvr_pfmc .m_dlvr_slider .dlvr_slide .li_info .li_info_iner .top{
    height: 100%;
    padding: 50px 40px 80px 40px;


    
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
    padding: 0 40px;
}

.wp_wrap .ms_dlvr_pfmc .m_dlvr_slider .dlvr_slide .li_info .li_info_iner .top .txt1 {
    color: #fff;
    font-size: 16px;
    margin-bottom: 5px;
}

.wp_wrap .ms_dlvr_pfmc .m_dlvr_slider .dlvr_slide .li_info .li_info_iner .top .txt2 {
    color: #fff;
    font-size: 24px;
    margin-bottom: 20px;
    width: 100%;
}

.wp_wrap .ms_dlvr_pfmc .m_dlvr_slider .dlvr_slide .li_info .li_info_iner .top .txt3 {
    font-size: 16px;
    font-family: var(--font-pre300);
    color: #fff;
    line-height: 1.6;
}
.wp_wrap .ms_dlvr_pfmc .m_dlvr_slider .dlvr_slide .plus_btn {
    position: absolute;
    bottom: 35px;
    right: 35px;
    background: transparent;
}
.wp_wrap .ms_dlvr_pfmc .m_dlvr_slider .dlvr_slide .plus_btn .icon_box{
    position: relative;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 3;
    opacity: 1;
    transition: 0.4s;
}

.wp_wrap .ms_dlvr_pfmc .m_dlvr_slider .dlvr_slide .plus_btn .icon_box i{
    color: #0E4F80;
    font-size: 25px;
}
.wp_wrap .ms_dlvr_pfmc .m_dlvr_slider .dlvr_slide:hover .plus_btn .icon_box{
    opacity: 0;
}
.wp_wrap .ms_dlvr_pfmc .m_dlvr_slider .dlvr_slide .plus_btn .icon_box::before,
.wp_wrap .ms_dlvr_pfmc .m_dlvr_slider .dlvr_slide .plus_btn .icon_box::after {
    content: '';
    position: absolute;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.3);
}
.wp_wrap .ms_dlvr_pfmc .m_dlvr_slider .dlvr_slide .plus_btn .icon_box::before {
    width: 100px;
    height: 100px;
    z-index: -2;
    animation: ripple1 3s infinite ease-in-out;
}
.wp_wrap .ms_dlvr_pfmc .m_dlvr_slider .dlvr_slide .plus_btn .icon_box::after {
    width: 86px;
    height: 86px;
    z-index: -1;
    animation: ripple2 3s infinite ease-in-out;
}
@keyframes ripple1 {
    0% {
        transform: scale(0);
        opacity: 0.5;
    }
    50% {
        transform: scale(1.1);
        opacity: 1;
    }
    100% {
        transform: scale(0);
        opacity: 0.5;
    }
}
@keyframes ripple2 {
    0% {
        transform: scale(0);
        opacity: 0.5;
    }
    50% {
        transform: scale(1.05);
        opacity: 1;
    }
    100% {
        transform: scale(0);
        opacity: 0.5;
    }
}


.wp_wrap .ms_dlvr_pfmc .m_dlvr_slider .dlvr_slide .li_info .li_info_iner .bot{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50px;
    background: rgba(0, 0, 0, 0.5);
    padding: 0 40px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    z-index: 9;
}
.wp_wrap .ms_dlvr_pfmc .m_dlvr_slider .dlvr_slide .li_info .li_info_iner .bot>i{
    font-size: 20px;
    color: #fff;
}
.wp_wrap .ms_dlvr_pfmc .m_dlvr_slider .dlvr_slide .li_info .li_info_iner .bot>span{
    font-size: 16px;
    color: #fff;
    font-family: var(--font-pre400);
}

























































.wp_wrap .ms_dlvr_pfmc .m_dlvr_slider .dlvr_slide .goto{
    position: absolute;
    bottom: 35px;
    right: 35px;
    background: transparent;
}
.wp_wrap .ms_dlvr_pfmc .m_dlvr_slider .dlvr_slide .goto .icon_box{
    position: relative;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 3;
    transition: 0.2s;
}
.wp_wrap .ms_dlvr_pfmc .m_dlvr_slider .dlvr_slide .goto .icon_box::before,
.wp_wrap .ms_dlvr_pfmc .m_dlvr_slider .dlvr_slide .goto .icon_box::after {
    content: '';
    position: absolute;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.3);
}
.wp_wrap .ms_dlvr_pfmc .m_dlvr_slider .dlvr_slide .goto .icon_box::before {
    width: 100px;
    height: 100px;
    z-index: -2;
    animation: ripple1 2.5s infinite ease-in-out;
}
.wp_wrap .ms_dlvr_pfmc .m_dlvr_slider .dlvr_slide .goto .icon_box::after {
    width: 86px;
    height: 86px;
    z-index: -1;
    animation: ripple2 2.5s infinite ease-in-out;
}
@keyframes ripple1 {
    0% {
        transform: scale(0);
        opacity: 0.5;
    }
    50% {
        transform: scale(1.1);
        opacity: 1;
    }
    100% {
        transform: scale(0);
        opacity: 0.5;
    }
}
@keyframes ripple2 {
    0% {
        transform: scale(0);
        opacity: 0.5;
    }
    50% {
        transform: scale(1.05);
        opacity: 1;
    }
    100% {
        transform: scale(0);
        opacity: 0.5;
    }
}
.wp_wrap .ms_dlvr_pfmc .m_dlvr_slider .dlvr_slide .goto .icon_box i{
    color: #0E4F80;
    font-size: 25px;
}
.wp_wrap .ms_dlvr_pfmc .m_dlvr_slider .dlvr_slide .img_box{
    border-radius: 20px;
    aspect-ratio: auto 1/1;
    overflow: hidden;
}
.wp_wrap .ms_dlvr_pfmc .m_dlvr_slider .dlvr_slide .img_box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}


/* ms_secs - ms_why */
.wp_wrap .ms_why{}
.wp_wrap .ms_why .inner{
    display: flex;
    align-items: flex-start;
}
.wp_wrap .ms_why .lt_area{
    position: relative;
    z-index: 9;
}
.wp_wrap .ms_why .lt_area>p{
    font-size: 20px;
    color: #FFFFFF;
    margin-bottom: 20px;
}
.wp_wrap .ms_why .lt_area .txt_box{
    width: 360px;
    /* min-width: 360px; */
    height: 360px;
    background: rgba(42, 122, 183, 0.9);
    backdrop-filter: blur(5px);
    padding: 20px;
    display: flex;
    align-items: center;
}
.wp_wrap .ms_why .lt_area .txt_box>p{
    color: #fff;
    font-size: 40px;
    font-family: var(--font-paper600);
}
.wp_wrap .ms_why .rt_area{
    position: relative;
    padding-top: 135px;
    /* max-width: 1050px; */
}
.wp_wrap .ms_why .rt_area .why_itms{
    position: relative;
    left: -165px;
    width: 1050px;
    margin-left: auto;
    display: flex;
    align-items: stretch;
}
.wp_wrap .ms_why .rt_area .why_itms .why_li{
    position: relative;
    width: 125px;
    height: 450px;
    cursor: pointer;
    transition: 0.8s;
}
.wp_wrap .ms_why .rt_area .why_itms .why_li .img_box{
    width: 100%;
    height: 100%;
}
.wp_wrap .ms_why .rt_area .why_itms .why_li .img_box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.wp_wrap .ms_why .rt_area .why_itms .why_li .txt_box{
    position: absolute;
    bottom: 130px;
    left: 50%;
    transform: translateX(-50%);
}
.wp_wrap .ms_why .rt_area .why_itms .why_li .txt_box .txt_in{
    max-width: 480px;
    width: 100%;
    margin: 0 auto;
}
.wp_wrap .ms_why .rt_area .why_itms .why_li .txt_box .txt_in .tit{
    font-size: 20px;
    color: #fff;
    white-space: nowrap;
    transform: rotate(-90deg);
    min-width: 240px;
}
.wp_wrap .ms_why .rt_area .why_itms .why_li .txt_box .txt_in .desc{
    font-size: 16px;
    color: #fff;
    /* white-space: nowrap; */
    font-family: var(--font-pre300);
    line-height: 1.6;
    display: none;
}
/* now 붙으면 */
.wp_wrap .ms_why .rt_area .why_itms .why_li.now{
    width: 100%;
}
.wp_wrap .ms_why .rt_area .why_itms .why_li.now .txt_box{
    position: absolute;
    bottom: auto;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
    transform: translateX(0);
    animation: txt_box 1s forwards;
    animation-delay: 0.5s;
    opacity: 0;
}
@keyframes txt_box{
    0%{
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
}
.wp_wrap .ms_why .rt_area .why_itms .why_li.now .txt_box .txt_in .tit{
    font-size: 30px;
    font-family: var(--font-pre600);
    margin-bottom: 30px;
    white-space: wrap;
    transform: rotate(0deg);
    min-width: unset;
}
.wp_wrap .ms_why .rt_area .why_itms .why_li.now .txt_box .txt_in .desc{
    display: block;
}




/* ms_secs - ms_bsn */
.wp_wrap .ms_bsn{
    position: relative;
    padding: 120px 0;
}
.wp_wrap .ms_bsn .mtit_box{
    margin-bottom: 40px;
}

.wp_wrap .ms_bsn .bsn_itms{}
.wp_wrap .ms_bsn .bsn_itms>li{
    position: relative;
    width: 100%;
    aspect-ratio: auto 1/1;
    overflow: hidden;
    border-radius: 20px;
}
.wp_wrap .ms_bsn .bsn_itms>li a{
    display: block;
    width: 100%;
    height: 100%;
}
.wp_wrap .ms_bsn .bsn_itms>li a .li_in{
    width: 100%;
    height: 100%;
}
.wp_wrap .ms_bsn .bsn_itms>li .img_box{
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.wp_wrap .ms_bsn .bsn_itms>li .img_box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.5s;
}

.wp_wrap .ms_bsn .bsn_itms>li .txt_box{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(11, 27, 57, 0.32);
    opacity: 1;
    transition: 0.3s;
}
.wp_wrap .ms_bsn .bsn_itms>li .txt_box>p{
    color: #fff;
    text-align: center;
    font-size: 20px;
    font-family: var(--font-pre600);
    transition: 0.3s;
}
/* hover 시 */
.wp_wrap .ms_bsn .bsn_itms>li:hover .img_box img{
    transform: scale(1.05);
}
.wp_wrap .ms_bsn .bsn_itms>li:hover .txt_box{
    background: rgba(11, 27, 57, 0.1);
}
.wp_wrap .ms_bsn .bsn_itms>li:hover .txt_box>p{
    opacity: 0;
}
/**********************************************************************************************************************/










/**********************************************************************************************************************/
/* 서브 */
/**********************************************************************************************************************/
/* sub_top */
.wp_wrap .sub_top{
    position: relative;
}
.wp_wrap .sub_top .st_main{
    position: relative;
}
.wp_wrap .sub_top .st_main .img_box{
    position: relative;
    height: 450px;
    overflow: hidden;
}
.wp_wrap .sub_top .st_main .img_box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.05);
    transition: 4s;
}
.wp_wrap .sub_top.on .st_main .img_box img{
    transform: scale(1);
}
.wp_wrap .sub_top .st_main .img_box .shadow{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(109, 107, 77, 0.17);
}
.wp_wrap .sub_top .st_main .txt_box{
    position: absolute;
    top: 50%;
    left: calc(50% - 620px);
    z-index: 99;
}
.wp_wrap .sub_top .st_main .txt_box p{
    font-size: 50px;
    font-family: var(--font-paper600);
    color: #fff;
    opacity: 0;
    transform: translateY(40px);
}

.wp_wrap .sub_top.on .st_main .txt_box p{
    opacity: 1;
    transform: translateY(0);
    transition: 1s;
}



.wp_wrap .sub_top .st_mnu{
    background: #fff;
    border-bottom: 1px solid #ddd;
}
.wp_wrap .sub_top .st_mnu .inner_box{
    display: flex;
    height: 65px;
}
.wp_wrap .sub_top .st_mnu .inner_box>div{
    position: relative;
}
.wp_wrap .sub_top .st_mnu .inner_box>div::after{
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 1px;
    height: 25px;
    background: rgba(216, 216, 216, 0.5);
}
.wp_wrap .sub_top .st_mnu .inner_box .first{
    display: flex;
    align-items: center;
    justify-content: center;
}
.wp_wrap .sub_top .st_mnu .inner_box .first a {
    display: block;
    text-align: center;
    min-width: 65px;
}
.wp_wrap .sub_top .st_mnu .inner_box .first a i {
    font-size: 18px;
    color: #000;
}
.wp_wrap .sub_top .st_mnu .inner_box .mnu_box .show {
    padding: 0 25px;
    display: flex;
    align-items: center;
    cursor: pointer;
    width: 100%;
    justify-content: space-between;
    height:65px;
    gap: 3px;
}
.wp_wrap .sub_top .st_mnu .inner_box .mnu_box .show >p{
    font-size: 16px;
    font-family: var(--font-pre500);
    color: #000;
}
.wp_wrap .sub_top .st_mnu .inner_box .mnu_box .show >i{
    font-size: 12px;
    color: #000;
}
.wp_wrap .sub_top .st_mnu .inner_box .second,
.wp_wrap .sub_top .st_mnu .inner_box .third{
    min-width: 250px;
}
.wp_wrap .sub_top .st_mnu .inner_box .mnu_box .hide {
    position: absolute;
    top: 65px;
    left: -1px;
    background: #fff;
    width: calc(100% + 1px);
    border: 1px solid #ddd;
    display: none;
    z-index: 99;
}
.wp_wrap .sub_top .st_mnu .inner_box .mnu_box .hide>li>a {
    display: block;
    padding: 13px 20px;
    color: #000;
    border-bottom: 1px solid #ddd;
    font-size: 16px;
}
.wp_wrap .sub_top .st_mnu .inner_box .mnu_box .hide>li:last-child>a {
    border-bottom: none;
}



/* 서브 제목 margin-bottom */
.wp_wrap .s_ceo01 .mtit_box{
    margin-bottom: 55px;
} 
.wp_wrap .s_value01 .mtit_box,
.wp_wrap .s_locate01 .mtit_box,
.wp_wrap .s_bsn .mtit_box{
    margin-bottom: 60px;
}
.wp_wrap .s_dlvr_pfmc01 .mtit_box{
    margin-bottom: 30px;
}
/* s_ceo */
.wp_wrap .s_ceo{} 
.wp_wrap .s_ceo01{} 
.wp_wrap .s_ceo01 .cont_box{
    display: flex;
    align-items: center;
    gap: 55px;
} 
.wp_wrap .s_ceo01 .cont_box .lt_area{
    position: relative;
}
.wp_wrap .s_ceo01 .cont_box .lt_area::before,
.wp_wrap .s_ceo01 .cont_box .lt_area::after{
    content: '';
    position: absolute;
    border-radius: 50%;  
    aspect-ratio: auto 1/1;  
    transform: scale(0);
}
.wp_wrap .s_ceo01 .cont_box .lt_area::before{
    /* width: 32%; */
    /* top: -2%; */
    /* left: -32%; */
    width: 153px;
    top: -12px;
    left: -155px;
    background: rgba(14, 79, 128, 0.41);
    z-index: 99;
    animation: bubble 3s ease forwards;
    animation-delay: 1s
}
.wp_wrap .s_ceo01 .cont_box .lt_area::after{
    /* width: 11.5%;
    top: 36%;
    left: -16%; */
    width: 56px;
    top: 175px;
    left: -75px;    
    background: #EEEEEE;
    z-index: 99;
    animation: bubble 2s ease forwards
}
@keyframes bubble{
    0%{
        transform: scale(0);
    }
    100%{
        transform: scale(1);
    }
}
.wp_wrap .s_ceo01 .cont_box .lt_area .img_box{
    min-width: 490px;
    width: 490px;
    aspect-ratio: auto 1/1;
    border-radius: 50%;
    overflow: hidden;
}
.wp_wrap .s_ceo01 .cont_box .lt_area .img_box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.wp_wrap .s_ceo01 .cont_box .rt_area{
    position: relative;
}
.wp_wrap .s_ceo01 .cont_box .rt_area::before{
    content: '';
    position: absolute;
    bottom: -30px;
    right: -70px;
    border-radius: 50%;  
    aspect-ratio: auto 1/1;  
    width: 70px;
    background: #fff;
    border: 1px solid #ddd;
}
.wp_wrap .s_ceo01 .cont_box .rt_area .txt_box{}
.wp_wrap .s_ceo01 .cont_box .rt_area .txt_box .logo{
    margin-bottom: 20px;
}
.wp_wrap .s_ceo01 .cont_box .rt_area .txt_box .logo img{}
.wp_wrap .s_ceo01 .cont_box .rt_area .txt_box .txt1{
    font-size: 30px;
    font-family: var(--font-pre600);
    margin-bottom: 20px;
    color: #000000;
}
.wp_wrap .s_ceo01 .cont_box .rt_area .txt_box .txt2{
    font-size: 20px;
    color: #333333;
    line-height: 1.4;
}






/* s_value */
.wp_wrap .s_value{} 
.wp_wrap .s_value01{} 
.wp_wrap .s_value01 .cont_box{} 
.wp_wrap .s_value01 .cont_box .value_itms{
    display: flex;
    gap: 60px;
} 
.wp_wrap .s_value01 .cont_box .value_itms li{
    flex: 1;
} 
.wp_wrap .s_value01 .cont_box .value_itms li .cic_box{
    position: relative;
    width: 100%;
    aspect-ratio: auto 1/1;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: center;
    justify-content: center;
} 
.wp_wrap .s_value01 .cont_box .value_itms li .cic_box::after{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 83%;
    aspect-ratio: auto 1 / 1;
    border-radius: 50%;
    border: 2px dashed rgba(255, 255, 255, 0.6);
    animation: cic_ani 20s linear infinite;
}
@keyframes cic_ani {
    0% {
        transform:  translate(-50%, -50%) rotate(0deg);
    }
    100% {
        transform:  translate(-50%, -50%) rotate(360deg); 
    }
}
.wp_wrap .s_value01 .cont_box .value_itms li:nth-child(1) .cic_box{
    background: rgba(18, 97, 201, 0.6);
}
.wp_wrap .s_value01 .cont_box .value_itms li:nth-child(2) .cic_box{
    background: rgba(9, 122, 209, 0.6);
}
.wp_wrap .s_value01 .cont_box .value_itms li:nth-child(3) .cic_box{
    background: rgba(53, 176, 245, 0.6);
}
.wp_wrap .s_value01 .cont_box .value_itms li:nth-child(odd) .cic_box{
    margin-bottom: 160px;
}
.wp_wrap .s_value01 .cont_box .value_itms li:nth-child(even) .cic_box{
    margin-bottom: 200px;
}
.wp_wrap .s_value01 .cont_box .value_itms li .cic_box .icon_box{} 
.wp_wrap .s_value01 .cont_box .value_itms li .cic_box .icon_box img{} 
.wp_wrap .s_value01 .cont_box .value_itms li .cic_box .name{
    font-size: 24px;
    font-family: var(--font-pre600);
    color: #fff;
} 
.wp_wrap .s_value01 .cont_box .value_itms li .desc_box{
    position: relative;
    background: rgba(244, 244, 244, 0.7);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    padding: 10px;
    border-radius: 20px;
    min-height: 250px;
    display: flex;
    align-items: center;
    justify-content: center;
} 
.wp_wrap .s_value01 .cont_box .value_itms li .desc_box p{
    font-size:20px;
    color: #000;
    line-height: 1.35;
    font-family: var(--font-pre300);
    text-align: center;
} 
.wp_wrap .s_value01 .cont_box .value_itms li .desc_box::before{
    content: "";
    position: absolute;
    width: 1px;
    border-right: 2px dashed #ddd;
    left: 50%;
    transform: translateX(-50%);
}
.wp_wrap .s_value01 .cont_box .value_itms li:nth-child(odd) .desc_box::before{
    top: -160px;
    height: 160px;
}
.wp_wrap .s_value01 .cont_box .value_itms li:nth-child(even) .desc_box::before{
    top: -200px;
    height: 200px;
}




/* s_locate */
.wp_wrap .s_locate{} 
.wp_wrap .s_locate01{} 
.wp_wrap .s_locate01 .cont_box{} 
.wp_wrap .s_locate01 .cont_box .place_itms{
    display: flex;
    flex-direction: column;
    gap: 80px;
} 
.wp_wrap .s_locate01 .cont_box .place_itms .place_li{} 
.wp_wrap .s_locate01 .cont_box .place_itms .place_li .tit{
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 8px;
} 
.wp_wrap .s_locate01 .cont_box .place_itms .place_li .tit img{
    min-width: 36px;
} 
.wp_wrap .s_locate01 .cont_box .place_itms .place_li .tit p{
    font-size: 30px;
    font-family: var(--font-pre600);
    color: #000000;
} 
.wp_wrap .s_contact01 .cont_box .lt_area .txt_box .map_box,
.wp_wrap .s_locate01 .cont_box .place_itms .place_li .map_box{
    width: 100%;

}
.wp_wrap .s_locate01 .cont_box .place_itms .place_li .map_box{
    height: 450px;
    border: 1px solid #ddd;
} 
.wp_wrap .s_contact01 .cont_box .lt_area .txt_box .map_box{
    height: 385px;
    border-radius: 3px;
} 
.wp_wrap .s_locate01 .cont_box .place_itms .place_li .map_box .root_daum_roughmap,
.wp_wrap .s_locate01 .cont_box .place_itms .place_li .map_box .root_daum_roughmap .wrap_map,
.wp_wrap .s_contact01 .cont_box .lt_area .txt_box .map_box .root_daum_roughmap,
.wp_wrap .s_contact01 .cont_box .lt_area .txt_box .map_box .root_daum_roughmap .wrap_map{
    width: 100%;
    height: 100%;
}
.wp_wrap .s_locate01 .cont_box .place_itms .place_li .map_box .root_daum_roughmap .wrap_controllers ,
.wp_wrap .s_locate01 .cont_box .place_itms .place_li .map_box .root_daum_roughmap .wrap_btn_zoom,
.wp_wrap .s_locate01 .cont_box .place_itms .place_li .map_box .root_daum_roughmap_landing .border1,
.wp_wrap .s_locate01 .cont_box .place_itms .place_li .map_box .root_daum_roughmap_landing .border2,
.wp_wrap .s_locate01 .cont_box .place_itms .place_li .map_box .root_daum_roughmap_landing .border3,
.wp_wrap .s_locate01 .cont_box .place_itms .place_li .map_box .root_daum_roughmap_landing .border4,
.wp_wrap .s_contact01 .cont_box .lt_area .txt_box .map_box .root_daum_roughmap .wrap_controllers ,
.wp_wrap .s_contact01 .cont_box .lt_area .txt_box .map_box .root_daum_roughmap .wrap_btn_zoom,
.wp_wrap .s_contact01 .cont_box .lt_area .txt_box .map_box .root_daum_roughmap_landing .border1,
.wp_wrap .s_contact01 .cont_box .lt_area .txt_box .map_box .root_daum_roughmap_landing .border2,
.wp_wrap .s_contact01 .cont_box .lt_area .txt_box .map_box .root_daum_roughmap_landing .border3,
.wp_wrap .s_contact01 .cont_box .lt_area .txt_box .map_box .root_daum_roughmap_landing .border4  {
    display: none;
}
.wp_wrap .s_locate01 .cont_box .place_itms .place_li .adrs{
    display: flex;
    align-items: center;
    font-size: 20px;
    gap: 20px;
    color: #000000;
    padding: 30px 30px 0;
} 
.wp_wrap .s_locate01 .cont_box .place_itms .place_li .adrs i{
    font-size: 30px;
    color: #DDDDDD;
}







/* 사업분야 공통 */
.wp_wrap .s_bsn .bsn_desc_box1{
    margin-bottom: 45px;
}
.wp_wrap .s_bsn .bsn_desc_box1 .tit{
    font-size: 30px;
    font-family: var(--font-pre600);
    color: #000000;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ddd;
}
.wp_wrap .s_bsn .bsn_desc_box1 .desc,
.wp_wrap .s_bsn .bsn_desc_box2 .rt_area .txt_box p{
    font-size: 20px;
    color: #333333;
    font-family: var(--font-pre400);
    line-height: 1.35;
}
.wp_wrap .s_bsn .bsn_desc_box1 .desc span,
.wp_wrap .s_bsn .bsn_desc_box2 .rt_area .txt_box p span{
    font-family: var(--font-pre600);
}
.wp_wrap .s_bsn .bsn_desc_box2{
    display: flex;
    align-items: center;
    gap: 40px;
    gap: 50px;
}
.wp_wrap .s_bsn .bsn_desc_box2 .lt_area{
    display: flex;
    align-items: flex-end;
    gap: 15px;
}
.wp_wrap .s_bsn .bsn_desc_box2 .lt_area .big_img_box{
    min-width: 330px;
    width: 330px;
    aspect-ratio: auto 1/1;
    border-radius: 50%;
    overflow: hidden;
}
.wp_wrap .s_bsn .bsn_desc_box2 .lt_area .big_img_box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.wp_wrap .s_bsn .bsn_desc_box2 .lt_area .logo_img_box{
    min-width: 150px;
    width: 150px;
}
.wp_wrap .s_bsn .bsn_desc_box2 .lt_area .logo_img_box img{}






/* s_all_inone */
.wp_wrap .s_all_inone{} 
.wp_wrap .s_all_inone01{} 
.wp_wrap .s_all_inone01 .cont_box{} 
.wp_wrap .s_all_inone01 .cont_box .AIO_box{
    margin-bottom: 60px;
} 
.wp_wrap .s_all_inone01 .cont_box .AIO_box .top{} 
.wp_wrap .s_all_inone01 .cont_box .AIO_box .top .step_box{
    padding: 100px  0 120px 0 ;
    border: 6px solid #82B7DE;
    background: #F4F4F4;
    border-radius: 345px;
} 
.wp_wrap .s_all_inone01 .cont_box .AIO_box .top .step_box ul{
    position: relative;
    display: flex;
    align-items: center;
    gap: 70px;
    max-width: 940px;
    margin: 0 auto;
} 
.wp_wrap .s_all_inone01 .cont_box .AIO_box .top .step_box ul::before{
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 90%;
    height: 1px;
    border-top: 2px dotted #BBBBBB;
}
.wp_wrap .s_all_inone01 .cont_box .AIO_box .top .step_box ul li{
    position: relative;
    width: 180px;
    aspect-ratio: auto 1/1;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 10px;
    border-radius: 30px;
} 
.wp_wrap .s_all_inone01 .cont_box .AIO_box .top .step_box ul li:nth-child(1){background-color: #70A0DE;}
.wp_wrap .s_all_inone01 .cont_box .AIO_box .top .step_box ul li:nth-child(2){background-color: #6BAFE3;}
.wp_wrap .s_all_inone01 .cont_box .AIO_box .top .step_box ul li:nth-child(3){background-color: #3676BE;}
.wp_wrap .s_all_inone01 .cont_box .AIO_box .top .step_box ul li:nth-child(4){background-color: #85CFF9;}
.wp_wrap .s_all_inone01 .cont_box .AIO_box .top .step_box ul li .icon_box{} 
.wp_wrap .s_all_inone01 .cont_box .AIO_box .top .step_box ul li .icon_box img{} 
.wp_wrap .s_all_inone01 .cont_box .AIO_box .top .step_box ul li .name{
    font-size: 20px;
    font-family: var(--font-pre600);
    color: #fff;
    text-align: center;
} 
.wp_wrap .s_all_inone01 .cont_box .AIO_box .bot{}
.wp_wrap .s_all_inone01 .cont_box .AIO_box .bot .txt_box{
    position: relative;
    top: -45px;
    background: #0E4F80;
    width: 500px;
    height: 90px;
    border-radius: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
} 
.wp_wrap .s_all_inone01 .cont_box .AIO_box .bot .txt_box>p{
    font-size: 40px;
    font-family: var(--font-paper600);
    color: #fff;
} 


/* s_plastic_sgr */
.wp_wrap .s_plastic_sgr{}
.wp_wrap .s_plastic_sgr01{}
.wp_wrap .s_plastic_sgr01 .cont_box{}
.wp_wrap .s_plastic_sgr01 .cont_box .plastic_sgr_pic,
.wp_wrap .s_logistics01 .cont_box .logistics_pic{
    position: relative;
    height: 450px;
    border-radius: 30px;
    overflow: hidden;
    margin-bottom: 60px;
}
.wp_wrap .s_plastic_sgr01 .cont_box .plastic_sgr_pic .img_box,
.wp_wrap .s_logistics01 .cont_box .logistics_pic .img_box{
    height: 100%;
}
.wp_wrap .s_plastic_sgr01 .cont_box .plastic_sgr_pic .img_box img,
.wp_wrap .s_logistics01 .cont_box .logistics_pic .img_box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.wp_wrap .s_plastic_sgr01 .cont_box .plastic_sgr_pic .shadow,
.wp_wrap .s_logistics01 .cont_box .logistics_pic .shadow{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(72, 84, 100, 0.25);
}
.wp_wrap .s_plastic_sgr01 .cont_box .plastic_sgr_pic .logo_box,
.wp_wrap .s_logistics01 .cont_box .logistics_pic .logo_box{
    position: absolute;
    bottom: 30px;
    left: 30px;
    min-width: 395px;
    width: 395px;
}
.wp_wrap .s_plastic_sgr01 .cont_box .plastic_sgr_pic .logo_box img,
.wp_wrap .s_logistics01 .cont_box .logistics_pic .logo_box img{
    opacity: 0.6;
}





/* s_packaging */
.wp_wrap .s_packaging{}
.wp_wrap .s_packaging01{}
.wp_wrap .s_packaging01 .cont_box{}
.wp_wrap .s_packaging01 .cont_box .slide_area{
    position: relative;
    margin-bottom: 60px;
}
.wp_wrap .s_packaging01 .cont_box .slide_area::before{
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 450px;
    border-radius: 50%;
    aspect-ratio: auto 1/1;
    background: #EBF0F5;
}
.wp_wrap .s_packaging01 .cont_box .slide_area .pkg_arr{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: transparent;
}
.wp_wrap .s_packaging01 .cont_box .slide_area .pkg_arr i{
    color: #DDDDDD;
    font-size: 30px;
    transition: 0.3s;
}
.wp_wrap .s_packaging01 .cont_box .slide_area .pkg_arr:hover i{
    color:#0E4F80;
}
.wp_wrap .s_packaging01 .cont_box .slide_area .pkg_arr.pkg_prev{
    z-index: 9;
    left: calc(50% - 280px);
}
.wp_wrap .s_packaging01 .cont_box .slide_area .pkg_arr.pkg_next{
    right: calc(50% - 280px);
}
.wp_wrap .s_packaging01 .cont_box .slide_area .pkg_slider{
    position: relative;
    height: 450px;
    display: flex;
    align-items: center;
}
.wp_wrap .s_packaging01 .cont_box .slide_area .pkg_slider::before{
    /* content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 450px;
    border-radius: 50%;
    aspect-ratio: auto 1/1;
    background: #EBF0F5; */
}
.wp_wrap .s_packaging01 .cont_box .slide_area .pkg_slider .pkg_slide{}
.wp_wrap .s_packaging01 .cont_box .slide_area .pkg_slider .pkg_slide .img_box{}
.wp_wrap .s_packaging01 .cont_box .slide_area .pkg_slider .pkg_slide .img_box img{
    transform: scale(0.6);
    transition: 0.3s;
    margin: 0 auto;
}
.wp_wrap .s_packaging01 .cont_box .slide_area .pkg_slider .pkg_slide.slick-current .img_box img{
    transform: scale(1);
}

/* s_contact */
.wp_wrap .s_contact{} 
.wp_wrap .s_contact01{
    position: relative;
}
.wp_wrap .s_contact01 .mtit_box {
    position: relative;
}
.wp_wrap .s_contact01 .img_bg{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
} 
.wp_wrap .s_contact01 .img_bg img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.3;
}
.wp_wrap .s_contact01 .cont_box{
    position: relative;
    background: rgba(255, 255, 255, 0.85);
    padding: 40px;
    display: flex;
    align-items: flex-start;
    gap: 60px;
    border-radius: 30px;
}
.wp_wrap .s_contact01 .cont_box .lt_area{
    width: 50%;
    padding-top: 100px;
}
.wp_wrap .s_contact01 .cont_box .lt_area .txt_box{}
.wp_wrap .s_contact01 .cont_box .lt_area .txt_box .tit{
    font-size: 30px;
    font-family: var(--font-pre600);
    color: #000000;
    margin-bottom: 30px;
}
.wp_wrap .s_contact01 .cont_box .lt_area .txt_box .cont_itms{
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-bottom: 45px;
}
.wp_wrap .s_contact01 .cont_box .lt_area .txt_box .cont_itms li{
    display: flex;
    align-items: center;
    gap: 10px;
}
.wp_wrap .s_contact01 .cont_box .lt_area .txt_box .cont_itms li img{
    min-width: 44px;
}
.wp_wrap .s_contact01 .cont_box .lt_area .txt_box .cont_itms li,
.wp_wrap .s_contact01 .cont_box .lt_area .txt_box .cont_itms li a{
    font-size: 20px;
    font-family: var(--font-pre300);
    color: #000000;
}
.wp_wrap .s_contact01 .cont_box .rt_area{
    width: 50%;
}
.wp_wrap .s_contact01 .cont_box .rt_area .form_box{}
.wp_wrap .s_contact01 .cont_box .rt_area .form_in{}
.wp_wrap .s_contact01 .cont_box .rt_area .form_in .ip_box{}
.wp_wrap .s_contact01 .cont_box .rt_area .form_in .ip_box.sl_box{}
.wp_wrap .s_contact01 .cont_box .rt_area .form_in .ip_box.ta_box{}
.wp_wrap .s_contact01 .cont_box .rt_area .form_in .ip_box {
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin-bottom: 15px;
}
.wp_wrap .s_contact01 .cont_box .rt_area .form_in .ip_box .ques{
    font-size: 18px;
    font-family: var(--font-pre400);
    color: #000000;
}
.wp_wrap .s_contact01 .cont_box .rt_area .form_in .ip_box .answ{
    width: 100%;
}
.wp_wrap .s_contact01 .cont_box .rt_area .form_in .ip_box .answ input[type="text"],
.wp_wrap .s_contact01 .cont_box .rt_area .form_in .ip_box .answ select,
.wp_wrap .s_contact01 .cont_box .rt_area .form_in .ip_box .answ textarea{
    width: 100%;
    font-size: 15px;
    font-family: var(--font-pre400);
    color: #707070;
    padding: 12px 15px;
    background: #fff;
    border: 1px solid #DDDDDD;
    border-radius: 3px;
    outline: none;
}
.wp_wrap .s_contact01 .cont_box .rt_area .form_in .ip_box .answ input[type="text"],
.wp_wrap .s_contact01 .cont_box .rt_area .form_in .ip_box .answ select{
    min-height: 48.5px;
}
.wp_wrap .s_contact01 .cont_box .rt_area .form_in .ip_box .answ select{
    background: #fff;
    background: url('../img/icon/select_arr.png') no-repeat 97% 50% #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.wp_wrap .s_contact01 .cont_box .rt_area .form_in .ip_box .answ textarea{
    min-height: 230px;
    resize: none;
}

.wp_wrap .s_contact01 .cont_box .rt_area .form_in .file_box{
    margin-bottom: 25px;
}

.wp_wrap .s_contact01 .cont_box .rt_area .form_in .file_box{
    border: 1px solid #ddd;
    background: #fff;
    padding: 10px 20px;
    margin-bottom: 25px;
    border-radius: 3px;
}
.wp_wrap .s_contact01 .cont_box .rt_area .form_in .file_box input[type="file"]{
    font-size: 18px;
    font-family: var(--font-pre300);
    color: #000;
    width: 100%;
}
.wp_wrap .s_contact01 .cont_box .rt_area .form_in .file_box input[type="file"]::file-selector-button {
    width: 95px;
    height: 30px;
    color: #000;
    font-size: 16px;
    font-family: var(--font-pre300);
    background-color: #F7F7F7;
    border: 1px solid #ddd;
    text-align: center;
    cursor: pointer;
    margin-right: 20px;
}

.wp_wrap .s_contact01 .cont_box .rt_area .form_in .agr_box {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-bottom: 25px;
}
.wp_wrap .s_contact01 .cont_box .rt_area .form_in .agr_box input[type="checkbox"]{
    /* display: none; */
}
.wp_wrap .s_contact01 .cont_box .rt_area .form_in .agr_box input[type="checkbox"] + label{
    font-size: 16px;
    font-family: var(--font-pre300);
    color: #787878;
}
/* .wp_wrap .s_contact01 .cont_box .rt_area .form_in .agr_box input[type="checkbox"] + label .chk_box{
    display: inline-block;
    margin: 0 5px;
    width: 20px;
    height:20px;
    background: url('../img/icon/agr_chk_bf.png') no-repeat center center / cover;
}
.wp_wrap .s_contact01 .cont_box .rt_area .form_in .agr_box input[type="checkbox"]:checked + label .chk_box{
    background: url('../img/icon/agr_chk_at.png') no-repeat center center / cover;
} */
.wp_wrap .s_contact01 .cont_box .rt_area .form_in .agr_box input[type="checkbox"] + label .pvmd_open_btn{
    color: #141414;
    font-family: var(--font-pre500);
    text-decoration: underline;
    text-underline-offset: 3px;
}
.wp_wrap .s_contact01 .cont_box .rt_area .form_in .sbm_btn{}
.wp_wrap .s_contact01 .cont_box .rt_area .form_in .sbm_btn button{
    border-radius: 10px;
    background: #0E4F80;
    width: 180px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-family: var(--font-pre500);
    margin: 0 auto;
}
/**********************************************************************************************************************/


/**********************************************************************************************************************/
/* 개인정보모달 */
/**********************************************************************************************************************/
.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;
    cursor: pointer;
}
.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-family: var(--font-presb);
}
.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: #999;
    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: var(--font-pre400);
    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;
}
/**********************************************************************************************************************/


/**********************************************************************************************************************/
/* dlvr_md */
/**********************************************************************************************************************/
.wp_wrap .dlvr_md{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.7);
    z-index: 1000;
    display: none;
} 
.wp_wrap .dlvr_md .md_outer{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 0 15px;
} 
.wp_wrap .dlvr_md .md_outer .width_inner {
    position: relative;
    max-width: 1240px;
    width: 100%;
    height: 80vh;
    overflow-y: auto;
    background: #fff;
    padding: 80px 60px 130px;
    padding: 60px 60px 100px;
}
.wp_wrap .dlvr_md .md_outer .width_inner .icon_box{
    position: absolute;
    top: 0;          
    right: 0;       
    padding: 10px;
    z-index: 10;
    cursor: pointer;
}
.wp_wrap .dlvr_md .md_outer .width_inner .icon_box i{
    font-size: 25px;
}
.wp_wrap .dlvr_md .md_outer .width_inner .md_inner{}
.wp_wrap .dlvr_md .md_outer .width_inner .md_inner .tit_box{
    margin-bottom: 30px;
}
.wp_wrap .dlvr_md .md_outer .width_inner .md_inner .tit_box .cate{
    font-size: 20px;
    color: #046EBE;
    margin-bottom: 5px;
}
.wp_wrap .dlvr_md .md_outer .width_inner .md_inner .tit_box .tit{
    font-size: 45px;
    font-family: var(--font-paper600);
    color: #000000;
}
.wp_wrap .dlvr_md .md_outer .width_inner .md_inner .slider_area{
    position:relative;
    margin-bottom: 40px;
}
.wp_wrap .dlvr_md .md_outer .width_inner .md_inner .slider_area .dicr_md_slider{
    height: 300px;
}
.wp_wrap .dlvr_md .md_outer .width_inner .md_inner .slider_area .dicr_md_slider .slide{
    height: 100%;
}
.wp_wrap .dlvr_md .md_outer .width_inner .md_inner .slider_area .dicr_md_slider .slide .img_box{
    /* height: 300px; */
    height: 100%;
}
.wp_wrap .dlvr_md .md_outer .width_inner .md_inner .slider_area .dicr_md_slider .slide .img_box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.wp_wrap .dlvr_md .md_outer .width_inner .md_inner .slider_area .dicr_md_slider .slide .img_box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.wp_wrap .dlvr_md .md_outer .width_inner .md_inner .slider_area .dicr_arr{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 9;
}
.wp_wrap .dlvr_md .md_outer .width_inner .md_inner .slider_area .dicr_arr i{
    color: #ddd;
    font-size: 35px;
}
.wp_wrap .dlvr_md .md_outer .width_inner .md_inner .slider_area .dicr_arr_prev{
    left: -45px;
}
.wp_wrap .dlvr_md .md_outer .width_inner .md_inner .slider_area .dicr_arr_next{
    right: -45px;
}
.wp_wrap .dlvr_md .md_outer .width_inner .md_inner .desc_box{}
.wp_wrap .dlvr_md .md_outer .width_inner .md_inner .desc_box .tit{
    font-size: 30px;
    font-family: var(--font-paper600);
    color: #000000;
    padding-bottom: 20px;
    margin-bottom: 30px;
    border-bottom: 1px solid #ddd;
}
.wp_wrap .dlvr_md .md_outer .width_inner .md_inner .desc_box .desc{
    font-size: 20px;
    font-family: var(--font-pre300);
    color: #000000;
}
/**********************************************************************************************************************/