/**
* Created by PhpStorm.
* Date         : 2021-11-12
* Developer    : SeHwan Hwang
* Description  : wp_style.css
* ⓒ 2021. WebPlanet Co. All Rights Reserved.
*/

@charset "utf-8";

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


/**********************************************************************************************************************/
/* 공통 스타일 */
/**********************************************************************************************************************/
@charset "utf-8";

/**********************************************************************************************************************/
/* 공통 스타일 */
/**********************************************************************************************************************/
/* 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;
}



: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';
}


html{
    scroll-behavior: smooth;
}


.wp_wrap {
    font-family: var(--font-pre400);
    word-break: keep-all;
    overflow-x: clip;
}
.wp_wrap .sec_iner {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
}
.wp_wrap .cm_inner {
    max-width: 1730px;
    width: 100%;
    margin: 0 auto;
    padding:0 15px
}
.wp_wrap .cm_inner02 {
    max-width: 1530px;
    width: 100%;
    margin: 0 auto;
    padding:0 15px
}


/* 서브 섹션 */
.wp_wrap  .cm_sec{
    padding: 120px 0;
}
.wp_wrap  .cm_sec02{
    padding: 0;
}



/* 메인 타이틀 폰트 */
.wp_wrap .tit_box .mtit{
    font-size: 60px;
    font-family: var(--font-pre700); 
}
.wp_wrap .tit_box .mdsec{
    font-size: 20px;
    font-family: var(--font-pre500); 
    padding-top: 10px;
}
.wp_wrap .txt_box .mdesc{
    font-size: 18px;
    line-height: 1.5;
}

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


/**********************************************************************************************************************/
/* 페이지 버튼 */
/**********************************************************************************************************************/
/* 페이지 버튼 */
/* .wp_wrap .pagebtn {
    position: fixed;
    inset: 50% auto auto 110px;
    z-index: 999;
    transform: translateY(-50%);
}

.wp_wrap .pagebtn ul {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 20px;
}

.wp_wrap .pagebtn .pgbtn a {
    position: relative;
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #999;
}

.wp_wrap .pagebtn .pgbtn a::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: transparent;
    border: 1px solid #568AEF;
    opacity: 0;
}

.wp_wrap .pagebtn .pgbtn.on a {
    background: #568AEF;
}
.wp_wrap .pagebtn .pgbtn.on a::after {
    opacity: 1;
} */


/* #fp-nav {
    opacity: 0;
    animation: nav_show 0.5s 1s;
    animation-fill-mode: forwards;
}

@keyframes nav_show {
    to {
    opacity: 1;
    }
} */
/* 
#fp-nav ul li {
    margin: 13px;
} */

/* 
#fp-nav ul li a.active span, 
#fp-nav ul li:hover a.active span {
    height: 15px;
    width: 15px;
    margin: -5px 0 0 -7px;
} */

/* #fp-nav.left {
    left: 110px !important;
} */
#fp-nav ul{
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 20px;
}
#fp-nav ul li, .fp-slidesNav ul li {
    display: block;
    width: 10px !important;
    height: 10px !important;
    margin: 0px !important;
    position: relative;
}
#fp-nav ul li:last-child,
.fp-slidesNav ul li:last-child {
    display: none;
}
#fp-nav ul li a, 
.fp-slidesNav ul li a{
    position: relative;
    display: block;
    width: 10px !important;
    height: 10px !important;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.4);
}
#fp-nav ul li a.active, 
.fp-slidesNav ul li a.active{
    background: #000;
}
#fp-nav ul li a span, 
.fp-slidesNav ul li a span{    
    content: "";
    position: absolute;
    top: 60% !important;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 20px !important;
    height: 20px !important;
    border-radius: 50%;
    background: transparent !important;
    margin: -1px 0 0 0 !important;
    border: 1px solid #000 !important;
    opacity: 0;
}
#fp-nav ul li a.active span, 
#fp-nav ul li:hover a.active span, 
.fp-slidesNav ul li a.active span, 
.fp-slidesNav ul li:hover a.active span {
    opacity: 1;
}

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







/**********************************************************************************************************************/
/* 헤더 */
/**********************************************************************************************************************/
.wp_wrap header{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    background: transparent;
    border-bottom: 1px solid transparent;
    transition: transform 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all  0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    z-index: 999;
} 

/* .wp_wrap header.on{
    top: -100%;
    transition: 0.5s;
} */

.wp_wrap header .h_inner{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.wp_wrap header .h_inner .logo>a{}
.wp_wrap header .h_inner .logo>a img{
    min-width: 340px;
}
/* .wp_wrap header .h_inner .logo>a{
    display: block;
    width: 340px;
    height: 77px;
    background: no-repeat center/100% auto url(../img/logo/h_logo.png);
    transition: 0.3s;
} */
.wp_wrap header .h_inner nav{
    width: 100%;
    margin-left: 40px;
}
.wp_wrap header .h_inner nav .gnb{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 100%;
    transition: margin 0.8s cubic-bezier(0.7, 0.1, 0.2, 1);
}
.wp_wrap header .h_inner nav .gnb>li{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 45px;
    width: 10%;
    transition: all 0.8s cubic-bezier(0.7, 0.1, 0.2, 1), width 0.8s cubic-bezier(0.7, 0.1, 0.2, 1);
}
.wp_wrap header .h_inner nav .gnb>li::after{
    content: "";
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 3px;
    transform: scaleX(0);
    transform-origin: left;
    background: #437038;
    transition: 0.3s;
    opacity: 0;
    z-index: 9;
}
.wp_wrap header.header_hover .h_inner nav .gnb>li:hover::after{
    transform: scaleX(100%);
    opacity: 1;
}
.wp_wrap header .h_inner nav .gnb>li>a {
    /* display: inline-block; */
    /* padding: 35.5px 0; */
    font-size:20px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #333;
    width: 100%;
    text-align: center;
    transition: 0.3s;
}


.wp_wrap header .h_inner nav .gnb>li>.sub_mnu {
    position: absolute;
    top: calc(100% + 1px);
    min-height: 226px;
    width: 100%;
    color: #fff;
    padding: 20px 0;
    opacity: 0;
    visibility: hidden;
    /* border-right: 1px solid #ddd; */
}
.wp_wrap header.header_hover .h_inner nav .gnb>li>.sub_mnu {
    border-right: 1px solid #ddd;
}
.wp_wrap header.header_hover .h_inner nav .gnb>li:first-child>.sub_mnu {
    border-left: 1px solid #ddd;
}
.wp_wrap header .h_inner nav .gnb>li>.sub_mnu li{
    width: 100%;
    padding: 0 15px;
}
.wp_wrap header .h_inner nav .gnb>li>.sub_mnu li>a{
    display: block;
    font-size: 18px;
    padding: 10px 0;
    color: #565656;
    text-align: center;
    word-break: break-all;
}
.wp_wrap header .h_inner nav .gnb>li>.sub_mnu li>a:hover{
    color: #0F0E0E;
    font-family: var(--font-pre600);
}
.wp_wrap header .h_inner .convenient_box{
    margin-left: 40px;
    /* display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 25px */
}
.wp_wrap header .h_inner .convenient_box .lang_box{
    position: relative;
    display: none;
}
.wp_wrap header .h_inner .convenient_box .lang_box .now_lang{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 60px;
    opacity: 0.7;
    transition: 0.3s;
    cursor: pointer;
}
.wp_wrap header .h_inner .convenient_box .lang_box .now_lang span{
    font-size: 16px;
    color: #fff;
    transition: 0.3s;
}
.wp_wrap header .h_inner .convenient_box .lang_box .now_lang i{
    font-size: 16px;
    color: #fff;
    transition: 0.3s;
}
.wp_wrap header .h_inner .convenient_box .lang_box .now_lang:hover{
    opacity: 1;
}
.wp_wrap header .h_inner .convenient_box .lang_box .other_lang {
    position: absolute;   
    top: 30px;
    background: #fff;
    border: 1px solid #ddd;
    z-index: 99;
    width: 100%;
    border-radius: 5px;
    display: none;
}
.wp_wrap header .h_inner .convenient_box .lang_box .other_lang li a{
    display: block;
    padding: 6px 5px;
    font-size: 14px;
}



.wp_wrap header .h_inner .convenient_box .mopen{}
.wp_wrap header .h_inner .convenient_box .mopen .icon_box{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 7px;
    cursor: pointer;
}
.wp_wrap header .h_inner .convenient_box .mopen .icon_box span{
    display: inline-block;
    height: 3px;
    background: #333;
    border-radius: 5px;
    transition: 0.3s;
}
.wp_wrap header .h_inner .convenient_box .mopen .icon_box span.mi01{
    width: 35px;
}
.wp_wrap header .h_inner .convenient_box .mopen .icon_box span.mi02{
    width: 29px;
}
.wp_wrap header .h_inner .convenient_box .mopen .icon_box span.mi03{
    width: 23px;
}
.wp_wrap header .ful_mnu{
    display: none;
}



.wp_wrap header.header_hover {
    height: 326px;
    background-color:#fff;
    box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.05);
    overflow: hidden;
    transition: height ease-in-out 0.3s;
    transition: background-color 0.8s;
}
.wp_wrap header.header_hover::after{
    position: absolute;
    content: "";
    top: 100px;
    left: 0;
    width: 100%;
    height: 1px;
    background: #ddd;
}
.wp_wrap header.header_hover .h_inner::after {
    visibility: visible;
    opacity: 1;
}
.wp_wrap header.header_hover .h_inner nav .gnb{
    width: 100%;
}
.wp_wrap header.header_hover .h_inner nav .gnb>li {
    width: 16.6666667% !important;
    margin-left: 0;
}
.wp_wrap header.header_hover .h_inner nav .gnb>li>a{
    color: #000 !important;
}
.wp_wrap header.header_hover .h_inner nav .gnb>li:hover>a{
    color: #EE6017;
}
.wp_wrap header.header_hover .h_inner nav .gnb>h1>li:last-child {
    margin-right: 0;
}
.wp_wrap header.header_hover .h_inner nav .gnb>li>.sub_mnu{
    opacity: 1;
    visibility: visible;
    transition: opacity 0.5s ease-in-out 0.3s;
}
.wp_wrap header.header_hover  .h_inner .convenient_box .lang_box .now_lang{
    opacity: 1;
}
.wp_wrap header.header_hover .h_inner .convenient_box .lang_box .now_lang span,
.wp_wrap header.header_hover .h_inner .convenient_box .lang_box .now_lang i{
    color: #000 !important;
    
}
.wp_wrap header.header_hover .h_inner .convenient_box .mopen .icon_box span{
    background: #000 !important;
}




.wp_wrap .mo_mnu{
    position: fixed;
    top: 0;
    right: -100%;
    width: 1100px;
    height: 100dvh;
    background: #fff;
    transition: 0.8s;
    border-left: 1px solid #ddd;
    z-index: 9999;
}
.wp_wrap .mo_mnu.on{
    right: 0;
}

.wp_wrap .mo_mnu .icon_box{
    position: absolute;
    top: 20px;
    right: 50px;
    background: transparent;
    z-index: 999;
}
.wp_wrap .mo_mnu .icon_box i{
    font-size: 35px;
    color: #437038;
    font-weight: 900;
}
.wp_wrap .mo_mnu .mo_mnu_inner{
    padding: 100px 50px;
}
.wp_wrap .mo_mnu .mo_mnu_inner .mo_mnu_h{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 25px;
}
.wp_wrap .mo_mnu .mo_mnu_inner .mo_mnu_h .mo_logo>p{
    font-size: 30px;
    font-family: var(--font-pre700);
    color: #437038;
}
.wp_wrap .mo_mnu .mo_mnu_inner .mo_mnu_h .lo_jo{
    display: flex;
    align-items: center;
    gap: 17px;
    display: none;
}
.wp_wrap .mo_mnu .mo_mnu_inner .mo_mnu_h .lo_jo .login .inner,
.wp_wrap .mo_mnu .mo_mnu_inner .mo_mnu_h .lo_jo .join .inner{
    display: flex;
    align-items: center;
    gap: 5px;
}
.wp_wrap .mo_mnu .mo_mnu_inner .mo_mnu_h .lo_jo i{
    color: #C9C9C9;
    font-size: 17px;
}
.wp_wrap .mo_mnu .mo_mnu_inner .mo_mnu_h .lo_jo p{
    color: #7B7B7B;
    font-size: 16px;
}


.wp_wrap .mo_mnu .mo_mnu_inner .mo_mnu_b{
    margin-bottom: 55px;
}
.wp_wrap .mo_mnu .mo_mnu_inner .mo_mnu_b .mnu_line{
    display: flex;
    align-items: center;
    border-top:  1px solid #565656;
}

.wp_wrap .mo_mnu .mo_mnu_inner .mo_mnu_b .mnu_line:last-child{
    border-bottom:  1px solid #565656;

}
.wp_wrap .mo_mnu .mo_mnu_inner .mo_mnu_b .mnu_line p {
    font-size: 20px;
    font-family: var(--font-pre600);
    color: #0F0E0E;
    width: 150px;
    padding: 25px 10px;
    transition: 0.3s;
}
.wp_wrap .mo_mnu .mo_mnu_inner .mo_mnu_b .mnu_line:hover p {
    color: #437038;
}
.wp_wrap .mo_mnu .mo_mnu_inner .mo_mnu_b .mnu_line>ul{
    display: flex;
    align-items: center;
    gap: 80px;
}
.wp_wrap .mo_mnu .mo_mnu_inner .mo_mnu_b .mnu_line>ul li{}
.wp_wrap .mo_mnu .mo_mnu_inner .mo_mnu_b .mnu_line>ul li a{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    color: #565656;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: 0.3s;
}
.wp_wrap .mo_mnu .mo_mnu_inner .mo_mnu_b .mnu_line>ul li a:hover{
    font-family: var(--font-pre600);
    color: #0F0E0E;
}

.wp_wrap .mo_mnu .mo_mnu_inner .mo_mnu_f {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.wp_wrap .mo_mnu .mo_mnu_inner .mo_mnu_f .mo_f_lt {
    display: none;
}
.wp_wrap .mo_mnu .mo_mnu_inner .mo_mnu_f .mo_f_lt .tel li{
    font-size: 18px;
    font-family: var(--font-pre300);
    
}
.wp_wrap .mo_mnu .mo_mnu_inner .mo_mnu_f .mo_f_lt .tel_icon{
    display: none;
}
.wp_wrap .mo_mnu .mo_mnu_inner .mo_mnu_f .mo_f_lt .tel li a{
    font-size: 30px;
    font-family: var(--font-pre700);
    color: #565656;
}

.wp_wrap .mo_mnu .mo_mnu_inner .mo_mnu_f .mo_f_rt {
    width: 100%;
}
.wp_wrap .mo_mnu .mo_mnu_inner .mo_mnu_f .mo_f_rt .link{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 10px;
}
.wp_wrap .mo_mnu .mo_mnu_inner .mo_mnu_f .mo_f_rt .link li{}

.wp_wrap .mo_mnu .mo_mnu_inner .mo_mnu_f .mo_f_rt .link li a{ 
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
    border: 1px solid #C9C9C9;
    transition: 0.3s; 
    padding: 2px;
    background: #fff;
}

.wp_wrap .mo_mnu .mo_mnu_inner .mo_mnu_f .mo_f_rt .link li:hover a{ 
    background: #ebebeb;
}
.wp_wrap .mo_mnu .mo_mnu_inner .mo_mnu_f .mo_f_rt .link li:last-child a{
    width: 215px;
    gap: 10px;
}
.wp_wrap .mo_mnu .mo_mnu_inner .mo_mnu_f .mo_f_rt .link li a img{}
.wp_wrap .mo_mnu .mo_mnu_inner .mo_mnu_f .mo_f_rt .link li a img.nohov{
    display: block;
}
.wp_wrap .mo_mnu .mo_mnu_inner .mo_mnu_f .mo_f_rt .link li a img.hov{
    display: none;
}
.wp_wrap .mo_mnu .mo_mnu_inner .mo_mnu_f .mo_f_rt .link li a i{
    font-size: 25px;
    color: #C4C4C4;
}
.wp_wrap .mo_mnu .mo_mnu_inner .mo_mnu_f .mo_f_rt .link li a p{
    font-size: 16px;
    color: #9C9C9C;
    transition: 0.3s;
}
.wp_wrap .mo_mnu .mo_mnu_inner .mo_mnu_f .mo_f_rt .link li:hover a img.nohov{
    display: none;
}
.wp_wrap .mo_mnu .mo_mnu_inner .mo_mnu_f .mo_f_rt .link li:hover a img.hov{
    display: block;
}
.wp_wrap .mo_mnu .mo_mnu_inner .mo_mnu_f .mo_f_rt .link li:hover a i{
    color: #437038;
}
/**********************************************************************************************************************/






/**********************************************************************************************************************/
/* 푸터 */
/**********************************************************************************************************************/
.wp_wrap footer{
    background: #161616;
    padding: 50px 0 60px;
}
.wp_wrap footer .f_inner{
    display: flex;
    align-items: center;
    gap: 95px;
}
.wp_wrap footer .f_inner .f_lt{}
.wp_wrap footer .f_inner .f_rt{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
}
.wp_wrap footer .f_inner .f_logo{
    min-width: 235px;
}
.wp_wrap footer .f_inner .f_info_box{}
.wp_wrap footer .f_inner .f_info_box .f_mnu{
    margin-bottom: 50px;
    display: flex;
    align-items: center;
}
.wp_wrap footer .f_inner .f_info_box .f_mnu li{
    position: relative;
    margin-right: 15px;
    padding-right: 15px;
}
.wp_wrap footer .f_inner .f_info_box .f_mnu li::after{
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 2px;
    height: 13px;
    background: #707070;
}
.wp_wrap footer .f_inner .f_info_box .f_mnu li:last-child{
    margin-right: 0;
    padding-right: 0;
}
.wp_wrap footer .f_inner .f_info_box .f_mnu li:last-child:after{
    display: none;
}
.wp_wrap footer .f_inner .f_info_box .f_mnu li button{
    font-size: 20px;
    font-family: var(--font-pre700);
    color: #939393;
    background: transparent;
}
.wp_wrap footer .f_inner .f_info_box .f_info{
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin-bottom: 55px;
}
.wp_wrap footer .f_inner .f_info_box .f_info ul{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px 0;
}
.wp_wrap footer .f_inner .f_info_box .f_info ul li{
    position: relative;
    padding-right: 10px;
    margin-right: 10px;
}
.wp_wrap footer .f_inner .f_info_box .f_info ul li,
.wp_wrap footer .f_inner .f_info_box .f_info ul li a{
    font-size: 17px;
    color: #939393;
}
.wp_wrap footer .f_inner .f_info_box .f_info ul li:last-child{
    padding-right: 0;
    margin-right: 0;
}
.wp_wrap footer .f_inner .f_info_box .f_info ul li::after{
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 2px;
    height: 13px;
    background: #707070;
}
.wp_wrap footer .f_inner .f_info_box .f_info ul:nth-child(2) li::after,
.wp_wrap footer .f_inner .f_info_box .f_info ul li:last-child::after{
    display: none;
}
.wp_wrap footer .f_inner .f_copy{
    font-size: 17px;
    color: #939393;
}


.wp_wrap footer .f_inner .f_info_box .f_info ul li a{}
.wp_wrap footer .f_inner .f_link{
    display: flex;
    align-items: center;
    gap: 20px;
}
.wp_wrap footer .f_inner .f_link li{}
.wp_wrap footer .f_inner .f_link li a{}
.wp_wrap footer .f_inner .f_link li a img{}
.wp_wrap footer .f_inner .f_link li a:hover img{
    opacity: 0.6;
    transition: 0.3s;
}
/**********************************************************************************************************************/






/**********************************************************************************************************************/
/* 메인 */
/**********************************************************************************************************************/
/* sec01 - m_visual */
.wp_wrap #m_visual{
    position: relative;
}
.wp_wrap #m_visual .mv_inner .mv_slider .mv_slide{
    position: relative;
    overflow: hidden;
    height: 100vh;
}
.wp_wrap #m_visual .mv_inner .mv_slider .mv_slide .ms_bgimg{
    display: block; 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
    border:0;    
    transform: scale(1.06);    
    transition: 4s;
}
.wp_wrap #m_visual .mv_inner .mv_slider .mv_slide.action .ms_bgimg {
    transform: scale(1); 
}
.wp_wrap #m_visual .mv_inner .mv_slider .mv_slide .ms_bgimg01{
    background: url(../img/main/mainslide01.jpg) no-repeat center center / cover;
}
.wp_wrap #m_visual .mv_inner .mv_slider .mv_slide .ms_bgimg02{
    background: url(../img/main/mainslide02.jpg) no-repeat center center / cover;
}
.wp_wrap #m_visual .mv_inner .mv_slider .mv_slide .shadow{
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
    border:0;
    /* background: linear-gradient(0deg, rgba(58,28,3,0) 0%, rgba(72,72,72,0.66) 100%); */
    background: RGBA(255, 255, 255, 0.8);
background: linear-gradient(180deg,rgba(255, 255, 255, 0.8) 1%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0) 100%);
}
.wp_wrap #m_visual .mv_inner .mv_slider .mv_slide .txt_box{
    position: absolute; 
    top: 150px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
}
.wp_wrap #m_visual .mv_inner .mv_slider .mv_slide .txt_box .txt_inner .tit{
    font-size: 80px;
    font-family: var(--font-pre700);
    color: #437038;
    margin-bottom: 30px;
    opacity: 0;
    transform: translateY(20%);
    text-align: center;
}
.wp_wrap #m_visual .mv_inner .mv_slider .mv_slide .txt_box .txt_inner .desc{
    font-size: 30px;
    color: #1E1E1E;
    line-height: 1.3;
    opacity: 0;
    transform: translateY(20%);
    text-align: center;
}
.wp_wrap #m_visual .mv_inner .mv_slider .mv_slide.action .txt_box .txt_inner .tit,
.wp_wrap #m_visual .mv_inner .mv_slider .mv_slide.action .txt_box .txt_inner .desc{
    opacity: 1;
    transform: translateY(0);
}
.wp_wrap #m_visual .mv_inner .mv_slider .mv_slide.action .txt_box .txt_inner .tit{
    transition:1s;
}
.wp_wrap #m_visual .mv_inner .mv_slider .mv_slide.action .txt_box .txt_inner .desc{
    transition:1s 1s;
}


.wp_wrap #m_visual .mv_inner .mv_option{    
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 80px;
    display: flex;
    align-items: center;
    gap: 30px;
}
.wp_wrap #m_visual .mv_inner .mv_option .ms_arr{
    background: transparent;
}  
.wp_wrap #m_visual .mv_inner .mv_option .ms_arr i{
    font-size: 20px;
    color: #fff;
}  
.wp_wrap #m_visual .mv_inner .mv_option .ms_dots .slick-dots{
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 7px;
}
.wp_wrap #m_visual .mv_inner .mv_option .ms_dots .slick-dots li button{
    position: relative;
    width: 10px;
    height: 10px;
    background: rgba(255, 255, 255, 0.4);
    border-radius: 50%;
    font-size: 0;
}
.wp_wrap #m_visual .mv_inner .mv_option .ms_dots .slick-dots li.slick-active button{    
    border: none;
    width: 77px;
    border-radius: 10px;
    overflow: hidden;
}
.wp_wrap #m_visual .mv_inner .mv_option .ms_dots .slick-dots li button::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: scaleX(0);
    transform-origin: 0 100%;
    background: #fff;
}
.wp_wrap #m_visual .mv_inner .mv_option .ms_dots .slick-dots li.slick-active button::after {
    transform: scaleX(1);
    animation: prg_dot 4s;  
}
@keyframes prg_dot{
    0%{
        width: 0;
    }
    100%{
        width: 100%;
    }
}


/* sec02 - m_about */
.wp_wrap #m_about {
    background: url(../img/main/m_sec02_bg.jpg) no-repeat center center / cover;
}
.wp_wrap #m_about .about_inner .tit_box{
    margin-bottom: 25px;
}
.wp_wrap #m_about .about_inner .contents_box{
    display: flex;
    align-items: flex-start;
    align-items: stretch;
    gap: 35px;
    justify-content: space-between;
}
.wp_wrap #m_about .about_inner .contents_box .lt{
    width: 68%;
}
.wp_wrap #m_about .about_inner .contents_box .lt .inner_box{
    padding: 60px 50px;
    background: rgba(67, 111, 56, 0.74);
    display: flex;
    align-items: center;
    gap: 30px;
}
.wp_wrap #m_about .about_inner .contents_box .lt .inner_box .txt_box{
    width: 46%;
}
.wp_wrap #m_about .about_inner .contents_box .lt .inner_box .txt_box .tit{
    font-size: 30px;
    margin-bottom: 20px;
    color:#fff;
    font-family: var(--font-pre300);
}
.wp_wrap #m_about .about_inner .contents_box .lt .inner_box .txt_box .tit span{
    font-family: var(--font-pre600);
}
.wp_wrap #m_about .about_inner .contents_box .lt .inner_box .txt_box .desc{
    font-size: 17px;
    font-family: var(--font-pre300);
    color:#fff;
    margin-bottom: 40px;
    line-height: 1.3;
}
.wp_wrap #m_about .about_inner .contents_box .lt .inner_box .txt_box .desc p{
    margin-bottom: 25px;
    line-height: 1.35;
}
.wp_wrap #m_about .about_inner .contents_box .lt .inner_box .txt_box .desc p:last-child{
    margin-bottom: 0;
}
.wp_wrap #m_about .about_inner .contents_box .lt .inner_box .txt_box .more a{
    width: 160px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    color: #fff;
    border: 1px solid #fff;
    transition: 0.5s;
}
.wp_wrap #m_about .about_inner .contents_box .lt .inner_box .txt_box .more a:hover{
    color: #437038;
    background: #fff;
}
.wp_wrap #m_about .about_inner .contents_box .lt .inner_box .img_box{
    width: 54%;
    height: 475px;
}
.wp_wrap #m_about .about_inner .contents_box .lt .inner_box .img_box img{
    width: 100%;
    height: 100%;
}
.wp_wrap #m_about .about_inner .contents_box .rt{
    position: relative;
    width: 32%;
    display: flex;
    flex-direction: column;
}
.wp_wrap #m_about .about_inner .contents_box .rt .map_box{
    height: 465px;
    border-radius: 0 100px 0 0;
    overflow: hidden;
}
.wp_wrap #m_about .about_inner .contents_box .rt .map_box .root_daum_roughmap,
.wp_wrap #m_about .about_inner .contents_box .rt .map_box .root_daum_roughmap .wrap_map{
    width: 100%;
    height: 100%;
}
.wp_wrap #m_about .about_inner .contents_box .rt .map_box .root_daum_roughmap .wrap_controllers ,
.wp_wrap #m_about .about_inner .contents_box .rt .map_box .root_daum_roughmap .wrap_btn_zoom,
.wp_wrap #m_about .about_inner .contents_box .rt .map_box .root_daum_roughmap_landing .border1,
.wp_wrap #m_about .about_inner .contents_box .rt .map_box .root_daum_roughmap_landing .border2,
.wp_wrap #m_about .about_inner .contents_box .rt .map_box .root_daum_roughmap_landing .border3,
.wp_wrap #m_about .about_inner .contents_box .rt .map_box .root_daum_roughmap_landing .border4  {
    display: none;
}

.wp_wrap #m_about .about_inner .contents_box .rt .info_box{
    flex: 1;
    background: #fff;
    padding: 25px 20px;
}
.wp_wrap #m_about .about_inner .contents_box .rt .info_box .txt1{
    font-size: 16px;
    font-family: var(--font-pre700);
    color: #000000;
    margin-bottom: 10px;
}
.wp_wrap #m_about .about_inner .contents_box .rt .info_box .txt2{
    font-size: 17px;
    font-family: var(--font-pre400);
    color: #717171;
    margin-bottom: 5px;
}
.wp_wrap #m_about .about_inner .contents_box .rt .info_box .txt3{
    font-size: 20px;
    font-family: var(--font-pre700);
    color: #437038;
}









/* .wp_wrap #m_about .about_inner .contents_box .rt .news_slider .news_slide .img_box{
    height: 422px;
    border-radius: 0 100px 0 0;
    overflow: hidden;
    margin-bottom: 10px;
}
.wp_wrap #m_about .about_inner .contents_box .rt .news_slider .news_slide .img_box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.wp_wrap #m_about .about_inner .contents_box .rt .news_slider .news_slide .txt_box .cate{
    font-size: 16px;
    font-family: var(--font-pre700);
    margin-bottom: 10px;
}
.wp_wrap #m_about .about_inner .contents_box .rt .news_slider .news_slide .txt_box .tit{
    font-size: 20px;
    font-family: var(--font-pre700);
    color: #EE6017;
    margin-bottom: 15px;
}
.wp_wrap #m_about .about_inner .contents_box .rt .news_slider .news_slide .txt_box .desc{
    font-size: 14px;
    color: #717171;
}
.wp_wrap #m_about .about_inner .contents_box .rt .ns_slide_btn{
    position: absolute;
    top: 375px;
    right: -45px;
    border-radius: 50%;
    border: 4px solid #C1C1C1;
    background: #fff;
    border-radius: 50%;
    overflow: hidden;
    width: 90px;
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.wp_wrap #m_about .about_inner .contents_box .rt .ns_slide_btn button{
    background: transparent;
}
.wp_wrap #m_about .about_inner .contents_box .rt .ns_slide_btn button.ns_lt{
    position: relative;
    margin-right: 11px;
    padding-right: 11px;
}

.wp_wrap #m_about .about_inner .contents_box .rt .ns_slide_btn button.ns_lt::after{
    content: "";
    position: absolute;
    top: 6px;
    /* transform: translateY(50%); *
    right:0;
    width: 1px;
    height: 24px;
    background: #EBEBEB;
}
.wp_wrap #m_about .about_inner .contents_box .rt .ns_slide_btn button i{
    color: #DCDCDC;
    font-weight: 700;
}
.wp_wrap #m_about .about_inner .contents_box .rt .ns_slide_btn button:hover i{
    color: #FCA738;
} */










/* sec03 - m_bsns */
/* .wp_wrap #m_bsns .bsns_inner{
    padding-top: 100px;
    height: 100%;
} */
 
.wp_wrap #m_bsns {
    background: url(../img/main/m_sec03_bg.jpg) no-repeat center center / cover;
}
.wp_wrap #m_bsns .bsns_inner .tit_box{
    margin-bottom: 30px;
}
.wp_wrap #m_bsns .bsns_inner .txt_box{
    margin-bottom: 50px;
}
.wp_wrap #m_bsns .bsns_inner .contents{
    display: flex;
    height: 500px;    
}
.wp_wrap #m_bsns .bsns_inner .contents .itm{
    position: relative;
    width: 25%;
    height: 100%;
    transition: 0.8s;
    overflow: hidden;
}
.wp_wrap #m_bsns .bsns_inner .contents .itm:hover{
    width: 100%;
}
.wp_wrap #m_bsns .bsns_inner .contents .itm .img_box{
    position: relative;
    width: 100%;
    height: 100%;
}
.wp_wrap #m_bsns .bsns_inner .contents .itm .img_box .shadow{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
    transition: 0.8s;
}
.wp_wrap #m_bsns .bsns_inner .contents .itm .img_box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.wp_wrap #m_bsns .bsns_inner .contents .itm:hover .img_box .shadow{    
    background: rgba(0, 0, 0, 0);
}
.wp_wrap #m_bsns .bsns_inner .contents .itm .plus{
    position: absolute;
    left: 50%;
    bottom: 30px;
    transform: translateX(-50%);
    transition: 0.8s;
}
.wp_wrap #m_bsns .bsns_inner .contents .itm:hover .plus{
    display: none;
}
.wp_wrap #m_bsns .bsns_inner .contents .itm .plus i{
    color: #fff;
    font-size: 40px;
}
.wp_wrap #m_bsns .bsns_inner .contents .itm .text_box{    
    position: absolute;
    bottom: -100%;
    left: 0;
    width: 100%;
    padding: 50px 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: rgba(255, 255, 255, 0.79);
    transition: 0.6s;
}

.wp_wrap #m_bsns .bsns_inner .contents .itm .text_box .txt1{
    font-size: 30px;
    font-family: var(--font-pre700);
    color: #333333;
}
.wp_wrap #m_bsns .bsns_inner .contents .itm .text_box .txt2{
    font-size: 18px;
    color: #666666;
}

.wp_wrap #m_bsns .bsns_inner .contents .itm:hover .text_box{
    bottom: 0;
} 

/* .wp_wrap #m_bsns .bsns_inner .contents .itm .text_box{    
    position: absolute;
    bottom: -100%;
    left: 0;
    width: 100%;
    /* height: 160px; *
    padding: 30px 40px;
    display: block;
    background: rgba(255, 255, 255, 0.79);
    transition: 0.8s 0.2s;
}
.wp_wrap #m_bsns .bsns_inner .contents .itm .text_box .bsn_name{
    font-size: 30px;
    font-family: var(--font-pre700);
    margin-bottom: 10px;
}
.wp_wrap #m_bsns .bsns_inner .contents .itm .text_box .bsn_desc{
    font-size: 18px;
    color: #666666;
}

.wp_wrap #m_bsns .bsns_inner .contents .itm:hover .text_box{
    bottom: 0;
} */




/* sec04 - m_prd */
.wp_wrap #m_prd{}
.wp_wrap #m_prd {
    background: url(../img/main/m_sec04_bg.jpg) no-repeat center center / cover;
}
.wp_wrap #m_prd .prd_inner{
    position: relative;
}
.wp_wrap #m_prd .prd_inner .top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 65px;
}
.wp_wrap #m_prd .prd_inner .top .tit_box{
    color: #fff;
}
.wp_wrap #m_prd .prd_inner .prd_slide_btn{
    position: absolute;
    top: 20px;
    left: calc(50% + 600px);
    display: flex;
    align-items: center;
    z-index: 99;
}
.wp_wrap #m_prd .prd_inner .prd_slide_btn .prd_arr{
    background: transparent;
}
.wp_wrap #m_prd .prd_inner .prd_slide_btn .prd_arr i{
    font-size: 26px;
    color: rgba(249, 249, 249, 0.65);
}
.wp_wrap #m_prd .prd_inner .prd_slide_btn .prd_arr:hover i{
    color: #fff;
}
.wp_wrap #m_prd .prd_inner .prd_slide_btn .prd_arr.prd_lt{
    position: relative;
    margin-right: 40px;
    padding-right: 40px;
}
.wp_wrap #m_prd .prd_inner .prd_slide_btn .prd_arr.prd_lt::after{
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 2px;
    height: 22px;
    background: rgba(255, 255, 255, 0.65);
}
.wp_wrap #m_prd .prd_inner .contents{
    position: relative;
    width: 2000px;
    left: calc(50% - 750px);
}
.wp_wrap #m_prd .prd_inner .contents .prd_slider{
    width: 100%;
}
.wp_wrap #m_prd .prd_inner .contents .prd_slider .slick-list {
    margin: 0 -15px;
}
.wp_wrap #m_prd .prd_inner .contents .prd_slider .slick-slide {
    margin: 0 15px;
}
.wp_wrap #m_prd .prd_inner .contents .prd_slider .prd_slide{
    padding: 30px;
    background: rgba(255, 255, 255, 0.87);
    transition: 0.5s;
}
.wp_wrap #m_prd .prd_inner .contents .prd_slider .prd_slide.slick-current{
    background: #fff
}
.wp_wrap #m_prd .prd_inner .contents .prd_slider .prd_slide .img_box{
    margin-bottom:10px;
    /* height: 280px; */
    aspect-ratio: auto 1/0.66667;
}
.wp_wrap #m_prd .prd_inner .contents .prd_slider .prd_slide .img_box img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    margin:  0 auto;
}
.wp_wrap #m_prd .prd_inner .contents .prd_slider .prd_slide .pname{
    font-size: 30px;
    font-family: var(--font-pre600);
    margin-bottom: 20px;
    color: #333333;
}
.wp_wrap #m_prd .prd_inner .contents .prd_slider .prd_slide .pdesc{
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-height: 50px;
}
.wp_wrap #m_prd .prd_inner .contents .prd_slider .prd_slide .pdesc .type{
    font-size: 18px;
    font-family: var(--font-pre600);
    color: #000000;
    line-height: 1.3;
}
.wp_wrap #m_prd .prd_inner .contents .prd_slider .prd_slide .pdesc .exclusive{
    font-size: 18px;
    color: #666666;
    line-height: 1.3;
}
/**********************************************************************************************************************/









/**********************************************************************************************************************/
/* 서브 */
/**********************************************************************************************************************/
/* 공통 ------------------------------------------------------------------------------------------------------------- */
.wp_wrap #s_page{
    margin-top: 100px;
}
.wp_wrap .stit_box{}
.wp_wrap .stit_box .tit{
    font-size: 50px;
    font-family: var(--font-pre600);
    color: #000000;
}
.wp_wrap .s_muses1 .stit_box,
.wp_wrap .s_certi1 .stit_box,
.wp_wrap .s_wtcome1 .stit_box,
.wp_wrap .s_prd1 .stit_box,
.wp_wrap .s_prd_pic1 .stit_box,
.wp_wrap .s_prd_vdo1 .stit_box{
    margin-bottom: 60px;
}
.wp_wrap .s_rental1 .stit_box,
.wp_wrap .s_as1 .stit_box{
    margin-bottom: 20px;
}
.wp_wrap .s_qa1 .stit_box{
    margin-bottom: 40px;
}


/* sub_top ----------------------------------------------------------------------------------------------------------- */
.wp_wrap .sub_top{}
.wp_wrap .sub_top .top_area{
    position: relative;
    height: 500px;
}
.wp_wrap .sub_top .top_area .img_box{
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.wp_wrap .sub_top .top_area .img_box::after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.26);
}
.wp_wrap .sub_top .top_area .img_box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.05);
}
.wp_wrap .sub_top.on .top_area .img_box img{
    transform: scale(1);
    transition: 3s;
}
.wp_wrap .sub_top .top_area .txt_box{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 100%;
    padding: 0 15px;
}
.wp_wrap .sub_top .top_area .txt_box p{
    font-size: 80px;
    color: #fff;
    font-family: var(--font-pre500);
    text-align: center;
    transform: translateY(20%);
    opacity: 0;
}
.wp_wrap .sub_top.on .top_area .txt_box p{
    transform: translateY(0);
    opacity: 1;
    transition: 1s 0.5s;
}
.wp_wrap .sub_top .top_area .crt_mnu {
    position: absolute;
    bottom: 20px;
    right: calc(50% - 750px);
    display: flex;
    align-items: center;
    gap: 45px;
}
.wp_wrap .sub_top .top_area .crt_mnu > li{
    position: relative;
    font-size: 15px;
    font-family: var(--font-pre300);
    color: #fff;
    white-space: nowrap;
}
.wp_wrap .sub_top .top_area .crt_mnu > li::after{
    content: "\e93e";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -27px;
    font-family: 'xeicon';
    color: #fff;
    font-size: 13px;
}
.wp_wrap .sub_top .top_area .crt_mnu > li:last-child::after{
    display: none;
}
.wp_wrap .sub_top .top_area .crt_mnu > li>i{
    font-size: 20px;
}
.wp_wrap .sub_top .bot_area{}
.wp_wrap .sub_top .bot_area .sub_top_mnu{
    position: relative;
    max-width: 1810px;
    width: 100%;
    margin: 0 auto;
    padding: 0 15px;
    border-bottom: 1px solid #ddd;
    display: flex;
    align-items: center;
    justify-content: center;
}
.wp_wrap .sub_top .bot_area .sub_top_mnu::before,
.wp_wrap .sub_top .bot_area .sub_top_mnu::after{
    content: '';
    position: absolute;
    bottom: -8px;
    width: 0;
    height: 0;
    border-style: solid;
    z-index: 9;
}
.wp_wrap .sub_top .bot_area .sub_top_mnu::before{
    left: 0;
    border-width: 8px 0px 8px 15px;
    border-color: transparent transparent transparent #ddd;
}
.wp_wrap .sub_top .bot_area .sub_top_mnu::after{
    right: 0;
    border-width: 8px 15px 8px 0px;
    border-color: transparent #ddd transparent transparent;
}
.wp_wrap .sub_top .bot_area .sub_top_mnu li{
    position: relative;
}
.wp_wrap .sub_top .bot_area .sub_top_mnu li::after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 7px;
    background: #437038;
    display: none;
}
.wp_wrap .sub_top .bot_area .sub_top_mnu li.on::after{
    display: block;
}
.wp_wrap .sub_top .bot_area .sub_top_mnu li a{
    width: 320px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: #000000;
    text-align: center;
}
.wp_wrap .sub_top1 .bot_area .sub_top_mnu li a{
    width: 250px;
}



/* 브랜드 소개 ------------------------------------------------------------------------------------------------------ */
/* 브랜드 소개 - 인사말 */
.wp_wrap .s_grt{}
.wp_wrap .s_grt1{}
.wp_wrap .s_grt1 .inner_box{}
.wp_wrap .s_grt1 .cont_box{
    display: flex;
    align-items: flex-start;
}
.wp_wrap .s_grt1 .cont_box .lt_area{
    position: relative;
    width: 50%;
}
.wp_wrap .s_grt1 .cont_box .rt_area{
    width: 50%;
    padding-left: 55px;
}
.wp_wrap .s_grt1 .cont_box .img_box{
    /* height: 660px; */
    border-radius: 40px;
    overflow: hidden;
    aspect-ratio: auto 1 / 0.88;
}
.wp_wrap .s_grt1 .cont_box .img_box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.wp_wrap .s_grt1 .cont_box .logo_box{
    position: absolute;
    top: 45px;
    top: 6%;
    left: 50%;
    transform: translateX(-50%);
    width: 32.7%;
    width: 30%;
    height: 30.9%;
}
.wp_wrap .s_grt1 .cont_box .logo_box img{
    margin: 0 auto;
}
.wp_wrap .s_grt1 .cont_box .txt_box{}
.wp_wrap .s_grt1 .cont_box .txt_box .tit{
    font-size: 50px;
    color: #000000;
    margin-bottom: 40px;
}
.wp_wrap .s_grt1 .cont_box .txt_box .tit span{
    font-family: var(--font-pre700);
}
.wp_wrap .s_grt1 .cont_box .txt_box .desc{
    display: flex;
    flex-direction: column;
    gap: 35px;
}
.wp_wrap .s_grt1 .cont_box .txt_box .desc p{
    font-size: 20px;
    color: #000000;
    line-height: 1.45;
}








/* 브랜드 소개 - 주요 사용처 */
.wp_wrap .s_muses{}
.wp_wrap .s_muses1{}
.wp_wrap .s_muses1 .inner_box{}
.wp_wrap .s_muses1 .cont_box{}
.wp_wrap .s_muses1 .cont_box .txt_box{
    display: flex;
    flex-direction: column;
    gap: 30px;
    margin-bottom: 60px;
}
.wp_wrap .s_muses1 .cont_box .txt_box p{
    font-size: 20px;
    color: #000;
    line-height: 1.45;
}
.wp_wrap .s_muses1 .cont_box .img_itms{}
.wp_wrap .s_muses1 .cont_box .img_itms .img_box{
    margin-bottom: 20px;
    border-radius: 20px;
    aspect-ratio: auto 1/1;
    overflow: hidden;
}
.wp_wrap .s_muses1 .cont_box .img_itms .img_box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.wp_wrap .s_muses1 .cont_box .img_itms .name{
    font-size: 20px;
    color: #000;
    text-align: center;
}









/* 브랜드 소개 - 인증 및 특허 */
.wp_wrap .s_certi{}
.wp_wrap .s_certi1{}
.wp_wrap .s_certi1 .inner_box{}
.wp_wrap .s_certi1 .cont_box{}










/* 브랜드 소개 - 찾아오시는 길 */
.wp_wrap .s_wtcome{}
.wp_wrap .s_wtcome1{}
.wp_wrap .s_wtcome1 .inner_box{}
.wp_wrap .s_wtcome1 .cont_box{}
.wp_wrap .s_wtcome1 .cont_box .map_box{
    width: 100%;
    height: 660px;
    border-radius: 40px;
    overflow: hidden;
    margin-bottom: 40px;
}
.wp_wrap .s_wtcome1 .cont_box .map_box .root_daum_roughmap,
.wp_wrap .s_wtcome1 .cont_box .map_box .root_daum_roughmap .wrap_map{
    width: 100%;
    height: 100%;
}
.wp_wrap .s_wtcome1 .cont_box .map_box .root_daum_roughmap .wrap_controllers ,
.wp_wrap .s_wtcome1 .cont_box .map_box .root_daum_roughmap .wrap_btn_zoom,
.wp_wrap .s_wtcome1 .cont_box .map_box .root_daum_roughmap_landing .border1,
.wp_wrap .s_wtcome1 .cont_box .map_box .root_daum_roughmap_landing .border2,
.wp_wrap .s_wtcome1 .cont_box .map_box .root_daum_roughmap_landing .border3,
.wp_wrap .s_wtcome1 .cont_box .map_box .root_daum_roughmap_landing .border4  {
    display: none;
}

.wp_wrap .s_wtcome1 .cont_box .info_box{}
.wp_wrap .s_wtcome1 .cont_box .info_box .info_itms{}
.wp_wrap .s_wtcome1 .cont_box .info_box .info_itms li{
    display: flex;
    align-items: center;
    gap: 30px;
}
.wp_wrap .s_wtcome1 .cont_box .info_box .info_itms li:first-child{
    grid-column: 1 / 3;
}
.wp_wrap .s_wtcome1 .cont_box .info_box .info_itms li .ques{
    font-size: 20px;
    color: #fff;
    background: #437038;
    border-radius: 50px;
    width: 155px;
    min-width: 155px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.wp_wrap .s_wtcome1 .cont_box .info_box .info_itms li .answ{}

.wp_wrap .s_wtcome1 .cont_box .info_box .info_itms li .answ,
.wp_wrap .s_wtcome1 .cont_box .info_box .info_itms li .answ a{
    font-size: 20px;
    color: #000;
}









/* 제품 소개 ------------------------------------------------------------------------------------------------------- */
/* 제품 소개 - 고열건조형 */
/* 제품 소개 - 미생물발효형 */














/* 미디어 ------------------------------------------------------------------------------------------------------- */
/* 미디어 - 제품 사진 */
/* 미디어 - 제품 영상 */














/* 서비스 ------------------------------------------------------------------------------------------------------- */
/* 서비스 - 렌탈 서비스 신청 */
.wp_wrap .s_rental{}
.wp_wrap .s_rental1{
    position: relative;
}
.wp_wrap .s_rental1 .img_bg{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.wp_wrap .s_rental1 .img_bg::after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #FFF;
    background: linear-gradient(180deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 55%, rgba(255, 255, 255, 0) 100%);
}
.wp_wrap .s_rental1 .img_bg img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.2;
}
.wp_wrap .s_rental1 .inner_box{
    position: relative;
}
.wp_wrap .s_rental1 .cont_box{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.wp_wrap .s_rental1 .cont_box .lt_area{}
.wp_wrap .s_rental1 .cont_box .lt_area .txt_box{}
.wp_wrap .s_rental1 .cont_box .lt_area .txt_box .desc{
    font-size: 20px;
    font-family: var(--font-pre300);
    color: #000;
    margin-bottom: 60px;
}
.wp_wrap .s_rental1 .cont_box .lt_area .info_box{
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.wp_wrap .s_rental1 .cont_box .lt_area .info_box>li{
    display: flex;
    align-items: center;
    gap: 10px;
}
.wp_wrap .s_rental1 .cont_box .lt_area .info_box>li .icon_box{
    width: 45px;
    min-width: 45px;
    height: 45px;
    border-radius: 50%;
    background: #437038;
    display: flex;
    align-items: center;
    justify-content: center;
}
.wp_wrap .s_rental1 .cont_box .lt_area .info_box>li .icon_box i{
    color: #fff;
    font-size: 25px;
}
.wp_wrap .s_rental1 .cont_box .lt_area .info_box>li p{
    font-size: 20px;
    font-family: var(--font-pre300);
    color: #000;
}
.wp_wrap .s_rental1 .cont_box .rt_area{}
.wp_wrap .s_rental1 .cont_box .rt_area .form_in{
    padding: 60px;
    border-radius: 30px;
    background: rgba(255, 255, 255, 0.5);
}

.wp_wrap .s_rental1 .cont_box .rt_area .form_in .ip_wrap{
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin-bottom: 15px;
}
.wp_wrap .s_rental1 .cont_box .rt_area .form_in .ip_wrap .line{
    display: flex;
    flex-direction: column;
}
.wp_wrap .s_rental1 .cont_box .rt_area .form_in .ip_wrap .sl_line{
    gap: 10px;
}
.wp_wrap .s_rental1 .cont_box .rt_area .form_in .ip_wrap .line .ques,
.wp_wrap .s_rental1 .cont_box .rt_area .form_in .agr_box .ques{
    font-size: 20px;
    font-family: var(--font-pre500);
    color: #000;
}
.wp_wrap .s_rental1 .cont_box .rt_area .form_in .ip_wrap .line .ques .star,
.wp_wrap .s_rental1 .cont_box .rt_area .form_in .agr_box .ques .star{
    color: #AA0000;
}
.wp_wrap .s_rental1 .cont_box .rt_area .form_in .ip_wrap .line .answ{}
.wp_wrap .s_rental1 .cont_box .rt_area .form_in .ip_wrap .line .answ .ip_box{}
.wp_wrap .s_rental1 .cont_box .rt_area .form_in .ip_wrap .line .answ .ip_box input[type='text'],
.wp_wrap .s_rental1 .cont_box .rt_area .form_in .ip_wrap .line .answ .ip_box select{
    min-width: 520px;
    font-size: 16px;
    outline: none;
    font-family: var(--font-pre400);
    width: 100%;
}
.wp_wrap .s_rental1 .cont_box .rt_area .form_in .ip_wrap .line .answ .ip_box input[type='text']{
    border-left: none;
    border-right: none;
    border-top: none;
    border-bottom: 1px solid #BBBBBB;
    background: transparent;
    padding: 7px;
}
.wp_wrap .s_rental1 .cont_box .rt_area .form_in .ip_wrap .line .answ .ip_box select{
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 10px;
    line-height: 1;
    background: url(../img/icon/as_slc_arr.png) no-repeat 97% 50% #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.wp_wrap .s_rental1 .cont_box .rt_area .form_in .ip_wrap .line .answ>p,
.wp_wrap .s_rental1 .cont_box .rt_area .form_in .agr_box .answ>p{
    font-size: 13px;
    color: red;
    margin-top: 3px;
}
.wp_wrap .s_rental1 .cont_box .rt_area .form_in .agr_box{
    margin-bottom: 40px;
}
.wp_wrap .s_rental1 .cont_box .rt_area .form_in .agr_box .ques{
    margin-bottom: 10px;
}
.wp_wrap .s_rental1 .cont_box .rt_area .form_in .agr_box .ques .star{}
.wp_wrap .s_rental1 .cont_box .rt_area .form_in .agr_box .answ{}
.wp_wrap .s_rental1 .cont_box .rt_area .form_in .agr_box .answ .ip_box{}
.wp_wrap .s_rental1 .cont_box .rt_area .form_in .agr_box .answ .ip_box input[type='checkbox'],
.wp_wrap .s_as1 .cont_box .form_box .form_in .dummy .line .ip_box .answ .agr_itm input[type='checkbox']{
    display: none;
}
.wp_wrap .s_rental1 .cont_box .rt_area .form_in .agr_box .answ .ip_box input[type='checkbox'] + label,
.wp_wrap .s_as1 .cont_box .form_box .form_in .dummy .line .ip_box .answ .agr_itm input[type='checkbox'] + label{
    font-size: 16px;
    font-family: var(--font-pre400);
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    line-height: 1.4;
}
.wp_wrap .s_rental1 .cont_box .rt_area .form_in .agr_box .answ .ip_box input[type='checkbox'] + label .chk_cst,
.wp_wrap .s_as1 .cont_box .form_box .form_in .dummy .line .ip_box .answ .agr_itm input[type='checkbox'] + label .chk_cst{
    display: inline-block;
    width: 19px;
    height: 19px;
    background: url('../img/icon/mchk_cst_bf.png') no-repeat center center / cover;
    margin-right: 5px;
}
.wp_wrap .s_rental1 .cont_box .rt_area .form_in .agr_box .answ .ip_box input[type='checkbox']:checked + label .chk_cst,
.wp_wrap .s_as1 .cont_box .form_box .form_in .dummy .line .ip_box .answ .agr_itm input[type='checkbox']:checked + label .chk_cst{
    background: url('../img/icon/mchk_cst_at.png') no-repeat center center / cover;
}



.wp_wrap .s_rental1 .cont_box .rt_area .form_in .agr_box .answ .ip_box input[type='checkbox'] + label .pvmd_opBtn,
.wp_wrap .s_as1 .cont_box .form_box .form_in .dummy .line .ip_box .answ .agr_itm input[type='checkbox'] + label .pvmd_opBtn{
    text-decoration: underline;
    display: inline-block;
    margin-left: 5px;    
}
.wp_wrap .s_rental1 .cont_box .rt_area .form_in .agr_box .answ .ip_box input[type='checkbox'] + label .pvmd_opBtn{
    font-family: var(--font-pre600);
}
.wp_wrap .s_as1 .cont_box .form_box .form_in .dummy .line .ip_box .answ .agr_itm input[type='checkbox'] + label .pvmd_opBtn{
    text-underline-offset: 3px;
}
.wp_wrap .s_rental1 .cont_box .rt_area .form_in .sbm_btn{}
.wp_wrap .s_rental1 .cont_box .rt_area .form_in .sbm_btn button{
    width: 180px;
    height: 55px;
    background: #333333;
    color: #fff;
    border: 1px solid #333;
    font-size: 20px;
    font-family: var(--font-pre500);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    transition: 0.3s;
}
.wp_wrap .s_rental1 .cont_box .rt_area .form_in .sbm_btn button:hover{
    background: #fff;
    color: #333;
}






/* 서비스 - A/S 신청 */


.wp_wrap .s_as{}
.wp_wrap .s_as1{}
.wp_wrap .s_as1 .inner_box{}
.wp_wrap .s_as1 .inner_box .tdesc_box{
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 80px;
}
.wp_wrap .s_as1 .inner_box .tdesc_box p{
    position: relative;
    font-size: 20px;
    font-family: var(--font-pre300);
    color: #333333;
    padding-left: 20px;
}

.wp_wrap .s_as1 .inner_box .tdesc_box p::before{
    content: '';
    position: absolute;
    top: 8px;
    left: 0;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #A5A5A5;
}


.wp_wrap .s_as1 .cont_box{}
.wp_wrap .s_as1 .cont_box .tit_box{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 55px;
}
.wp_wrap .s_as1 .cont_box .tit_box .txt1{
    display: inline-block;
    text-align: center;
    padding: 5PX 10PX;
    background: #5FAA4D;
    margin-bottom: 12px;
    color: #fff;
    font-size: 30px;
    font-family: var(--font-pre600);
}
.wp_wrap .s_as1 .cont_box .tit_box .txt2{
    font-size: 50px;
    font-family: var(--font-pre600);
    text-align: center;
}
.wp_wrap .s_as1 .cont_box .tit_box .txt3{
    font-size: 70px;
    font-family: var(--font-pre700);
    text-align: center;
    color: #5FAA4D;
}
.wp_wrap .s_as1 .cont_box .advtg_uitms{
    margin-bottom: 80px;
}
.wp_wrap .s_as1 .cont_box .advtg_uitms>li{
    width: 100%;
    aspect-ratio: auto 1/0.975;
    overflow: hidden;
    border: 5px solid #5FAA4D;
    border-radius: 20px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    min-height: 420px;
}
.wp_wrap .s_as1 .cont_box .advtg_uitms>li .tit{
    text-align: center;
    font-size: 30px;
    font-family: var(--font-pre600);
    color: #000;
    margin-bottom: 30px;
}
.wp_wrap .s_as1 .cont_box .advtg_uitms>li .icon_box{
    margin-bottom: 30px;
}
.wp_wrap .s_as1 .cont_box .advtg_uitms>li .icon_box img{}
.wp_wrap .s_as1 .cont_box .advtg_uitms>li .desc{
    text-align: center;
    font-size: 20px;
    font-family: var(--font-pre600);
    color: #000;
}


.wp_wrap .s_as1 .cont_box .form_box{}
.wp_wrap .s_as1 .cont_box .form_box .form_in{
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.wp_wrap .s_as1 .cont_box .form_box .form_in .dummy{
    background: #F7F7F7;
    border-radius: 20px;
}
.wp_wrap .s_as1 .cont_box .form_box .form_in .dummy1{
    padding: 40px 85px 20px;
}
.wp_wrap .s_as1 .cont_box .form_box .form_in .dummy2{
    padding: 40px 85px 60px;
}
.wp_wrap .s_as1 .cont_box .form_box .form_in .dummy .tit{
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: 24px;
    font-family: var(--font-pre600);
    color: #000;
    margin-left: -40px;
    margin-bottom: 20px;
}
.wp_wrap .s_as1 .cont_box .form_box .form_in .dummy .tit .num{
    color: #fff;
    font-size:20px;
    width: 35px;
    min-width: 35px;
    height: 35px;
    border-radius: 50%;
    background: #437038;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: -4px;
}



.wp_wrap .s_as1 .cont_box .form_box .form_in .dummy .line{
    border-bottom: 1px solid #ddd;
}
.wp_wrap .s_as1 .cont_box .form_box .form_in .dummy .line:last-child{
    border-bottom: none;
}
.wp_wrap .s_as1 .cont_box .form_box .form_in .dummy .line{
    border-bottom: 1px solid #ddd;
}
.wp_wrap .s_as1 .cont_box .form_box .form_in .dummy .line2{
    display: flex;
    gap: 40px;
}
.wp_wrap .s_as1 .cont_box .form_box .form_in .dummy .line .ip_box{
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 20px 0;
    width: calc((100% - 40px) / 2);
    gap: 10px;
}
.wp_wrap .s_as1 .cont_box .form_box .form_in .dummy .line .adrs_box {
    width: 100% !important;
}
.wp_wrap .s_as1 .cont_box .form_box .form_in .dummy .line2 .ip_box{
    justify-content: flex-end;
}
.wp_wrap .s_as1 .cont_box .form_box .form_in .dummy .line .chk_box{
    display: flex;
    align-items: flex-start;
    flex-direction: row;
}
.wp_wrap .s_as1 .cont_box .form_box .form_in .dummy .line .ip_box .ques{
    min-width: 125px;
    font-size: 20px;
    color: #000000;
    font-family: var(--font-pre600);
}
.wp_wrap .s_as1 .cont_box .form_box .form_in .dummy .line .ip_box .ques .star{
    color: #AA0000;
}
.wp_wrap .s_as1 .cont_box .form_box .form_in .dummy .line .ip_box .answ{
    width: 100%;
}
.wp_wrap .s_as1 .cont_box .form_box .form_in .dummy .line .ip_box .answ>p{
    font-size: 13px;
    color: red;
    padding-top: 3px;
}
.wp_wrap .s_as1 .cont_box .form_box .form_in .dummy .line .chk_box .answ{
    display: flex;
    align-items: center;
    gap: 60px;
}
.wp_wrap .s_as1 .cont_box .form_box .form_in .dummy .line .ip_box .answ .rdo_itm{}
.wp_wrap .s_as1 .cont_box .form_box .form_in .dummy .line .ip_box .answ .rdo_itm input[type='radio']{
    display: none;
}
.wp_wrap .s_as1 .cont_box .form_box .form_in .dummy .line .ip_box .answ .rdo_itm input[type='radio'] + label{
    font-size: 16px;
    font-family: var(--font-pre400);
    color: #000;
    display: flex;
    align-items: center;
}
.wp_wrap .s_as1 .cont_box .form_box .form_in .dummy .line .ip_box .answ .rdo_itm input[type='radio'] + label .rdo_cst{
    width: 18px;
    height: 18px;
    display: inline-block;
    margin-right: 5px;
    background: url('../img/icon/as_rdo_bf.png') no-repeat center center / cover;
}
.wp_wrap .s_as1 .cont_box .form_box .form_in .dummy .line .ip_box .answ .rdo_itm input[type='radio']:checked + label .rdo_cst{
    background: url('../img/icon/as_rdo_at.png') no-repeat center center / cover;
}

.wp_wrap .s_as1 .cont_box .form_box .form_in .dummy .line .ip_box .answ .sl_itm,
.wp_wrap .s_as1 .cont_box .form_box .form_in .dummy .line .ip_box .answ .ip_itm{
    width: 100%;
}

.wp_wrap .s_as1 .cont_box .form_box .form_in .dummy .line .ip_box .answ .ip_itm input[type='text'],
.wp_wrap .s_as1 .cont_box .form_box .form_in .dummy .line .ip_box .answ .sl_itm select{
    padding: 10px 15px;
    width: 100%;
    border: 1px solid #CCCCCC;
    background: #FFFFFF;
    font-size: 16px;
    font-family: var(--font-pre400);
    border-radius: 3px;
    outline: none;
    color: #999999;
}
.wp_wrap .s_as1 .cont_box .form_box .form_in .dummy .line .ip_box .answ .sl_itm select{
    background: url(../img/icon/as_slc_arr.png) no-repeat 97% 50% #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.wp_wrap .s_as1 .cont_box .form_box .form_in .dummy .line .ip_box .answ .ip_itm input[type='text']{}

.wp_wrap .s_as1 .cont_box .form_box .form_in .dummy .line .ip_box .answ .ip_itm{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.wp_wrap .s_as1 .cont_box .form_box .form_in .dummy .line .ip_box .answ .ip_itm .ip_line{
    display: flex;
    align-items: stretch;
    gap: 20px;
}
.wp_wrap .s_as1 .cont_box .form_box .form_in .dummy .line .ip_box .answ .ip_itm .ip_line input[type='text']{
    width: calc((100% - 40px) / 2)
}
.wp_wrap .s_as1 .cont_box .form_box .form_in .dummy .line .ip_box .answ .ip_itm .ip_line button{
    width: 150px;
    min-width: 100px;
    border-radius: 3px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: #333;
    font-size: 16px;
    font-family: var(--font-pre400);
}
.wp_wrap .s_as1 .cont_box .form_box .form_in .dummy .line .agr_box .answ {
    display: flex;
    flex-direction: column;
    gap: 10px;
}


.wp_wrap .s_as1 .cont_box .form_box .form_in .dummy2 .line_wrap{
    margin-bottom: 40px;
}
.wp_wrap .s_as1 .cont_box .form_box .form_in .dummy2 .sbm_btn{}
.wp_wrap .s_as1 .cont_box .form_box .form_in .dummy2 .sbm_btn button{
    width: 180px;
    height: 55px;
    background: #333333;
    color: #fff;
    border: 1px solid #333;
    font-size: 20px;
    font-family: var(--font-pre500);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    transition: 0.3s;
}
.wp_wrap .s_as1 .cont_box .form_box .form_in .dummy2 .sbm_btn button:hover{
    background: #fff;
    color: #333;
}







/* 자료실 ------------------------------------------------------------------------------------------------------- */
/* 자료실 - 카탈로그 다운 */
/* 자료실 - 사용설명서 다운 */








/* 고객지원 ------------------------------------------------------------------------------------------------------- */
/* 고객지원 - 자주 묻는 질문 */
/* 고객지원 - 온라인 문의 */
.wp_wrap .s_inquiry{}
.wp_wrap .s_inquiry1{}
.wp_wrap .s_inquiry1 .inner_box{}
.wp_wrap .s_inquiry1 .cont_box{}
.wp_wrap .s_inquiry1 .cont_box .top_area{
    padding-bottom: 80px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
}
.wp_wrap .s_inquiry1 .cont_box .top_area .txt_box{}
.wp_wrap .s_inquiry1 .cont_box .top_area .txt_box .txt1{
    font-size: 50px;
    color: #000000;
    font-family: var(--font-pre600);
    text-align: center;
}
.wp_wrap .s_inquiry1 .cont_box .top_area .txt_box .txt2{
    font-size: 70px;
    color: #5FAA4D;
    font-family: var(--font-pre700);
    text-align: center;
}
.wp_wrap .s_inquiry1 .cont_box .bot_area{
    padding: 90px 10px 70px 10px;
    background: #F7F7F7;
}
.wp_wrap .s_inquiry1 .cont_box .bot_area .inner{
    max-width: 1280px;
    width: 100%;
    margin: 0 auto;
}
.wp_wrap .s_inquiry1 .cont_box .bot_area .txt_box{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    margin-bottom: 60px;
}
.wp_wrap .s_inquiry1 .cont_box .bot_area .txt_box .txt1{
    font-size: 30px;
    font-family: var(--font-pre600);
    color: #5FAA4D;
}
.wp_wrap .s_inquiry1 .cont_box .bot_area .txt_box .txt2{
    font-size: 50px;
    font-family: var(--font-pre600);
    color: #000000;
    text-align: center;
}
.wp_wrap .s_inquiry1 .cont_box .bot_area .txt_box .txt2 .highlight{
    background: #FAE100;
}
.wp_wrap .s_inquiry1 .cont_box .bot_area .step_box{
    /* display: flex; */
    /* align-items: center; */
    /* gap: 30px; */
    margin-bottom: 60px;
}
.wp_wrap .s_inquiry1 .cont_box .bot_area .step_box>li{
    position: relative;
}
.wp_wrap .s_inquiry1 .cont_box .bot_area .step_box>li::after{
    content: '';
    position: absolute;
    top: 35%;
    right: -85px;
    width: 55px;
    height: 55px;
    background: url(../img/icon/iq_arr.png) no-repeat center center / cover;
}
.wp_wrap .s_inquiry1 .cont_box .bot_area .step_box>li:last-child::after{
    display: none;
}
.wp_wrap .s_inquiry1 .cont_box .bot_area .step_box>li .img_box{}
.wp_wrap .s_inquiry1 .cont_box .bot_area .step_box>li .img_box img{
    margin: 0 auto;
}
.wp_wrap .s_inquiry1 .cont_box .bot_area .step_box>li .detail_box{}
.wp_wrap .s_inquiry1 .cont_box .bot_area .step_box>li .detail_box .tit{
    position: relative;
    top: 25px;
    width: 250px;
    height: 45px;
    background: #5FAA4D;
    color: #fff;
    margin: 0 auto;
    border-radius: 23px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-family: var(--font-pre600);
}
.wp_wrap .s_inquiry1 .cont_box .bot_area .step_box>li .detail_box .desc{
    width: 100%;
    padding: 50px 25px 30px;
    background: #fff;
    border: 1px solid #5FAA4D;
    font-size: 20px;
    color: #000;
    border-radius: 15px;
    text-align: center;
    line-height: 1.4;
}
.wp_wrap .s_inquiry1 .cont_box .bot_area .gotolink{
    display: flex;    
    align-items: center;
    justify-content: center;
}
.wp_wrap .s_inquiry1 .cont_box .bot_area .gotolink a{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
    width: 340px;
    height: 100px;
    background: #FAE100;
    border-radius: 23px;
    text-align: left;
    font-size: 20px;
    font-family: var(--font-pre600);
    color: #000;
}
.wp_wrap .s_inquiry1 .cont_box .bot_area .gotolink a img{
    min-width: 49px;
    width: 49px;
}
/**********************************************************************************************************************/



/**********************************************************************************************************************/
/* 모달 */
/**********************************************************************************************************************/
.wp_wrap .cm_mdsty{
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100dvh;
    z-index: 999;
    background: rgba(0, 0, 0, 0.8);
    display: none;
}
.wp_wrap .pv_md1.on,
.wp_wrap .pv_md2.on{
    display: block;
}
.wp_wrap .cm_mdsty .md_outer{
    width: 100%;
    height: 100%;
    padding: 0 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.wp_wrap .cm_mdsty .md_outer .md_inner{
    width: 100%;
    max-width: 1000px;
    max-height: 80vh;
    overflow: auto;
    background-color: #fff;
    display: flex;
    flex-direction: column;
}
.wp_wrap .cm_mdsty .md_outer .md_inner .md_hd{
    padding: 50px 50px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.wp_wrap .cm_mdsty .md_outer .md_inner .md_hd p{
    font-size: 30px;
    font-family: var(--font-pre500);
}
.wp_wrap .cm_mdsty .md_outer .md_inner .md_hd .cm_clsBtn{
    background: transparent;
}
.wp_wrap .cm_mdsty .md_outer .md_inner .md_hd .cm_clsBtn i{
    font-size: 35px;
    color: #000;
}
.wp_wrap .cm_mdsty .md_outer .md_inner .md_bd{
    flex: 1;
    padding: 20px 50px 50px;
}
.wp_wrap .cm_mdsty .md_outer .md_inner .md_bd .txt_box{
    padding: 15px;
    border: 1px solid #ddd;
    overflow-y: auto;
    min-height: 400px;
    max-height: 400px;
}
.wp_wrap .cm_mdsty .md_outer .md_inner .md_bd .txt_box p{
    font-size: 15px;
    font-family: var(--font-pre400);
    line-height: 1.4;
    color: #333;
    white-space: pre-wrap;
    word-break: break-all;
}
/**********************************************************************************************************************/