/**
* 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: 'PaperlogySemiBold';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-6SemiBold.woff2') format('woff2');
    font-weight: 600;
    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-paper600: 'PaperlogySemiBold';
}





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


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


.wp_wrap .cm_inner{
    max-width: 1520px;
    width: 100%;
    padding: 0 10px;
    margin: 0 auto;
}
.wp_wrap .cm_inner02{
    max-width: 1320px;
    width: 100%;
    padding: 0 10px;
    margin: 0 auto;
}

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

.wp_wrap .cm_sec02{
    padding: 120px 0 0 0;
}
/* 메인 타이틀 */
.wp_wrap .mtit_box{}
.wp_wrap .mtit_box .tit{
    font-size: 50px;
    font-family: var(--font-pre700);
    color: #000000;
}
.wp_wrap .mtit_box .tit.fcblue{
    color: #123C92;
}
.wp_wrap .mtit_box .tit span{
    font-family: var(--font-pre300);
    color: #000;
}
.wp_wrap .mtit_box .desc{
    font-size: 20px;
    color: #000000;
    margin-top: 20px;
}



/* 서브 타이틀1 */
.wp_wrap .stit_box{}
.wp_wrap .stit_box .tit1{
    position: relative;
    font-size: 36px;
    font-family: var(--font-pre500);
    color: #000000;
    text-align: center;
    padding-top: 25px;
}
.wp_wrap .stit_box .tit1::before{
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #5CAC6D;
}
.wp_wrap .stit_box .tit2{
    font-size: 20px;
    font-family: var(--font-pre500);
    color: #999999;
    margin-top: 10px;
    text-align: center;
}




/* 서브 타이틀 2*/
.wp_wrap .sstit_box{}
.wp_wrap .sstit_box .tit{
    font-size: 40px;
    font-family: var(--font-pre700);
    color: #000000;
} 
.wp_wrap .sstit_box .desc{
    font-size: 20px;
    color: #000000;
    margin-top: 20px;
}
/**********************************************************************************************************************/



/**********************************************************************************************************************/
/* 헤더 */
/**********************************************************************************************************************/
.wp_wrap .header2 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: transparent;
    transition: 0.3s;
    z-index: 999;
}
.wp_wrap .header2  .h_top{
    position: relative;
    border-bottom: 1px solid #ddd;
    background: #fff;
    z-index: 9;
}
.wp_wrap .header2 .h_inner{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.wp_wrap .header2 .h_inner .h_lt{}
.wp_wrap .header2 .h_inner .h_logo{
    min-width: 350px;
}
.wp_wrap .header2 .h_inner .h_logo a{}
.wp_wrap .header2 .h_inner .h_logo a img{
    transition: 0.3s;
}



.wp_wrap .header2 .h_inner .h_rt{
    display: flex;
    align-items: center;
    gap: 30px;

}

.wp_wrap .header2 .h_inner nav{}
.wp_wrap .header2 .h_inner nav .gnb{
    display: flex;
}
.wp_wrap .header2 .h_inner nav .gnb>li{
    position: relative;
    width: 150px;
}
.wp_wrap .header2 .h_inner nav .gnb>li>a{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-family: var(--font-pre500);
    color: #fff;
    width: 100%;
    height: 100px;
    transition: 0.3s;
}
.wp_wrap .header2 .h_inner nav .gnb>li>a::after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background: #5CAC6D;
    transform: scaleX(0);
    transition: 0.3s;
}
.wp_wrap .header2 .h_inner nav .gnb>li:hover>a::after{
    transform: scaleX(1);
}
.wp_wrap .header2 .h_inner nav .gnb>li>.sub_mnu{
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    padding: 20px 0;
    display: none;
}
.wp_wrap .header2 .h_inner nav .gnb>li>.sub_mnu>li{}
.wp_wrap .header2 .h_inner nav .gnb>li>.sub_mnu>li>a{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 7px 0;
    font-size: 16px;
    color:#121212;
    transition: 0.2s;
}
.wp_wrap .header2 .h_inner nav .gnb>li>.sub_mnu>li>a:hover{
    color: #5CAC6D;
}
.wp_wrap .header2 .sub_mnu_bg{
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 305px;
    background: #fff;
    z-index: -1;
    display: none;
} 


.wp_wrap .header2 .h_inner .ful_mopen_btn{}
.wp_wrap .header2 .h_inner .mo_mopen_btn{
    display: none;
}
.wp_wrap .header2 .h_inner .ful_mopen_btn,
.wp_wrap .header2 .h_inner .mo_mopen_btn{}
.wp_wrap .header2 .h_inner .ful_mopen_btn .icon_box,
.wp_wrap .header2 .h_inner .mo_mopen_btn .icon_box{
    background-color: transparent;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.wp_wrap .header2 .h_inner .ful_mopen_btn .icon_box span,
.wp_wrap .header2 .h_inner .mo_mopen_btn .icon_box span{
    display: inline-block;
    height: 3px;
    border-radius: 4px;
    background: #fff;
    transition: 0.3s;
}
.wp_wrap .header2 .ht_inner .ful_mopen_btn .icon_box span:nth-child(1),
.wp_wrap .header2 .ht_inner .mo_mopen_btn .icon_box span:nth-child(1){
    width: 34px;
}
.wp_wrap .header2 .h_inner .ful_mopen_btn .icon_box span:nth-child(2),
.wp_wrap .header2 .h_inner .mo_mopen_btn .icon_box span:nth-child(2){
    width: 28px;
}
.wp_wrap .header2 .h_inner .ful_mopen_btn .icon_box span:nth-child(3),
.wp_wrap .header2 .h_inner .mo_mopen_btn .icon_box span:nth-child(3){
    width: 23px;
}


/* 스크롤 내려갈 때 */
.wp_wrap .header2.scr_down .h_bot{
    transform: translateY(-60px);
    transition: 0.5s;
}
.wp_wrap .header2.scr_down .h_bot .hb_inner nav{
    display: none;
}
.wp_wrap .header2.scr_down .sub_mnu_bg{
    height: 0 !important;
}



/* 
.wp_wrap .header1 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
}
.wp_wrap .header1 .h_top{
    position: relative;
    border-bottom: 1px solid #ddd;
    background: #fff;
    z-index: 9;
}
.wp_wrap .header1 .h_top .ht_inner{
    display: flex;
    align-items: center;
    height: 100px;
    justify-content: space-between;
}
.wp_wrap .header1 .h_top .ht_inner .h_logo{}
.wp_wrap .header1 .h_top .ht_inner .h_logo a{}
.wp_wrap .header1 .h_top .ht_inner .h_logo a img{}
.wp_wrap .header1 .h_top .ht_inner .ful_mopen_btn{}
.wp_wrap .header1 .h_top .ht_inner .mo_mopen_btn{
    display: none;
}
.wp_wrap .header1 .h_top .ht_inner .ful_mopen_btn,
.wp_wrap .header1 .h_top .ht_inner .mo_mopen_btn{}
.wp_wrap .header1 .h_top .ht_inner .ful_mopen_btn .icon_box,
.wp_wrap .header1 .h_top .ht_inner .mo_mopen_btn .icon_box{
    background-color: transparent;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.wp_wrap .header1 .h_top .ht_inner .ful_mopen_btn .icon_box span,
.wp_wrap .header1 .h_top .ht_inner .mo_mopen_btn .icon_box span{
    display: inline-block;
    height: 3px;
    border-radius: 4px;
    background: #000000;
}
.wp_wrap .header1 .h_top .ht_inner .ful_mopen_btn .icon_box span:nth-child(1),
.wp_wrap .header1 .h_top .ht_inner .mo_mopen_btn .icon_box span:nth-child(1){
    width: 34px;
}
.wp_wrap .header1 .h_top .ht_inner .ful_mopen_btn .icon_box span:nth-child(2),
.wp_wrap .header1 .h_top .ht_inner .mo_mopen_btn .icon_box span:nth-child(2){
    width: 28px;
}
.wp_wrap .header1 .h_top .ht_inner .ful_mopen_btn .icon_box span:nth-child(3),
.wp_wrap .header1 .h_top .ht_inner .mo_mopen_btn .icon_box span:nth-child(3){
    width: 23px;
}
.wp_wrap .header1 .h_bot{
    background: #fff;
}
.wp_wrap .header1 .h_bot .hb_inner{
    max-width: 1500px;
    width: 100%;
    margin: 0 auto;
}
.wp_wrap .header1 .h_bot .hb_inner nav{}
.wp_wrap .header1 .h_bot .hb_inner nav .gnb{
    display: flex;
    align-items: stretch;
}
.wp_wrap .header1 .h_bot .hb_inner nav .gnb>li{
    position: relative;
    flex: 1;
    border-right: 1px solid #ddd;
}
.wp_wrap .header1 .h_bot .hb_inner nav .gnb>li:first-child{
    border-left: 1px solid #ddd;
}
.wp_wrap .header1 .h_bot .hb_inner nav .gnb>li>a{
    position: relative;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-family: var(--font-pre500);
    color: #000000;
}
.wp_wrap .header1 .h_bot .hb_inner nav .gnb>li>a::after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background: #5CAC6D;
    transform: scaleX(0);
    transition: 0.3s;
}
.wp_wrap .header1 .h_bot .hb_inner nav .gnb>li:hover>a::after{
    transform: scaleX(1);
}
.wp_wrap .header1 .h_bot .hb_inner nav .gnb>li>.sub_mnu{
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    padding: 20px 0;
    display: none;
}
.wp_wrap .header1 .h_bot .hb_inner nav .gnb>li>.sub_mnu>li{}
.wp_wrap .header1 .h_bot .hb_inner nav .gnb>li>.sub_mnu>li>a{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 7px 0;
    font-size: 16px;
    color: #fff;
    transition: 0.2s;
}
.wp_wrap .header1 .h_bot .hb_inner nav .gnb>li>.sub_mnu>li>a:hover{
    color: #7FEC96;
}
.wp_wrap .header1 .sub_mnu_bg{
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 255px;
    background: rgba(0, 0, 0, 0.55);
    z-index: -1;
    display: none;
} 

/* 스크롤 내려갈 때 *
.wp_wrap .header1.scr_down .h_bot{
    transform: translateY(-60px);
    transition: 0.5s;
}
.wp_wrap .header1.scr_down .h_bot .hb_inner nav{
    display: none;
}
.wp_wrap .header1.scr_down .sub_mnu_bg{
    height: 0 !important;
} */




.wp_wrap .ful_mnu{
    position: fixed;
    top: 0;
    right: -100%;
    width: 100%;
    background: rgb(52 52 52 / 30%);
    height: 100vh;
    background: #fff;
    z-index: 9999; 
    transition: 0.5s;
}
.wp_wrap .ful_mnu.on{
    right: 0;
}
.wp_wrap .ful_mnu .ful_mnu_out{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.wp_wrap .ful_mnu .ful_mnu_out .ful_inner .top {
    margin-bottom: 40px;
}
.wp_wrap .ful_mnu .ful_mnu_out .ful_inner .top p{
    font-size: 60px;
    font-family: var(--font-pre200);
}
.wp_wrap .ful_mnu .ful_mnu_out .ful_inner .ful_mcls_btnID {
    position: absolute;
    top: 30px;
    right: 35px;
    cursor: pointer;
}
.wp_wrap .ful_mnu .ful_mnu_out .ful_inner .ful_mcls_btnID i{
    font-size: 35px;
}
.wp_wrap .ful_mnu .ful_mnu_out .ful_inner .bot .line .fcha>p {
    position: relative;
    font-size: 31px;
}
.wp_wrap .ful_mnu .ful_mnu_out .ful_inner .bot .line .fcha>p span{
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #5CAC6D;
    margin-bottom: 15px;
    opacity: 0;
    transition: 0.3s;
}
.wp_wrap .ful_mnu .ful_mnu_out .ful_inner .bot .line:hover .fcha>p span{
    opacity: 1;    
}
.wp_wrap .ful_mnu .ful_mnu_out .ful_inner .bot .line{
    display: flex;  
    align-items: stretch;
    width: 100%;
    border-bottom: 1px solid #d4d4d4;
}
.wp_wrap .ful_mnu .ful_mnu_out .ful_inner .bot .line:first-child{    
    border-top: 1px solid #d4d4d4;
}
.wp_wrap .ful_mnu .ful_mnu_out .ful_inner .bot .line .fcha{
    min-width: 230px;
    border-right: 1px solid #d4d4d4;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.wp_wrap .ful_mnu .ful_mnu_out .ful_inner .bot .line .fcha>p {
    font-size: 20px;
    padding: 25px 0;
    font-family: var(--font-pre500);
}
.wp_wrap .ful_mnu .ful_mnu_out .ful_inner .bot .line .scha{
    padding: 10px 40px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    width: 100%;
}
.wp_wrap .ful_mnu .ful_mnu_out .ful_inner .bot .line .scha li{
    /* min-width: 200px; */
    display: flex;
    align-items: center;
}
.wp_wrap .ful_mnu .ful_mnu_out .ful_inner .bot .line .scha li a{
    display: inline-block;
    width: 100%;
    padding: 15px 0;
    font-size: 18px;
}
.wp_wrap .ful_mnu .ful_mnu_out .ful_inner .bot .line .scha li:hover a{
    color: #5CAC6D;
}


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








/**********************************************************************************************************************/
/* 푸터 */
/**********************************************************************************************************************/
.wp_wrap footer {}
.wp_wrap footer .f_top{
    padding: 20px 0;
    background: #2B7A3C;
}
.wp_wrap footer .f_top .ft_inner{}
.wp_wrap footer .f_top .ft_inner .f_mnu{
    display: flex;
    align-items: center;
    gap: 40px;
    justify-content: flex-end;
}
.wp_wrap footer .f_top .ft_inner .f_mnu li{}
.wp_wrap footer .f_top .ft_inner .f_mnu li button{
    background: transparent;
    font-size: 15px;
    color: rgba(255, 255, 255, 0.7);
    font-family: var(--font-pre400);
}
.wp_wrap footer .f_bot{
    background: #EEEEEE;
    padding: 60px 0;
}

.wp_wrap footer .f_bot .fb_inner{
    display: flex;
    align-items: center;
    gap: 200px;
}
.wp_wrap footer .f_bot .fb_inner .fb_lt{}
.wp_wrap footer .f_bot .fb_inner .fb_lt .f_logo{
    min-width: 130px;
}
.wp_wrap footer .f_bot .fb_inner .fb_lt .f_logo img{}
.wp_wrap footer .f_bot .fb_inner .fb_rt{}
.wp_wrap footer .f_bot .fb_inner .fb_rt .f_info{
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 10px;
}
.wp_wrap footer .f_bot .fb_inner .fb_rt .f_info ul{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.wp_wrap footer .f_bot .fb_inner .fb_rt .f_info ul>li{
    position: relative;
    margin-right: 15px;
    padding-right: 15px;
}
.wp_wrap footer .f_bot .fb_inner .fb_rt .f_info ul>li:last-child{
    margin-right: 0;
    padding-right: 0;
}
.wp_wrap footer .f_bot .fb_inner .fb_rt .f_info ul>li::after{
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 1px;
    height: 13px;
    background: #999;
}

.wp_wrap footer .f_bot .fb_inner .fb_rt .f_info ul>li:last-child:after{
    display: none;
}

.wp_wrap footer .f_bot .fb_inner .fb_rt .f_info ul>li,
.wp_wrap footer .f_bot .fb_inner .fb_rt .f_info ul>li a{
    font-size: 15px;
    color: #999999;
}
.wp_wrap footer .f_bot .fb_inner .fb_rt .copyright{
    font-size: 15px;
    color: #999999;
}
.wp_wrap footer .f_bot .fb_inner .fb_rt .copyright>a{
    color: #c5c5c5;
    transition: 0.3s;
}
.wp_wrap footer .f_bot .fb_inner .fb_rt .copyright>a:hover{
    color: #999999;
}
/**********************************************************************************************************************/




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

/* ms_visual */
.wp_wrap .ms_visual{
    position: relative;
}
.wp_wrap .ms_visual .sld_area{}
.wp_wrap .ms_visual .sld_area .m_slider{}
.wp_wrap .ms_visual .sld_area .m_slider .m_slide{
    position: relative;
}
.wp_wrap .ms_visual .sld_area .m_slider .m_slide .sld_in .img_box{ 
    position: relative; 
    width: 100%;
    height: 100vh;
}
.wp_wrap .ms_visual .sld_area .m_slider .m_slide .sld_in .img_box::after{ 
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
} 
.wp_wrap .ms_visual .sld_area .m_slider .m_slide.sld1 .sld_in .img_box::after{ 
    background: rgba(83, 83, 83, 0.4);
}
.wp_wrap .ms_visual .sld_area .m_slider .m_slide.sld2 .sld_in .img_box::after{ 
    background: rgba(35, 35, 35, 0.35);
}
.wp_wrap .ms_visual .sld_area .m_slider .m_slide .sld_in .img_box img{ 
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.06);
}
.wp_wrap .ms_visual .sld_area .m_slider .m_slide.active .sld_in .img_box img{ 
    transform: scale(1);
    transition: 4s;
}
.wp_wrap .ms_visual .sld_area .m_slider .m_slide .sld_in .txt_box{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: calc(50% - 750px);
}
.wp_wrap .ms_visual .sld_area .m_slider .m_slide .sld_in .txt_box .txt1{
    margin-bottom: 25px;
    font-size: 70px;
    color: #fff;
    font-family: var(--font-pre700);
    opacity: 0;
    transform:translateY(20%);
}
.wp_wrap .ms_visual .sld_area .m_slider .m_slide .sld_in .txt_box .txt2{
    font-size: 25px;
    color: #fff;
    line-height: 1.5;
    opacity: 0;
    transform:translateY(20%);
}
.wp_wrap .ms_visual .sld_area .m_slider .m_slide.active .sld_in .txt_box .txt1{
    opacity: 1;
    transform: translateY(0);
    transition: 1s 0.5s;
}
.wp_wrap .ms_visual .sld_area .m_slider .m_slide.active .sld_in .txt_box .txt2{
    opacity: 1;
    transform: translateY(0);
    transition: 1s 1.5s;
}
.wp_wrap .ms_visual .sld_area .m_slider .slick-dots{
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    gap: 15px;
}
.wp_wrap .ms_visual .sld_area .m_slider .slick-dots li{}
.wp_wrap .ms_visual .sld_area .m_slider .slick-dots li button{
    font-size: 0;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.25);
}
.wp_wrap .ms_visual .sld_area .m_slider .slick-dots li.slick-active button{
    background-color: rgba(255, 255, 255, 1);
}



.wp_wrap .ms_visual .mf_txt{
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    max-width: 1520px;
    padding: 0 10px;
    margin: 0 auto;
}
.wp_wrap .ms_visual .mf_txt .txt_box{
    display: flex;
    flex-direction: column;
    gap: 3px;
}
.wp_wrap .ms_visual .mf_txt .txt_box .txt1{
    font-size: 33px;
    color: #fff;
    text-align: center;
    text-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
.wp_wrap .ms_visual .mf_txt .txt_box .txt2{
    font-size: 80px;
    font-family: var(--font-pre700);
    color: #fff;
    text-align: center;
    text-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
.wp_wrap .ms_visual .mf_mnu{    
    position: absolute;
    bottom: 60px;
    left: 50%;
    transform: translateX(-50%);
    max-width: 900px;
    width: 100%;
}

.wp_wrap .ms_visual .mf_mnu .mnu_itms{
    padding: 30px;
    border-radius: 20px;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.7);
    display: flex;
    align-items: stretch;
    gap: 10px;
}
.wp_wrap .ms_visual .mf_mnu .mnu_itms>li{
    width: calc((100% - 40px) / 5);
}
.wp_wrap .ms_visual .mf_mnu .mnu_itms>li>a{}
.wp_wrap .ms_visual .mf_mnu .mnu_itms>li>a>.li_in{
    min-width: 160px;
    aspect-ratio: auto 1/1;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 20px;
    background: #105b93;
    border-radius: 20px;
    transition: 0.3s;
}
.wp_wrap .ms_visual .mf_mnu .mnu_itms>li:hover>a>.li_in{
    background: #114972;
}
.wp_wrap .ms_visual .mf_mnu .mnu_itms>li>a>.li_in .icon_box{}
.wp_wrap .ms_visual .mf_mnu .mnu_itms>li>a>.li_in .icon_box img{}
.wp_wrap .ms_visual .mf_mnu .mnu_itms>li>a>.li_in .name{
    font-size: 18px;
    font-family: var(--font-pre500);
    color: #fff;
    text-align: center;
}

/* 
.wp_wrap .ms_visual .mm_area{
    position: absolute;
    top: calc(50% + 50px);
    top: calc(50% + 100px);
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 1500px;
    width: 100%;
    padding: 0 10px;
}
.wp_wrap .ms_visual .mm_area .inner{
    background: rgba(255, 255, 255, 0.7);
    border-radius: 30px;
    backdrop-filter: blur(8px) brightness(1.43);
    padding: 60px;
}
.wp_wrap .ms_visual .mm_area .inner .top_box{
    margin-bottom: 45px;
}
.wp_wrap .ms_visual .mm_area .inner .top_box .tit_box{
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.wp_wrap .ms_visual .mm_area .inner .top_box .tit_box .subtit{
    font-size: 20px;
    color: #191919;
}
.wp_wrap .ms_visual .mm_area .inner .top_box .tit_box .tit{
    color: #272727;
    font-size: 60px;
    font-family: var(--font-pre700);
}
.wp_wrap .ms_visual .mm_area .inner .bot_box{
    display: flex;
    justify-content: space-between;
}
.wp_wrap .ms_visual .mm_area .inner .bot_box .lt_area{
    padding-top:50px;
}
.wp_wrap .ms_visual .mm_area .inner .bot_box .lt_area .arr_box{
    display: flex;
    align-items: center;
    gap: 45px;
}
.wp_wrap .ms_visual .mm_area .inner .bot_box .lt_area .arr_box .ms_arr{
    background: transparent;
}
.wp_wrap .ms_visual .mm_area .inner .bot_box .lt_area .arr_box .ms_arr.ms_prev{}
.wp_wrap .ms_visual .mm_area .inner .bot_box .lt_area .arr_box .ms_arr.ms_next{}
.wp_wrap .ms_visual .mm_area .inner .bot_box .lt_area .arr_box .ms_arr i{
    font-size: 25px;
    color: #6D6D6D;
    transition: 0.3s;
}
.wp_wrap .ms_visual .mm_area .inner .bot_box .lt_area .arr_box .ms_arr:hover i{
    color: #123C92;
}

.wp_wrap .ms_visual .mm_area .inner .bot_box .rt_area{}
.wp_wrap .ms_visual .mm_area .inner .bot_box .rt_area .mnu_itms{}
.wp_wrap .ms_visual .mm_area .inner .bot_box .rt_area .mnu_itms li{
    width: 100%;
    overflow: hidden;
}
.wp_wrap .ms_visual .mm_area .inner .bot_box .rt_area .mnu_itms li .li_in{
    width: 165px;
    aspect-ratio: auto 1/1;
    background: #5AA169;
    background: linear-gradient(0deg,rgba(16, 56, 148, 1) 0%, rgba(80, 177, 101, 1) 100%);
    border-radius: 10px;
    overflow: hidden;
}

.wp_wrap .ms_visual .mm_area .inner .bot_box .rt_area .mnu_itms li .li_in .bg{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 25px;
    background: transparent;
    width: 100%;
    height: 100%;
    transition: 0.3s;
}
.wp_wrap .ms_visual .mm_area .inner .bot_box .rt_area .mnu_itms li:hover .li_in .bg{
    background: #5AA169;
}
.wp_wrap .ms_visual .mm_area .inner .bot_box .rt_area .mnu_itms li .li_in .bg .icon_box{
    min-width: 45px;
}
.wp_wrap .ms_visual .mm_area .inner .bot_box .rt_area .mnu_itms li .li_in .bg .icon_box img{}
.wp_wrap .ms_visual .mm_area .inner .bot_box .rt_area .mnu_itms li .li_in .bg .name{
    font-size: 16px;
    font-family: var(--font-pre500);
    color: #fff;
}
 */











/* ms_mnu */
.wp_wrap .ms_mnu{} 
.wp_wrap .ms_mnu .cont_box{} 
.wp_wrap .ms_mnu .cont_box .mnu_itms{
    border: 1px solid #ddd;
} 
.wp_wrap .ms_mnu .cont_box .mnu_itms>li{
    position: relative;
    border: 1px solid transparent;
    transition: 0.3s;
}
.wp_wrap .ms_mnu .cont_box .mnu_itms>li:hover{
    border: 1px solid #5CAC6D;
}
.wp_wrap .ms_mnu .cont_box .mnu_itms>li::after{
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -1px;
    width: 1px;
    height: 125px;
    background: #ddd;
    z-index: -1;
}
.wp_wrap .ms_mnu .cont_box .mnu_itms>li:last-child:after{
    display: none;
}
.wp_wrap .ms_mnu .cont_box .mnu_itms>li .li_in{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    height: 200px;
} 
.wp_wrap .ms_mnu .cont_box .mnu_itms>li .li_in .icon_box{
    min-width: 100px;
    width: 100px;
} 
.wp_wrap .ms_mnu .cont_box .mnu_itms>li .li_in .icon_box img{} 
.wp_wrap .ms_mnu .cont_box .mnu_itms>li .li_in .name{
    font-size: 20px;
    font-family: var(--font-pre500);
    color: #000000;
} 


/* ms_about */
.wp_wrap .ms_about{} 
.wp_wrap .ms_about .inner_box{}
.wp_wrap .ms_about .mtit_box{
    margin-bottom: 35px;
} 
.wp_wrap .ms_about .cont_box{
    position: relative;
}
.wp_wrap .ms_about .cont_box .lt_area{
    /* width: 47%; */
    min-width: 500px;
    width: 500px;
    padding: 160px 0;
}
.wp_wrap .ms_about .cont_box .lt_area .txt_box{}
.wp_wrap .ms_about .cont_box .lt_area .txt_box .tit{
    font-size: 30px;
    font-family: var(--font-pre300);
    color: #000000;
    margin-bottom: 15px;
}
.wp_wrap .ms_about .cont_box .lt_area .txt_box .tit span{
    font-family: var(--font-pre700);
}
.wp_wrap .ms_about .cont_box .lt_area .txt_box .desc_box{
    display: flex;
    flex-direction: column;
    gap: 25px;
    margin-bottom: 60px;
}
.wp_wrap .ms_about .cont_box .lt_area .txt_box .desc_box p{
    color: #666666;
    font-size: 18px;
    line-height: 1.5
}
.wp_wrap .ms_about .cont_box .lt_area .txt_box .more_btn{}
.wp_wrap .ms_about .cont_box .lt_area .txt_box .more_btn a{
    font-size: 15px;
    color: #123C93;
    font-family: var(--font-pre600);
}
.wp_wrap .ms_about .cont_box .rt_area{
    position: absolute;
    bottom: 0;
    left: 47%;
    
}
.wp_wrap .ms_about .cont_box .rt_area .img_box{
    width: 1011px;
    height: 615px;
    border-radius: 120px 0 0 0;
    overflow: hidden;
}
.wp_wrap .ms_about .cont_box .rt_area .img_box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1);
    transition: 1s;
}
.wp_wrap .ms_about .cont_box .rt_area .img_box:hover img{
transform: scale(1.03);
}





/* ms_service */
.wp_wrap .ms_service{
    background: #F4F4F4;
} 
.wp_wrap .ms_service .mtit_box{
    margin-bottom: 40px;
} 
.wp_wrap .ms_service .cont_box{} 
.wp_wrap .ms_service .cont_box .svc_itms{
    display: flex;
    gap: 10px;
} 
.wp_wrap .ms_service .cont_box .svc_itms>li{
    width: 33.33%;
    min-width: 180px;
    transition: 0.8s;
}
.wp_wrap .ms_service .cont_box .svc_itms>li .li_in{
    position: relative;
    height: 500px;
} 
.wp_wrap .ms_service .cont_box .svc_itms>li .li_in .img_box{
    width: 100%;
    height: 100%;
} 
.wp_wrap .ms_service .cont_box .svc_itms>li .li_in .img_box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: brightness(0.5) opacity(0.7);
    transition: 0.5s;
} 
.wp_wrap .ms_service .cont_box .svc_itms>li .li_in .nohov{
    position: absolute;
    bottom: 120px;
    left: 50%;
    transform: translateX(-50%);
    min-width: 200px;
    opacity: 1;
    transition: 0.3s;
}
.wp_wrap .ms_service .cont_box .svc_itms>li .li_in .nohov p{
    display: flex;
    align-items: center;
    transform: rotate(270deg);
    font-size: 24px;
    font-family: var(--font-pre500);
    color: #fff;
}
.wp_wrap .ms_service .cont_box .svc_itms>li .li_in .nohov p i{
    font-size: 40px;
    margin-right: 20px;
}
.wp_wrap .ms_service .cont_box .svc_itms>li .li_in .hov{
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 45px 40px;
    background: rgba(92, 172, 109, 0.8);
    border-radius: 0 100px 0 0;
    width: 64%;
    opacity: 0;
    transition: 0.3s;
}
.wp_wrap .ms_service .cont_box .svc_itms>li .li_in .hov .txt_box{}
.wp_wrap .ms_service .cont_box .svc_itms>li .li_in .hov .txt_box .txt1{
    font-size: 18px;
    color: #DDDDDD;
    margin-bottom: 5px;
}
.wp_wrap .ms_service .cont_box .svc_itms>li .li_in .hov .txt_box .txt2{
    font-size: 30px;
    font-family: var(--font-pre700);
    color: #fff;
}

/* hover 시 */
/* .wp_wrap .ms_service .cont_box .svc_itms>li:hover{
    width: 207%;
}
.wp_wrap .ms_service .cont_box .svc_itms>li:hover .li_in .nohov{
    opacity: 0;
}
.wp_wrap .ms_service .cont_box .svc_itms>li:hover .li_in .hov{
    opacity: 1;
}
.wp_wrap .ms_service .cont_box .svc_itms>li:hover .li_in .img_box img{
    filter: brightness(1) opacity(1);
}  */
.wp_wrap .ms_service .cont_box .svc_itms>li.on{
    width: 207%;
}
.wp_wrap .ms_service .cont_box .svc_itms>li.on .li_in .nohov{
    opacity: 0;
}
.wp_wrap .ms_service .cont_box .svc_itms>li.on .li_in .hov{
    opacity: 1;
}
.wp_wrap .ms_service .cont_box .svc_itms>li.on .li_in .img_box img{
    filter: brightness(1) opacity(1);
} 


/* ms_notice */
.wp_wrap .ms_notice{} 
.wp_wrap .ms_notice .cont_box{} 
.wp_wrap .ms_notice .cont_box .top{
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 40px;
} 
.wp_wrap .ms_notice .cont_box .top .more_btn{}
.wp_wrap .ms_notice .cont_box .top .more_btn a{
    font-size: 16px;
    font-family: var(--font-pre300);
    color: #000000;
    transition: 0.3s;
}
.wp_wrap .ms_notice .cont_box .top .more_btn a:hover{
    color: #5CAC6D;
}
.wp_wrap .ms_notice .cont_box .bot{}
.wp_wrap .ms_notice .cont_box .bot .ntc_itms{
    display: flex;
    flex-wrap: wrap ;
    gap: 20px 40px;
}
.wp_wrap .ms_notice .cont_box .bot .ntc_itms li{
    width: calc((100% - 40px) / 2);
}
.wp_wrap .ms_notice .cont_box .bot .ntc_itms li .li_in{
    position: relative;
    padding: 30px;
    border: 1px solid #ddd;
    background: #fff;
}
.wp_wrap .ms_notice .cont_box .bot .ntc_itms li .li_in::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #5CAC6D;
    z-index: -1;
    transition: 0.3s;
}
.wp_wrap .ms_notice .cont_box .bot .ntc_itms li:hover .li_in::before{
    top: 5px;
    left: 5px;
}
.wp_wrap .ms_notice .cont_box .bot .ntc_itms li .li_in .txt_box{}
.wp_wrap .ms_notice .cont_box .bot .ntc_itms li .li_in .txt_box .tit{
    font-size: 20px;
    font-family: var(--font-pre600);
    margin-bottom: 20px;
    color: #000000;
}
.wp_wrap .ms_notice .cont_box .bot .ntc_itms li .li_in .txt_box .desc{
    font-size: 16px;
    color: #666666;
    margin-bottom: 15px;
    line-height: 1.3;
    min-height: 42px;
}
.wp_wrap .ms_notice .cont_box .bot .ntc_itms li .li_in .txt_box .date{
    font-size: 16px;
    color: #CCCCCC;
    text-align: right;
}
/**********************************************************************************************************************/




/**********************************************************************************************************************/
/* 서브 */
/**********************************************************************************************************************/
/* sub_top */
.wp_wrap .sub_top{}
.wp_wrap .sub_top .st_top{
    position: relative;
}
.wp_wrap .sub_top .st_top .img_box{
    position: relative;
    height: 300px;
    overflow: hidden;
}
.wp_wrap .sub_top .st_top .img_box:after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(115, 107, 107, 0.2);
}
.wp_wrap .sub_top .st_top .img_box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.05);
    transition: 3s;
}
.wp_wrap .sub_top.on .st_top .img_box img{
    transform: scale(1);
}
.wp_wrap .sub_top .st_top .txt_box{
    position: absolute;
    top: 50%;
    transform: translateY(-30%);
    left: calc(50% - 750px);
    z-index: 9;
    transition: 1s;
    display: flex;
    flex-direction: column;
    gap: 10px;
    opacity: 0;
}
.wp_wrap .sub_top.on .st_top .txt_box{
    transform: translateY(-50%);
    opacity: 1;
}
.wp_wrap .sub_top .st_top .txt_box .txt1{
    font-size: 20px;
    color: #fff;
    line-height: 1.3;
}
.wp_wrap .sub_top .st_top .txt_box .txt2{    
    font-size: 40px;
    font-family: var(--font-pre700);
    color: #fff;
}

.wp_wrap .sub_top .st_bot{}
.wp_wrap .sub_top .st_bot .st_mnu{
    background: #fff;
    border-bottom: 1px solid #DDDDDD;
}
.wp_wrap .sub_top .st_bot .st_mnu .inner_box{
    max-width: 1500px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    height: 80px;
}
.wp_wrap .sub_top .st_bot .st_mnu .inner_box>div{
    position: relative;
}
.wp_wrap .sub_top .st_bot .st_mnu .inner_box>div::after{
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 1px;
    height: 30px;
    background: rgba(216, 216, 216, 0.5);
}
.wp_wrap .sub_top .st_bot .st_mnu .inner_box .first{
    display: flex;
    align-items: center;
    justify-content: center;
}
.wp_wrap .sub_top .st_bot .st_mnu .inner_box .first a {
    display: block;
    text-align: center;
    min-width: 80px;
}
.wp_wrap .sub_top .st_bot .st_mnu .inner_box .first a i {
    font-size: 18px;
    color: #5D5D5D;
}
.wp_wrap .sub_top .st_bot .st_mnu .inner_box .mnu_box .show {
    padding: 0 20px;
    display: flex;
    align-items: center;
    cursor: pointer;
    width: 100%;
    justify-content: space-between;
    height: 80px;
    min-width: 250px;
}
.wp_wrap .sub_top .st_bot .st_mnu .inner_box .mnu_box .show >p{
    font-size: 16px;
    font-family: var(--font-pre500);
    color: #000;
}
.wp_wrap .sub_top .st_bot .st_mnu .inner_box .mnu_box .show >i{
    font-size: 16px;
    color: #5D5D5D;
    transform: rotate(0);
    transition: 0.3s;
}
.wp_wrap .sub_top .st_bot .st_mnu .inner_box .mnu_box.on .show >i{
    transform: rotate(-180deg);
}
.wp_wrap .sub_top .st_bot .st_mnu .inner_box .mnu_box .hide {
    position: absolute;
    top: 80px;
    left: -1px;
    background: #fff;
    width: calc(100% + 1px);
    border: 1px solid #ddd;
    display: none;
    z-index: 99;
}
.wp_wrap .sub_top .st_bot .st_mnu .inner_box .mnu_box .hide>li>a {
    display: block;
    padding: 15px 20px;
    color: #575757;
    border-bottom: 1px solid #ddd;
    font-size: 16px;
}
.wp_wrap .sub_top .st_bot .st_mnu .inner_box .mnu_box .hide>li:last-child>a {
    border-bottom: none;
}






/* stit_box, sstit_box margin-bottom */
.wp_wrap .s_vision01 .stit_box,
.wp_wrap .s_organ01 .stit_box,
.wp_wrap .s_fair01 .stit_box,
.wp_wrap .s_mng_policy01 .stit_box,
.wp_wrap .s_wtcome01 .stit_box{
    margin-bottom: 50px;
}
.wp_wrap .s_vision02 .stit_box{
    margin-bottom: 55px;
}
.wp_wrap .s_notice01 .sstit_box,
.wp_wrap .s_qa01 .sstit_box{
    margin-bottom: 40px;
}
.wp_wrap .s_request_gid01 .sstit_box,
.wp_wrap .s_transcript01 .sstit_box{
    margin-bottom: 60px;
}
.wp_wrap .s_testfd01 .stit_box{
    margin-bottom: 100px;
}





/* 1 ---------------------------------------------------------------------------------------------------------------- */
/* 1-1 s_grt */
.wp_wrap .s_grt{}
.wp_wrap .s_grt01{
    position: relative;
    padding: 120px 0 160px 0;
    /* overflow: hidden; */
    background: url('../img/sub/s_grtBg.jpg') no-repeat center center / cover;
}
/* .wp_wrap .s_grt01 .cic_acc{
    position: absolute;
    top: -35%;
    left: 50%;
    transform: translateX(-50%);
    width: 120%;
    height: 120%;
    border-radius: 50%;
    background: #ddd;
} */

.wp_wrap .s_grt01 .grt_inner{}
.wp_wrap .s_grt01 .txt_area{}
.wp_wrap .s_grt01 .txt_area .cont_box{}
.wp_wrap .s_grt01 .txt_area .cont_box .txt_box{
    position: relative;
    z-index: 9;
    width: 790px;
}
.wp_wrap .s_grt01 .txt_area .cont_box .txt_box .tit{
    font-size: 36px;
    font-family: var(--font-pre500);
    margin-bottom: 30px;
}
.wp_wrap .s_grt01 .txt_area .cont_box .txt_box .tit span{
    font-family: var(--font-pre700);
}
.wp_wrap .s_grt01 .txt_area .cont_box .txt_box .desc_box{
    margin-bottom: 30px;
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.wp_wrap .s_grt01 .txt_area .cont_box .txt_box .desc_box p{
    font-size: 20px;
    color: #2f2f2f;
    line-height: 1.5;
	 font-family: var(--font-pre300);
}
.wp_wrap .s_grt01 .txt_area .cont_box .txt_box .name_box{}
.wp_wrap .s_grt01 .txt_area .cont_box .txt_box .name_box p{
    font-size: 20px;
    font-family: var(--font-pre500);
    color: #000000;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 10px;
}
.wp_wrap .s_grt01 .txt_area .cont_box .txt_box .name_box p span{
    font-size: 30px;
    font-family: var(--font-pre500);
    color: #000000;
}
.wp_wrap .s_grt01 .txt_area .cont_box .txt_box .name_box p img{
    min-width: 111px;
}

.wp_wrap .s_grt01 .img_area{
    position: absolute;
    bottom: 0;
    right: calc(50% - 750px);
}
.wp_wrap .s_grt01 .img_area .peo_pic{}



/* 1-2 s_vision */
.wp_wrap .s_vision{}
.wp_wrap .s_vision01{}
.wp_wrap .s_vision01 .cont_box{}
.wp_wrap .s_vision01 .cont_box .top_area,
.wp_wrap .s_fair01 .cont_box .top_area,
.wp_wrap .s_mng_policy01 .cont_box .top_area{
    display: flex;
    align-items: center;
    justify-content: center;
}
.wp_wrap .s_vision01 .cont_box .top_area{
    margin-bottom: 50px;
    gap: 40px;
}
.wp_wrap .s_fair01 .cont_box .top_area{
    margin-bottom: 60px;
    gap: 130px;
}
.wp_wrap .s_mng_policy01 .cont_box .top_area{
    margin-bottom: 80px;
    gap: 130px;
}
.wp_wrap .s_vision01 .cont_box .top_area .quote{}
.wp_wrap .s_vision01 .cont_box .top_area .quote.quote_lt{}
.wp_wrap .s_vision01 .cont_box .top_area .quote.quote_rt{}
.wp_wrap .s_vision01 .cont_box .top_area .quote img,
.wp_wrap .s_fair01 .cont_box .top_area .quote img,
.wp_wrap .s_mng_policy01 .cont_box .top_area .quote img{
    min-width: 50px;
    width: 50px;
}
.wp_wrap .s_vision01 .cont_box .top_area .txt_box{}
.wp_wrap .s_vision01 .cont_box .top_area .txt_box p,
.wp_wrap .s_fair01 .cont_box .top_area .txt_box p,
.wp_wrap .s_mng_policy01 .cont_box .top_area .txt_box p{
    font-size: 24px;
    font-family: var(--font-pre600);
    color: #000000;
    text-align: center;
    line-height: 1.5;
}


.wp_wrap .s_vision01 .cont_box .bot_area{
    padding: 0 50px;
}
.wp_wrap .s_vision01 .cont_box .bot_area .vs_itms{
    gap: 0 130px;
}
.wp_wrap .s_vision01 .cont_box .bot_area .vs_itms>li{
    width: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.wp_wrap .s_vision01 .cont_box .bot_area .vs_itms>li .cic_box{
    position: relative;
    width: 100%;
    aspect-ratio: auto 1/1;
    max-width: 300px;
    min-width: 300px;
    background: #001F4B;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 25px;
    margin-bottom: 80px;
}
.wp_wrap .s_vision01 .cont_box .bot_area .vs_itms>li .cic_box::after{
    content: '';
    position: absolute;
    bottom: -100px;
    height: 60px;
    width: 1px;
    background: repeating-linear-gradient(to bottom, #ddd 0, #ddd 2px, transparent 2px, transparent 4px );
}
.wp_wrap .s_vision01 .cont_box .bot_area .vs_itms>li:nth-child(odd) .cic_box{
    background: #001F4B;
    /* border: 30px solid rgba(0, 31, 75, 0.2); */
    border: 30px solid #CCD2DB;
}
.wp_wrap .s_vision01 .cont_box .bot_area .vs_itms>li:nth-child(even) .cic_box{
    background: #fff;
    border: 30px solid #EEEEEE;
}
.wp_wrap .s_vision01 .cont_box .bot_area .vs_itms>li .cic_box .icon_box{}
.wp_wrap .s_vision01 .cont_box .bot_area .vs_itms>li .cic_box .icon_box img{}
.wp_wrap .s_vision01 .cont_box .bot_area .vs_itms>li .cic_box .name{
    font-size: 22px;
    font-family: var(--font-pre600);
}
.wp_wrap .s_vision01 .cont_box .bot_area .vs_itms>li:nth-child(odd) .cic_box .name{
    color: #fff;
}
.wp_wrap .s_vision01 .cont_box .bot_area .vs_itms>li:nth-child(even) .cic_box .name{
    color: #000;
}
.wp_wrap .s_vision01 .cont_box .bot_area .vs_itms>li .txt_box{}
.wp_wrap .s_vision01 .cont_box .bot_area .vs_itms>li .txt_box p{
    font-size: 20px;
    color: #000000;
    text-align: center;
    line-height: 1.5;
}


.wp_wrap .s_vision02{
    background: #F4F4F4;
}
.wp_wrap .s_vision02 .cont_box{
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.wp_wrap .s_vision02 .cont_box .line{
    display: flex;
    align-items: stretch;
    gap: 20px;
}
.wp_wrap .s_vision02 .cont_box .line .num_box{
    position: relative;
    width: 110px;
    /* height: 110px; */
    border-radius: 20px;
}
.wp_wrap .s_vision02 .cont_box .line.line01 .num_box{
    background: #5CAC6D;
}
.wp_wrap .s_vision02 .cont_box .line.line02 .num_box{
    background: #458965;
}
.wp_wrap .s_vision02 .cont_box .line.line03 .num_box{
    background: #2E665C;
}
.wp_wrap .s_vision02 .cont_box .line.line04 .num_box{
    background: #174254;
}
.wp_wrap .s_vision02 .cont_box .line.line05 .num_box{
    background: #001F4B;
}
.wp_wrap .s_vision02 .cont_box .line .num_box span{
    position: absolute;
    right: 10px;
    bottom: 10px;
    color: #fff;
    font-size: 40px;
    font-family: var(--font-pre700);
}
.wp_wrap .s_vision02 .cont_box .line .txt_box{
    flex: 1;
    background: #fff;
    padding: 25px 40px;
    border-radius: 20px;
}
.wp_wrap .s_vision02 .cont_box .line .txt_box .txt1{
    font-size: 24px;
    font-family: var(--font-pre600);
    color: #000000;
    margin-bottom: 10px;
}
.wp_wrap .s_vision02 .cont_box .line .txt_box .txt2{
    font-size: 20px;
    color: #000000;
}






/* 1-3 s_organ */
.wp_wrap .s_testfd{}
.wp_wrap .s_testfd01{}
.wp_wrap .s_testfd01 .inner_box{}
.wp_wrap .s_testfd01 .cont_box{}
.wp_wrap .s_testfd01 .cont_box .field_itms{
    max-width: 1270px;
    margin: 0 auto;
}
.wp_wrap .s_testfd01 .cont_box .field_itms li{
    width: 100%;
    overflow: hidden;
}
.wp_wrap .s_testfd01 .cont_box .field_itms li:nth-child(1) .li_in{
    border-radius: 30px 0 0 0;
    background: #5CAC6D;
}
.wp_wrap .s_testfd01 .cont_box .field_itms li:nth-child(2) .li_in{
    background: #458965;
}
.wp_wrap .s_testfd01 .cont_box .field_itms li:nth-child(3) .li_in{
    border-radius: 0 30px 0 0;
    background: #2E665C;
}
.wp_wrap .s_testfd01 .cont_box .field_itms li:nth-child(4) .li_in{
    border-radius: 0 0 0 30px;
    background: #001F4B;
}
.wp_wrap .s_testfd01 .cont_box .field_itms li:nth-child(5) .li_in{
    background: #2F918A;
}
.wp_wrap .s_testfd01 .cont_box .field_itms li:nth-child(6) .li_in{
    border-radius: 0 0 30px 0;
    background: #0C927A;
}
.wp_wrap .s_testfd01 .cont_box .field_itms li .li_in{
    padding: 55px 25px 20px;
    box-sizing: border-box;
    aspect-ratio: auto 1/0.9;
    display: flex;
    flex-direction: column;
}
.wp_wrap .s_testfd01 .cont_box .field_itms li .li_in .top{
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 70px;
}
.wp_wrap .s_testfd01 .cont_box .field_itms li .li_in .top .txt1{
    font-size: 24px;
    font-family: var(--font-pre600);
    color: #fff;
}

.wp_wrap .s_testfd01 .cont_box .field_itms li .li_in .top .txt2,
.wp_wrap .s_testfd01 .cont_box .field_itms li .li_in .pit .tit,
.wp_wrap .s_testfd01 .cont_box .field_itms li .li_in .pit .desc>li{
    font-size: 20px;
    color: #fff;
    line-height: 1.5;
}
.wp_wrap .s_testfd01 .cont_box .field_itms li .li_in .top .txt2,
.wp_wrap .s_testfd01 .cont_box .field_itms li .li_in .pit .desc>li{
    min-height: 60px;
}
.wp_wrap .s_testfd01 .cont_box .field_itms li .li_in .pit{
    display: flex;
    flex-direction: column;
    gap: 10px;
    flex: 1;
}
.wp_wrap .s_testfd01 .cont_box .field_itms li .li_in .pit .tit{}
.wp_wrap .s_testfd01 .cont_box .field_itms li .li_in .pit .desc{}
.wp_wrap .s_testfd01 .cont_box .field_itms li .li_in .pit .desc>li{
    position: relative;
    padding-left: 30px;
}
.wp_wrap .s_testfd01 .cont_box .field_itms li .li_in .pit .desc>li::before {
    content: '\e92c';
    font-family: 'xeicon';
    position: absolute;
    top: 4px;
    left: 0;
    line-height: 1;
    font-size: 22px;
}
.wp_wrap .s_testfd01 .cont_box .field_itms li .li_in .ct_arr{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 35px;
    padding-left: 30px;
}
.wp_wrap .s_testfd01 .cont_box .field_itms li .li_in .ct_arr .caution{
    font-size: 16px;
    font-family: var(--font-pre600);
    color: #F3B711;
    line-height: 1.5;
}
.wp_wrap .s_testfd01 .cont_box .field_itms li .li_in .ct_arr .btn{
    min-width: 78px;
    width: 78px;
    height: 78px;
    border-radius: 50%;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    background: #fff;
    opacity: 0.48;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.5s;
}
.wp_wrap .s_testfd01 .cont_box .field_itms li:hover .li_in .ct_arr .btn{
    opacity: 1;
}
.wp_wrap .s_testfd01 .cont_box .field_itms li .li_in .ct_arr .btn i{    
    font-size: 25px;
    color: #2e665c;
}












/* 1-3 s_organ */
.wp_wrap .s_organ{}
.wp_wrap .s_organ01{}
.wp_wrap .s_organ01 .cont_box{}
.wp_wrap .s_organ01 .cont_box .top_area{
    margin-bottom: 160px;
}
.wp_wrap .s_organ01 .cont_box .top_area .top_cic{
    position: relative;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    background: #5CAC6D;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 15px;
    margin: 0 auto;
}
.wp_wrap .s_organ01 .cont_box .top_area .top_cic::before{
    content: '';
    position: absolute;
    bottom: -80px;
    width: 1px;
    height: 80px;
    background: #CCCCCC;
}
.wp_wrap .s_organ01 .cont_box .top_area .top_cic .logo_box{}
.wp_wrap .s_organ01 .cont_box .top_area .top_cic .logo_box img{}
.wp_wrap .s_organ01 .cont_box .top_area .top_cic p{
    font-size: 22px;
    font-family: var(--font-pre600);
    color: #fff;
}
.wp_wrap .s_organ01 .cont_box .bot_area{}
.wp_wrap .s_organ01 .cont_box .bot_area .organ_itms{
    position: relative;
    padding: 0 15px;
}
.wp_wrap .s_organ01 .cont_box .bot_area .organ_itms::before{
    content: '';
    position: absolute;
    top: -80px;
    transform: unset;
    /* width: calc(100% - 250px); */
    width: 83.3%;
    left: 50%;
    transform: translateX(-50%);
    height: 1px;
    background: #ccc;
}
.wp_wrap .s_organ01 .cont_box .bot_area .organ_itms>li{
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.wp_wrap .s_organ01 .cont_box .bot_area .organ_itms>li::before{
    content: '';
    position: absolute;
    top: -80px;
    width: 1px;
    height: 80px;
    background: #CCCCCC;
}
.wp_wrap .s_organ01 .cont_box .bot_area .organ_itms>li .icon_box{
    width: 150px;
    height: 150px;
    border-radius: 50%;
    border: 1px solid #001F4B;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    margin-bottom: 30px;
}
.wp_wrap .s_organ01 .cont_box .bot_area .organ_itms>li .icon_box img{}
.wp_wrap .s_organ01 .cont_box .bot_area .organ_itms>li .info{
    margin-bottom: 20px;
}
.wp_wrap .s_organ01 .cont_box .bot_area .organ_itms>li .info .name{
    font-size: 22px;
    font-family: var(--font-pre600);
    color: #000000;
    margin-bottom: 10px;
    text-align: center;
}
.wp_wrap .s_organ01 .cont_box .bot_area .organ_itms>li .info .tel{
    display: inline-block;
    width: 100%;
    font-size: 20px;
    font-family: var(--font-pre400);
    color: #959595;
    text-align: center;
}
.wp_wrap .s_organ01 .cont_box .bot_area .organ_itms>li .department{
    background: #F4F4F4;
    padding: 25px 0;
    width: 100%;
    min-height: 175px;
}
.wp_wrap .s_organ01 .cont_box .bot_area .organ_itms>li .department>li{
    font-size: 16px;
    line-height: 1.65;
    text-align: center;
    color: #333;
}































/* 1-4 s_fair */
.wp_wrap .s_fair{}
.wp_wrap .s_fair01{}
.wp_wrap .s_fair01 .cont_box {}
.wp_wrap .s_fair01 .cont_box .logo_box,
.wp_wrap .s_mng_policy01 .cont_box .logo_box{
    margin-bottom: 60px;
}
.wp_wrap .s_fair01 .cont_box .logo_box img,
.wp_wrap .s_mng_policy01 .cont_box .logo_box img{
    margin: 0 auto;
}

.wp_wrap .s_fair01 .cont_box .bot_area .txt_wrap,
.wp_wrap .s_mng_policy01 .cont_box .bot_area .txt_wrap{
    padding: 60px;
    background: #fff;
    border: 1px solid #ddd;
}
.wp_wrap .s_fair01 .cont_box .bot_area .txt_wrap .line_box,
.wp_wrap .s_mng_policy01 .cont_box .bot_area .txt_wrap .line_box{
    margin-bottom: 60px;
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.wp_wrap .s_fair01 .cont_box .bot_area .txt_wrap .line_box .line,
.wp_wrap .s_mng_policy01 .cont_box .bot_area .txt_wrap .line_box .line{
    display: flex;
    align-items: flex-start;
    gap: 20px;
}
.wp_wrap .s_fair01 .cont_box .bot_area .txt_wrap .line_box .line .num,
.wp_wrap .s_mng_policy01 .cont_box .bot_area .txt_wrap .line_box .line .num{
    position: relative;
    font-size: 24px;
    font-family: var(--font-paper600);
    color: #5CAC6D;
}
.wp_wrap .s_fair01 .cont_box .bot_area .txt_wrap .line_box .line .num{
    top: -3px;
}
.wp_wrap .s_mng_policy01 .cont_box .bot_area .txt_wrap .line_box .line .num{
    top: 0;
}
.wp_wrap .s_fair01 .cont_box .bot_area .txt_wrap .line_box .line .txt_box .txt1,
.wp_wrap .s_mng_policy01 .cont_box .bot_area .txt_wrap .line_box .line .txt_box .txt1{
    font-size: 24px;
    font-family: var(--font-pre600);
    color: #000000;
    margin-bottom: 10px;
}
.wp_wrap .s_fair01 .cont_box .bot_area .txt_wrap .line_box .line .txt_box .txt2,
.wp_wrap .s_mng_policy01 .cont_box .bot_area .txt_wrap .line_box .line .txt_box .txt2,
.wp_wrap .s_mng_policy01 .cont_box .bot_area .txt_wrap .last_txt{
    font-size: 20px;
    color: #000000;
    line-height: 1.3;
    line-height: 1.5;
}
.wp_wrap .s_mng_policy01 .cont_box .bot_area .txt_wrap .last_txt{
    margin-bottom: 60px;
}
.wp_wrap .s_fair01 .cont_box .bot_area .txt_wrap .date_name,
.wp_wrap .s_mng_policy01 .cont_box .bot_area .txt_wrap .date_name{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 5px;
}
.wp_wrap .s_fair01 .cont_box .bot_area .txt_wrap .date_name .date,
.wp_wrap .s_mng_policy01 .cont_box .bot_area .txt_wrap .date_name .date{
    font-size: 20px;
    color: #000000;
}
.wp_wrap .s_fair01 .cont_box .bot_area .txt_wrap .date_name .name,
.wp_wrap .s_mng_policy01 .cont_box .bot_area .txt_wrap .date_name .name{
    font-size: 24px;
    font-family: var(--font-pre600);
    color: #000000;
}





/* 1-5 s_mng_policy */
.wp_wrap .s_mng_policy{}
.wp_wrap .s_mng_policy01{}


/* 1-6 s_wtcome */
.wp_wrap .s_wtcome{}
.wp_wrap .s_wtcome01{}
.wp_wrap .s_wtcome01 .cont_box{}
.wp_wrap .s_wtcome01 .cont_box .map_box{
    border-radius: 30px;
    overflow: hidden;
    border: 1px solid #DDDDDD;
    height: 500px;
    margin-bottom: 40px;
}
.wp_wrap .s_wtcome01 .cont_box .map_box .root_daum_roughmap,
.wp_wrap .s_wtcome01 .cont_box .map_box .root_daum_roughmap .wrap_map{
    width: 100%;
    height: 100%;
}
.wp_wrap .s_wtcome01 .cont_box .map_box .root_daum_roughmap .cont .section_address,
.wp_wrap .s_wtcome01 .cont_box .map_box .root_daum_roughmap .wrap_controllers ,
.wp_wrap .s_wtcome01 .cont_box .map_box .root_daum_roughmap .wrap_btn_zoom,
.wp_wrap .s_wtcome01 .cont_box .map_box .root_daum_roughmap_landing .border1,
.wp_wrap .s_wtcome01 .cont_box .map_box .root_daum_roughmap_landing .border2,
.wp_wrap .s_wtcome01 .cont_box .map_box .root_daum_roughmap_landing .border3,
.wp_wrap .s_wtcome01 .cont_box .map_box .root_daum_roughmap_landing .border4  {
    display: none;
}


.wp_wrap .s_wtcome01 .cont_box .info_box{
    padding: 0 25px;
}
.wp_wrap .s_wtcome01 .cont_box .info_box .name{
    font-size: 30px;
    font-family: var(--font-paper600);
    border-bottom: 1px solid #ddd;
    padding-bottom: 15px;
    margin-bottom: 25px;
}
.wp_wrap .s_wtcome01 .cont_box .info_box .info_itms{}
.wp_wrap .s_wtcome01 .cont_box .info_box .info_itms>ul{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px 80px;
    margin-top: 15px;
}
.wp_wrap .s_wtcome01 .cont_box .info_box .info_itms .info{
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.wp_wrap .s_wtcome01 .cont_box .info_box .info_itms .info i{
    width: 30px;
    height: 30px;
    min-width: 30px;
    color: #999999;
    font-size: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.wp_wrap .s_wtcome01 .cont_box .info_box .info_itms .info p,
.wp_wrap .s_wtcome01 .cont_box .info_box .info_itms .info a{
    font-size: 20px;
    color: #000;
}





/* 2 ---------------------------------------------------------------------------------------------------------------- */
/* 2-1 s_ptt_aplct */
.wp_wrap .s_ptt_aplct{}
.wp_wrap .s_ptt_aplct01{}
.wp_wrap .s_ptt_aplct01 .cont_box{}






/* 2-2 s_ptt_pfmc */
.wp_wrap .s_ptt_pfmc{}
.wp_wrap .s_ptt_pfmc01{}







/* 3 ---------------------------------------------------------------------------------------------------------------- */
/* 3-1 s_certi_test */
.wp_wrap .s_certi_test{}
.wp_wrap .s_certi_test01{}






/* 4 ---------------------------------------------------------------------------------------------------------------- */
/* 4-1 s_rd */
.wp_wrap .s_rd{}
.wp_wrap .s_rd01{}






/* 5 ---------------------------------------------------------------------------------------------------------------- */
/* 5-1 s_etrc_test */
.wp_wrap .s_etrc_test{}
.wp_wrap .s_etrc_test01{}






/* 6 ---------------------------------------------------------------------------------------------------------------- */
/* 6-1 s_notice */
.wp_wrap .s_notice{}
.wp_wrap .s_notice01{}


/* 6-2 s_qa */
.wp_wrap .s_qa{}
.wp_wrap .s_qa1{}


/* 6-3 s_request_gid */
.wp_wrap .s_request_gid{}
.wp_wrap .s_request_gid01{}


/* 6-4 s_transcript */
.wp_wrap .s_transcript{}
.wp_wrap .s_transcript01{}
/**********************************************************************************************************************/




/**********************************************************************************************************************/
/* 서브공통섹션 */
/* 서브공통 - 테스트 섹션 */
.wp_wrap .s_cmTest{}
.wp_wrap .s_cmTest .ttit{
    font-size: 40px;
    font-family: var(--font-pre700);
}
.wp_wrap .s_cmTest .st_ovv .ttit{
    margin-bottom: 30px;
}
.wp_wrap .s_cmTest .st_ovv .method .ttit{
    margin-bottom: 80px;
}
.wp_wrap .s_cmTest .st_range .ttit{
    margin-bottom: 70px;
}
.wp_wrap .s_cmTest .st_point .ttit{
    margin-bottom: 80px;
}
.wp_wrap .s_cmTest .st_step .ttit{
    margin-bottom: 60px;
}
.wp_wrap .s_cmTest .inner_box{}

.wp_wrap .s_cmTest .st_ovv{
    display: flex;
    flex-direction: column;
    gap: 120px;
}
.wp_wrap .s_cmTest .st_ovv .ovv{}
.wp_wrap .s_cmTest .st_ovv .ovv .desc,
.wp_wrap .s_cmTest .st_ovv .dstn .desc{
    font-size: 25px;
    color: #000000;
    line-height: 1.5;
}
.wp_wrap .s_cmTest .st_ovv .dstn{}
.wp_wrap .s_cmTest .st_ovv .dstn .desc{
    margin-bottom: 40px;
}
.wp_wrap .s_cmTest .st_ovv .dstn .desc_box{
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.wp_wrap .s_cmTest .st_ovv .dstn .desc_box li{
    position: relative;
    font-size: 20px;
    color: #000000;
    line-height: 1.5;
    padding-left: 20px;
}
.wp_wrap .s_cmTest .st_ovv .dstn .desc_box li::before{
    content: '';
    position: absolute;
    top: 9px;
    left: 0;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #CCCCCC;
}
.wp_wrap .s_cmTest .st_ovv .method{}
.wp_wrap .s_cmTest .st_ovv .method .method_itms{}
.wp_wrap .s_cmTest .st_ovv .method .method_itms li{
    width: 100%;
    overflow: hidden;
    border: 1px solid #B4B4B4;
    border-radius: 20px;
    padding: 25px;
    min-height: 420px;
}
.wp_wrap .s_cmTest .st_ovv .method .method_itms li .stnum{
    font-size: 30px;
    font-family: var(--font-pre800);
    margin-bottom: 20px;
}
.wp_wrap .s_cmTest .st_ovv .method .method_itms li:nth-child(1) .stnum{
    color: #4AAC60;
}
.wp_wrap .s_cmTest .st_ovv .method .method_itms li:nth-child(2) .stnum{
    color: #3C944F;
}
.wp_wrap .s_cmTest .st_ovv .method .method_itms li:nth-child(3) .stnum{
    color: #135D23;
}
.wp_wrap .s_cmTest .st_ovv .method .method_itms li .sttit{
    font-size: 30px;
    font-family: var(--font-pre500);
    margin-bottom: 45px;
    color: #0F0E0E;
}
.wp_wrap .s_cmTest .st_ovv .method .method_itms li .desc_box{
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.wp_wrap .s_cmTest .st_ovv .method .method_itms li .desc_box p{
    position: relative;
    font-size: 16px;
    font-family: var(--font-pre500);
    color: #191919;
    line-height: 1.5;
    padding-left: 15px;
}
.wp_wrap .s_cmTest .st_ovv .method .method_itms li .desc_box p::before{
    content: '';
    position: absolute;
    top: 5px;
    left: 0;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #E6E1E1;
}




.wp_wrap .s_cmTest .st_contact{
    position: relative;
    margin-top: 180px;
}
.wp_wrap .s_cmTest .st_contact .txt_box{
    position: relative;
    padding: 50px 0;
}
.wp_wrap .s_cmTest .st_contact .txt_box::before{
    content: '';
    position: absolute;
    bottom: 0;
    left: calc(-1 * ((100vw - 1300px) / 2));
    width: calc(68vw + (100vw - 1300px)/2);
    height: 100%;
    background: #F9F9F9;
    border-radius: 0 300px 300px 0;
    z-index: -1;
    min-width: 1280px;
}
.wp_wrap .s_cmTest .st_contact .txt_box p{
    margin-bottom: 40px;
    font-size: 35px;
    line-height: 1.5;
}
.wp_wrap .s_cmTest .st_contact .txt_box .tel_num{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 250px;
}
.wp_wrap .s_cmTest .st_contact .txt_box .tel_num>a{
    display: flex;
    align-items: center;
    gap: 10px;
}
.wp_wrap .s_cmTest .st_contact .txt_box .tel_num>a img{
    width: 30px;
    min-width: 30px;
}
.wp_wrap .s_cmTest .st_contact .txt_box .tel_num>a span{
    font-size: 40px;
    font-family: var(--font-pre900);
    color: #32A14A;
}


.wp_wrap .s_cmTest .st_point{
    position: relative;
}
.wp_wrap .s_cmTest .st_point .ttit{
    position: relative;
}
.wp_wrap .s_cmTest .st_point::before{
    content: '';
    position: absolute;
    top: 50px;
    /* top: 50%;
    transform: translateY(-50%); */
    left: calc(-1 * ((100vw - 1300px) / 2));
    background: #F9F9F9;
/*    background: #ddd;*/
    border-radius: 0 300px 300px 0;
    width: calc(98% + ((100vw - 1300px) / 2));
    height: calc(100% - 50px);
}
.wp_wrap .s_cmTest .st_point .cont_box{}
.wp_wrap .s_cmTest .st_point .cont_box .pit_itms{}
.wp_wrap .s_cmTest .st_point .cont_box .pit_itms li{
    position: relative;
    border-radius: 20px;
    overflow: hidden;
}
.wp_wrap .s_cmTest .st_point .cont_box .pit_itms li:nth-child(even){
    transform: translateY(45px);
    transition: 0.5s;
} 
.wp_wrap .s_cmTest .st_point .cont_box .pit_itms li:hover:nth-child(even){
    transform: translateY(0%);
}
.wp_wrap .s_cmTest .st_point .cont_box .pit_itms li .img_box{
    position: relative;
    width: 100%;
    height: 390px;
}
.wp_wrap .s_cmTest .st_point .cont_box .pit_itms li .img_box::after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.wp_wrap .s_cmTest .st_point .cont_box .pit_itms li:nth-child(1) .img_box::after{
    background: rgba(43, 122, 60, 0.07);
    backdrop-filter: blur(2px) brightness(0.5);
}
.wp_wrap .s_cmTest .st_point .cont_box .pit_itms li:nth-child(2) .img_box::after{
    background: rgba(51, 59, 53, 0.32);
    backdrop-filter: blur(1px) brightness(0.48);
}
.wp_wrap .s_cmTest .st_point .cont_box .pit_itms li:nth-child(3) .img_box::after{
    background: rgba(43, 122, 60, 0.14);
    backdrop-filter: blur(1px) brightness(0.52);
}
.wp_wrap .s_cmTest .st_point .cont_box .pit_itms li:nth-child(4) .img_box::after{
    background: rgba(18, 60, 146, 0.08);
    backdrop-filter: blur(1px) brightness(0.48);
}
.wp_wrap .s_cmTest .st_point .cont_box .pit_itms li:nth-child(5) .img_box::after{
    background: rgba(18, 60, 146, 0.04);
    backdrop-filter: blur(2px) brightness(0.44);
}
.wp_wrap .s_cmTest .st_point .cont_box .pit_itms li:nth-child(6) .img_box::after{
    background: rgba(18, 60, 146, 0.09);
    backdrop-filter: blur(6px) brightness(0.48);
}
.wp_wrap .s_cmTest .st_point .cont_box .pit_itms li .img_box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.wp_wrap .s_cmTest .st_point .cont_box .pit_itms li .txt_box{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}
.wp_wrap .s_cmTest .st_point .cont_box .pit_itms li .txt_box p{
    font-size: 20px;
    font-family: var(--font-pre500);
    color: #fff;
    padding: 0 10px;
    text-align: center;
}






.wp_wrap .s_cmTest .st_range{}
.wp_wrap .s_cmTest .st_range .range_itms{}

.wp_wrap .s_cmTest .st_range .range_itms{}
.wp_wrap .s_cmTest .st_range .range_itms>li{
    position: relative;
    padding-top: 80px;
}
.wp_wrap .s_cmTest .st_range .range_itms>li .logo_cic{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 160px;
    height: 160px;
    border-radius: 50%;
    border: 2px solid #5CAC6D;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    background: #fff;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    overflow: hidden;
}
.wp_wrap .s_cmTest .st_range .range_itms>li .logo_cic img{
    width: 90px;
    min-width: 90px;
}
.wp_wrap .s_cmTest .st_range .range_itms>li .pit_box{
    border: 1px solid #DDDDDD;
    padding: 100px 25px 40px;
    background: #fff;
    height: 100%;
}
.wp_wrap .s_cmTest .st_range .range_itms>li .pit_box .top{}
.wp_wrap .s_cmTest .st_range .range_itms>li .pit_box .top>p {
    font-size: 21px;
    color: #000;
    font-family: var(--font-pre700);
    text-align: center;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ddd;
}
.wp_wrap .s_cmTest .st_range .range_itms>li .pit_box .bot{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.wp_wrap .s_cmTest .st_range .range_itms>li .pit_box .bot .point{}
.wp_wrap .s_cmTest .st_range .range_itms>li .pit_box .bot .point .tit{
    font-size:20px;
    color: #5CAC6D;
    font-family: var(--font-pre600);
    margin-bottom: 7px;
    text-align: center;
}
.wp_wrap .s_cmTest .st_range .range_itms>li .pit_box .bot .point .desc{
    font-size:19px;
    color: #000000;
    text-align: center;
    line-height: 1.5;
}



.wp_wrap .s_cmTest .st_step{}
.wp_wrap .s_cmTest .st_step .step_tab_mnu{
    margin-bottom: 40px;
}
.wp_wrap .s_cmTest .st_step .step_tab_mnu>li{
    display: flex;
    flex-direction: column;
    gap: 15px;
    cursor: pointer;
}
.wp_wrap .s_cmTest .st_step .step_tab_mnu>li .icon{
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 15px;
    border: 1px solid #E1E1E1;
    border-radius: 5px;
    background: #fff;
    aspect-ratio: auto 1 / 1;
    flex: 1;
}
.wp_wrap .s_cmTest .st_step .step_tab_mnu>li .icon::after{
    content: '\e93e';
    font-family: 'xeicon';
    position: absolute;
    top: 50%;
    font-weight: 700;
    transform: translateY(-50%);
    right: -27px;
    font-size: 20px;
    color: #C9C9C9;
}
.wp_wrap .s_cmTest .st_step .step_tab_mnu>li:last-child .icon::after{
    display: none;
}
.wp_wrap .s_cmTest .st_step .step_tab_mnu>li .icon .icon_box{
    width: 60px;
    min-width: 60px;
}
.wp_wrap .s_cmTest .st_step .step_tab_mnu>li .icon .icon_box img{}
.wp_wrap .s_cmTest .st_step .step_tab_mnu>li .icon .icon_box img.nohov{
    display: block;
}
.wp_wrap .s_cmTest .step_tab_mnu>li .icon .icon_box img.hov{
    display: none;
}
.wp_wrap .s_cmTest .st_step .step_tab_mnu>li .icon>p{
    font-size: 17px;
    font-family: var(--font-pre500);
    color: #000000;
    text-align: center;
}
.wp_wrap .s_cmTest .st_step .step_tab_mnu>li .num{
    text-align: center;
    font-size: 24px;
    font-family: var(--font-pre900);
    color: #A7A7A7;
}
.wp_wrap .s_cmTest .st_step .step_tab_cont{}
.wp_wrap .s_cmTest .st_step .step_tab_cont>li{
    display: none;
}
.wp_wrap .s_cmTest .st_step .step_tab_cont>li .inner{
    padding: 35px 45px 45px;
    border: 1px solid #e1e1e1;
}
.wp_wrap .s_cmTest .st_step .step_tab_cont>li .inner .stp_tit{
    padding: 18px 13px;
    border-bottom: 1px solid #AFAFAF;
    margin-bottom: 30px;
}
.wp_wrap .s_cmTest .st_step .step_tab_cont>li .inner .stp_tit>p{
    font-size: 30px;
    font-family: var(--font-pre700);
    color: #191919;
}
.wp_wrap .s_cmTest .st_step .step_tab_cont>li .inner .stp_detail{
    margin-bottom: 30px;
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.wp_wrap .s_cmTest .st_step .step_tab_cont>li .inner .stp_detail .dum{}
.wp_wrap .s_cmTest .st_step .step_tab_cont>li .inner .stp_detail .dum .tit{
position: relative;
font-size: 24px;
font-family: var(--font-pre700);
color: #000000;
margin-bottom: 10px;
padding-left: 30px;
}
.wp_wrap .s_cmTest .st_step .step_tab_cont>li .inner .stp_detail .dum .tit::before{
content: '';
position: absolute;
left: 0;
top: 6px;
width: 16px;
height: 16px;
background: #5CAC6D;
border-radius: 50%;
}
.wp_wrap .s_cmTest .st_step .step_tab_cont>li .inner .stp_detail .dum .desc_box{
padding-left: 35px;
}
.wp_wrap .s_cmTest .st_step .step_tab_cont>li .inner .stp_detail .dum .desc_box li{
font-size: 20px;
color: #000000;
line-height: 1.35;
line-height: 1.5;
text-indent: -14px;
margin-left: 14px;
}
.wp_wrap .s_cmTest .st_step .step_tab_cont>li .inner .stp_result{
background: #F4F4F4;
padding: 30px;
border-radius: 20px;
display: flex;
flex-direction: column;
gap: 10px;
}
.wp_wrap .s_cmTest .st_step .step_tab_cont>li .inner .stp_result .tit{
font-size: 24px;
font-family: var(--font-pre700);
color: #000000;
}
.wp_wrap .s_cmTest .st_step .step_tab_cont>li .inner .stp_result .desc{
font-size: 20px;
line-height: 1.3;
line-height: 1.5;
color: #000000;
}

















.wp_wrap .s_cmTest .st_step .step_tab_mnu>li.on .icon{
    background:#2B7A3C;
}
.wp_wrap .s_cmTest .st_step .step_tab_mnu>li.on .icon .icon_box img.nohov{
    display: none;
}
.wp_wrap .s_cmTest .st_step .step_tab_mnu>li.on .icon .icon_box img.hov{
    display: block;
}
.wp_wrap .s_cmTest .st_step .step_tab_mnu>li.on .icon>p{
    color: #fff;
}
.wp_wrap .s_cmTest .st_step .step_tab_mnu>li.on .num{
    color: #2B7A3C;
}
.wp_wrap .s_cmTest .st_step .step_tab_cont>li.on{
    display: block;
}

.fl {
	display: flex;
	gap:40px;
	flex-wrap: wrap;
}
.ovv .hd_num{
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 30px;
}
.ovv .hd_num a{
    font-size: 30px;
    font-family: var(--font-pre600);
    color: #000;
}
.ovv  .hd_num i{
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background: #5CAC6D;
    color: #fff;
    font-size: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ovv .hd_num01{
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 30px;
}
.ovv .hd_num01 a{
    font-size: 30px;
    font-family: var(--font-pre500);
    color: #4F4F4F;
}
.ovv  .hd_num01 i{
    width: 45px;
    height: 45px;
    border-radius: 50%;
    /* background: ; */
    color:#4F4F4F;
    font-size: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
}













/* 서브공통 - 폼 섹션 */
.wp_wrap .s_cmForm{
    position: relative;
}
.wp_wrap .s_cmForm .imgBg_box{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.wp_wrap .s_cmForm .imgBg_box img{
    width: 100%;
    height: 100%;
    opacity: 0.16;
}
.wp_wrap .s_cmForm .form_box{
    display: flex;
    justify-content: space-between;
    gap: 30px;
}
.wp_wrap .s_cmForm .form_box .lt_area{}
.wp_wrap .s_cmForm .form_box .tel_box{}
.wp_wrap .s_cmForm .form_box .tel_box .hd_num{
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 30px;
}
.wp_wrap .s_cmForm .form_box .tel_box .hd_num a{
    font-size: 30px;
    font-family: var(--font-pre600);
    color: #000;
}
.wp_wrap .s_cmForm .form_box .tel_box .hd_num i{
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background: #5CAC6D;
    color: #fff;
    font-size: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.wp_wrap .s_cmForm .form_box .tel_box .num_itms{
    display: flex;
    flex-direction: column;
    gap: 30px;
    padding-left: 55px;
}
.wp_wrap .s_cmForm .form_box .tel_box .num_itms>li{
    display: flex;
    align-items: center;
}
.wp_wrap .s_cmForm .form_box .tel_box .num_itms>li .plc{
    font-size: 24px;
    font-family: var(--font-pre600);
    color: #000;
    min-width: 150px;
}
.wp_wrap .s_cmForm .form_box .tel_box .num_itms>li .num{
    font-size: 24px;
    font-family: var(--font-pre400);
    color: #6E6E6E;
}

.wp_wrap .s_cmForm .form_box .rt_area{}
.wp_wrap .s_cmForm .form_box .form_in{
    padding: 40px 60px;
    min-width: 640px;
    background: rgba(255, 255, 255, 0.7);
    border-radius: 30px;
}
.wp_wrap .s_cmForm .form_box .form_in .ip_wrap{
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 30px;
}
.wp_wrap .s_cmForm .form_box .form_in .ip_wrap .ip_line{
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.wp_wrap .s_cmForm .form_box .form_in .ip_wrap .ip_line>p,
.wp_wrap .s_cmForm .form_box .form_in .agr_submit .agr_box>p{
    font-size: 13px;
}
.wp_wrap .s_cmForm .form_box .form_in .ip_wrap .ip_line .ip_box{}

.wp_wrap .s_cmForm .form_box .form_in .ip_wrap .ip_line .ip_box .ques{
    font-size: 16px;
    color: #000;
}

.wp_wrap .s_cmForm .form_box .form_in .ip_wrap .ip_line .ip_box .ques span{
    color: #B90000;
}

.wp_wrap .s_cmForm .form_box .form_in .ip_wrap .ip_line .ip_box .answ{}

.wp_wrap .s_cmForm .form_box .form_in .ip_wrap .ip_line .ip_box .answ input[type='text'],
.wp_wrap .s_cmForm .form_box .form_in .ip_wrap .ip_line .ip_box .answ input[type='file'],
.wp_wrap .s_cmForm .form_box .form_in .ip_wrap .ip_line .ip_box .answ textarea{    
    width: 100%;
    padding: 8px 10px;
    border: 1px solid #ddd;
    background: #fff;
    border-radius: 5px;
    outline: none;
    font-size: 15px;
    font-family: var(--font-pre400);
    color: #333;
}
.wp_wrap .s_cmForm .form_box .form_in .ip_wrap .ip_line .ip_box .answ textarea{
    min-height: 150px;
    resize: none;
}
.wp_wrap .s_cmForm .form_box .form_in .ip_wrap .ip_line .ip_box.file_box input[type='file']::file-selector-button{
    width: 95px;
    height: 26px;
    border: 1px solid #DDDDDD;
    background: #F7F7F7;
    color: 000;
    font-size: 13px;
    font-family: var(--font-pre400);
    margin-right: 10px;
    cursor: pointer;
}



.wp_wrap .s_cmForm .form_box .form_in .agr_submit{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.wp_wrap .s_cmForm .form_box .form_in .agr_submit .agr_box{}
.wp_wrap .s_cmForm .form_box .form_in .agr_submit .agr_box input[type='checkbox']{
    display: none;
}
.wp_wrap .s_cmForm .form_box .form_in .agr_submit .agr_box input[type='checkbox'] + label{
    display: flex;
    align-items: center;
    font-size: 16px;
    color: #000000;
}
.wp_wrap .s_cmForm .form_box .form_in .agr_submit .agr_box input[type='checkbox'] + label .chk_cst{
    display: inline-block;
    margin-right: 10px;
    width: 15px;
    height: 15px;
    background: url('../img/icon/agr_chk_bf.png') no-repeat center center / cover;
}
.wp_wrap .s_cmForm .form_box .form_in .agr_submit .agr_box input[type='checkbox']:checked + label .chk_cst{
    background: url('../img/icon/agr_chk_at.png') no-repeat center center / cover;
}
.wp_wrap .s_cmForm .form_box .form_in .agr_submit .agr_box input[type='checkbox'] + label .pvmd_openBtn{
    font-family: var(--font-pre600);
    text-decoration: underline;
    text-underline-offset: 3px;
}
.wp_wrap .s_cmForm .form_box .form_in .agr_submit .agr_box input[type='checkbox'] + label .star{
    color: #B90000;
}
.wp_wrap .s_cmForm .form_box .form_in .agr_submit .sbm_box{}
.wp_wrap .s_cmForm .form_box .form_in .agr_submit .sbm_box button{
    width: 200px;
    height: 55px;
    font-family: var(--font-pre400);
    background: #5CAC6D;
    color: #fff;
    font-size: 20px;
}
/**********************************************************************************************************************/





/**********************************************************************************************************************/
/* 모달 */
/**********************************************************************************************************************/
.wp_wrap .pvmd{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100dvh;
    background: rgba(0, 0, 0, 0.6);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 15px;
    display: none;
} 
.wp_wrap .pvmd.on{
    display: flex;
}
.wp_wrap .pvmd .md_inner{
    position: relative;
    padding: 60px;
    background: #fff;
    max-width: 1240px;
    width: 100%;
}
.wp_wrap .pvmd .md_inner .pvmd_clsBtn{
    position: absolute;
    top: 0;
    right: 0;
}
.wp_wrap .pvmd .md_inner .pvmd_clsBtn i{
    width: 60px;
    height: 60px;
    background: #5CAC6D;
    color: #fff;
    font-size: 30px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}
.wp_wrap .pvmd .md_inner .md_hd{}
.wp_wrap .pvmd .md_inner .md_hd .tit{
    font-size: 40px;
    font-family: var(--font-pre700);
    color: #000000;
    margin-bottom: 20px;
}
.wp_wrap .pvmd .md_inner .md_bd{}
.wp_wrap .pvmd .md_inner .md_bd .txt_out{
    background: #F7F7F7;
    padding: 20px;
}
.wp_wrap .pvmd .md_inner .md_bd .txt_out .txt_box{
    font-size: 16px;
    font-family: var(--font-pre400);
    white-space: pre-wrap;
    line-height: 1.4;
    height: 350px;
    overflow-y: auto;
}
.wp_wrap .pvmd .md_inner .md_bd .txt_out .txt_box::-webkit-scrollbar {
    width: 6px; 
}
.wp_wrap .pvmd .md_inner .md_bd .txt_out .txt_box::-webkit-scrollbar-thumb { 
    border-radius: 10px; 
    background-color: #ccc;
}
    .wp_wrap .pvmd .md_inner .md_bd .txt_out .txt_box::-webkit-scrollbar-track {
    background: #F7F7F7;
}

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